survey-react 1.9.104 → 1.9.105

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.104
+ * surveyjs - Survey JavaScript library v1.9.105
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2064,7 +2064,7 @@ var Base = /** @class */ (function () {
             var locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
             if (locStr)
                 return locStr.text;
-            if (defaultValue != null)
+            if (defaultValue !== null && defaultValue !== undefined)
                 return defaultValue;
             var propDefaultValue = this.getDefaultPropertyValue(name);
             if (propDefaultValue !== undefined)
@@ -3390,7 +3390,8 @@ var ChoicesRestful = /** @class */ (function (_super) {
          * @see titleName
          */
         get: function () {
-            return this.getPropertyValue("path", "");
+            var res = this.getPropertyValue("path");
+            return !!res ? res : "";
         },
         set: function (val) {
             this.setPropertyValue("path", val);
@@ -4675,6 +4676,8 @@ var modernCss = {
         small: "sv-row__question--small",
         controls: "sjs_sp_controls",
         placeholder: "sjs_sp_placeholder",
+        canvas: "sjs_sp_canvas",
+        backgroundImage: "sjs_sp__background-image",
         clearButton: "sjs_sp_clear",
     },
     saveData: {
@@ -5065,6 +5068,8 @@ var defaultStandardCss = {
         root: "sv_q_signaturepad sjs_sp_container",
         controls: "sjs_sp_controls",
         placeholder: "sjs_sp_placeholder",
+        canvas: "sjs_sp_canvas",
+        backgroundImage: "sjs_sp__background-image",
         clearButton: "sjs_sp_clear",
     },
     saveData: {
@@ -5712,6 +5717,8 @@ var defaultV2Css = {
         small: "sd-row__question--small",
         controls: "sjs_sp_controls sd-signaturepad__controls",
         placeholder: "sjs_sp_placeholder",
+        canvas: "sjs_sp_canvas sd-signaturepad__canvas",
+        backgroundImage: "sjs_sp__background-image sd-signaturepad__background-image",
         clearButton: "sjs_sp_clear sd-context-btn sd-context-btn--negative sd-signaturepad__clear",
         clearButtonIconId: "icon-clear"
     },
@@ -6413,8 +6420,14 @@ var DragDropChoices = /** @class */ (function (_super) {
     };
     DragDropChoices.prototype.getVisibleChoices = function () {
         var parent = this.parentElement;
-        if (parent.getType() === "ranking")
-            return parent.rankingChoices;
+        if (parent.getType() === "ranking") {
+            if (parent.selectToRankEnabled) {
+                return parent.visibleChoices;
+            }
+            else {
+                return parent.rankingChoices;
+            }
+        }
         return parent.visibleChoices;
     };
     DragDropChoices.prototype.isDropTargetValid = function (dropTarget, dropTargetNode) {
@@ -6596,9 +6609,12 @@ var DragDropCore = /** @class */ (function () {
     DragDropCore.prototype.doDragOver = function () { };
     DragDropCore.prototype.afterDragOver = function (dropTargetNode) { };
     DragDropCore.prototype.findDropTargetNodeFromPoint = function (clientX, clientY) {
-        this.domAdapter.draggedElementShortcut.hidden = true;
+        var displayProp = this.domAdapter.draggedElementShortcut.style.display;
+        //this.domAdapter.draggedElementShortcut.hidden = true;
+        this.domAdapter.draggedElementShortcut.style.display = "none";
         var dragOverNode = document.elementFromPoint(clientX, clientY);
-        this.domAdapter.draggedElementShortcut.hidden = false;
+        // this.domAdapter.draggedElementShortcut.hidden = false;
+        this.domAdapter.draggedElementShortcut.style.display = displayProp || "block";
         if (!dragOverNode)
             return null;
         return this.findDropTargetNodeByDragOverNode(dragOverNode);
@@ -6707,6 +6723,7 @@ if (typeof window !== "undefined") {
 var DragDropDOMAdapter = /** @class */ (function () {
     function DragDropDOMAdapter(dd, longTap) {
         var _this = this;
+        if (longTap === void 0) { longTap = true; }
         this.dd = dd;
         this.longTap = longTap;
         this.scrollIntervalId = null;
@@ -7893,7 +7910,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         this.listModel.setItems(this.getAvailableItems());
     };
     DropdownListModel.prototype.onClick = function (event) {
-        if (this.question.readOnly)
+        if (this.question.readOnly || this.question.isDesignMode)
             return;
         this._popupModel.toggleVisibility();
         this.focusItemOnClickAndPopup();
@@ -7908,6 +7925,9 @@ var DropdownListModel = /** @class */ (function (_super) {
         if (options.name == "value") {
             this.showInputFieldComponent = this.question.showInputFieldComponent;
         }
+        if (options.name == "choicesLazyLoadEnabled" && options.newValue) {
+            this.listModel.setOnFilterStringChangedCallback(this.listModelFilterStringChanged);
+        }
     };
     DropdownListModel.prototype.focusItemOnClickAndPopup = function () {
         if (this._popupModel.isVisible && this.question.value)
@@ -8661,7 +8681,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, 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, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, 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, 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, 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";
@@ -8991,6 +9011,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerRunExpression", function() { return _trigger__WEBPACK_IMPORTED_MODULE_61__["SurveyTriggerRunExpression"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerSkip", function() { return _trigger__WEBPACK_IMPORTED_MODULE_61__["SurveyTriggerSkip"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Trigger", function() { return _trigger__WEBPACK_IMPORTED_MODULE_61__["Trigger"]; });
 
 /* harmony import */ var _popup_survey__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../../popup-survey */ "./src/popup-survey.ts");
@@ -9122,8 +9144,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.104";
-ReleaseDate = "" + "2023-08-22";
+Version = "" + "1.9.105";
+ReleaseDate = "" + "2023-08-30";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9271,7 +9293,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, 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, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, TooltipManager, DragOrClickHelper */
+/*! 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, 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, 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, TooltipManager, DragOrClickHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9545,6 +9567,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerRunExpression", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["SurveyTriggerRunExpression"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerSkip", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["SurveyTriggerSkip"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Trigger", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["Trigger"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupSurveyModel", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["PopupSurveyModel"]; });
@@ -9724,7 +9748,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, 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, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, TooltipManager, DragOrClickHelper, Model */
+/*! 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, 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, 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, TooltipManager, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9998,6 +10022,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerRunExpression", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["SurveyTriggerRunExpression"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerSkip", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["SurveyTriggerSkip"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Trigger", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["Trigger"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupSurveyModel", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["PopupSurveyModel"]; });
@@ -10537,7 +10563,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, 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, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, 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, TooltipManager, 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, 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, SurveyLocStringViewer, SurveyLocStringEditor */
+/*! 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, 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, 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, TooltipManager, 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, 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, SurveyLocStringViewer, SurveyLocStringEditor */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10811,6 +10837,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerRunExpression", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["SurveyTriggerRunExpression"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerSkip", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["SurveyTriggerSkip"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Trigger", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["Trigger"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupSurveyModel", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["PopupSurveyModel"]; });
@@ -16161,8 +16189,8 @@ var Helpers = /** @class */ (function () {
             !Array.isArray(value) &&
             !isNaN(value));
     };
-    Helpers.isValueObject = function (val) {
-        return val instanceof Object;
+    Helpers.isValueObject = function (val, excludeArray) {
+        return val instanceof Object && (!excludeArray || !Array.isArray(val));
     };
     Helpers.isNumber = function (value) {
         return !isNaN(this.getNumber(value));
@@ -19567,6 +19595,9 @@ var ListModel = /** @class */ (function (_super) {
             }
         }, ms);
     };
+    ListModel.prototype.setOnFilterStringChangedCallback = function (callback) {
+        this.onFilterStringChangedCallback = callback;
+    };
     ListModel.prototype.setItems = function (items, sortByVisibleIndex) {
         var _this = this;
         if (sortByVisibleIndex === void 0) { sortByVisibleIndex = true; }
@@ -28082,9 +28113,12 @@ var PanelModelBase = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    PanelModelBase.prototype.delete = function () {
+    PanelModelBase.prototype.delete = function (doDispose) {
+        if (doDispose === void 0) { doDispose = true; }
         this.removeFromParent();
-        this.dispose();
+        if (doDispose) {
+            this.dispose();
+        }
     };
     PanelModelBase.prototype.removeFromParent = function () { };
     PanelModelBase.prototype.canShowTitle = function () { return true; };
@@ -30267,6 +30301,8 @@ var defaultCss = {
         root: "sv_q_signaturepad sjs_sp_container",
         controls: "sjs_sp_controls",
         placeholder: "sjs_sp_placeholder",
+        canvas: "sjs_sp_canvas",
+        backgroundImage: "sjs_sp__background-image",
         clearButton: "sjs_sp_clear",
     },
     saveData: {
@@ -30724,6 +30760,8 @@ var defaultCss = {
         root: "sv_q_signaturepad sjs_sp_container",
         controls: "sjs_sp_controls",
         placeholder: "sjs_sp_placeholder",
+        canvas: "sjs_sp_canvas",
+        backgroundImage: "sjs_sp__background-image",
         clearButton: "sjs_sp_clear",
     },
     saveData: {
@@ -31162,6 +31200,8 @@ function setStyles() {
         ".sv_main .sjs_sp_controls > button": "user-select: none;",
         ".sv_main .sjs_sp_container>div>canvas:focus": "outline: none;",
         ".sv_main .sjs_sp_placeholder": "display: flex;  align-items: center; justify-content: center; position: absolute; z-index: 0; user-select: none; pointer-events: none; width: 100%; height: 100%;",
+        ".sv_main .sjs_sp_canvas": "position: absolute; top: 0; left: 0;",
+        ".sv_main .sjs_sp__background-image": "position: absolute; top: 0; left: 0;",
         // logo
         // ".sv_main .sv_header": "white-space: nowrap;",
         ".sv_main .sv_logo": "",
@@ -32820,9 +32860,15 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.getPanel = function () {
         return null;
     };
-    Question.prototype.delete = function () {
+    Question.prototype.delete = function (doDispose) {
+        if (doDispose === void 0) { doDispose = true; }
         this.removeFromParent();
-        this.dispose();
+        if (doDispose) {
+            this.dispose();
+        }
+        else {
+            this.resetDependedQuestions();
+        }
     };
     Question.prototype.removeFromParent = function () {
         if (!!this.parent) {
@@ -33065,6 +33111,7 @@ var Question = /** @class */ (function (_super) {
         if (isLight !== true) {
             this.runConditions();
         }
+        this.calcRenderedCommentPlaceholder();
     };
     Object.defineProperty(Question.prototype, "parent", {
         /**
@@ -33375,6 +33422,17 @@ var Question = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Question.prototype, "renderedCommentPlaceholder", {
+        get: function () {
+            return this.getPropertyValue("renderedCommentPlaceholder");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Question.prototype.calcRenderedCommentPlaceholder = function () {
+        var res = !this.isReadOnly ? this.commentPlaceHolder : undefined;
+        this.setPropertyValue("renderedCommentPlaceholder", res);
+    };
     Question.prototype.getAllErrors = function () {
         return this.errors.slice();
     };
@@ -33401,6 +33459,7 @@ var Question = /** @class */ (function (_super) {
     };
     Question.prototype.localeChanged = function () {
         _super.prototype.localeChanged.call(this);
+        this.calcRenderedCommentPlaceholder();
         if (!!this.localeChangedCallback) {
             this.localeChangedCallback();
         }
@@ -33412,6 +33471,11 @@ var Question = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Question.prototype, "isContainer", {
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
     Question.prototype.updateCommentElements = function () {
         if (!this.autoGrowComment || !Array.isArray(this.commentElements))
             return;
@@ -33782,7 +33846,7 @@ var Question = /** @class */ (function (_super) {
      * Moves focus to the input field of this question.
      * @param onError Pass `true` if you want to focus an input field with the first validation error. Default value: `false` (focuses the first input field). Applies to question types with multiple input fields.
      */
-    Question.prototype.focus = function (onError) {
+    Question.prototype.focus = function (onError, scrollIfVisible) {
         if (onError === void 0) { onError = false; }
         if (this.isDesignMode || !this.isVisible || !this.survey)
             return;
@@ -33792,14 +33856,14 @@ var Question = /** @class */ (function (_super) {
             this.survey.focusQuestionByInstance(this, onError);
         }
         else {
-            this.focuscore(onError);
+            this.focuscore(onError, scrollIfVisible);
         }
     };
-    Question.prototype.focuscore = function (onError) {
+    Question.prototype.focuscore = function (onError, scrollIfVisible) {
         if (onError === void 0) { onError = false; }
         if (!!this.survey) {
             this.expandAllParents(this);
-            this.survey.scrollElementToTop(this, this, null, this.id);
+            this.survey.scrollElementToTop(this, this, null, this.id, scrollIfVisible);
         }
         var id = !onError
             ? this.getFirstInputElementId()
@@ -33818,7 +33882,7 @@ var Question = /** @class */ (function (_super) {
         this.expandAllParents(element.parentQuestion);
     };
     Question.prototype.focusIn = function () {
-        if (!this.survey)
+        if (!this.survey || this.isDisposed || this.isContainer)
             return;
         this.survey.whenQuestionFocusIn(this);
     };
@@ -34028,6 +34092,7 @@ var Question = /** @class */ (function (_super) {
         this.setPropertyValue("isInputReadOnly", this.isInputReadOnly);
         _super.prototype.onReadOnlyChanged.call(this);
         this.updateQuestionCss();
+        this.calcRenderedCommentPlaceholder();
     };
     Object.defineProperty(Question.prototype, "enableIf", {
         /**
@@ -34100,6 +34165,7 @@ var Question = /** @class */ (function (_super) {
         if (this.isEmpty()) {
             this.initDataFromSurvey();
         }
+        this.calcRenderedCommentPlaceholder();
         this.onIndentChanged();
     };
     Question.prototype.onSetData = function () {
@@ -34456,7 +34522,7 @@ var Question = /** @class */ (function (_super) {
                 questionPlainData.questionType = this.getType();
             }
             (options.calculations || []).forEach(function (calculation) {
-                questionPlainData[calculation.propertyName] = _this[calculation.propertyName];
+                questionPlainData[calculation.propertyName] = _this.getPlainDataCalculatedValue(calculation.propertyName);
             });
             if (this.hasComment) {
                 questionPlainData.isNode = true;
@@ -34478,6 +34544,9 @@ var Question = /** @class */ (function (_super) {
         }
         return undefined;
     };
+    Question.prototype.getPlainDataCalculatedValue = function (propName) {
+        return this[propName];
+    };
     Object.defineProperty(Question.prototype, "correctAnswer", {
         /**
          * A correct answer to this question. Specify this property if you want to [create a quiz](https://surveyjs.io/form-library/documentation/design-survey-create-a-quiz).
@@ -34792,6 +34861,9 @@ var Question = /** @class */ (function (_super) {
                 this.survey.beforeSettingQuestionErrors(this, errors);
             }
             this.errors = errors;
+            if (this.errors !== errors) {
+                this.errors.forEach(function (er) { return er.locText.strChanged(); });
+            }
         }
         this.updateContainsErrors();
         if (oldHasErrors != errors.length > 0) {
@@ -34942,10 +35014,8 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.setNewValue = function (newValue) {
         if (this.isNewValueEqualsToValue(newValue))
             return;
-        if (!this.isValueEmpty(newValue, !this.allowSpaceAsAnswer) && !this.isNewValueCorrect(newValue)) {
-            _console_warnings__WEBPACK_IMPORTED_MODULE_12__["ConsoleWarnings"].inCorrectQuestionValue(this.name, newValue);
+        if (!this.checkIsValueCorrect(newValue))
             return;
-        }
         this.isOldAnswered = this.isAnswered;
         this.setNewValueInData(newValue);
         this.allowNotifyValueChanged && this.onValueChanged();
@@ -34954,6 +35024,13 @@ var Question = /** @class */ (function (_super) {
         }
         this.isOldAnswered = undefined;
     };
+    Question.prototype.checkIsValueCorrect = function (val) {
+        var res = this.isValueEmpty(val, !this.allowSpaceAsAnswer) || this.isNewValueCorrect(val);
+        if (!res) {
+            _console_warnings__WEBPACK_IMPORTED_MODULE_12__["ConsoleWarnings"].inCorrectQuestionValue(this.name, val);
+        }
+        return res;
+    };
     Question.prototype.isNewValueCorrect = function (val) {
         return true;
     };
@@ -35036,6 +35113,8 @@ var Question = /** @class */ (function (_super) {
         if (!!this.valueFromDataCallback) {
             newValue = this.valueFromDataCallback(newValue);
         }
+        if (!this.checkIsValueCorrect(newValue))
+            return;
         this.setQuestionValue(this.valueFromData(newValue));
         this.updateDependedQuestions();
         this.updateIsAnswered();
@@ -35148,6 +35227,11 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.processPopupVisiblilityChanged = function (popupModel, visible) {
         this.survey.processPopupVisiblityChanged(this, popupModel, visible);
     };
+    Question.prototype.onTextKeyDownHandler = function (event) {
+        if (event.keyCode === 13) {
+            this.survey.questionEditFinishCallback(this, event);
+        }
+    };
     Question.prototype.transformToMobileView = function () { };
     Question.prototype.transformToDesktopView = function () { };
     Question.prototype.needResponsiveWidth = function () {
@@ -35269,10 +35353,13 @@ var Question = /** @class */ (function (_super) {
     };
     Question.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
+        this.resetDependedQuestions();
+        this.destroyResizeObserver();
+    };
+    Question.prototype.resetDependedQuestions = function () {
         for (var i = 0; i < this.dependedQuestions.length; i++) {
             this.dependedQuestions[i].resetDependedQuestion();
         }
-        this.destroyResizeObserver();
     };
     Question.TextPreprocessorValuesMap = {
         title: "processedTitle",
@@ -35288,7 +35375,7 @@ var Question = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], Question.prototype, "forceIsInputReadOnly", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: true })
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: true, onSet: function (val, target) { return target.calcRenderedCommentPlaceholder(); } })
     ], Question.prototype, "commentPlaceholder", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
@@ -37859,7 +37946,7 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
             return this.value == this.getValueTrue();
         },
         set: function (val) {
-            if (this.isReadOnly) {
+            if (this.isReadOnly || this.isDesignMode) {
                 return;
             }
             this.setBooleanValue(val);
@@ -38108,9 +38195,8 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
     };
     QuestionBooleanModel.prototype.onKeyDownCore = function (event) {
         if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_4__["preventDefaults"])(event);
+            event.stopPropagation();
             this.calculateBooleanValueByEvent(event, event.key === "ArrowRight");
-            return;
         }
         return true;
     };
@@ -40000,6 +40086,16 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
             questions[i].onAnyValueChanged(name);
         }
     };
+    Object.defineProperty(QuestionCompositeModel.prototype, "hasSingleInput", {
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionCompositeModel.prototype, "isContainer", {
+        get: function () { return true; },
+        enumerable: false,
+        configurable: true
+    });
     QuestionCompositeModel.prototype.createPanel = function () {
         var _this = this;
         var res = _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass("panel");
@@ -41260,12 +41356,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _question__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./question */ "./src/question.ts");
 /* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./jsonobject */ "./src/jsonobject.ts");
 /* harmony import */ var _questionfactory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./questionfactory */ "./src/questionfactory.ts");
-/* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./error */ "./src/error.ts");
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
-/* harmony import */ var _actions_container__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./actions/container */ "./src/actions/container.ts");
-/* harmony import */ var _actions_action__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./actions/action */ "./src/actions/action.ts");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./helpers */ "./src/helpers.ts");
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./base */ "./src/base.ts");
+/* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./error */ "./src/error.ts");
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
+/* harmony import */ var _actions_container__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./actions/container */ "./src/actions/container.ts");
+/* 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");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -41296,6 +41393,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 /**
  * A class that describes the File Upload question type.
  *
@@ -41319,7 +41417,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
          */
         _this.onUploadStateChanged = _this.addEvent();
         _this.onStateChanged = _this.addEvent();
-        _this.mobileFileNavigator = new _actions_container__WEBPACK_IMPORTED_MODULE_6__["ActionContainer"]();
+        _this.mobileFileNavigator = new _actions_container__WEBPACK_IMPORTED_MODULE_7__["ActionContainer"]();
         _this.dragCounter = 0;
         _this.onDragEnter = function (event) {
             if (!_this.isInputReadOnly) {
@@ -41359,23 +41457,23 @@ var QuestionFileModel = /** @class */ (function (_super) {
         };
         _this.doClean = function (event) {
             if (_this.needConfirmRemoveFile) {
-                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["confirmActionAsync"])(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); });
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(_this.confirmRemoveAllMessage, function () { _this.clearFilesCore(); });
                 return;
             }
             _this.clearFilesCore();
         };
         _this.doDownloadFile = function (event, data) {
-            if (Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["detectIEOrEdge"])()) {
+            if (Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["detectIEOrEdge"])()) {
                 event.preventDefault();
-                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["loadFileFromBase64"])(data.content, data.name);
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["loadFileFromBase64"])(data.content, data.name);
             }
         };
-        _this.fileIndexAction = new _actions_action__WEBPACK_IMPORTED_MODULE_7__["Action"]({
+        _this.fileIndexAction = new _actions_action__WEBPACK_IMPORTED_MODULE_8__["Action"]({
             id: "fileIndex",
             title: _this.getFileIndexCaption(),
             enabled: false
         });
-        _this.prevFileAction = new _actions_action__WEBPACK_IMPORTED_MODULE_7__["Action"]({
+        _this.prevFileAction = new _actions_action__WEBPACK_IMPORTED_MODULE_8__["Action"]({
             id: "prevPage",
             iconSize: 16,
             action: function () {
@@ -41383,7 +41481,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
                 _this.fileIndexAction.title = _this.getFileIndexCaption();
             }
         });
-        _this.nextFileAction = new _actions_action__WEBPACK_IMPORTED_MODULE_7__["Action"]({
+        _this.nextFileAction = new _actions_action__WEBPACK_IMPORTED_MODULE_8__["Action"]({
             id: "nextPage",
             iconSize: 16,
             action: function () {
@@ -41576,6 +41674,21 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.getConfirmRemoveMessage = function (fileName) {
         return this.confirmRemoveMessage.format(fileName);
     };
+    Object.defineProperty(QuestionFileModel.prototype, "renderedPlaceholder", {
+        get: function () {
+            var _this = this;
+            if (this.renderedPlaceholderValue === undefined) {
+                this.renderedPlaceholderValue = (new _base__WEBPACK_IMPORTED_MODULE_3__["ComputedUpdater"](function () {
+                    var dragAreaText = _this.dragAreaPlaceholder;
+                    var readOnlyText = _this.noFileChosenCaption;
+                    return _this.isReadOnly ? readOnlyText : dragAreaText;
+                }));
+            }
+            return this.renderedPlaceholderValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionFileModel.prototype, "inputTitle", {
         get: function () {
             if (this.isUploading)
@@ -41654,7 +41767,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
             if (status === "success") {
                 var oldValue = _this.value;
                 if (Array.isArray(oldValue)) {
-                    _this.value = oldValue.filter(function (f) { return !_helpers__WEBPACK_IMPORTED_MODULE_8__["Helpers"].isTwoValueEquals(f, content, true, false, false); });
+                    _this.value = oldValue.filter(function (f) { return !_helpers__WEBPACK_IMPORTED_MODULE_9__["Helpers"].isTwoValueEquals(f, content, true, false, false); });
                 }
                 else {
                     _this.value = undefined;
@@ -41764,7 +41877,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.onCheckForErrors = function (errors, isOnValueChanged) {
         _super.prototype.onCheckForErrors.call(this, errors, isOnValueChanged);
         if (this.isUploading && this.waitForUpload) {
-            errors.push(new _error__WEBPACK_IMPORTED_MODULE_3__["UploadingFileError"](this.getLocalizationString("uploadingFile"), this));
+            errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["UploadingFileError"](this.getLocalizationString("uploadingFile"), this));
         }
     };
     QuestionFileModel.prototype.stateChanged = function (state) {
@@ -41789,7 +41902,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
         var errorLength = this.errors ? this.errors.length : 0;
         (files || []).forEach(function (file) {
             if (_this.maxSize > 0 && file.size > _this.maxSize) {
-                _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_3__["ExceedSizeError"](_this.maxSize, _this));
+                _this.errors.push(new _error__WEBPACK_IMPORTED_MODULE_4__["ExceedSizeError"](_this.maxSize, _this));
             }
         });
         return errorLength === this.errors.length;
@@ -41829,7 +41942,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
     };
     QuestionFileModel.prototype.getChooseFileCss = function () {
         var isAnswered = this.isAnswered;
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append(this.cssClasses.chooseFile)
             .append(this.cssClasses.controlDisabled, this.isReadOnly)
             .append(this.cssClasses.chooseFileAsText, !isAnswered)
@@ -41838,14 +41951,14 @@ var QuestionFileModel = /** @class */ (function (_super) {
             .toString();
     };
     QuestionFileModel.prototype.getReadOnlyFileCss = function () {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append("form-control")
             .append(this.cssClasses.placeholderInput)
             .toString();
     };
     Object.defineProperty(QuestionFileModel.prototype, "fileRootCss", {
         get: function () {
-            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+            return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
                 .append(this.cssClasses.root)
                 .append(this.cssClasses.single, !this.allowMultiple)
                 .append(this.cssClasses.singleImage, !this.allowMultiple && this.isAnswered && this.canPreviewImage(this.value[0]))
@@ -41856,7 +41969,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionFileModel.prototype.getFileDecoratorCss = function () {
-        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
+        return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
             .append(this.cssClasses.fileDecorator)
             .append(this.cssClasses.onError, this.errors.length > 0)
             .append(this.cssClasses.fileDecoratorDrag, this.isDragging)
@@ -41899,7 +42012,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
     QuestionFileModel.prototype.doRemoveFile = function (data) {
         var _this = this;
         if (this.needConfirmRemoveFile) {
-            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_5__["confirmActionAsync"])(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); });
+            Object(_utils_utils__WEBPACK_IMPORTED_MODULE_6__["confirmActionAsync"])(this.getConfirmRemoveMessage(data.name), function () { _this.removeFileCore(data); });
             return;
         }
         this.removeFileCore(data);
@@ -41956,6 +42069,9 @@ var QuestionFileModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "fileDragAreaPlaceholder" } })
     ], QuestionFileModel.prototype, "dragAreaPlaceholder", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], QuestionFileModel.prototype, "renderedPlaceholderValue", void 0);
     return QuestionFileModel;
 }(_question__WEBPACK_IMPORTED_MODULE_0__["Question"]));
 
@@ -42988,9 +43104,11 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
     QuestionImagePickerModel.prototype.afterRender = function (el) {
         var _this = this;
         _super.prototype.afterRender.call(this, el);
-        if (el && el.querySelector(this.getObservedElementSelector())) {
+        var selector = this.getObservedElementSelector();
+        var observedElement = el && selector ? el.querySelector(selector) : undefined;
+        if (!!observedElement) {
             this.reCalcGapBetweenItemsCallback = function () {
-                _this.gapBetweenItems = Math.ceil(Number.parseFloat(window.getComputedStyle(el.querySelector(_this.getObservedElementSelector())).gap)) || 16;
+                _this.gapBetweenItems = Math.ceil(Number.parseFloat(window.getComputedStyle(observedElement).gap)) || 16;
             };
             this.reCalcGapBetweenItemsCallback();
         }
@@ -43533,7 +43651,7 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         this.rows = this.sortVisibleRows(this.rows);
     };
     QuestionMatrixModel.prototype.isNewValueCorrect = function (val) {
-        return _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isValueObject(val);
+        return _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isValueObject(val, true);
     };
     QuestionMatrixModel.prototype.processRowsOnSet = function (newRows) {
         return this.sortVisibleRows(newRows);
@@ -43992,7 +44110,7 @@ var QuestionMatrixDropdownModel = /** @class */ (function (_super) {
         return res;
     };
     QuestionMatrixDropdownModel.prototype.isNewValueCorrect = function (val) {
-        return _helpers__WEBPACK_IMPORTED_MODULE_4__["Helpers"].isValueObject(val);
+        return _helpers__WEBPACK_IMPORTED_MODULE_4__["Helpers"].isValueObject(val, true);
     };
     QuestionMatrixDropdownModel.prototype.clearIncorrectValues = function () {
         var val = this.value;
@@ -44456,15 +44574,14 @@ var MatrixDropdownRowModelBase = /** @class */ (function () {
         }
         values[MatrixDropdownRowModelBase.IndexVariableName] = this.rowIndex;
         values[MatrixDropdownRowModelBase.RowValueVariableName] = this.rowName;
-        if (!properties)
-            properties = {};
-        properties[MatrixDropdownRowModelBase.RowVariableName] = this;
+        var newProps = _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].createCopy(properties);
+        newProps[MatrixDropdownRowModelBase.RowVariableName] = this;
         for (var i = 0; i < this.cells.length; i++) {
             values[MatrixDropdownRowModelBase.RowVariableName] = this.value;
-            this.cells[i].runCondition(values, properties);
+            this.cells[i].runCondition(values, newProps);
         }
         if (!!this.detailPanel) {
-            this.detailPanel.runCondition(values, properties);
+            this.detailPanel.runCondition(values, newProps);
         }
     };
     MatrixDropdownRowModelBase.prototype.clearValue = function () {
@@ -44955,9 +45072,12 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         this.clearGeneratedRows();
     };
     Object.defineProperty(QuestionMatrixDropdownModelBase.prototype, "hasSingleInput", {
-        get: function () {
-            return false;
-        },
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionMatrixDropdownModelBase.prototype, "isContainer", {
+        get: function () { return true; },
         enumerable: false,
         configurable: true
     });
@@ -45024,7 +45144,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionMatrixDropdownModelBase.prototype, "detailErrorLocation", {
         /**
-         * Specifies the error message position for question within detail sections.
+         * Specifies the error message position for questions within detail sections.
          *
          * Possible values:
          *
@@ -45533,10 +45653,10 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     QuestionMatrixDropdownModelBase.prototype.checkColumnsVisibility = function () {
         var hasChanged = false;
         for (var i = 0; i < this.visibleColumns.length; i++) {
-            if (!this.visibleColumns[i].visibleIf)
+            var column = this.visibleColumns[i];
+            if (!column.visibleIf && !column.isFilteredMultipleColumns)
                 continue;
-            hasChanged =
-                this.isColumnVisibilityChanged(this.visibleColumns[i]) || hasChanged;
+            hasChanged = this.isColumnVisibilityChanged(column) || hasChanged;
         }
         if (hasChanged) {
             this.resetRenderedTable();
@@ -45560,20 +45680,43 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     };
     QuestionMatrixDropdownModelBase.prototype.isColumnVisibilityChanged = function (column) {
         var curVis = column.hasVisibleCell;
+        var isMultipleColumnsVisibility = column.isFilteredMultipleColumns;
+        var curVisibleChoices = isMultipleColumnsVisibility ? column.getVisibleChoicesInCell : [];
+        var newVisibleChoices = new Array();
         var hasVisCell = false;
         var rows = this.generatedVisibleRows;
         for (var i = 0; i < rows.length; i++) {
             var cell = rows[i].cells[column.index];
-            if (!!cell && !!cell.question && cell.question.isVisible) {
+            var q = cell === null || cell === void 0 ? void 0 : cell.question;
+            if (!!q && q.isVisible) {
                 hasVisCell = true;
-                break;
+                if (isMultipleColumnsVisibility) {
+                    this.updateNewVisibleChoices(q, newVisibleChoices);
+                }
+                else
+                    break;
             }
         }
         if (curVis != hasVisCell) {
             column.hasVisibleCell = hasVisCell;
         }
+        if (isMultipleColumnsVisibility) {
+            column.setVisibleChoicesInCell(newVisibleChoices);
+            if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isArraysEqual(curVisibleChoices, newVisibleChoices, true, false, false))
+                return true;
+        }
         return curVis != hasVisCell;
     };
+    QuestionMatrixDropdownModelBase.prototype.updateNewVisibleChoices = function (q, dest) {
+        var choices = q.visibleChoices;
+        if (!Array.isArray(choices))
+            return;
+        for (var i = 0; i < choices.length; i++) {
+            var ch = choices[i];
+            if (dest.indexOf(ch.value) < 0)
+                dest.push(ch.value);
+        }
+    };
     QuestionMatrixDropdownModelBase.prototype.runTotalsCondition = function (values, properties) {
         if (!this.generatedTotalRow)
             return;
@@ -45913,9 +46056,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
     };
     QuestionMatrixDropdownModelBase.prototype.getPlainData = function (options) {
         var _this = this;
-        if (options === void 0) { options = {
-            includeEmpty: true,
-        }; }
+        if (options === void 0) { options = { includeEmpty: true }; }
         var questionPlainData = _super.prototype.getPlainData.call(this, options);
         if (!!questionPlainData) {
             questionPlainData.isNode = true;
@@ -46819,6 +46960,49 @@ var MatrixDropdownColumn = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    MatrixDropdownColumn.prototype.getVisibleMultipleChoices = function () {
+        var choices = this.templateQuestion.visibleChoices;
+        if (!Array.isArray(choices))
+            return [];
+        if (!Array.isArray(this._visiblechoices))
+            return choices;
+        var res = new Array();
+        for (var i = 0; i < choices.length; i++) {
+            var item = choices[i];
+            if (this._visiblechoices.indexOf(item.value) > -1)
+                res.push(item);
+        }
+        return res;
+    };
+    Object.defineProperty(MatrixDropdownColumn.prototype, "getVisibleChoicesInCell", {
+        get: function () {
+            if (Array.isArray(this._visiblechoices))
+                return this._visiblechoices;
+            var res = this.templateQuestion.visibleChoices;
+            return Array.isArray(res) ? res : [];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    MatrixDropdownColumn.prototype.setVisibleChoicesInCell = function (val) {
+        this._visiblechoices = val;
+    };
+    Object.defineProperty(MatrixDropdownColumn.prototype, "isFilteredMultipleColumns", {
+        get: function () {
+            if (!this.showInMultipleColumns)
+                return false;
+            var choices = this.templateQuestion.choices;
+            if (!Array.isArray(choices))
+                return false;
+            for (var i = 0; i < choices.length; i++) {
+                if (choices[i].visibleIf)
+                    return true;
+            }
+            return false;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(MatrixDropdownColumn.prototype, "name", {
         get: function () {
             return this.templateQuestion.name;
@@ -47644,6 +47828,11 @@ var QuestionMatrixDropdownRenderedCell = /** @class */ (function () {
             .append(matrixCssClasses.choiceCell, this.isChoice)
             .toString();
     };
+    QuestionMatrixDropdownRenderedCell.prototype.focusIn = function () {
+        if (this.question) {
+            this.question.focusIn();
+        }
+    };
     QuestionMatrixDropdownRenderedCell.counter = 1;
     return QuestionMatrixDropdownRenderedCell;
 }());
@@ -48181,6 +48370,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
                 actions.push(new _actions_action__WEBPACK_IMPORTED_MODULE_3__["Action"]({
                     id: "remove-row",
                     iconName: "icon-delete",
+                    iconSize: "auto",
                     component: "sv-action-bar-item",
                     innerCss: new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]().append(this.matrix.cssClasses.button).append(this.matrix.cssClasses.buttonRemove).toString(),
                     location: "end",
@@ -48479,7 +48669,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         var choices = column.templateQuestion.choices;
         if (!!choices && Array.isArray(choices) && choices.length == 0)
             return this.matrix.choices;
-        choices = column.templateQuestion.visibleChoices;
+        choices = column.getVisibleMultipleChoices();
         if (!choices || !Array.isArray(choices))
             return null;
         return choices;
@@ -49821,6 +50011,9 @@ var MultipleTextItemModel = /** @class */ (function (_super) {
             this.editor.setParentQuestion(data);
         }
     };
+    MultipleTextItemModel.prototype.focusIn = function () {
+        this.editor.focusIn();
+    };
     Object.defineProperty(MultipleTextItemModel.prototype, "isRequired", {
         /**
          * Set this property to true, to make the item a required. If a user doesn't fill the item then a validation error will be generated.
@@ -50113,9 +50306,12 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(QuestionMultipleTextModel.prototype, "hasSingleInput", {
-        get: function () {
-            return false;
-        },
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionMultipleTextModel.prototype, "isContainer", {
+        get: function () { return true; },
         enumerable: false,
         configurable: true
     });
@@ -50277,7 +50473,7 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
         return this.getQuestionErrorLocation();
     };
     QuestionMultipleTextModel.prototype.isNewValueCorrect = function (val) {
-        return _helpers__WEBPACK_IMPORTED_MODULE_6__["Helpers"].isValueObject(val);
+        return _helpers__WEBPACK_IMPORTED_MODULE_6__["Helpers"].isValueObject(val, true);
     };
     QuestionMultipleTextModel.prototype.supportGoNextPageAutomatic = function () {
         for (var i = 0; i < this.items.length; i++) {
@@ -50876,10 +51072,18 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["allowAddPanel"], function () { _this.updateNoEntriesTextDefaultLoc(); });
         return _this;
     }
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "isCompositeQuestion", {
+        get: function () { return true; },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "hasSingleInput", {
-        get: function () {
-            return false;
-        },
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "isContainer", {
+        get: function () { return true; },
         enumerable: false,
         configurable: true
     });
@@ -50940,13 +51144,6 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.getType = function () {
         return "paneldynamic";
     };
-    Object.defineProperty(QuestionPanelDynamicModel.prototype, "isCompositeQuestion", {
-        get: function () {
-            return true;
-        },
-        enumerable: false,
-        configurable: true
-    });
     QuestionPanelDynamicModel.prototype.clearOnDeletingContainer = function () {
         this.panels.forEach(function (panel) {
             panel.clearOnDeletingContainer();
@@ -52366,12 +52563,16 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             cachedValues[QuestionPanelDynamicItem.ParentItemVariableName] = this.parent.getValue();
         }
         for (var i = 0; i < this.panels.length; i++) {
-            var panelValues = this.getPanelItemData(this.panels[i].data);
+            var panel = this.panels[i];
+            var panelValues = this.getPanelItemData(panel.data);
             //Should be unique for every panel due async expression support
             var newValues = _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].createCopy(cachedValues);
-            newValues[QuestionPanelDynamicItem.ItemVariableName.toLowerCase()] = panelValues;
+            var panelName = QuestionPanelDynamicItem.ItemVariableName;
+            newValues[panelName] = panelValues;
             newValues[QuestionPanelDynamicItem.IndexVariableName.toLowerCase()] = i;
-            this.panels[i].runCondition(newValues, properties);
+            var newProps = _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].createCopy(properties);
+            newProps[panelName] = panel;
+            panel.runCondition(newValues, newProps);
         }
     };
     QuestionPanelDynamicModel.prototype.onAnyValueChanged = function (name) {
@@ -52807,9 +53008,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         return this.data;
     };
     QuestionPanelDynamicModel.prototype.getPlainData = function (options) {
-        if (options === void 0) { options = {
-            includeEmpty: true,
-        }; }
+        if (options === void 0) { options = { includeEmpty: true }; }
         var questionPlainData = _super.prototype.getPlainData.call(this, options);
         if (!!questionPlainData) {
             questionPlainData.isNode = true;
@@ -54341,6 +54540,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         this.colorsCalculated = true;
     };
     QuestionRatingModel.prototype.getDisplayValueCore = function (keysAsText, value) {
+        if (!this.useRateValues)
+            return _super.prototype.getDisplayValueCore.call(this, keysAsText, value);
         var res = _itemvalue__WEBPACK_IMPORTED_MODULE_0__["ItemValue"].getTextOrHtmlByValue(this.visibleRateValues, value);
         return !!res ? res : value;
     };
@@ -54418,6 +54619,13 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.supportOther = function () {
         return false;
     };
+    QuestionRatingModel.prototype.getPlainDataCalculatedValue = function (propName) {
+        var res = _super.prototype.getPlainDataCalculatedValue.call(this, propName);
+        if (res !== undefined || !this.useRateValues || this.isEmpty())
+            return res;
+        var item = _itemvalue__WEBPACK_IMPORTED_MODULE_0__["ItemValue"].getItemByValue(this.visibleRateValues, this.value);
+        return item ? item[propName] : undefined;
+    };
     Object.defineProperty(QuestionRatingModel.prototype, "minRateDescription", {
         /**
          * Specifies a description for the minimum (first) rate value.
@@ -55124,7 +55332,8 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         signaturePad.penColor = this.penColor || penColorFromTheme || penColorProperty.defaultValue || "#1ab394";
         var backgroundColorProperty = this.getPropertyByName("backgroundColor");
         var backgroundColorFromTheme = penColorFromTheme ? "transparent" : undefined;
-        signaturePad.backgroundColor = this.backgroundColor || backgroundColorFromTheme || backgroundColorProperty.defaultValue || "#ffffff";
+        var background = !!this.backgroundImage ? "transparent" : this.backgroundColor;
+        signaturePad.backgroundColor = background || backgroundColorFromTheme || backgroundColorProperty.defaultValue || "#ffffff";
     };
     QuestionSignaturePadModel.prototype.getCssRoot = function (cssClasses) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_4__["CssClassBuilder"]()
@@ -55300,7 +55509,13 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionSignaturePadModel.prototype, "penColor", {
         /**
-         * Specifies a color for the pen. Accepts hexadecimal colors (`"#FF0000"`), RGB colors (`"rgb(255,0,0)"`), or color names (`"red"`).
+         * Specifies a color for the pen.
+         *
+         * This property accepts color values in the following formats:
+         *
+         * - Hexadecimal colors (`"#FF0000"`)
+         * - RGB colors (`"rgb(255,0,0)"`)
+         * - Color names (`"red"`)
          * @see backgroundColor
          */
         get: function () {
@@ -55308,13 +55523,20 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setPropertyValue("penColor", val);
+            !!this.signaturePad && this.updateColors(this.signaturePad);
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(QuestionSignaturePadModel.prototype, "backgroundColor", {
         /**
-         * Specifies a color for the signature area background.  Accepts hexadecimal colors (`"#FF0000"`), RGB colors (`"rgb(255,0,0)"`), or color names (`"red"`).
+         * Specifies a color for the signature area background. Ignored if [`backgroundImage`](#backgroundImage) is set.
+         *
+         * This property accepts color values in the following formats:
+         *
+         * - Hexadecimal colors (`"#FF0000"`)
+         * - RGB colors (`"rgb(255,0,0)"`)
+         * - Color names (`"red"`)
          * @see penColor
          */
         get: function () {
@@ -55322,6 +55544,22 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setPropertyValue("backgroundColor", val);
+            !!this.signaturePad && this.updateColors(this.signaturePad);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionSignaturePadModel.prototype, "backgroundImage", {
+        /**
+         * An image to display in the background of the signature area. Accepts a base64 or URL string value.
+         * @see backgroundColor
+         */
+        get: function () {
+            return this.getPropertyValue("backgroundImage");
+        },
+        set: function (val) {
+            this.setPropertyValue("backgroundImage", val);
+            !!this.signaturePad && this.updateColors(this.signaturePad);
         },
         enumerable: false,
         configurable: true
@@ -55393,6 +55631,10 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("signaturepad",
         category: "general",
         default: true,
     },
+    {
+        name: "backgroundImage",
+        category: "general",
+    },
     {
         name: "penColor:color",
         category: "general",
@@ -55780,9 +56022,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
             if (_this.isInputTextUpdate) {
                 _this._isWaitingForEnter = event.keyCode === 229;
             }
-            if (event.keyCode === 13) {
-                _this.survey.questionEditFinishCallback(_this, event);
-            }
+            _this.onTextKeyDownHandler(event);
         };
         _this.onChange = function (event) {
             if (event.target === _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].environment.root.activeElement) {
@@ -56237,7 +56477,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
         }
         return newValue;
     };
-    QuestionTextModel.prototype.hasPlaceHolder = function () {
+    QuestionTextModel.prototype.hasPlaceholder = function () {
         return !this.isReadOnly && this.inputType !== "range";
     };
     QuestionTextModel.prototype.isReadOnlyRenderDiv = function () {
@@ -56638,12 +56878,12 @@ var QuestionTextBase = /** @class */ (function (_super) {
     };
     QuestionTextBase.prototype.calcRenderedPlaceholder = function () {
         var res = this.placeHolder;
-        if (!!res && !this.hasPlaceHolder()) {
+        if (!!res && !this.hasPlaceholder()) {
             res = undefined;
         }
         this.setRenderedPlaceholder(res);
     };
-    QuestionTextBase.prototype.hasPlaceHolder = function () {
+    QuestionTextBase.prototype.hasPlaceholder = function () {
         return !this.isReadOnly;
     };
     QuestionTextBase.prototype.setNewValue = function (newValue) {
@@ -62263,7 +62503,9 @@ var SurveyQuestionAndErrorsCell = /** @class */ (function (_super) {
     };
     SurveyQuestionAndErrorsCell.prototype.renderElement = function () {
         var style = this.getCellStyle();
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { ref: this.cellRef, className: this.itemCss, colSpan: this.props.cell.colSpans, "data-responsive-title": this.getHeaderText(), title: this.props.cell.getTitle(), style: style }, this.wrapCell(this.props.cell, (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.cellQuestionWrapper }, this.renderQuestion())))));
+        var cell = this.props.cell;
+        var focusIn = function () { cell.focusIn(); };
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { ref: this.cellRef, className: this.itemCss, colSpan: cell.colSpans, "data-responsive-title": this.getHeaderText(), title: cell.getTitle(), style: style, onFocus: focusIn }, this.wrapCell(this.props.cell, (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.cellQuestionWrapper }, this.renderQuestion())))));
     };
     SurveyQuestionAndErrorsCell.prototype.getCellStyle = function () {
         return null;
@@ -62766,7 +63008,7 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
         return this.props.question.commentId;
     };
     SurveyQuestionCommentItem.prototype.getPlaceholder = function () {
-        return this.props.question.commentPlaceholder;
+        return this.props.question.renderedCommentPlaceholder;
     };
     SurveyQuestionCommentItem.prototype.renderElement = function () {
         var _this = this;
@@ -63565,7 +63807,7 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
             noFileChosen = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.noFileChosen }, this.question.noFileChosenCaption));
         }
         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.dragAreaPlaceholder),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.dragAreaPlaceholder }, this.question.renderedPlaceholder),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.wrapper },
                 chooseFile,
                 noFileChosen)));
@@ -64560,10 +64802,15 @@ var SurveyQuestionMultipleText = /** @class */ (function (_super) {
     SurveyQuestionMultipleText.prototype.renderRow = function (rowIndex, items, cssClasses) {
         var key = "item" + rowIndex;
         var tds = [];
-        for (var i = 0; i < items.length; i++) {
+        var _loop_1 = function (i) {
             var item = items[i];
-            tds.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: "item" + i, className: this.question.cssClasses.cell },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyMultipleTextItem, { question: this.question, item: item, creator: this.creator, cssClasses: cssClasses })));
+            var focusIn = function () { item.focusIn(); };
+            tds.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: "item" + i, className: this_1.question.cssClasses.cell, onFocus: focusIn },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyMultipleTextItem, { question: this_1.question, item: item, creator: this_1.creator, cssClasses: cssClasses })));
+        };
+        var this_1 = this;
+        for (var i = 0; i < items.length; i++) {
+            _loop_1(i);
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("tr", { key: key, className: cssClasses.row }, tds));
     };
@@ -65813,7 +66060,7 @@ var SurveyRow = /** @class */ (function (_super) {
             var css = element.cssClassesValue;
             var focusIn = function () {
                 var el = element;
-                if (el && !el.isDisposed && el.isQuestion) {
+                if (el && el.isQuestion) {
                     el.focusIn();
                 }
             };
@@ -65932,9 +66179,15 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
         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", null,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: 0 })),
+                this.renderBackgroundImage(),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: 0, className: this.question.cssClasses.canvas })),
             clearButton));
     };
+    SurveyQuestionSignaturePad.prototype.renderBackgroundImage = function () {
+        if (!this.question.backgroundImage)
+            return null;
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", { className: this.question.cssClasses.backgroundImage, src: this.question.backgroundImage, width: this.question.signatureWidth, height: this.question.signatureHeight });
+    };
     SurveyQuestionSignaturePad.prototype.renderCleanButton = function () {
         var _this = this;
         if (!this.question.canShowClearButton)
@@ -67711,14 +67964,14 @@ var SurveyElement = /** @class */ (function (_super) {
         }
         return info;
     };
-    SurveyElement.ScrollElementToTop = function (elementId) {
+    SurveyElement.ScrollElementToTop = function (elementId, scrollIfVisible) {
         var root = _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].environment.root;
         if (!elementId || typeof root === "undefined")
             return false;
         var el = root.getElementById(elementId);
         if (!el || !el.scrollIntoView)
             return false;
-        var elemTop = el.getBoundingClientRect().top;
+        var elemTop = scrollIfVisible ? -1 : el.getBoundingClientRect().top;
         if (elemTop < 0)
             el.scrollIntoView();
         return elemTop < 0;
@@ -68328,7 +68581,7 @@ var SurveyElement = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    SurveyElement.prototype.delete = function () { };
+    SurveyElement.prototype.delete = function (doDispose) { };
     /**
      * Returns the survey's [locale](https://surveyjs.io/form-library/documentation/surveymodel#locale).
      *
@@ -69182,7 +69435,8 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.onGetQuestionNo = _this.addEvent();
         /**
-         * Use this event to change the progress text in code.
+         * An event that is raised before the survey displays progress text. Handle this event to change the progress text in code.
+         * @see showProgressBar
          * @see progressBarType
          */
         _this.onProgressText = _this.addEvent();
@@ -69759,7 +70013,7 @@ var SurveyModel = /** @class */ (function (_super) {
          *
          * Many question types allow respondents to leave comments. To enable this functionality, set a question's [`showCommentArea`](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#showCommentArea) property to `true`. Comment values are saved in a separate property. The property name is composed of the question `name` and `commentSuffix`.
          *
-         * Respondents can also leave a comment when they select "Other" in a single- or multi-select question, such as Dropdown or Checkboxes. The property name for the comment value is composed according to the same rules. However, you can use the question `name` as a key to store the comment value instead. Disable the [`storeOthersAsComment`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#storeOthersAsComment) property in this case.
+         * Respondents can also leave comments when they select "Other" in choice-based questions, such as Dropdown or Checkboxes. The property name for the comment value is composed according to the same rules. However, you can use the question `name` as a key to store the comment value instead. Disable the [`storeOthersAsComment`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#storeOthersAsComment) property in this case.
          *
          * [View Demo](https://surveyjs.io/form-library/examples/create-checkboxes-question-in-javascript/ (linkStyle))
          */
@@ -70387,12 +70641,9 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "questionStartIndex", {
         /**
-         * Gets or sets the first question index. The first question index is '1' by default. You may start it from '100' or from 'A', by setting '100' or 'A' to this property.
-         * You can set the start index to "(1)" or "# A)" or "a)" to render question number as (1), # A) and a) accordingly.
-         * @see Question.title
-         * @see requiredText
+         * Specifies the initial number or letter from which to start question numbering.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/survey-processtext/ (linkStyle))
+         * [Question Numbers](https://surveyjs.io/form-library/documentation/design-survey/configure-question-titles#question-numbers (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("questionStartIndex", "");
@@ -70405,11 +70656,12 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "storeOthersAsComment", {
         /**
-         * Gets or sets whether the "Others" option text is stored as question comment.
+         * Specifies whether to store the "Other" option response in a separate property.
+         *
+         * Default value: `true`
          *
-         * By default the entered text in the "Others" input in the checkbox/radiogroup/dropdown is stored as `"question name " + "-Comment"`. The value itself is `"question name": "others"`.
-         * Set this property to `false`, to store the entered text directly in the `"question name"` key.
-         * @see commentSuffix
+         * Respondents can leave comments when they select "Other" in choice-based questions, such as Dropdown or Checkboxes. Comment values are saved in a separate property. The property name is composed of the question `name` and [`commentSuffix`](#commentSuffix). However, you can use the question `name` as a key to store the comment value instead. Disable the `storeOthersAsComment` property in this case.
+         * @see maxOthersLength
          */
         get: function () {
             return this.getPropertyValue("storeOthersAsComment");
@@ -70422,9 +70674,11 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "maxTextLength", {
         /**
-         * Specifies the default maximum length for questions like text and comment, including matrix cell questions.
+         * Specifies the maximum text length in textual questions ([Single-Line Input](https://surveyjs.io/form-library/examples/text-entry-question/), [Long Text](https://surveyjs.io/form-library/examples/add-open-ended-question-to-a-form/), [Multiple Textboxes](https://surveyjs.io/form-library/examples/multiple-text-box-question/)), measured in characters.
+         *
+         * Default value: 0 (unlimited)
          *
-         * The default value is `0`, that means that the text and comment have the same max length as the standard HTML input - 524288 characters: https://www.w3schools.com/tags/att_input_maxlength.asp.
+         * You can override this setting for individual questions if you specify their [`maxLength`](https://surveyjs.io/form-library/documentation/api-reference/text-entry-question-model#maxLength) property.
          * @see maxOthersLength
          */
         get: function () {
@@ -70438,11 +70692,9 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "maxOthersLength", {
         /**
-         * Gets or sets the default maximum length for question comments and others
+         * Specifies the maximum text length for question comments. Applies to questions with the [`showCommentArea`](https://surveyjs.io/form-library/documentation/api-reference/question#showCommentArea) or [`showOtherItem`](https://surveyjs.io/form-library/documentation/api-reference/question#showOtherItem) property set to `true`.
          *
-         * The default value is `0`, that means that the question comments have the same max length as the standard HTML input - 524288 characters: https://www.w3schools.com/tags/att_input_maxlength.asp.
-         * @see Question.showCommentArea
-         * @see Question.showOtherItem
+         * Default value: 0 (unlimited)
          * @see maxTextLength
          */
         get: function () {
@@ -71554,9 +71806,9 @@ var SurveyModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyModel.prototype, "showPageNumbers", {
         /**
-         * Gets or sets whether the survey displays page numbers on pages titles.
+         * Specifies whether page titles contain page numbers.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/survey-options/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/how-to-number-pages-and-questions/ (linkStyle))
          */
         get: function () {
             return this.getPropertyValue("showPageNumbers");
@@ -71744,12 +71996,15 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(SurveyModel.prototype, "questionDescriptionLocation", {
         /**
-         * Gets or sets the question description position. The default value is `underTitle`.
+         * Specifies where to display question descriptions.
          *
-         * The following options are available:
+         * Possible values:
+         *
+         * - `"underTitle"` (default) - Displays descriptions under question titles.
+         * - `"underInput"` - Displays descriptions under the interactive area.
+         *
+         * You can override this setting for individual questions if you specify their [`descriptionLocation`](https://surveyjs.io/form-library/documentation/api-reference/question#descriptionLocation) property.
          *
-         * - `underTitle` - show question description under the question title,
-         * - `underInput` - show question description under the question input instead of question title.
          */
         get: function () {
             return this.getPropertyValue("questionDescriptionLocation");
@@ -74300,7 +74555,7 @@ var SurveyModel = /** @class */ (function (_super) {
         this.onGetMatrixRowActions.fire(this, options);
         return options.actions;
     };
-    SurveyModel.prototype.scrollElementToTop = function (element, question, page, id) {
+    SurveyModel.prototype.scrollElementToTop = function (element, question, page, id, scrollIfVisible) {
         var options = {
             element: element,
             question: question,
@@ -74310,7 +74565,7 @@ var SurveyModel = /** @class */ (function (_super) {
         };
         this.onScrollingElementToTop.fire(this, options);
         if (!options.cancel) {
-            _survey_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElement"].ScrollElementToTop(options.elementId);
+            _survey_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElement"].ScrollElementToTop(options.elementId, scrollIfVisible);
         }
     };
     /**
@@ -74882,7 +75137,7 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         return result;
     };
-    SurveyModel.prototype.checkTriggers = function (key, isOnNextPage, isOnComplete) {
+    SurveyModel.prototype.checkTriggers = function (key, isOnNextPage, isOnComplete, name) {
         if (isOnComplete === void 0) { isOnComplete = false; }
         if (this.isCompleted || this.triggers.length == 0 || this.isDisplayMode)
             return;
@@ -74893,19 +75148,38 @@ var SurveyModel = /** @class */ (function (_super) {
             }
             return;
         }
+        var isQuestionInvalid = false;
+        if (!isOnComplete && name && this.hasRequiredValidQuestionTrigger) {
+            var question = this.getQuestionByValueName(name);
+            isQuestionInvalid = question && !question.validate(false);
+        }
         this.isTriggerIsRunning = true;
         this.triggerKeys = key;
         this.triggerValues = this.getFilteredValues();
         var properties = this.getFilteredProperties();
         var prevCanBeCompleted = this.canBeCompletedByTrigger;
         for (var i = 0; i < this.triggers.length; i++) {
-            this.triggers[i].checkExpression(isOnNextPage, isOnComplete, this.triggerKeys, this.triggerValues, properties);
+            var trigger = this.triggers[i];
+            if (isQuestionInvalid && trigger.requireValidQuestion)
+                continue;
+            trigger.checkExpression(isOnNextPage, isOnComplete, this.triggerKeys, this.triggerValues, properties);
         }
         if (prevCanBeCompleted !== this.canBeCompletedByTrigger) {
             this.updateButtonsVisibility();
         }
         this.isTriggerIsRunning = false;
     };
+    Object.defineProperty(SurveyModel.prototype, "hasRequiredValidQuestionTrigger", {
+        get: function () {
+            for (var i = 0; i < this.triggers.length; i++) {
+                if (this.triggers[i].requireValidQuestion)
+                    return true;
+            }
+            return false;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyModel.prototype.doElementsOnLoad = function () {
         for (var i = 0; i < this.pages.length; i++) {
             this.pages[i].onSurveyLoad();
@@ -75502,7 +75776,7 @@ var SurveyModel = /** @class */ (function (_super) {
         var triggerKeys = {};
         triggerKeys[name] = { newValue: newValue, oldValue: oldValue };
         this.runConditionOnValueChanged(name, newValue);
-        this.checkTriggers(triggerKeys, false);
+        this.checkTriggers(triggerKeys, false, false, name);
         if (allowNotifyValueChanged)
             this.notifyQuestionOnValueChanged(name, newValue);
         if (locNotification !== "text") {
@@ -78050,6 +78324,11 @@ var Trigger = /** @class */ (function (_super) {
             this.onFailure();
         }
     };
+    Object.defineProperty(Trigger.prototype, "requireValidQuestion", {
+        get: function () { return false; },
+        enumerable: false,
+        configurable: true
+    });
     Trigger.prototype.perform = function (values, properties) {
         var _this = this;
         this.conditionRunner.onRunComplete = function (res) {
@@ -78236,6 +78515,11 @@ var SurveyTriggerComplete = /** @class */ (function (_super) {
     SurveyTriggerComplete.prototype.getType = function () {
         return "completetrigger";
     };
+    Object.defineProperty(SurveyTriggerComplete.prototype, "requireValidQuestion", {
+        get: function () { return true; },
+        enumerable: false,
+        configurable: true
+    });
     SurveyTriggerComplete.prototype.isRealExecution = function () {
         return !_settings__WEBPACK_IMPORTED_MODULE_6__["settings"].triggers.executeCompleteOnValueChanged === this.isExecutingOnNextPage;
     };
@@ -78327,6 +78611,11 @@ var SurveyTriggerSkip = /** @class */ (function (_super) {
     SurveyTriggerSkip.prototype.getType = function () {
         return "skiptrigger";
     };
+    Object.defineProperty(SurveyTriggerSkip.prototype, "requireValidQuestion", {
+        get: function () { return this.canBeExecuted(false); },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyTriggerSkip.prototype, "gotoName", {
         get: function () {
             return this.getPropertyValue("gotoName", "");