survey-react 1.9.139 → 1.10.2

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.139
+ * surveyjs - Survey JavaScript library v1.10.2
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -742,8 +742,9 @@ function createDropdownActionModelAdvanced(actionOptions, listOptions, popupOpti
         }
         listOptions.onSelectionChanged(item);
         innerPopupModel.toggleVisibility();
-    }, listOptions.allowSelection, listOptions.selectedItem, listOptions.onFilterStringChangedCallback);
+    }, listOptions.allowSelection, listOptions.selectedItem);
     listModel.locOwner = locOwner;
+    listModel.setOnFilterStringChangedCallback(listOptions.onFilterStringChangedCallback);
     var innerPopupModel = new _popup__WEBPACK_IMPORTED_MODULE_4__["PopupModel"]("sv-list", { model: listModel }, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.verticalPosition, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.horizontalPosition, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.showPointer, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.isModal, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onCancel, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onApply, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onHide, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.onShow, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.cssClass, popupOptions === null || popupOptions === void 0 ? void 0 : popupOptions.title, function () {
         listModel.dispose();
     });
@@ -994,9 +995,9 @@ var Action = /** @class */ (function (_super) {
         //Object.assign(this, item) to support IE11
         if (!!innerItem) {
             for (var key in innerItem) {
-                if (key !== "locTitle") {
-                    _this[key] = innerItem[key];
-                }
+                if (key === "locTitle" || key === "title" && !!_this.locTitle && !!_this.title)
+                    continue;
+                _this[key] = innerItem[key];
             }
         }
         if (!!_this.locTitleName) {
@@ -1867,6 +1868,7 @@ var Base = /** @class */ (function () {
          */
         this.onItemValuePropertyChanged = this.addEvent();
         this.isCreating = true;
+        this.animationAllowedLock = 0;
         this.bindingsValue = new Bindings(this);
         _jsonobject__WEBPACK_IMPORTED_MODULE_2__["CustomPropertiesCollection"].createProperties(this);
         this.onBaseCreating();
@@ -2241,8 +2243,6 @@ var Base = /** @class */ (function () {
      * @param val A new value for the property.
      */
     Base.prototype.setPropertyValue = function (name, val) {
-        if (name) {
-        }
         if (!this.isLoadingFromJson) {
             var prop = this.getPropertyByName(name);
             if (!!prop) {
@@ -2787,6 +2787,22 @@ var Base = /** @class */ (function () {
         if (includeHidden === void 0) { includeHidden = false; }
         return [];
     };
+    Object.defineProperty(Base.prototype, "animationAllowed", {
+        get: function () {
+            return this.getIsAnimationAllowed();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Base.prototype.getIsAnimationAllowed = function () {
+        return _settings__WEBPACK_IMPORTED_MODULE_3__["settings"].animationEnabled && this.animationAllowedLock >= 0 && !this.isLoadingFromJson && !this.isDisposed;
+    };
+    Base.prototype.blockAnimations = function () {
+        this.animationAllowedLock--;
+    };
+    Base.prototype.releaseAnimations = function () {
+        this.animationAllowedLock++;
+    };
     Base.currentDependencis = undefined;
     return Base;
 }());
@@ -5503,7 +5519,11 @@ var defaultV2Css = {
         footer: "sd-paneldynamic__footer",
         panelFooter: "sd-paneldynamic__panel-footer",
         footerButtonsContainer: "sd-paneldynamic__buttons-container",
+        panelsContainer: "sd-paneldynamic__panels-container",
         panelWrapperInRow: "sd-paneldynamic__panel-wrapper--in-row",
+        panelWrapperFadeIn: "sd-paneldynamic__panel-wrapper--fade-in",
+        panelWrapperFadeOut: "sd-paneldynamic__panel-wrapper--fade-out",
+        panelWrapperList: "sd-paneldynamic__panel-wrapper--list",
         progressBtnIcon: "icon-progressbuttonv2",
         noEntriesPlaceholder: "sd-paneldynamic__placeholder sd-question__placeholder",
         compact: "sd-element--with-frame sd-element--compact",
@@ -5890,6 +5910,8 @@ var defaultV2Css = {
         errorsCellBottom: "sd-table__cell--error-bottom",
         itemCell: "sd-table__cell--item",
         row: "sd-table__row",
+        rowFadeIn: "sd-table__row--fade-in",
+        rowFadeOut: "sd-table__row--fade-out",
         expandedRow: "sd-table__row--expanded",
         rowHasPanel: "sd-table__row--has-panel",
         rowHasEndActions: "sd-table__row--has-end-actions",
@@ -5928,6 +5950,8 @@ var defaultV2Css = {
         content: "sd-matrixdynamic__content sd-question__content",
         cell: "sd-table__cell",
         row: "sd-table__row",
+        rowFadeIn: "sd-table__row--fade-in",
+        rowFadeOut: "sd-table__row--fade-out",
         rowHasPanel: "sd-table__row--has-panel",
         rowHasEndActions: "sd-table__row--has-end-actions",
         expandedRow: "sd-table__row--expanded",
@@ -8072,6 +8096,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         _this.showInputFieldComponent = _this.question.showInputFieldComponent;
         _this.listModel = _this.createListModel();
         _this.updateAfterListModelCreated(_this.listModel);
+        _this.setChoicesLazyLoadEnabled(_this.question.choicesLazyLoadEnabled);
         _this.setSearchEnabled(_this.question.searchEnabled);
         _this.setTextWrapEnabled(_this.question.textWrapEnabled);
         _this.createPopup();
@@ -8152,6 +8177,7 @@ var DropdownListModel = /** @class */ (function (_super) {
             }
             if (option.isVisible && _this.question.choicesLazyLoadEnabled) {
                 _this.listModel.actions = [];
+                _this.resetItemsSettings();
                 _this.updateQuestionChoices();
             }
             if (option.isVisible && !!_this.question.onOpenedCallBack) {
@@ -8222,7 +8248,7 @@ var DropdownListModel = /** @class */ (function (_super) {
                 _this.popupModel.isVisible = false;
             };
         }
-        var res = new _list__WEBPACK_IMPORTED_MODULE_4__["ListModel"](visibleItems, _onSelectionChanged, false, undefined, this.question.choicesLazyLoadEnabled ? this.listModelFilterStringChanged : undefined, this.listElementId);
+        var res = new _list__WEBPACK_IMPORTED_MODULE_4__["ListModel"](visibleItems, _onSelectionChanged, false, undefined, this.listElementId);
         this.setOnTextSearchCallbackForListModel(res);
         res.renderElements = false;
         res.forceShowFilter = true;
@@ -8455,6 +8481,9 @@ var DropdownListModel = /** @class */ (function (_super) {
         this.listModel.showSearchClearButton = _utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"];
         this.searchEnabled = newValue;
     };
+    DropdownListModel.prototype.setChoicesLazyLoadEnabled = function (newValue) {
+        this.listModel.setOnFilterStringChangedCallback(newValue ? this.listModelFilterStringChanged : undefined);
+    };
     DropdownListModel.prototype.updateItems = function () {
         this.listModel.setItems(this.getAvailableItems());
     };
@@ -8474,9 +8503,6 @@ 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);
-        }
         if (options.name == "textWrapEnabled") {
             this.setTextWrapEnabled(options.newValue);
         }
@@ -8805,7 +8831,7 @@ var DropdownMultiSelectListModel = /** @class */ (function (_super) {
                 }
             };
         }
-        var res = new _multiSelectListModel__WEBPACK_IMPORTED_MODULE_3__["MultiSelectListModel"](visibleItems, _onSelectionChanged, false, undefined, this.question.choicesLazyLoadEnabled ? this.listModelFilterStringChanged : undefined, this.listElementId);
+        var res = new _multiSelectListModel__WEBPACK_IMPORTED_MODULE_3__["MultiSelectListModel"](visibleItems, _onSelectionChanged, false, undefined, this.listElementId);
         res.actions.forEach(function (a) { return a.disableTabStop = true; });
         this.setOnTextSearchCallbackForListModel(res);
         res.forceShowFilter = true;
@@ -8954,7 +8980,11 @@ var DropdownMultiSelectListModel = /** @class */ (function (_super) {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "dxSurveyService", function() { return dxSurveyService; });
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+/* harmony import */ var _surveyStrings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./surveyStrings */ "./src/surveyStrings.ts");
+
 
+var surveyIOSite = "surveyjs.io";
+var surveyIOMaxPostSize = 65536;
 /**
  * The class contains methods to work with api.surveyjs.io service.
  */
@@ -8973,7 +9003,7 @@ var dxSurveyService = /** @class */ (function () {
     });
     dxSurveyService.prototype.loadSurvey = function (surveyId, onLoad) {
         var xhr = new XMLHttpRequest();
-        xhr.open("GET", dxSurveyService.serviceUrl + "/getSurvey?surveyId=" + surveyId);
+        xhr.open("GET", this.serviceUrl + "/getSurvey?surveyId=" + surveyId);
         xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
         xhr.onload = function () {
             var result = JSON.parse(xhr.response);
@@ -8983,7 +9013,7 @@ var dxSurveyService = /** @class */ (function () {
     };
     dxSurveyService.prototype.getSurveyJsonAndIsCompleted = function (surveyId, clientId, onLoad) {
         var xhr = new XMLHttpRequest();
-        xhr.open("GET", dxSurveyService.serviceUrl +
+        xhr.open("GET", this.serviceUrl +
             "/getSurveyAndIsCompleted?surveyId=" +
             surveyId +
             "&clientId=" +
@@ -8997,11 +9027,34 @@ var dxSurveyService = /** @class */ (function () {
         };
         xhr.send();
     };
+    dxSurveyService.prototype.canSendResult = function (result) {
+        if (!this.isSurveJSIOService)
+            return true;
+        var str = JSON.stringify(result);
+        return str.length < surveyIOMaxPostSize;
+    };
+    Object.defineProperty(dxSurveyService.prototype, "isSurveJSIOService", {
+        get: function () {
+            return this.serviceUrl.indexOf(surveyIOSite) >= 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
     dxSurveyService.prototype.sendResult = function (postId, result, onSendResult, clientId, isPartialCompleted) {
+        if (clientId === void 0) { clientId = null; }
+        if (isPartialCompleted === void 0) { isPartialCompleted = false; }
+        if (!this.canSendResult(result)) {
+            onSendResult(false, _surveyStrings__WEBPACK_IMPORTED_MODULE_1__["surveyLocalization"].getString("savingExceedSize", this.locale), undefined);
+        }
+        else {
+            this.sendResultCore(postId, result, onSendResult, clientId, isPartialCompleted);
+        }
+    };
+    dxSurveyService.prototype.sendResultCore = function (postId, result, onSendResult, clientId, isPartialCompleted) {
         if (clientId === void 0) { clientId = null; }
         if (isPartialCompleted === void 0) { isPartialCompleted = false; }
         var xhr = new XMLHttpRequest();
-        xhr.open("POST", dxSurveyService.serviceUrl + "/post/");
+        xhr.open("POST", this.serviceUrl + "/post/");
         xhr.setRequestHeader("Content-Type", "application/json; charset=utf-8");
         var data = { postId: postId, surveyResult: JSON.stringify(result) };
         if (clientId)
@@ -9009,7 +9062,6 @@ var dxSurveyService = /** @class */ (function () {
         if (isPartialCompleted)
             data["isPartialCompleted"] = true;
         var dataStringify = JSON.stringify(data);
-        var self = this;
         xhr.onload = xhr.onerror = function () {
             if (!onSendResult)
                 return;
@@ -9024,7 +9076,7 @@ var dxSurveyService = /** @class */ (function () {
                 return;
             onSendFile(xhr.status == 200, JSON.parse(xhr.response));
         };
-        xhr.open("POST", dxSurveyService.serviceUrl + "/upload/", true);
+        xhr.open("POST", this.serviceUrl + "/upload/", true);
         var formData = new FormData();
         formData.append("file", file);
         formData.append("postId", postId);
@@ -9033,7 +9085,7 @@ var dxSurveyService = /** @class */ (function () {
     dxSurveyService.prototype.getResult = function (resultId, name, onGetResult) {
         var xhr = new XMLHttpRequest();
         var data = "resultId=" + resultId + "&name=" + name;
-        xhr.open("GET", dxSurveyService.serviceUrl + "/getResult?" + data);
+        xhr.open("GET", this.serviceUrl + "/getResult?" + data);
         xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
         var self = this;
         xhr.onload = function () {
@@ -9054,7 +9106,7 @@ var dxSurveyService = /** @class */ (function () {
     dxSurveyService.prototype.isCompleted = function (resultId, clientId, onIsCompleted) {
         var xhr = new XMLHttpRequest();
         var data = "resultId=" + resultId + "&clientId=" + clientId;
-        xhr.open("GET", dxSurveyService.serviceUrl + "/isCompleted?" + data);
+        xhr.open("GET", this.serviceUrl + "/isCompleted?" + data);
         xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
         var self = this;
         xhr.onload = function () {
@@ -9066,6 +9118,13 @@ var dxSurveyService = /** @class */ (function () {
         };
         xhr.send();
     };
+    Object.defineProperty(dxSurveyService.prototype, "serviceUrl", {
+        get: function () {
+            return dxSurveyService.serviceUrl || "";
+        },
+        enumerable: false,
+        configurable: true
+    });
     return dxSurveyService;
 }());
 
@@ -9747,8 +9806,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.139";
-ReleaseDate = "" + "2024-04-16";
+Version = "" + "1.10.2";
+ReleaseDate = "" + "2024-04-30";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9929,7 +9988,7 @@ function checkPrefix(prefix) {
 /*!**************************************!*\
   !*** ./src/entries/core-wo-model.ts ***!
   \**************************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationBoolean, AnimationGroup, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10381,10 +10440,14 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationGroupUtils", function() { return _utils_animation__WEBPACK_IMPORTED_MODULE_8__["AnimationGroupUtils"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationProperty", function() { return _utils_animation__WEBPACK_IMPORTED_MODULE_8__["AnimationProperty"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationBoolean", function() { return _utils_animation__WEBPACK_IMPORTED_MODULE_8__["AnimationBoolean"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationGroup", function() { return _utils_animation__WEBPACK_IMPORTED_MODULE_8__["AnimationGroup"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationTab", function() { return _utils_animation__WEBPACK_IMPORTED_MODULE_8__["AnimationTab"]; });
+
 /* harmony import */ var _actions_adaptive_container__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../actions/adaptive-container */ "./src/actions/adaptive-container.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AdaptiveActionContainer", function() { return _actions_adaptive_container__WEBPACK_IMPORTED_MODULE_9__["AdaptiveActionContainer"]; });
 
@@ -10420,7 +10483,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*****************************!*\
   !*** ./src/entries/core.ts ***!
   \*****************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationBoolean, AnimationGroup, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10864,10 +10927,14 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationGroupUtils", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["AnimationGroupUtils"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationProperty", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["AnimationProperty"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationBoolean", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["AnimationBoolean"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationGroup", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["AnimationGroup"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationTab", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["AnimationTab"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AdaptiveActionContainer", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["AdaptiveActionContainer"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultActionBarCss", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["defaultActionBarCss"]; });
@@ -10927,7 +10994,7 @@ var defaultBootstrapMaterialCss = _plugins_themes_bootstrapmaterial_cssbootstrap
 /*!***************************************!*\
   !*** ./src/entries/react-ui-model.ts ***!
   \***************************************/
-/*! exports provided: Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
+/*! exports provided: Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, QuestionErrorComponent, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11175,39 +11242,42 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _react_components_survey_actions_survey_nav_button__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../react/components/survey-actions/survey-nav-button */ "./src/react/components/survey-actions/survey-nav-button.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyNavigationButton", function() { return _react_components_survey_actions_survey_nav_button__WEBPACK_IMPORTED_MODULE_70__["SurveyNavigationButton"]; });
 
-/* harmony import */ var _react_components_matrix_row__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../react/components/matrix/row */ "./src/react/components/matrix/row.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixRow", function() { return _react_components_matrix_row__WEBPACK_IMPORTED_MODULE_71__["MatrixRow"]; });
+/* harmony import */ var _react_components_question_error__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../react/components/question-error */ "./src/react/components/question-error.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionErrorComponent", function() { return _react_components_question_error__WEBPACK_IMPORTED_MODULE_71__["QuestionErrorComponent"]; });
 
-/* harmony import */ var _react_components_skeleton__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../react/components/skeleton */ "./src/react/components/skeleton.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Skeleton", function() { return _react_components_skeleton__WEBPACK_IMPORTED_MODULE_72__["Skeleton"]; });
+/* harmony import */ var _react_components_matrix_row__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../react/components/matrix/row */ "./src/react/components/matrix/row.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixRow", function() { return _react_components_matrix_row__WEBPACK_IMPORTED_MODULE_72__["MatrixRow"]; });
 
-/* harmony import */ var _react_components_notifier__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../react/components/notifier */ "./src/react/components/notifier.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NotifierComponent", function() { return _react_components_notifier__WEBPACK_IMPORTED_MODULE_73__["NotifierComponent"]; });
+/* harmony import */ var _react_components_skeleton__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../react/components/skeleton */ "./src/react/components/skeleton.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Skeleton", function() { return _react_components_skeleton__WEBPACK_IMPORTED_MODULE_73__["Skeleton"]; });
 
-/* harmony import */ var _react_components_components_container__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../react/components/components-container */ "./src/react/components/components-container.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComponentsContainer", function() { return _react_components_components_container__WEBPACK_IMPORTED_MODULE_74__["ComponentsContainer"]; });
+/* harmony import */ var _react_components_notifier__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../react/components/notifier */ "./src/react/components/notifier.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "NotifierComponent", function() { return _react_components_notifier__WEBPACK_IMPORTED_MODULE_74__["NotifierComponent"]; });
 
-/* harmony import */ var _react_components_character_counter__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../react/components/character-counter */ "./src/react/components/character-counter.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CharacterCounterComponent", function() { return _react_components_character_counter__WEBPACK_IMPORTED_MODULE_75__["CharacterCounterComponent"]; });
+/* harmony import */ var _react_components_components_container__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../react/components/components-container */ "./src/react/components/components-container.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComponentsContainer", function() { return _react_components_components_container__WEBPACK_IMPORTED_MODULE_75__["ComponentsContainer"]; });
 
-/* harmony import */ var _react_components_header__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../react/components/header */ "./src/react/components/header.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HeaderMobile", function() { return _react_components_header__WEBPACK_IMPORTED_MODULE_76__["HeaderMobile"]; });
+/* harmony import */ var _react_components_character_counter__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../react/components/character-counter */ "./src/react/components/character-counter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CharacterCounterComponent", function() { return _react_components_character_counter__WEBPACK_IMPORTED_MODULE_76__["CharacterCounterComponent"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HeaderCell", function() { return _react_components_header__WEBPACK_IMPORTED_MODULE_76__["HeaderCell"]; });
+/* harmony import */ var _react_components_header__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../react/components/header */ "./src/react/components/header.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HeaderMobile", function() { return _react_components_header__WEBPACK_IMPORTED_MODULE_77__["HeaderMobile"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Header", function() { return _react_components_header__WEBPACK_IMPORTED_MODULE_76__["Header"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HeaderCell", function() { return _react_components_header__WEBPACK_IMPORTED_MODULE_77__["HeaderCell"]; });
 
-/* harmony import */ var _react_string_viewer__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../react/string-viewer */ "./src/react/string-viewer.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLocStringViewer", function() { return _react_string_viewer__WEBPACK_IMPORTED_MODULE_77__["SurveyLocStringViewer"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Header", function() { return _react_components_header__WEBPACK_IMPORTED_MODULE_77__["Header"]; });
 
-/* harmony import */ var _react_string_editor__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../react/string-editor */ "./src/react/string-editor.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLocStringEditor", function() { return _react_string_editor__WEBPACK_IMPORTED_MODULE_78__["SurveyLocStringEditor"]; });
+/* harmony import */ var _react_string_viewer__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../react/string-viewer */ "./src/react/string-viewer.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLocStringViewer", function() { return _react_string_viewer__WEBPACK_IMPORTED_MODULE_78__["SurveyLocStringViewer"]; });
 
-/* harmony import */ var _react_components_loading_indicator__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../react/components/loading-indicator */ "./src/react/components/loading-indicator.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LoadingIndicatorComponent", function() { return _react_components_loading_indicator__WEBPACK_IMPORTED_MODULE_79__["LoadingIndicatorComponent"]; });
+/* harmony import */ var _react_string_editor__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../react/string-editor */ "./src/react/string-editor.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyLocStringEditor", function() { return _react_string_editor__WEBPACK_IMPORTED_MODULE_79__["SurveyLocStringEditor"]; });
 
-/* harmony import */ var _react_svgbundle__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../react/svgbundle */ "./src/react/svgbundle.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SvgBundleComponent", function() { return _react_svgbundle__WEBPACK_IMPORTED_MODULE_80__["SvgBundleComponent"]; });
+/* harmony import */ var _react_components_loading_indicator__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../react/components/loading-indicator */ "./src/react/components/loading-indicator.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "LoadingIndicatorComponent", function() { return _react_components_loading_indicator__WEBPACK_IMPORTED_MODULE_80__["LoadingIndicatorComponent"]; });
+
+/* harmony import */ var _react_svgbundle__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../react/svgbundle */ "./src/react/svgbundle.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SvgBundleComponent", function() { return _react_svgbundle__WEBPACK_IMPORTED_MODULE_81__["SvgBundleComponent"]; });
 
 // react
 
@@ -11289,6 +11359,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
+
 
 
 //Uncomment to include the "date" question type.
@@ -11301,7 +11372,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!******************************!*\
   !*** ./src/entries/react.ts ***!
   \******************************/
-/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationBoolean, AnimationGroup, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, QuestionMatrixDropdownRenderedErrorRow, QuestionMatrixDropdownRenderedTable, MatrixDropdownRowModel, QuestionMatrixDropdownModel, MatrixDynamicRowModel, QuestionMatrixDynamicModel, MatrixRowModel, MatrixCells, QuestionMatrixModel, QuestionMatrixBaseModel, MultipleTextItemModel, MultipleTextCell, MultipleTextErrorCell, MutlipleTextErrorRow, MutlipleTextRow, QuestionMultipleTextModel, MultipleTextEditorModel, PanelModel, PanelModelBase, QuestionRowModel, FlowPanelModel, PageModel, DefaultTitleModel, Question, QuestionNonValue, QuestionEmptyModel, QuestionCheckboxBase, QuestionSelectBase, QuestionCheckboxModel, QuestionTagboxModel, QuestionRankingModel, QuestionCommentModel, QuestionDropdownModel, QuestionFactory, ElementFactory, QuestionFileModel, QuestionHtmlModel, QuestionRadiogroupModel, QuestionRatingModel, RenderedRatingItem, QuestionExpressionModel, QuestionTextBase, CharacterCounter, QuestionTextModel, QuestionBooleanModel, QuestionImagePickerModel, ImageItemValue, QuestionImageModel, QuestionSignaturePadModel, QuestionPanelDynamicModel, QuestionPanelDynamicItem, SurveyTimer, SurveyTimerModel, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, ProgressButtons, ProgressButtonsResponsivityManager, SurveyModel, SurveyTrigger, SurveyTriggerComplete, SurveyTriggerSetValue, SurveyTriggerVisible, SurveyTriggerCopyValue, SurveyTriggerRunExpression, SurveyTriggerSkip, Trigger, PopupSurveyModel, SurveyWindowModel, TextPreProcessor, Notifier, Cover, CoverCell, dxSurveyService, englishStrings, surveyLocalization, surveyStrings, QuestionCustomWidget, CustomWidgetCollection, QuestionCustomModel, QuestionCompositeModel, ComponentQuestionJSON, ComponentCollection, StylesManager, ListModel, MultiSelectListModel, PopupModel, createDialogOptions, PopupBaseViewModel, PopupDropdownViewModel, PopupModalViewModel, createPopupViewModel, createPopupModalViewModel, DropdownListModel, DropdownMultiSelectListModel, QuestionButtonGroupModel, ButtonGroupItemModel, ButtonGroupItemValue, IsMobile, IsTouch, _setIsTouch, confirmAction, confirmActionAsync, detectIEOrEdge, doKey2ClickUp, doKey2ClickDown, doKey2ClickBlur, loadFileFromBase64, increaseHeightByContent, createSvg, chooseFiles, sanitizeEditableContent, InputMaskBase, InputMaskPattern, InputMaskNumeric, InputMaskDateTime, InputMaskCurrency, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, QuestionErrorComponent, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11745,10 +11816,14 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationGroupUtils", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["AnimationGroupUtils"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationProperty", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["AnimationProperty"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationBoolean", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["AnimationBoolean"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationGroup", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["AnimationGroup"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AnimationTab", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["AnimationTab"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "AdaptiveActionContainer", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["AdaptiveActionContainer"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultActionBarCss", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["defaultActionBarCss"]; });
@@ -11950,6 +12025,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyNavigationButton", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["SurveyNavigationButton"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionErrorComponent", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["QuestionErrorComponent"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MatrixRow", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["MatrixRow"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Skeleton", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["Skeleton"]; });
@@ -21295,11 +21372,10 @@ var defaultListCss = {
 };
 var ListModel = /** @class */ (function (_super) {
     __extends(ListModel, _super);
-    function ListModel(items, onSelectionChanged, allowSelection, selectedItem, onFilterStringChangedCallback, elementId) {
+    function ListModel(items, onSelectionChanged, allowSelection, selectedItem, elementId) {
         var _this = _super.call(this) || this;
         _this.onSelectionChanged = onSelectionChanged;
         _this.allowSelection = allowSelection;
-        _this.onFilterStringChangedCallback = onFilterStringChangedCallback;
         _this.elementId = elementId;
         _this.onItemClick = function (itemValue) {
             if (_this.isItemDisabled(itemValue)) {
@@ -22349,6 +22425,7 @@ var arabicSurveyStrings = {
     savingData: "يتم حفظ النتائج على الخادم ...",
     savingDataError: "حدث خطأ ولم نتمكن من حفظ النتائج.",
     savingDataSuccess: "تم حفظ النتائج بنجاح!",
+    savingExceedSize: "ردك يتجاوز 64 كيلوبايت. يرجى تقليل حجم الملف (الملفات) والمحاولة مرة أخرى أو الاتصال بمالك الاستطلاع.",
     saveAgainButton: "حاول مجددا",
     timerMin: "دقيقة",
     timerSec: "ثانية",
@@ -22360,6 +22437,7 @@ var arabicSurveyStrings = {
     timerLimitSurvey: "لقد أنفقت {0} من إجمالي {1}.",
     clearCaption: "واضح",
     signaturePlaceHolder: "وقع هنا",
+    signaturePlaceHolderReadOnly: "لا يوجد توقيع",
     chooseFileCaption: "اختر ملف",
     takePhotoCaption: "التقاط صورة",
     photoPlaceholder: "انقر فوق الزر أدناه لالتقاط صورة باستخدام الكاميرا.",
@@ -22416,7 +22494,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ar"]
 // ok: "OK" => "موافق"
 // cancel: "Cancel" => "إلغاء الأمر"
 // refuseItemText: "Refuse to answer" => "رفض الإجابة"
-// dontKnowItemText: "Don't know" => "لا أعرف"
+// dontKnowItemText: "Don't know" => "لا أعرف"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "ردك يتجاوز 64 كيلوبايت. يرجى تقليل حجم الملف (الملفات) والمحاولة مرة أخرى أو الاتصال بمالك الاستطلاع."
+// signaturePlaceHolderReadOnly: "No signature" => "لا يوجد توقيع"
 
 
 /***/ }),
@@ -22502,6 +22581,7 @@ var basqueSurveyStrings = {
     savingData: "Erantzunak zerbitzarian gordetzen ari dira...",
     savingDataError: "Erroreren bat gertatu eta erantzunak ez dira zerbitzarian gorde ahal izan.",
     savingDataSuccess: "Erantzunak egoki gorde dira!",
+    savingExceedSize: "Erantzuna 64 KB-tik gorakoa da. Murriztu artxiboaren tamaina, eta berriro saiatu edo jarri harremanetan inkesta baten jabearekin.",
     saveAgainButton: "Berriro saiatu.",
     timerMin: "min",
     timerSec: "seg",
@@ -22513,6 +22593,7 @@ var basqueSurveyStrings = {
     timerLimitSurvey: "Zuk orotara {0} gastatu duzu {1}-(e)tik.",
     clearCaption: "Hustu",
     signaturePlaceHolder: "Sinatu hemen",
+    signaturePlaceHolderReadOnly: "Sinadurarik gabe",
     chooseFileCaption: "Fitxategia hautatu",
     takePhotoCaption: "Argazkia hartu",
     photoPlaceholder: "Egin klik beheko botoian, kamerarekin argazki bat hartzeko.",
@@ -22562,7 +22643,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["eu"]
 // ok: "OK" => "Ados"
 // cancel: "Cancel" => "Ezeztatu"
 // refuseItemText: "Refuse to answer" => "Erantzuteari uko egin"
-// dontKnowItemText: "Don't know" => "Ez dakit"
+// dontKnowItemText: "Don't know" => "Ez dakit"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Erantzuna 64 KB-tik gorakoa da. Murriztu artxiboaren tamaina, eta berriro saiatu edo jarri harremanetan inkesta baten jabearekin."
+// signaturePlaceHolderReadOnly: "No signature" => "Sinadurarik gabe"
 
 
 /***/ }),
@@ -22648,6 +22730,7 @@ var bulgarianStrings = {
     savingData: "Резултатите се запазват на сървъра...",
     savingDataError: "Поради възникнала грешка резултатите не можаха да бъдат запазени.",
     savingDataSuccess: "Резултатите бяха запазени успешно!",
+    savingExceedSize: "Вашият отговор надхвърля 64KB. Намалете размера на вашите файлове и опитайте отново или се свържете със собственика на проучването.",
     saveAgainButton: "Нов опит",
     timerMin: "мин",
     timerSec: "сек",
@@ -22659,6 +22742,7 @@ var bulgarianStrings = {
     timerLimitSurvey: "Вие използвахте общо {0} от {1}.",
     clearCaption: "Начално състояние",
     signaturePlaceHolder: "Подпишете тук",
+    signaturePlaceHolderReadOnly: "Няма подпис",
     chooseFileCaption: "Изберете файл",
     takePhotoCaption: "Направете снимка",
     photoPlaceholder: "Кликнете върху бутона по-долу, за да направите снимка с помощта на камерата.",
@@ -22715,7 +22799,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["bg"]
 // ok: "OK" => "Добре"
 // cancel: "Cancel" => "Отмени"
 // refuseItemText: "Refuse to answer" => "Отказва да отговори"
-// dontKnowItemText: "Don't know" => "Не знам"
+// dontKnowItemText: "Don't know" => "Не знам"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Вашият отговор надхвърля 64KB. Намалете размера на вашите файлове и опитайте отново или се свържете със собственика на проучването."
+// signaturePlaceHolderReadOnly: "No signature" => "Няма подпис"
 
 
 /***/ }),
@@ -22801,6 +22886,7 @@ var catalanSurveyStrings = {
     savingData: "Els resultats s'estan guardant al servidor...",
     savingDataError: "S'ha produït un error i no hem pogut guardar els resultats.",
     savingDataSuccess: "Els resultats es van salvar amb èxit!",
+    savingExceedSize: "La teva resposta supera els 64KB. Reduïu la mida dels fitxers i torneu-ho a provar o poseu-vos en contacte amb el propietari de l'enquesta.",
     saveAgainButton: "Prova una altra vegada",
     timerMin: "min",
     timerSec: "Seg",
@@ -22812,6 +22898,7 @@ var catalanSurveyStrings = {
     timerLimitSurvey: "Has gastat {0} d'{1} en total.",
     clearCaption: "Clar",
     signaturePlaceHolder: "Inscriu-te aquí",
+    signaturePlaceHolderReadOnly: "Sense signatura",
     chooseFileCaption: "Tria un fitxer",
     takePhotoCaption: "Fer foto",
     photoPlaceholder: "Feu clic al botó següent per fer una foto amb la càmera.",
@@ -22908,7 +22995,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ca"]
 // ok: "OK" => "D'ACORD"
 // cancel: "Cancel" => "Cancel·lar"
 // refuseItemText: "Refuse to answer" => "Negar-se a respondre"
-// dontKnowItemText: "Don't know" => "No sé"
+// dontKnowItemText: "Don't know" => "No sé"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "La teva resposta supera els 64KB. Reduïu la mida dels fitxers i torneu-ho a provar o poseu-vos en contacte amb el propietari de l'enquesta."
+// signaturePlaceHolderReadOnly: "No signature" => "Sense signatura"
 
 
 /***/ }),
@@ -22994,6 +23082,7 @@ var croatianStrings = {
     savingData: "Rezultati se spremaju na poslužitelju...",
     savingDataError: "Došlo je do pogreške i nismo mogli spremiti rezultate.",
     savingDataSuccess: "Rezultati su uspješno spremljeni!",
+    savingExceedSize: "Vaš odgovor premašuje 64KB. Smanjite veličinu datoteka i pokušajte ponovno ili se obratite vlasniku upitnika.",
     saveAgainButton: "Pokušaj ponovo",
     timerMin: "min",
     timerSec: "sec",
@@ -23005,6 +23094,7 @@ var croatianStrings = {
     timerLimitSurvey: "Ukupno ste potrošili {0} od {1}.",
     clearCaption: "Očistiti",
     signaturePlaceHolder: "Potpiši ovdje",
+    signaturePlaceHolderReadOnly: "Bez potpisa",
     chooseFileCaption: "Odaberite datoteku",
     takePhotoCaption: "Snimi fotografiju",
     photoPlaceholder: "Kliknite donji gumb da biste snimili fotografiju pomoću kamere.",
@@ -23059,7 +23149,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["hr"]
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Otkazati"
 // refuseItemText: "Refuse to answer" => "Odbijte odgovoriti"
-// dontKnowItemText: "Don't know" => "Ne znam"
+// dontKnowItemText: "Don't know" => "Ne znam"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Vaš odgovor premašuje 64KB. Smanjite veličinu datoteka i pokušajte ponovno ili se obratite vlasniku upitnika."
+// signaturePlaceHolderReadOnly: "No signature" => "Bez potpisa"
 
 
 /***/ }),
@@ -23145,6 +23236,7 @@ var czechSurveyStrings = {
     savingData: "Výsledky se ukládají na server...",
     savingDataError: "Došlo k chybě a výsledky jsme nemohli uložit.",
     savingDataSuccess: "Výsledky byly úspěšně uloženy!",
+    savingExceedSize: "Vaše odpověď překračuje 64 kB. Zmenšete prosím velikost svých souborů a zkuste to znovu nebo kontaktujte vlastníka průzkumu.",
     saveAgainButton: "Zkuste to znovu",
     timerMin: "min",
     timerSec: "sek",
@@ -23156,6 +23248,7 @@ var czechSurveyStrings = {
     timerLimitSurvey: "Celkově jste strávil/a {0} z {1}.",
     clearCaption: "Vymazat",
     signaturePlaceHolder: "Podepište se zde",
+    signaturePlaceHolderReadOnly: "Bez podpisu",
     chooseFileCaption: "Vyberte soubor",
     takePhotoCaption: "Pořídit fotografii",
     photoPlaceholder: "Kliknutím na tlačítko níže pořídíte fotografii pomocí fotoaparátu.",
@@ -23212,7 +23305,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["cs"]
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Zrušit"
 // refuseItemText: "Refuse to answer" => "Odmítnout odpovědět"
-// dontKnowItemText: "Don't know" => "Nevím"
+// dontKnowItemText: "Don't know" => "Nevím"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Vaše odpověď překračuje 64 kB. Zmenšete prosím velikost svých souborů a zkuste to znovu nebo kontaktujte vlastníka průzkumu."
+// signaturePlaceHolderReadOnly: "No signature" => "Bez podpisu"
 
 
 /***/ }),
@@ -23298,6 +23392,7 @@ var danishSurveyStrings = {
     savingData: "Resultaterne bliver gemt på serveren...",
     savingDataError: "Der opstod en fejl og vi kunne ikke gemme resultatet.",
     savingDataSuccess: "Resultatet blev gemt!",
+    savingExceedSize: "Dit svar overstiger 64 KB. Reducer størrelsen på din(e) fil(er), og prøv igen, eller kontakt en undersøgelsesejer.",
     saveAgainButton: "Prøv igen",
     timerMin: "min",
     timerSec: "sek",
@@ -23309,6 +23404,7 @@ var danishSurveyStrings = {
     timerLimitSurvey: "Du har brugt {0} af {1} i alt.",
     clearCaption: "Fjern",
     signaturePlaceHolder: "Tilmeld dig her",
+    signaturePlaceHolderReadOnly: "Ingen underskrift",
     chooseFileCaption: "Vælg fil",
     takePhotoCaption: "Tag billede",
     photoPlaceholder: "Klik på knappen nedenfor for at tage et billede med kameraet.",
@@ -23365,7 +23461,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["da"]
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Aflyse"
 // refuseItemText: "Refuse to answer" => "Nægt at svare"
-// dontKnowItemText: "Don't know" => "Ved ikke"
+// dontKnowItemText: "Don't know" => "Ved ikke"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Dit svar overstiger 64 KB. Reducer størrelsen på din(e) fil(er), og prøv igen, eller kontakt en undersøgelsesejer."
+// signaturePlaceHolderReadOnly: "No signature" => "Ingen underskrift"
 
 
 /***/ }),
@@ -23451,6 +23548,7 @@ var dutchSurveyStrings = {
     savingData: "De resultaten worden bewaard op de server...",
     savingDataError: "Er was een probleem en we konden de resultaten niet bewaren.",
     savingDataSuccess: "De resultaten werden succesvol bewaard!",
+    savingExceedSize: "Uw antwoord is groter dan 64 kB. Verklein de grootte van uw bestand(en) en probeer het opnieuw of neem contact op met een enquête-eigenaar.",
     saveAgainButton: "Probeer opnieuw",
     timerMin: "minimum",
     timerSec: "sec",
@@ -23462,6 +23560,7 @@ var dutchSurveyStrings = {
     timerLimitSurvey: "U heeft {0} van {1} in het totaal.",
     clearCaption: "Verwijder",
     signaturePlaceHolder: "Hier tekenen",
+    signaturePlaceHolderReadOnly: "Geen handtekening",
     chooseFileCaption: "Gekozen bestand",
     takePhotoCaption: "Foto maken",
     photoPlaceholder: "Klik op de onderstaande knop om een foto te maken met de camera.",
@@ -23516,7 +23615,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["nl"]
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Annuleren"
 // refuseItemText: "Refuse to answer" => "Weiger te antwoorden"
-// dontKnowItemText: "Don't know" => "Weet niet"
+// dontKnowItemText: "Don't know" => "Weet niet"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Uw antwoord is groter dan 64 kB. Verklein de grootte van uw bestand(en) en probeer het opnieuw of neem contact op met een enquête-eigenaar."
+// signaturePlaceHolderReadOnly: "No signature" => "Geen handtekening"
 
 
 /***/ }),
@@ -23602,6 +23702,7 @@ var englishStrings = {
     savingData: "The results are being saved on the server...",
     savingDataError: "An error occurred and we could not save the results.",
     savingDataSuccess: "The results were saved successfully!",
+    savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner.",
     saveAgainButton: "Try again",
     timerMin: "min",
     timerSec: "sec",
@@ -23728,6 +23829,7 @@ var estonianSurveyStrings = {
     savingData: "Salvestan andmed serveris...",
     savingDataError: "Tekkis viga ning me ei saanud vastuseid salvestada.",
     savingDataSuccess: "Vastuste salvestamine õnnestus!",
+    savingExceedSize: "Teie vastus ületab 64 KB. Vähendage faili(de) mahtu ja proovige uuesti või võtke ühendust uuringu omanikuga.",
     saveAgainButton: "Proovi uuesti",
     timerMin: "min",
     timerSec: "sek",
@@ -23739,6 +23841,7 @@ var estonianSurveyStrings = {
     timerLimitSurvey: "Oled kulutanud {0} võimalikust {1} koguajast.",
     clearCaption: "Puhasta",
     signaturePlaceHolder: "Allkirjasta siin",
+    signaturePlaceHolderReadOnly: "Allkiri puudub",
     chooseFileCaption: "Vali fail",
     takePhotoCaption: "Pildistamine",
     photoPlaceholder: "Kaamera abil pildistamiseks klõpsake allolevat nuppu.",
@@ -23795,7 +23898,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["et"]
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Tühistama"
 // refuseItemText: "Refuse to answer" => "Keeldu vastamast"
-// dontKnowItemText: "Don't know" => "Ei tea"
+// dontKnowItemText: "Don't know" => "Ei tea"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Teie vastus ületab 64 KB. Vähendage faili(de) mahtu ja proovige uuesti või võtke ühendust uuringu omanikuga."
+// signaturePlaceHolderReadOnly: "No signature" => "Allkiri puudub"
 
 
 /***/ }),
@@ -23881,6 +23985,7 @@ var finnishSurveyStrings = {
     savingData: "Tietoja tallennetaan palvelimelle...",
     savingDataError: "Tapahtui virhe, emmekä voineet tallentaa kyselyn tietoja.",
     savingDataSuccess: "Tiedot tallennettiin onnistuneesti!",
+    savingExceedSize: "Vastauksesi ylittää 64 kt. Pienennä tiedostojesi kokoa ja yritä uudelleen tai ota yhteyttä kyselyn omistajaan.",
     saveAgainButton: "Yritä uudelleen",
     timerMin: "min",
     timerSec: "sek",
@@ -23892,6 +23997,7 @@ var finnishSurveyStrings = {
     timerLimitSurvey: "Olet käyttänyt yhteensä {0} / {1}.",
     clearCaption: "Tyhjennä",
     signaturePlaceHolder: "Allekirjoita tähän",
+    signaturePlaceHolderReadOnly: "Ei allekirjoitusta",
     chooseFileCaption: "Valitse tiedosto",
     takePhotoCaption: "Ota valokuva",
     photoPlaceholder: "Napsauta alla olevaa painiketta ottaaksesi valokuvan kameralla.",
@@ -23936,7 +24042,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["fi"]
 // ok: "OK" => "OKEI"
 // cancel: "Cancel" => "Perua"
 // refuseItemText: "Refuse to answer" => "Kieltäydy vastaamasta"
-// dontKnowItemText: "Don't know" => "Ei tiedä"
+// dontKnowItemText: "Don't know" => "Ei tiedä"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Vastauksesi ylittää 64 kt. Pienennä tiedostojesi kokoa ja yritä uudelleen tai ota yhteyttä kyselyn omistajaan."
+// signaturePlaceHolderReadOnly: "No signature" => "Ei allekirjoitusta"
 
 
 /***/ }),
@@ -24022,6 +24129,7 @@ var frenchSurveyStrings = {
     savingData: "Les résultats sont en cours de sauvegarde sur le serveur...",
     savingDataError: "Une erreur est survenue et a empêché la sauvegarde des résultats.",
     savingDataSuccess: "Les résultats ont bien été enregistrés !",
+    savingExceedSize: "Votre réponse dépasse 64 Ko. Veuillez réduire la taille de votre ou vos fichiers et réessayer ou contacter un propriétaire de sondage.",
     saveAgainButton: "Réessayer",
     timerMin: "min",
     timerSec: "sec",
@@ -24033,6 +24141,7 @@ var frenchSurveyStrings = {
     timerLimitSurvey: "Vous avez passé {0} sur {1} au total.",
     clearCaption: "Vider",
     signaturePlaceHolder: "Signez ici",
+    signaturePlaceHolderReadOnly: "Pas de signature",
     chooseFileCaption: "Ajouter un fichier",
     takePhotoCaption: "Prendre une photo",
     photoPlaceholder: "Cliquez sur le bouton ci-dessous pour prendre une photo à l’aide de l’appareil photo.",
@@ -24077,7 +24186,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["fr"]
 // ok: "OK" => "D’ACCORD"
 // cancel: "Cancel" => "Annuler"
 // refuseItemText: "Refuse to answer" => "Refuser de répondre"
-// dontKnowItemText: "Don't know" => "Sais pas"
+// dontKnowItemText: "Don't know" => "Sais pas"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Votre réponse dépasse 64 Ko. Veuillez réduire la taille de votre ou vos fichiers et réessayer ou contacter un propriétaire de sondage."
+// signaturePlaceHolderReadOnly: "No signature" => "Pas de signature"
 
 
 /***/ }),
@@ -24163,6 +24273,7 @@ var georgianSurveyStrings = {
     savingData: "შედეგები ინახება სერვერზე...",
     savingDataError: "დაფიქსირდა შეცდომა და შედეგი ვერ შევინახავდით.",
     savingDataSuccess: "შედეგები წარმატებით გადაარჩინეს!",
+    savingExceedSize: "თქვენი პასუხი აღემატება 64KB. გთხოვთ, შეამციროთ თქვენი ფაილ(ებ)ის ზომა და სცადოთ ხელახლა ან დაუკავშირდეთ გამოკითხვის მფლობელს.",
     saveAgainButton: "კიდევ სცადე",
     timerMin: "წთ",
     timerSec: "წმ",
@@ -24174,6 +24285,7 @@ var georgianSurveyStrings = {
     timerLimitSurvey: "თქვენ სულ {1} {0} დახარჯეთ.",
     clearCaption: "მოწმენდილი ცა",
     signaturePlaceHolder: "შესვლა აქ",
+    signaturePlaceHolderReadOnly: "ხელმოწერა არ არის",
     chooseFileCaption: "ვაუჩერის ნახვა",
     takePhotoCaption: "გადაიღეთ ფოტო",
     photoPlaceholder: "დააჭირეთ ქვემოთ მოცემულ ღილაკს, რომ გადაიღოთ ფოტო კამერის გამოყენებით.",
@@ -24283,7 +24395,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ka"]
 // ok: "OK" => "კარგი"
 // cancel: "Cancel" => "გაუქმება"
 // refuseItemText: "Refuse to answer" => "უარი პასუხზე"
-// dontKnowItemText: "Don't know" => "არ ვიცი"
+// dontKnowItemText: "Don't know" => "არ ვიცი"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "თქვენი პასუხი აღემატება 64KB. გთხოვთ, შეამციროთ თქვენი ფაილ(ებ)ის ზომა და სცადოთ ხელახლა ან დაუკავშირდეთ გამოკითხვის მფლობელს."
+// signaturePlaceHolderReadOnly: "No signature" => "ხელმოწერა არ არის"
 
 
 /***/ }),
@@ -24309,7 +24422,7 @@ var germanSurveyStrings = {
     startSurveyText: "Start",
     otherItemText: "Sonstiges (Bitte angeben)",
     noneItemText: "Nichts trifft zu",
-    refuseItemText: "Verweigern Sie die Antwort",
+    refuseItemText: "Antwort verweigern",
     dontKnowItemText: "Weiß ich nicht",
     selectAllItemText: "Alles auswählen",
     progressText: "Seite {0} von {1}",
@@ -24319,7 +24432,7 @@ var germanSurveyStrings = {
     questionsProgressText: "{0}/{1} Fragen beantwortet",
     emptySurvey: "Es sind keine Fragen vorhanden.",
     completingSurvey: "Vielen Dank, dass Sie die Umfrage abgeschlossen haben!",
-    completingSurveyBefore: "Aus unseren Unterlagen geht hervor, dass Sie diese Umfrage bereits abgeschlossen haben.",
+    completingSurveyBefore: "Sie haben diese Umfrage bereits abgeschlossen.",
     loadingSurvey: "Umfrage wird geladen...",
     placeholder: "Bitte auswählen...",
     ratingOptionsCaption: "Tippen Sie hier, um zu bewerten...",
@@ -24369,6 +24482,7 @@ var germanSurveyStrings = {
     savingData: "Die Ergebnisse werden auf dem Server gespeichert...",
     savingDataError: "Es ist ein Fehler aufgetreten. Die Ergebnisse konnten nicht gespeichert werden.",
     savingDataSuccess: "Die Ergebnisse wurden gespeichert!",
+    savingExceedSize: "Ihre Antwort überschreitet 64 KB. Reduzieren Sie die Größe Ihrer Datei(en) und versuchen Sie es erneut, oder wenden Sie sich an den Umfragebesitzer.",
     saveAgainButton: "Erneut absenden",
     timerMin: "Min.",
     timerSec: "Sek.",
@@ -24380,10 +24494,11 @@ var germanSurveyStrings = {
     timerLimitSurvey: "Sie haben insgesamt {0} von {1} gebraucht.",
     clearCaption: "Auswahl entfernen",
     signaturePlaceHolder: "Hier unterschreiben",
+    signaturePlaceHolderReadOnly: "Keine Unterschrift",
     chooseFileCaption: "Datei auswählen",
     takePhotoCaption: "Foto machen",
     photoPlaceholder: "Klicken Sie auf die Schaltfläche unten, um ein Foto mit der Kamera aufzunehmen.",
-    fileOrPhotoPlaceholder: "Ziehen Sie eine Datei per Drag & Drop oder wählen Sie sie aus, um sie hochzuladen oder ein Foto mit der Kamera aufzunehmen.",
+    fileOrPhotoPlaceholder: "Ziehen Sie eine Datei per Drag & Drop oder wählen Sie sie aus, um sie hochzuladen oder machen Sie ein Foto mit der Kamera.",
     replaceFileCaption: "Datei ersetzen",
     removeFileCaption: "Datei löschen",
     booleanCheckedLabel: "Ja",
@@ -24393,36 +24508,21 @@ var germanSurveyStrings = {
     questionTitlePatternText: "Fragentitel",
     modalCancelButtonText: "Abbrechen",
     modalApplyButtonText: "Anwenden",
-    filterStringPlaceholder: "Tippe um zu suchen...",
+    filterStringPlaceholder: "Tippen Sie, um zu suchen...",
     emptyMessage: "Es gibt noch keine Daten.",
     noEntriesText: "Es gibt noch keine Einträge.\nKlicken Sie auf die Schaltfläche unten, um einen neuen Eintrag hinzuzufügen.",
     noEntriesReadonlyText: "Es gibt keine Einträge.",
     more: "Mehr",
-    tagboxDoneButtonCaption: "OKAY",
+    tagboxDoneButtonCaption: "OK",
     selectToRankEmptyRankedAreaText: "Alle Auswahlmöglichkeiten sind in einer Rangfolge angeordnet",
     selectToRankEmptyUnrankedAreaText: "Ziehen Sie die Auswahl hierher, um sie zu ordnen",
-    ok: "OKAY",
+    ok: "OK",
     cancel: "Abbrechen"
 };
 survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].locales["de"] = germanSurveyStrings;
 survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["de"] = "deutsch";
 // The following strings have been translated by a machine translation service
 // Remove those strings that you have corrected manually
-// panelDynamicTabTextFormat: "Panel {panelIndex}" => "Bereich {panelIndex}"
-// noEntriesReadonlyText: "There are no entries." => "Es gibt keine Einträge."
-// tagboxDoneButtonCaption: "OK" => "OKAY"
-// selectToRankEmptyRankedAreaText: "All choices are ranked" => "Alle Auswahlmöglichkeiten sind in einer Rangfolge angeordnet"
-// selectToRankEmptyUnrankedAreaText: "Drag and drop choices here to rank them" => "Ziehen Sie die Auswahl hierher, um sie zu ordnen"// takePhotoCaption: "Take Photo" => "Foto machen"
-// photoPlaceholder: "Click the button below to take a photo using the camera." => "Klicken Sie auf die Schaltfläche unten, um ein Foto mit der Kamera aufzunehmen."
-// fileOrPhotoPlaceholder: "Drag and drop or select a file to upload or take a photo using the camera." => "Ziehen Sie eine Datei per Drag & Drop oder wählen Sie sie aus, um sie hochzuladen oder ein Foto mit der Kamera aufzunehmen."
-// replaceFileCaption: "Replace file" => "Datei ersetzen"// eachRowUniqueError: "Each row must have a unique value." => "Jede Zeile muss einen eindeutigen Wert haben."
-// noUploadFilesHandler: "Files cannot be uploaded. Please add a handler for the 'onUploadFiles' event." => "Dateien können nicht hochgeladen werden. Fügen Sie einen Handler für das Ereignis 'onUploadFiles' hinzu."
-// showDetails: "Show Details" => "Details anzeigen"
-// hideDetails: "Hide Details" => "Details ausblenden"
-// ok: "OK" => "OKAY"
-// cancel: "Cancel" => "Abbrechen"
-// refuseItemText: "Refuse to answer" => "Verweigern Sie die Antwort"
-// dontKnowItemText: "Don't know" => "Weiß ich nicht"
 
 
 /***/ }),
@@ -24508,6 +24608,7 @@ var greekSurveyStrings = {
     savingData: "Τα αποτελέσματα αποθηκεύονται στον διακομιστή ...",
     savingDataError: "Παρουσιάστηκε σφάλμα και δεν ήταν δυνατή η αποθήκευση των αποτελεσμάτων.",
     savingDataSuccess: "Τα αποτελέσματα αποθηκεύτηκαν με επιτυχία!",
+    savingExceedSize: "Η απάντησή σας υπερβαίνει τα 64KB. Μειώστε το μέγεθος των αρχείων σας και προσπαθήστε ξανά ή επικοινωνήστε με έναν κάτοχο έρευνας.",
     saveAgainButton: "Προσπάθησε ξανά",
     timerMin: "ελάχ",
     timerSec: "δευτ",
@@ -24519,6 +24620,7 @@ var greekSurveyStrings = {
     timerLimitSurvey: "Έχετε ξοδέψει {0} από {1} συνολικά.",
     clearCaption: "Εκκαθάριση",
     signaturePlaceHolder: "Υπογράψτε εδώ",
+    signaturePlaceHolderReadOnly: "Χωρίς υπογραφή",
     chooseFileCaption: "Επιλέξτε αρχείο",
     takePhotoCaption: "Λήψη φωτογραφίας",
     photoPlaceholder: "Κάντε κλικ στο παρακάτω κουμπί για να τραβήξετε μια φωτογραφία χρησιμοποιώντας την κάμερα.",
@@ -24560,7 +24662,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["gr"]
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Ακυρώνω"
 // refuseItemText: "Refuse to answer" => "Αρνηθείτε να απαντήσετε"
-// dontKnowItemText: "Don't know" => "Δεν ξέρω"
+// dontKnowItemText: "Don't know" => "Δεν ξέρω"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Η απάντησή σας υπερβαίνει τα 64KB. Μειώστε το μέγεθος των αρχείων σας και προσπαθήστε ξανά ή επικοινωνήστε με έναν κάτοχο έρευνας."
+// signaturePlaceHolderReadOnly: "No signature" => "Χωρίς υπογραφή"
 
 
 /***/ }),
@@ -24646,6 +24749,7 @@ var hebrewSurveyStrings = {
     savingData: "התוצאות נשמרות בשרת ...",
     savingDataError: "אירעה שגיאה ולא הצלחנו לשמור את התוצאות.",
     savingDataSuccess: "התוצאות נשמרו בהצלחה!",
+    savingExceedSize: "תגובתך עולה על 64KB. הקטן את גודל הקבצים שלך ונסה שוב או פנה לבעלים של סקר.",
     saveAgainButton: "נסה שוב",
     timerMin: "דקה",
     timerSec: "שניות",
@@ -24657,6 +24761,7 @@ var hebrewSurveyStrings = {
     timerLimitSurvey: "הוצאת סכום כולל של {0} מתוך {1}.",
     clearCaption: "לנקות",
     signaturePlaceHolder: "חתום כאן",
+    signaturePlaceHolderReadOnly: "אין חתימה",
     chooseFileCaption: "בחר קובץ",
     takePhotoCaption: "צלם תמונה",
     photoPlaceholder: "לחץ על הלחצן למטה כדי לצלם תמונה באמצעות המצלמה.",
@@ -24714,6 +24819,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["he"]
 // cancel: "Cancel" => "ביטל"
 // refuseItemText: "Refuse to answer" => "מסרבים לענות"
 // dontKnowItemText: "Don't know" => "לא יודע"
+// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "תגובתך עולה על 64KB. הקטן את גודל הקבצים שלך ונסה שוב או פנה לבעלים של סקר."
+// signaturePlaceHolderReadOnly: "No signature" => "אין חתימה"
 
 
 /***/ }),
@@ -24799,6 +24906,7 @@ var hindiStrings = {
     savingData: "परिणाम सर्वर पर सेव हो रहे हैं",
     savingDataError: "एक त्रुटि हुई और हम परिणामों को नहीं सेव कर सके",
     savingDataSuccess: "परिणाम सफलतापूर्वक सेव हो गए",
+    savingExceedSize: "आपकी प्रतिक्रिया 64KB से अधिक है। कृपया अपनी फ़ाइल(फ़ाइलों) का आकार घटाएँ और पुन: प्रयास करें या सर्वेक्षण स्वामी से संपर्क करें.",
     saveAgainButton: "फिर कोशिश करो",
     timerMin: "मिनट",
     timerSec: "सेकंड",
@@ -24810,6 +24918,7 @@ var hindiStrings = {
     timerLimitSurvey: "आपने कुल {1} की {0} खर्च की है",
     clearCaption: "स्पष्ट",
     signaturePlaceHolder: "यहां साइन करें",
+    signaturePlaceHolderReadOnly: "कोई हस्ताक्षर नहीं",
     chooseFileCaption: "फ़ाइल चुनें",
     takePhotoCaption: "फोटो ले लो",
     photoPlaceholder: "कैमरे का उपयोग करके फोटो लेने के लिए नीचे दिए गए बटन पर क्लिक करें।",
@@ -24866,7 +24975,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["hi"]
 // hideDetails: "Hide Details" => "विवरण छुपाएँ"
 // ok: "OK" => "ठीक है"
 // cancel: "Cancel" => "रद्द करना"// refuseItemText: "Refuse to answer" => "जवाब देने से इनकार"
-// dontKnowItemText: "Don't know" => "नहीं मालूम"
+// dontKnowItemText: "Don't know" => "नहीं मालूम"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "आपकी प्रतिक्रिया 64KB से अधिक है। कृपया अपनी फ़ाइल(फ़ाइलों) का आकार घटाएँ और पुन: प्रयास करें या सर्वेक्षण स्वामी से संपर्क करें."
+// signaturePlaceHolderReadOnly: "No signature" => "कोई हस्ताक्षर नहीं"
 
 
 /***/ }),
@@ -24952,6 +25062,7 @@ var hungarianSurveyStrings = {
     savingData: "Eredmény mentése a szerverre...",
     savingDataError: "Egy hiba folytán nem tudtuk elmenteni az eredményt.",
     savingDataSuccess: "Eredmény sikeresen mentve!",
+    savingExceedSize: "A válasz meghaladja a 64 KB-ot. Kérjük, csökkentse a fájl(ok) méretét, és próbálja újra, vagy lépjen kapcsolatba egy felmérés tulajdonosával.",
     saveAgainButton: "Próbálja újra",
     timerMin: "min",
     timerSec: "sec",
@@ -24963,6 +25074,7 @@ var hungarianSurveyStrings = {
     timerLimitSurvey: "Összesen {0} / {1} összeget költött el.",
     clearCaption: "Egyértelmű",
     signaturePlaceHolder: "Írja alá itt",
+    signaturePlaceHolderReadOnly: "Nincs aláírás",
     chooseFileCaption: "Válassz fájlt",
     takePhotoCaption: "Fotó készítése",
     photoPlaceholder: "Kattintson az alábbi gombra, hogy fényképet készítsen a fényképezőgéppel.",
@@ -25018,7 +25130,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["hu"]
 // ok: "OK" => "OKÉ"
 // cancel: "Cancel" => "Érvénytelenít"
 // refuseItemText: "Refuse to answer" => "A válaszadás megtagadása"
-// dontKnowItemText: "Don't know" => "Nem tudom"
+// dontKnowItemText: "Don't know" => "Nem tudom"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "A válasz meghaladja a 64 KB-ot. Kérjük, csökkentse a fájl(ok) méretét, és próbálja újra, vagy lépjen kapcsolatba egy felmérés tulajdonosával."
+// signaturePlaceHolderReadOnly: "No signature" => "Nincs aláírás"
 
 
 /***/ }),
@@ -25104,6 +25217,7 @@ var icelandicSurveyStrings = {
     savingData: "Niðurstöðurnar eru að spara á netþjóninum ... ",
     savingDataError: "Villa kom upp og við gátum ekki vistað niðurstöðurnar.",
     savingDataSuccess: "Árangurinn var vistaður með góðum árangri!",
+    savingExceedSize: "Svar þitt fer yfir 64KB. Vinsamlegast minnkaðu stærð skráa þinna og reyndu aftur eða hafðu samband við eiganda könnunarinnar.",
     saveAgainButton: "Reyndu aftur",
     timerMin: "mín",
     timerSec: "sek",
@@ -25115,6 +25229,7 @@ var icelandicSurveyStrings = {
     timerLimitSurvey: "Þú hefur eytt {0} af {1} samtals.",
     clearCaption: "Hreinsa",
     signaturePlaceHolder: "Kvittađu hér",
+    signaturePlaceHolderReadOnly: "Engin undirskrift",
     chooseFileCaption: "Veldu skrá",
     takePhotoCaption: "Taka mynd",
     photoPlaceholder: "Smelltu á hnappinn hér að neðan til að taka mynd með myndavélinni.",
@@ -25171,7 +25286,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["is"]
 // ok: "OK" => "ÓKEI"
 // cancel: "Cancel" => "Afturkalla"
 // refuseItemText: "Refuse to answer" => "Neita að svara"
-// dontKnowItemText: "Don't know" => "Veit ekki"
+// dontKnowItemText: "Don't know" => "Veit ekki"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Svar þitt fer yfir 64KB. Vinsamlegast minnkaðu stærð skráa þinna og reyndu aftur eða hafðu samband við eiganda könnunarinnar."
+// signaturePlaceHolderReadOnly: "No signature" => "Engin undirskrift"
 
 
 /***/ }),
@@ -25257,6 +25373,7 @@ var indonesianStrings = {
     savingData: "Hasil sedang disimpan pada server...",
     savingDataError: "Kesalahan terjadi dan kami tidak dapat menyimpan hasil.",
     savingDataSuccess: "Hasil telah sukses disimpan!",
+    savingExceedSize: "Respons Anda melebihi 64 KB. Harap kurangi ukuran file Anda dan coba lagi atau hubungi pemilik survei.",
     saveAgainButton: "Coba lagi",
     timerMin: "menit",
     timerSec: "detik",
@@ -25268,6 +25385,7 @@ var indonesianStrings = {
     timerLimitSurvey: "Anda telah menghabiskan {0} dari {1} secara keseluruhan.",
     clearCaption: "Bersihkan",
     signaturePlaceHolder: "Tanda tangan di sini",
+    signaturePlaceHolderReadOnly: "Tidak ada tanda tangan",
     chooseFileCaption: "Pilih File",
     takePhotoCaption: "Ambil Foto",
     photoPlaceholder: "Klik tombol di bawah ini untuk mengambil foto menggunakan kamera.",
@@ -25324,7 +25442,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["id"]
 // ok: "OK" => "OKE"
 // cancel: "Cancel" => "Membatalkan"
 // refuseItemText: "Refuse to answer" => "Menolak untuk menjawab"
-// dontKnowItemText: "Don't know" => "Tidak tahu"
+// dontKnowItemText: "Don't know" => "Tidak tahu"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Respons Anda melebihi 64 KB. Harap kurangi ukuran file Anda dan coba lagi atau hubungi pemilik survei."
+// signaturePlaceHolderReadOnly: "No signature" => "Tidak ada tanda tangan"
 
 
 /***/ }),
@@ -25410,6 +25529,7 @@ var italianSurveyStrings = {
     savingData: "Salvataggio dati sul server...",
     savingDataError: "Si è verificato un errore e non è stato possibile salvare i risultati.",
     savingDataSuccess: "I risultati sono stati salvati con successo!",
+    savingExceedSize: "La tua risposta supera i 64 KB. Riduci le dimensioni dei tuoi file e riprova o contatta il proprietario di un'indagine.",
     saveAgainButton: "Riprova",
     timerMin: "min",
     timerSec: "sec",
@@ -25421,6 +25541,7 @@ var italianSurveyStrings = {
     timerLimitSurvey: "Hai impiegato {0} di {1} in totale.",
     clearCaption: "Cancella",
     signaturePlaceHolder: "Firmare qui",
+    signaturePlaceHolderReadOnly: "Nessuna firma",
     chooseFileCaption: "Scegliere il file",
     takePhotoCaption: "Scatta foto",
     photoPlaceholder: "Fai clic sul pulsante qui sotto per scattare una foto utilizzando la fotocamera.",
@@ -25465,7 +25586,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["it"]
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Annulla"
 // refuseItemText: "Refuse to answer" => "Rifiuta di rispondere"
-// dontKnowItemText: "Don't know" => "Non lo so"
+// dontKnowItemText: "Don't know" => "Non lo so"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "La tua risposta supera i 64 KB. Riduci le dimensioni dei tuoi file e riprova o contatta il proprietario di un'indagine."
+// signaturePlaceHolderReadOnly: "No signature" => "Nessuna firma"
 
 
 /***/ }),
@@ -25551,6 +25673,7 @@ var japaneseSurveyStrings = {
     savingData: "結果はサーバーに保存されています...。",
     savingDataError: "エラーが発生し、結果を保存できませんでした。",
     savingDataSuccess: "結果は無事に保存されました",
+    savingExceedSize: "回答は 64 KB を超えています。ファイルのサイズを小さくしてもう一度お試しいただくか、アンケートの所有者にお問い合わせください。",
     saveAgainButton: "もう一度試してみてください。",
     timerMin: "僅少",
     timerSec: "セック",
@@ -25562,6 +25685,7 @@ var japaneseSurveyStrings = {
     timerLimitSurvey: "合計で{1}の{0}を使ったことがあります。",
     clearCaption: "空白",
     signaturePlaceHolder: "ここに署名",
+    signaturePlaceHolderReadOnly: "署名なし",
     chooseFileCaption: "ファイルを選択",
     takePhotoCaption: "写真を撮る",
     photoPlaceholder: "下のボタンをクリックして、カメラを使用して写真を撮ります。",
@@ -25618,7 +25742,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ja"]
 // ok: "OK" => "わかりました"
 // cancel: "Cancel" => "キャンセル"
 // refuseItemText: "Refuse to answer" => "回答を拒否する"
-// dontKnowItemText: "Don't know" => "わかりません"
+// dontKnowItemText: "Don't know" => "わかりません"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "回答は 64 KB を超えています。ファイルのサイズを小さくしてもう一度お試しいただくか、アンケートの所有者にお問い合わせください。"
+// signaturePlaceHolderReadOnly: "No signature" => "署名なし"
 
 
 /***/ }),
@@ -25704,6 +25829,7 @@ var kazakhStrings = {
     savingData: "Нәтижелер серверде сақталады...",
     savingDataError: "Қателік туындады, нәтиже сақталынбады.",
     savingDataSuccess: "Нәтиже ойдағыдай сақталды!",
+    savingExceedSize: "Сіздің жауабыңыз 64КБ-тан асады. Файлдың өлшемін азайтып, қайталап көріңіз немесе сауалнама иесіне хабарласыңыз.",
     saveAgainButton: "Қайтадан байқап көру",
     timerMin: "мин",
     timerSec: "сек",
@@ -25715,6 +25841,7 @@ var kazakhStrings = {
     timerLimitSurvey: "Сіз бүкіл сауалнама үшін {0} ден {1} кетірдіңіз ",
     clearCaption: "Тазалау",
     signaturePlaceHolder: "Осында кіру",
+    signaturePlaceHolderReadOnly: "Қолдың No",
     chooseFileCaption: "Файл таңдаңыз",
     takePhotoCaption: "Фотосуретке түсу",
     photoPlaceholder: "Камераны пайдаланып суретке түсу үшін төмендегі түймені басыңыз.",
@@ -25771,7 +25898,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["kk"]
 // ok: "OK" => "ЖАҚСЫ"
 // cancel: "Cancel" => "Болдырмау"
 // refuseItemText: "Refuse to answer" => "Жауап беруден бас тарту"
-// dontKnowItemText: "Don't know" => "Білмеймін"
+// dontKnowItemText: "Don't know" => "Білмеймін"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Сіздің жауабыңыз 64КБ-тан асады. Файлдың өлшемін азайтып, қайталап көріңіз немесе сауалнама иесіне хабарласыңыз."
+// signaturePlaceHolderReadOnly: "No signature" => "Қолдың No"
 
 
 /***/ }),
@@ -25857,6 +25985,7 @@ var koreanStrings = {
     savingData: "결과가 서버에 저장 중입니다...",
     savingDataError: "오류가 발생하여 결과를 저장할 수 없습니다.",
     savingDataSuccess: "결과가 성공적으로 저장되었습니다.",
+    savingExceedSize: "응답이 64KB를 초과합니다. 파일 크기를 줄인 후 다시 시도하거나 설문조사 소유자에게 문의하세요.",
     saveAgainButton: "다시 시도하세요.",
     timerMin: "분",
     timerSec: "초",
@@ -25868,6 +25997,7 @@ var koreanStrings = {
     timerLimitSurvey: "총 {0}/{1}이 걸렸습니다.",
     clearCaption: "지우기",
     signaturePlaceHolder: "서명하세요.",
+    signaturePlaceHolderReadOnly: "서명 없음",
     chooseFileCaption: "파일 선택",
     takePhotoCaption: "사진 찍기",
     photoPlaceholder: "아래 버튼을 클릭하여 카메라로 사진을 찍습니다.",
@@ -25911,7 +26041,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ko"]
 // ok: "OK" => "그래"
 // cancel: "Cancel" => "취소"
 // refuseItemText: "Refuse to answer" => "대답 거부"
-// dontKnowItemText: "Don't know" => "모르다"
+// dontKnowItemText: "Don't know" => "모르다"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "응답이 64KB를 초과합니다. 파일 크기를 줄인 후 다시 시도하거나 설문조사 소유자에게 문의하세요."
+// signaturePlaceHolderReadOnly: "No signature" => "서명 없음"
 
 
 /***/ }),
@@ -25997,6 +26128,7 @@ var latvianSurveyStrings = {
     savingData: "Rezultāti tiek saglabāti serverī ...",
     savingDataError: "Radās kļūda, un mēs nevarējām saglabāt rezultātus.",
     savingDataSuccess: "Rezultāti tika veiksmīgi saglabāti!",
+    savingExceedSize: "Jūsu atbilde pārsniedz 64 KB. Lūdzu, samaziniet sava(-u) faila(-u) lielumu un mēģiniet vēlreiz vai sazinieties ar aptaujas īpašnieku.",
     saveAgainButton: "Mēģiniet vēlreiz",
     timerMin: "min",
     timerSec: "sek",
@@ -26008,6 +26140,7 @@ var latvianSurveyStrings = {
     timerLimitSurvey: "Kopā esat iztērējis {0} no {1}.",
     clearCaption: "Iztīrīt",
     signaturePlaceHolder: "Parakstieties šeit",
+    signaturePlaceHolderReadOnly: "Nav paraksta",
     chooseFileCaption: "Izvēlēties failu",
     takePhotoCaption: "Uzņemt fotoattēlu",
     photoPlaceholder: "Noklikšķiniet uz pogas zemāk, lai uzņemtu fotoattēlu, izmantojot kameru.",
@@ -26052,7 +26185,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["lv"]
 // ok: "OK" => "LABI"
 // cancel: "Cancel" => "Atcelt"
 // refuseItemText: "Refuse to answer" => "Atteikties atbildēt"
-// dontKnowItemText: "Don't know" => "Es nezinu"
+// dontKnowItemText: "Don't know" => "Es nezinu"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Jūsu atbilde pārsniedz 64 KB. Lūdzu, samaziniet sava(-u) faila(-u) lielumu un mēģiniet vēlreiz vai sazinieties ar aptaujas īpašnieku."
+// signaturePlaceHolderReadOnly: "No signature" => "Nav paraksta"
 
 
 /***/ }),
@@ -26138,6 +26272,7 @@ var lithuaniaSurveyStrings = {
     savingData: "Rezultatai saugomi serveryje...",
     savingDataError: "Įvyko klaida ir mes negalėjome išsaugoti rezultatų.",
     savingDataSuccess: "Rezultatai buvo išsaugoti sėkmingai!",
+    savingExceedSize: "Jūsų atsakymas viršija 64 KB. Sumažinkite failo (-ų) dydį ir bandykite dar kartą arba susisiekite su apklausos savininku.",
     saveAgainButton: "Bandyti dar kartą",
     timerMin: "min",
     timerSec: "sek",
@@ -26149,6 +26284,7 @@ var lithuaniaSurveyStrings = {
     timerLimitSurvey: "Praleidote {0} iš {1} iš viso.",
     clearCaption: "Valyti",
     signaturePlaceHolder: "Pasirašykite čia",
+    signaturePlaceHolderReadOnly: "Nėra parašo",
     chooseFileCaption: "Pasirinkti failą",
     takePhotoCaption: "Fotografuoti",
     photoPlaceholder: "Spustelėkite žemiau esantį mygtuką, kad nufotografuotumėte fotoaparatu.",
@@ -26205,7 +26341,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["lt"]
 // ok: "OK" => "GERAI"
 // cancel: "Cancel" => "Atšaukti"
 // refuseItemText: "Refuse to answer" => "Atsisakyti atsakyti"
-// dontKnowItemText: "Don't know" => "Nežinau"
+// dontKnowItemText: "Don't know" => "Nežinau"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Jūsų atsakymas viršija 64 KB. Sumažinkite failo (-ų) dydį ir bandykite dar kartą arba susisiekite su apklausos savininku."
+// signaturePlaceHolderReadOnly: "No signature" => "Nėra parašo"
 
 
 /***/ }),
@@ -26291,6 +26428,7 @@ var macedonianSurveyStrings = {
     savingData: "Резултатите се зачувуваат на серверот ...",
     savingDataError: "Настана грешка и не можевме да ги зачуваме резултатите.",
     savingDataSuccess: "Резултатите беа успешно зачувани!",
+    savingExceedSize: "Вашиот одговор надминува 64KB. Ве молиме да ја намалите големината на вашата(ите) датотека(и) и обидете се повторно или контактирајте го сопственикот на истражувањето.",
     saveAgainButton: "Обиди се повторно",
     timerMin: "мин",
     timerSec: "сек",
@@ -26302,6 +26440,7 @@ var macedonianSurveyStrings = {
     timerLimitSurvey: "Вие потрошивте вкупно {0} од {1}.",
     clearCaption: "Да расчисти",
     signaturePlaceHolder: "Потпиши се овде.",
+    signaturePlaceHolderReadOnly: "Нема потпис",
     chooseFileCaption: "Изберете датотека",
     takePhotoCaption: "Фотографирајте",
     photoPlaceholder: "Кликнете на копчето подолу за да фотографирате користејќи ја камерата.",
@@ -26352,7 +26491,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["mk"]
 // ok: "OK" => "ДОБРО"
 // cancel: "Cancel" => "Откажи"
 // refuseItemText: "Refuse to answer" => "Одбиј да одговориш."
-// dontKnowItemText: "Don't know" => "Не знам"
+// dontKnowItemText: "Don't know" => "Не знам"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Вашиот одговор надминува 64KB. Ве молиме да ја намалите големината на вашата(ите) датотека(и) и обидете се повторно или контактирајте го сопственикот на истражувањето."
+// signaturePlaceHolderReadOnly: "No signature" => "Нема потпис"
 
 
 /***/ }),
@@ -26438,6 +26578,7 @@ var malaySurveyStrings = {
     savingData: "Keputusan sedang disimpan pada pelayan...",
     savingDataError: "Ralat berlaku dan kami tidak dapat menyimpan keputusan.",
     savingDataSuccess: "Keputusan berjaya disimpan!",
+    savingExceedSize: "Jawapan anda melebihi 64KB. Sila kurangkan saiz fail anda dan cuba lagi atau hubungi pemilik tinjauan.",
     saveAgainButton: "Cuba lagi",
     timerMin: "min",
     timerSec: "saat",
@@ -26449,6 +26590,7 @@ var malaySurveyStrings = {
     timerLimitSurvey: "Anda telah meluangkan {0} daripada {1} secara keseluruhan.",
     clearCaption: "Kosongkan",
     signaturePlaceHolder: "Tandatangan di sini",
+    signaturePlaceHolderReadOnly: "Tiada tandatangan",
     chooseFileCaption: "Pilih fail",
     takePhotoCaption: "Ambil gambar",
     photoPlaceholder: "Klik butang di bawah untuk mengambil gambar menggunakan kamera.",
@@ -26495,7 +26637,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ms"]
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Batal"
 // refuseItemText: "Refuse to answer" => "Enggan menjawab"
-// dontKnowItemText: "Don't know" => "Tak tahu"
+// dontKnowItemText: "Don't know" => "Tak tahu"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Jawapan anda melebihi 64KB. Sila kurangkan saiz fail anda dan cuba lagi atau hubungi pemilik tinjauan."
+// signaturePlaceHolderReadOnly: "No signature" => "Tiada tandatangan"
 
 
 /***/ }),
@@ -26605,6 +26748,7 @@ var norwegianSurveyStrings = {
     savingData: "Resultatene lagres på serveren ...",
     savingDataError: "Det oppsto en feil, og vi kunne ikke lagre resultatene.",
     savingDataSuccess: "Resultatene ble lagret!",
+    savingExceedSize: "Svaret ditt overstiger 64 kB. Reduser størrelsen på filen(e) din(e), og prøv på nytt, eller kontakt eieren av en spørreundersøkelse.",
     saveAgainButton: "Prøv igjen",
     timerMin: "min",
     timerSec: "sek",
@@ -26616,6 +26760,7 @@ var norwegianSurveyStrings = {
     timerLimitSurvey: "Du har tilbrakt {0} av {1} totalt.",
     clearCaption: "Klar",
     signaturePlaceHolder: "Logg inn her",
+    signaturePlaceHolderReadOnly: "Ingen signatur",
     chooseFileCaption: "Velg Fil",
     takePhotoCaption: "Ta bilde",
     photoPlaceholder: "Klikk på knappen nedenfor for å ta et bilde med kameraet.",
@@ -26672,7 +26817,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["no"]
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Annullere"
 // refuseItemText: "Refuse to answer" => "Nekter å svare"
-// dontKnowItemText: "Don't know" => "Vet ikke"
+// dontKnowItemText: "Don't know" => "Vet ikke"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Svaret ditt overstiger 64 kB. Reduser størrelsen på filen(e) din(e), og prøv på nytt, eller kontakt eieren av en spørreundersøkelse."
+// signaturePlaceHolderReadOnly: "No signature" => "Ingen signatur"
 
 
 /***/ }),
@@ -26758,6 +26904,7 @@ var persianSurveyStrings = {
     savingData: "نتایج در حال ذخیره سازی در سرور است",
     savingDataError: "خطایی در ذخیره سازی نتایج رخ داده است",
     savingDataSuccess: "نتایج با موفقیت ذخیره شد",
+    savingExceedSize: "پاسخ شما بیش از 64KB است. لطفا اندازه فایل(های) خود را کاهش دهید و دوباره تلاش کنید یا با صاحب نظرسنجی تماس بگیرید.",
     saveAgainButton: "مجدد تلاش کنید",
     timerMin: "دقیقه",
     timerSec: "ثانیه",
@@ -26769,6 +26916,7 @@ var persianSurveyStrings = {
     timerLimitSurvey: "شما مدت {0} از {1} را در مجموع سپری کرده اید.",
     clearCaption: "خالی کردن",
     signaturePlaceHolder: "اینجا را امضا کنید",
+    signaturePlaceHolderReadOnly: "بدون امضا",
     chooseFileCaption: "انتخاب فایل",
     takePhotoCaption: "گرفتن عکس",
     photoPlaceholder: "روی دکمه زیر کلیک کنید تا با استفاده از دوربین عکس بگیرید.",
@@ -26825,7 +26973,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["fa"]
 // ok: "OK" => "باشه"
 // cancel: "Cancel" => "لغو"
 // refuseItemText: "Refuse to answer" => "امتناع از پاسخ دادن"
-// dontKnowItemText: "Don't know" => "نمی دانم"
+// dontKnowItemText: "Don't know" => "نمی دانم"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "پاسخ شما بیش از 64KB است. لطفا اندازه فایل(های) خود را کاهش دهید و دوباره تلاش کنید یا با صاحب نظرسنجی تماس بگیرید."
+// signaturePlaceHolderReadOnly: "No signature" => "بدون امضا"
 
 
 /***/ }),
@@ -26911,6 +27060,7 @@ var polishSurveyStrings = {
     savingData: "Zapisuję wyniki ankiety na serwerze...",
     savingDataError: "Wystąpił błąd i wyniki nie mogły zostać zapisane.",
     savingDataSuccess: "Wyniki zostały poprawnie zapisane!",
+    savingExceedSize: "Twoja odpowiedź przekracza 64 KB. Zmniejsz rozmiar plików i spróbuj ponownie lub skontaktuj się z właścicielem ankiety.",
     saveAgainButton: "Spróbuj ponownie",
     timerMin: "min",
     timerSec: "sek",
@@ -26922,6 +27072,7 @@ var polishSurveyStrings = {
     timerLimitSurvey: "Spędziłeś {0} z {1}.",
     clearCaption: "Wyczyść",
     signaturePlaceHolder: "Podpisz tutaj",
+    signaturePlaceHolderReadOnly: "Brak podpisu",
     chooseFileCaption: "Wybierz plik",
     takePhotoCaption: "Zrób zdjęcie",
     photoPlaceholder: "Kliknij przycisk poniżej, aby zrobić zdjęcie aparatem.",
@@ -26966,7 +27117,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["pl"]
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Anuluj"
 // refuseItemText: "Refuse to answer" => "Odmów odpowiedzi"
-// dontKnowItemText: "Don't know" => "Nie wiem"
+// dontKnowItemText: "Don't know" => "Nie wiem"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Twoja odpowiedź przekracza 64 KB. Zmniejsz rozmiar plików i spróbuj ponownie lub skontaktuj się z właścicielem ankiety."
+// signaturePlaceHolderReadOnly: "No signature" => "Brak podpisu"
 
 
 /***/ }),
@@ -27055,6 +27207,7 @@ var portugueseBrSurveyStrings = {
     savingData: "Os resultados esto sendo salvos no servidor...",
     savingDataError: "Ocorreu um erro e não foi possível salvar os resultados.",
     savingDataSuccess: "Os resultados foram salvos com sucesso!",
+    savingExceedSize: "Sua resposta excede 64KB. Reduza o tamanho do(s) seu(s) arquivo(s) e tente novamente ou entre em contato com o proprietário do questionário.",
     saveAgainButton: "Tentar novamente",
     timerMin: "Min",
     timerSec: "segundo",
@@ -27066,6 +27219,7 @@ var portugueseBrSurveyStrings = {
     timerLimitSurvey: "Gastou {0} de {1} no total.",
     clearCaption: "Claro",
     signaturePlaceHolder: "Assine aqui",
+    signaturePlaceHolderReadOnly: "Sem assinatura",
     chooseFileCaption: "Escolher arquivo",
     takePhotoCaption: "Tirar foto",
     photoPlaceholder: "Clique no botão abaixo para tirar uma foto usando a câmera.",
@@ -27169,7 +27323,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["pt-b
 // ok: "OK" => "OKEY"
 // cancel: "Cancel" => "Cancelar"
 // refuseItemText: "Refuse to answer" => "Recusar-se a responder"
-// dontKnowItemText: "Don't know" => "Não sei"
+// dontKnowItemText: "Don't know" => "Não sei"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Sua resposta excede 64KB. Reduza o tamanho do(s) seu(s) arquivo(s) e tente novamente ou entre em contato com o proprietário do questionário."
+// signaturePlaceHolderReadOnly: "No signature" => "Sem assinatura"
 
 
 /***/ }),
@@ -27255,6 +27410,7 @@ var portugueseSurveyStrings = {
     savingData: "Os resultados estão a ser guardados no servidor...",
     savingDataError: "Ocorreu um erro e não foi possível guardar os resultados.",
     savingDataSuccess: "Os resultados foram guardados com sucesso!",
+    savingExceedSize: "Sua resposta excede 64KB. Reduza o tamanho do(s) seu(s) arquivo(s) e tente novamente ou entre em contato com o proprietário do questionário.",
     saveAgainButton: "Tente novamente",
     timerMin: "min",
     timerSec: "seg",
@@ -27266,6 +27422,7 @@ var portugueseSurveyStrings = {
     timerLimitSurvey: "Você gastou {0} de {1} no total.",
     clearCaption: "Limpar",
     signaturePlaceHolder: "Assine aqui",
+    signaturePlaceHolderReadOnly: "Sem assinatura",
     chooseFileCaption: "Escolher ficheiro",
     takePhotoCaption: "Tirar foto",
     photoPlaceholder: "Clique no botão abaixo para tirar uma foto usando a câmera.",
@@ -27307,7 +27464,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["pt"]
 // ok: "OK" => "OKEY"
 // cancel: "Cancel" => "Cancelar"
 // refuseItemText: "Refuse to answer" => "Recusar-se a responder"
-// dontKnowItemText: "Don't know" => "Não sei"
+// dontKnowItemText: "Don't know" => "Não sei"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Sua resposta excede 64KB. Reduza o tamanho do(s) seu(s) arquivo(s) e tente novamente ou entre em contato com o proprietário do questionário."
+// signaturePlaceHolderReadOnly: "No signature" => "Sem assinatura"
 
 
 /***/ }),
@@ -27393,6 +27551,7 @@ var romanianSurveyStrings = {
     savingData: "Rezultatele sunt în curs de salvare...",
     savingDataError: "A intervenit o eroare, rezultatele nu au putut fi salvate.",
     savingDataSuccess: "Rezultatele au fost salvate cu succes!",
+    savingExceedSize: "Răspunsul tău depășește 64KB. Reduceți dimensiunea fișierelor și încercați din nou sau contactați un proprietar de sondaj.",
     saveAgainButton: "Încercați din nou",
     timerMin: "min",
     timerSec: "sec",
@@ -27404,6 +27563,7 @@ var romanianSurveyStrings = {
     timerLimitSurvey: "Ați petrecut {0} din {1} în total.",
     clearCaption: "clar",
     signaturePlaceHolder: "Semnează aici",
+    signaturePlaceHolderReadOnly: "Fără semnătură",
     chooseFileCaption: "Alege fișierul",
     takePhotoCaption: "Faceți o fotografie",
     photoPlaceholder: "Faceți clic pe butonul de mai jos pentru a face o fotografie folosind camera.",
@@ -27460,7 +27620,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ro"]
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Anula"
 // refuseItemText: "Refuse to answer" => "Refuză să răspundă"
-// dontKnowItemText: "Don't know" => "Nu ştiu"
+// dontKnowItemText: "Don't know" => "Nu ştiu"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Răspunsul tău depășește 64KB. Reduceți dimensiunea fișierelor și încercați din nou sau contactați un proprietar de sondaj."
+// signaturePlaceHolderReadOnly: "No signature" => "Fără semnătură"
 
 
 /***/ }),
@@ -27546,6 +27707,7 @@ var russianSurveyStrings = {
     savingData: "Результаты сохраняются на сервер...",
     savingDataError: "Произошла ошибка, результат не был сохранён.",
     savingDataSuccess: "Результат успешно сохранён!",
+    savingExceedSize: "Ваш ответ превышает 64 КБ. Уменьшите размер файла (файлов) и повторите попытку или обратитесь к владельцу опроса.",
     saveAgainButton: "Попробовать снова",
     timerMin: "мин",
     timerSec: "сек",
@@ -27557,6 +27719,7 @@ var russianSurveyStrings = {
     timerLimitSurvey: "Вы потратили {0} из {1} для всего теста.",
     clearCaption: "Очистить",
     signaturePlaceHolder: "Подпишите здесь",
+    signaturePlaceHolderReadOnly: "Без подписи",
     chooseFileCaption: "Выберите файл",
     takePhotoCaption: "Сделать фото",
     photoPlaceholder: "Нажмите кнопку ниже, чтобы сделать снимок с помощью камеры.",
@@ -27597,7 +27760,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ru"]
 // noUploadFilesHandler: "Files cannot be uploaded. Please add a handler for the 'onUploadFiles' event." => "Файлы не могут быть загружены. Пожалуйста, добавьте обработчик для события 'onUploadFiles'."
 // showDetails: "Show Details" => "Показать подробности"
 // hideDetails: "Hide Details" => "Скрыть подробности"
-// cancel: "Cancel" => "Отмена"
+// cancel: "Cancel" => "Отмена"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Ваш ответ превышает 64 КБ. Уменьшите размер файла (файлов) и повторите попытку или обратитесь к владельцу опроса."
+// signaturePlaceHolderReadOnly: "No signature" => "Без подписи"
 
 
 /***/ }),
@@ -27683,6 +27847,7 @@ var serbianStrings = {
     savingData: "U toku je čuvanje podataka na serveru...",
     savingDataError: "Došlo je do greške i rezultati nisu sačuvani.",
     savingDataSuccess: "Rezultati su uspešno sačuvani!",
+    savingExceedSize: "Vaš odgovor premašuje 64KB. Smanjite veličinu datoteka i pokušajte ponovo ili se obratite vlasniku ankete.",
     saveAgainButton: "Pokušajte ponovo",
     timerMin: "min",
     timerSec: "sek",
@@ -27694,6 +27859,7 @@ var serbianStrings = {
     timerLimitSurvey: "Proveli ste {0} od {1} ukupno.",
     clearCaption: "Poništi",
     signaturePlaceHolder: "Potpišite ovde",
+    signaturePlaceHolderReadOnly: "Bez potpisa",
     chooseFileCaption: "Izaberi fajl",
     takePhotoCaption: "Fotografisanje",
     photoPlaceholder: "Kliknite na dugme ispod da biste snimili fotografiju pomoću fotoaparata.",
@@ -27745,7 +27911,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["rs"]
 // ok: "OK" => "U redu"
 // cancel: "Cancel" => "Otkaži"
 // refuseItemText: "Refuse to answer" => "Odbijanje odgovora"
-// dontKnowItemText: "Don't know" => "Ne znam"
+// dontKnowItemText: "Don't know" => "Ne znam"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Vaš odgovor premašuje 64KB. Smanjite veličinu datoteka i pokušajte ponovo ili se obratite vlasniku ankete."
+// signaturePlaceHolderReadOnly: "No signature" => "Bez potpisa"
 
 
 /***/ }),
@@ -27831,6 +27998,7 @@ var simplifiedChineseSurveyStrings = {
     savingData: "正在将结果保存到服务器...",
     savingDataError: "在保存结果过程中发生了错误，结果未能保存",
     savingDataSuccess: "结果保存成功!",
+    savingExceedSize: "您的回复超过 64KB。请减小文件的大小，然后重试或联系调查所有者。",
     saveAgainButton: "请重试",
     timerMin: "分",
     timerSec: "秒",
@@ -27842,6 +28010,7 @@ var simplifiedChineseSurveyStrings = {
     timerLimitSurvey: "总计用时 {0} 共 {1}.",
     clearCaption: "清除",
     signaturePlaceHolder: "在此签名",
+    signaturePlaceHolderReadOnly: "无签名",
     chooseFileCaption: "选择文件",
     takePhotoCaption: "拍照",
     photoPlaceholder: "单击下面的按钮使用相机拍照。",
@@ -27892,7 +28061,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["zh-c
 // ok: "OK" => "还行"
 // cancel: "Cancel" => "取消"
 // refuseItemText: "Refuse to answer" => "拒绝回答"
-// dontKnowItemText: "Don't know" => "不知道"
+// dontKnowItemText: "Don't know" => "不知道"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "您的回复超过 64KB。请减小文件的大小，然后重试或联系调查所有者。"
+// signaturePlaceHolderReadOnly: "No signature" => "无签名"
 
 
 /***/ }),
@@ -27978,6 +28148,7 @@ var slovakSurveyStrings = {
     savingData: "Výsledky sa ukladajú na server...",
     savingDataError: "V dôsledku chyby sa nepodarilo výsledky uložiť.",
     savingDataSuccess: "Výsledky sa úspešne uložili.",
+    savingExceedSize: "Vaša odpoveď presahuje 64 kB. Zmenšite veľkosť svojich súborov a skúste to znova alebo kontaktujte vlastníka prieskumu.",
     saveAgainButton: "Skúste to znova",
     timerMin: "min",
     timerSec: "s",
@@ -27989,6 +28160,7 @@ var slovakSurveyStrings = {
     timerLimitSurvey: "Celkovo ste strávili {0} z {1}.",
     clearCaption: "Vymazať",
     signaturePlaceHolder: "Podpísať tu",
+    signaturePlaceHolderReadOnly: "Bez podpisu",
     chooseFileCaption: "Vybrať súbor",
     takePhotoCaption: "Odfotiť",
     photoPlaceholder: "Kliknutím na tlačidlo nižšie nasnímate fotografiu pomocou fotoaparátu.",
@@ -28035,7 +28207,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["sk"]
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Zrušiť"
 // refuseItemText: "Refuse to answer" => "Odmietnuť odpovedať"
-// dontKnowItemText: "Don't know" => "Neviem"
+// dontKnowItemText: "Don't know" => "Neviem"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Vaša odpoveď presahuje 64 kB. Zmenšite veľkosť svojich súborov a skúste to znova alebo kontaktujte vlastníka prieskumu."
+// signaturePlaceHolderReadOnly: "No signature" => "Bez podpisu"
 
 
 /***/ }),
@@ -28121,6 +28294,7 @@ var spanishSurveyStrings = {
     savingData: "Los resultados se están guardando en el servidor...",
     savingDataError: "Los resultados se están guardando en el servidor...",
     savingDataSuccess: "¡Los resultados se guardaron con éxito!",
+    savingExceedSize: "Su respuesta supera los 64 KB. Reduzca el tamaño de su(s) archivo(s) e inténtelo de nuevo o póngase en contacto con el propietario de una encuesta.",
     saveAgainButton: "Inténtalo de nuevo.",
     timerMin: "min",
     timerSec: "sec",
@@ -28132,6 +28306,7 @@ var spanishSurveyStrings = {
     timerLimitSurvey: "Usted ha gastado {0} de {1} en total.",
     clearCaption: "Borrar",
     signaturePlaceHolder: "Firma aqui",
+    signaturePlaceHolderReadOnly: "Sin firma",
     chooseFileCaption: "Elija el archivo",
     takePhotoCaption: "Tomar foto",
     photoPlaceholder: "Haga clic en el botón de abajo para tomar una foto con la cámara.",
@@ -28176,7 +28351,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["es"]
 // ok: "OK" => "De acuerdo"
 // cancel: "Cancel" => "Cancelar"
 // refuseItemText: "Refuse to answer" => "Negarse a responder"
-// dontKnowItemText: "Don't know" => "No sé"
+// dontKnowItemText: "Don't know" => "No sé"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Su respuesta supera los 64 KB. Reduzca el tamaño de su(s) archivo(s) e inténtelo de nuevo o póngase en contacto con el propietario de una encuesta."
+// signaturePlaceHolderReadOnly: "No signature" => "Sin firma"
 
 
 /***/ }),
@@ -28262,6 +28438,7 @@ var swahiliStrings = {
     savingData: "Matokeo yamehifadhiwa kwa seva...",
     savingDataError: "Kosa limetokea na hatukuweza kuhifadhi matokeo.",
     savingDataSuccess: "Matokeo yamehifadhiwa!",
+    savingExceedSize: "Jibu lako ni zaidi ya 64KB. Tafadhali punguza ukubwa wa faili yako na jaribu tena au wasiliana na mmiliki wa utafiti.",
     saveAgainButton: "Jaribu tena",
     timerMin: "dakika",
     timerSec: "sekunde",
@@ -28273,6 +28450,7 @@ var swahiliStrings = {
     timerLimitSurvey: "Umetumia {0} ya {1} kwa jumla.",
     clearCaption: "Ondoa",
     signaturePlaceHolder: "Ingia hapa",
+    signaturePlaceHolderReadOnly: "Hakuna saini",
     chooseFileCaption: "Chagua faili",
     takePhotoCaption: "Chukua Picha",
     photoPlaceholder: "Bonyeza kitufe hapa chini ili kupiga picha kwa kutumia kamera.",
@@ -28329,7 +28507,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["sw"]
 // ok: "OK" => "Sawa kabisa"
 // cancel: "Cancel" => "Katisha"
 // refuseItemText: "Refuse to answer" => "Kukataa kujibu"
-// dontKnowItemText: "Don't know" => "Sijui"
+// dontKnowItemText: "Don't know" => "Sijui"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Jibu lako ni zaidi ya 64KB. Tafadhali punguza ukubwa wa faili yako na jaribu tena au wasiliana na mmiliki wa utafiti."
+// signaturePlaceHolderReadOnly: "No signature" => "Hakuna saini"
 
 
 /***/ }),
@@ -28415,6 +28594,7 @@ var swedishSurveyStrings = {
     savingData: "Resultaten sparas på servern ...",
     savingDataError: "Ett fel inträffade och vi kunde inte spara resultaten.",
     savingDataSuccess: "Resultaten lyckades sparas!",
+    savingExceedSize: "Ditt svar överskrider 64 kB. Minska storleken på dina filer och försök igen eller kontakta en undersökningsägare.",
     saveAgainButton: "Försök igen",
     timerMin: "min",
     timerSec: "sek",
@@ -28426,6 +28606,7 @@ var swedishSurveyStrings = {
     timerLimitSurvey: "Du har spenderat {0} av {1} totalt.",
     clearCaption: "Klar",
     signaturePlaceHolder: "Signera här",
+    signaturePlaceHolderReadOnly: "Ingen signatur",
     chooseFileCaption: "Välj fil",
     takePhotoCaption: "Ta foto",
     photoPlaceholder: "Klicka på knappen nedan för att ta ett foto med kameran.",
@@ -28470,7 +28651,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["sv"]
 // ok: "OK" => "OKEJ"
 // cancel: "Cancel" => "Annullera"
 // refuseItemText: "Refuse to answer" => "Vägra svara"
-// dontKnowItemText: "Don't know" => "Vet inte"
+// dontKnowItemText: "Don't know" => "Vet inte"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Ditt svar överskrider 64 kB. Minska storleken på dina filer och försök igen eller kontakta en undersökningsägare."
+// signaturePlaceHolderReadOnly: "No signature" => "Ingen signatur"
 
 
 /***/ }),
@@ -28663,6 +28845,7 @@ var teluguStrings = {
     savingData: "ఫలితాంశాలు సర్వర్లో సేవ్ అవుతున్నాయి",
     savingDataError: "ఒక లోపము సంభవించినది అందుకని ఫలితాంశాలను సేవ్ చేయలేకపోయాము  ",
     savingDataSuccess: "ఫలితాంశాలను విజయవంతంగా సేవ్ చేసాము",
+    savingExceedSize: "మీ ప్రతిస్పందన 64KBని మించిపోయింది. దయచేసి మీ ఫైల్(లు) పరిమాణాన్ని తగ్గించండి మరియు మళ్లీ ప్రయత్నించండి లేదా సర్వే యజమానిని సంప్రదించండి.",
     saveAgainButton: "మళ్లీ ప్రయత్నించు",
     timerMin: "నిమిషాలు ",
     timerSec: "సెకండ్లు",
@@ -28674,6 +28857,7 @@ var teluguStrings = {
     timerLimitSurvey: " మొత్తంగా మీరు {1} లో {0} ని ఉపయోగించారు ",
     clearCaption: "స్పష్టమ్",
     signaturePlaceHolder: "ఇక్కడ సంతకం చేయండి",
+    signaturePlaceHolderReadOnly: "సంతకం లేదు",
     chooseFileCaption: "ఫైల్ ఎంచుకోండి",
     takePhotoCaption: "ఫోటో తీసుకోండి",
     photoPlaceholder: "కెమెరాను ఉపయోగించి ఫోటో తీయడానికి దిగువ బటన్ మీద క్లిక్ చేయండి.",
@@ -28730,7 +28914,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["tel"
 // hideDetails: "Hide Details" => "వివరాలను దాచండి"
 // ok: "OK" => "సరే"
 // cancel: "Cancel" => "రద్దు"// refuseItemText: "Refuse to answer" => "సమాధానం ఇవ్వడానికి నిరాకరించండి"
-// dontKnowItemText: "Don't know" => "తెలియదు"
+// dontKnowItemText: "Don't know" => "తెలియదు"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "మీ ప్రతిస్పందన 64KBని మించిపోయింది. దయచేసి మీ ఫైల్(లు) పరిమాణాన్ని తగ్గించండి మరియు మళ్లీ ప్రయత్నించండి లేదా సర్వే యజమానిని సంప్రదించండి."
+// signaturePlaceHolderReadOnly: "No signature" => "సంతకం లేదు"
 
 
 /***/ }),
@@ -28816,6 +29001,7 @@ var thaiStrings = {
     savingData: "ผลลัพท์กำลังบันทึกลงที่เซิร์ฟเวอร์...",
     savingDataError: "มีความผิดพลาดเกิดขึ้นส่งผลให้ไม่สามารถบันทึกผลได้",
     savingDataSuccess: "บันทึกสำเร็จแล้ว",
+    savingExceedSize: "คําตอบของคุณเกิน 64KB โปรดลดขนาดไฟล์ของคุณแล้วลองอีกครั้งหรือติดต่อเจ้าของแบบสํารวจ",
     saveAgainButton: "รบกวนลองอีกครั้ง",
     timerMin: "นาที",
     timerSec: "วินาที",
@@ -28827,6 +29013,7 @@ var thaiStrings = {
     timerLimitSurvey: "คุณใช้เวลา {0} ของ {1} รวมทั้งหมด",
     clearCaption: "เคลียร์",
     signaturePlaceHolder: "ลงชื่อที่นี่",
+    signaturePlaceHolderReadOnly: "ไม่มีลายเซ็น",
     chooseFileCaption: "เลือกไฟล์",
     takePhotoCaption: "ถ่ายรูป",
     photoPlaceholder: "คลิกปุ่มด้านล่างเพื่อถ่ายภาพโดยใช้กล้อง",
@@ -28882,7 +29069,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["th"]
 // hideDetails: "Hide Details" => "ซ่อนรายละเอียด"
 // ok: "OK" => "ตกลง, ได้"
 // cancel: "Cancel" => "ยกเลิก"// refuseItemText: "Refuse to answer" => "ปฏิเสธที่จะตอบ"
-// dontKnowItemText: "Don't know" => "ไม่ทราบ"
+// dontKnowItemText: "Don't know" => "ไม่ทราบ"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "คําตอบของคุณเกิน 64KB โปรดลดขนาดไฟล์ของคุณแล้วลองอีกครั้งหรือติดต่อเจ้าของแบบสํารวจ"
+// signaturePlaceHolderReadOnly: "No signature" => "ไม่มีลายเซ็น"
 
 
 /***/ }),
@@ -28968,6 +29156,7 @@ var traditionalChineseSurveyStrings = {
     savingData: "正在將結果保存到服務器...",
     savingDataError: "在保存結果過程中發生了錯誤，結果未能保存",
     savingDataSuccess: "結果保存成功!",
+    savingExceedSize: "您的回復超過 64KB。請減小檔的大小，然後重試或聯繫調查擁有者。",
     saveAgainButton: "請重試",
     timerMin: "最小",
     timerSec: "秒",
@@ -28979,6 +29168,7 @@ var traditionalChineseSurveyStrings = {
     timerLimitSurvey: "您總共花費了{1}的{0}。",
     clearCaption: "清楚",
     signaturePlaceHolder: "在此簽名",
+    signaturePlaceHolderReadOnly: "無簽名",
     chooseFileCaption: "選擇檔案",
     takePhotoCaption: "拍照",
     photoPlaceholder: "按下下面的按鈕使用相機拍照。",
@@ -29069,7 +29259,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["zh-t
 // hideDetails: "Hide Details" => "隱藏詳細資訊"
 // ok: "OK" => "還行"
 // cancel: "Cancel" => "取消"// refuseItemText: "Refuse to answer" => "拒絕回答"
-// dontKnowItemText: "Don't know" => "不知道"
+// dontKnowItemText: "Don't know" => "不知道"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "您的回復超過 64KB。請減小檔的大小，然後重試或聯繫調查擁有者。"
+// signaturePlaceHolderReadOnly: "No signature" => "無簽名"
 
 
 /***/ }),
@@ -29155,6 +29346,7 @@ var turkishSurveyStrings = {
     savingData: "Sonuçlar sunucuya kaydediliyor...",
     savingDataError: "Bir hata oluştu ve sonuçlar kaydedilemedi.",
     savingDataSuccess: "Sonuçlar başarıyla kaydedildi!",
+    savingExceedSize: "Yanıtınız 64 KB'ı aşıyor. Lütfen dosyalarınızın boyutunu küçültün ve tekrar deneyin veya bir anket sahibiyle iletişime geçin.",
     saveAgainButton: "Tekrar deneyin",
     timerMin: "dakika",
     timerSec: "saniye",
@@ -29166,6 +29358,7 @@ var turkishSurveyStrings = {
     timerLimitSurvey: "Toplamda {0}/{1} harcadınız.",
     clearCaption: "Temizle",
     signaturePlaceHolder: "Burayı imzalayın",
+    signaturePlaceHolderReadOnly: "İmza yok",
     chooseFileCaption: "Dosya seçin",
     takePhotoCaption: "Fotoğraf Çekin",
     photoPlaceholder: "Kamerayı kullanarak fotoğraf çekmek için aşağıdaki düğmeyi tıklayın.",
@@ -29203,7 +29396,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["tr"]
 // hideDetails: "Hide Details" => "Detayları Gizle"
 // ok: "OK" => "TAMAM"
 // cancel: "Cancel" => "İptal"// refuseItemText: "Refuse to answer" => "Cevap vermeyi reddet"
-// dontKnowItemText: "Don't know" => "Bilmiyorum"
+// dontKnowItemText: "Don't know" => "Bilmiyorum"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Yanıtınız 64 KB'ı aşıyor. Lütfen dosyalarınızın boyutunu küçültün ve tekrar deneyin veya bir anket sahibiyle iletişime geçin."
+// signaturePlaceHolderReadOnly: "No signature" => "İmza yok"
 
 
 /***/ }),
@@ -29289,6 +29483,7 @@ var ukrainianSurveyStrings = {
     savingData: "Результати зберігаються на сервер...",
     savingDataError: "Відбулася помилка, результат не був збережений.",
     savingDataSuccess: "Резвультат успішно збережений!",
+    savingExceedSize: "Ваша відповідь перевищує 64 КБ. Будь ласка, зменшіть розмір файлу (файлів) і повторіть спробу або зв'яжіться з власником опитування.",
     saveAgainButton: "Спробувати знову",
     timerMin: "хв",
     timerSec: "сек",
@@ -29300,6 +29495,7 @@ var ukrainianSurveyStrings = {
     timerLimitSurvey: "Ви витратили {0} з {1} для всього тесту.",
     clearCaption: "Очистити",
     signaturePlaceHolder: "Підпишіться тут",
+    signaturePlaceHolderReadOnly: "Без підпису",
     chooseFileCaption: "Виберіть файл",
     takePhotoCaption: "Зробити фото",
     photoPlaceholder: "Натисніть кнопку нижче, щоб зробити фото за допомогою камери.",
@@ -29355,7 +29551,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["ua"]
 // hideDetails: "Hide Details" => "Сховати подробиці"
 // ok: "OK" => "ГАРАЗД"
 // cancel: "Cancel" => "Скасувати"// refuseItemText: "Refuse to answer" => "Відмовтеся відповідати"
-// dontKnowItemText: "Don't know" => "Не знаю"
+// dontKnowItemText: "Don't know" => "Не знаю"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Ваша відповідь перевищує 64 КБ. Будь ласка, зменшіть розмір файлу (файлів) і повторіть спробу або зв'яжіться з власником опитування."
+// signaturePlaceHolderReadOnly: "No signature" => "Без підпису"
 
 
 /***/ }),
@@ -29441,6 +29638,7 @@ var vietnameseSurveyStrings = {
     savingData: "Kết quả đang lưu lại trên hệ thống...",
     savingDataError: "Có lỗi xảy ra và chúng ta không thể lưu kết quả.",
     savingDataSuccess: "Kết quả đã được lưu thành công!",
+    savingExceedSize: "Phản hồi của bạn vượt quá 64KB. Vui lòng giảm kích thước (các) tệp của bạn và thử lại hoặc liên hệ với chủ sở hữu khảo sát.",
     saveAgainButton: "Thử lại",
     timerMin: "phút",
     timerSec: "giây",
@@ -29452,6 +29650,7 @@ var vietnameseSurveyStrings = {
     timerLimitSurvey: "Bạn đã sử dụng {0} / {1} trên toàn bộ.",
     clearCaption: "Xóa",
     signaturePlaceHolder: "Ký tên tại đây",
+    signaturePlaceHolderReadOnly: "Không có chữ ký",
     chooseFileCaption: "Chọn tập tin",
     takePhotoCaption: "Chụp ảnh",
     photoPlaceholder: "Nhấp vào nút bên dưới để chụp ảnh bằng máy ảnh.",
@@ -29508,7 +29707,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["vi"]
 // hideDetails: "Hide Details" => "Ẩn chi tiết"
 // ok: "OK" => "OK"
 // cancel: "Cancel" => "Hủy"// refuseItemText: "Refuse to answer" => "Từ chối trả lời"
-// dontKnowItemText: "Don't know" => "Không biết"
+// dontKnowItemText: "Don't know" => "Không biết"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Phản hồi của bạn vượt quá 64KB. Vui lòng giảm kích thước (các) tệp của bạn và thử lại hoặc liên hệ với chủ sở hữu khảo sát."
+// signaturePlaceHolderReadOnly: "No signature" => "Không có chữ ký"
 
 
 /***/ }),
@@ -29594,6 +29794,7 @@ var welshSurveyStrings = {
     savingData: "Mae’r canlyniadau’n cael eu cadw ar y gweinydd...",
     savingDataError: "Roedd gwall a doedd dim modd cadw’r canlyniadau.",
     savingDataSuccess: "Wedi llwyddo i gadw’r canlyniadau!",
+    savingExceedSize: "Mae eich ymateb yn fwy na 64KB. Lleihau maint eich ffeil(au) a cheisiwch eto neu cysylltwch â pherchennog yr arolwg.",
     saveAgainButton: "Rhowch gynnig arall arni",
     timerMin: "mun",
     timerSec: "eil",
@@ -29605,6 +29806,7 @@ var welshSurveyStrings = {
     timerLimitSurvey: "Rydych chi wedi treulio {0} o {1} gyda’i gilydd.",
     clearCaption: "Clirio",
     signaturePlaceHolder: "Arwydd yma",
+    signaturePlaceHolderReadOnly: "Dim llofnod",
     chooseFileCaption: "Dewiswch ffeil ",
     takePhotoCaption: "Tynnu Llun",
     photoPlaceholder: "Cliciwch y botwm isod i dynnu llun gan ddefnyddio'r camera.",
@@ -29660,7 +29862,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["cy"]
 // hideDetails: "Hide Details" => "Manylion Cuddio"
 // ok: "OK" => "OCÊ"
 // cancel: "Cancel" => "Canslo"// refuseItemText: "Refuse to answer" => "Gwrthod ateb"
-// dontKnowItemText: "Don't know" => "Ddim yn gwybod"
+// dontKnowItemText: "Don't know" => "Ddim yn gwybod"// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Mae eich ymateb yn fwy na 64KB. Lleihau maint eich ffeil(au) a cheisiwch eto neu cysylltwch â pherchennog yr arolwg."
+// signaturePlaceHolderReadOnly: "No signature" => "Dim llofnod"
 
 
 /***/ }),
@@ -30253,17 +30456,12 @@ var InputMaskBase = /** @class */ (function (_super) {
         });
         return res;
     };
-    // public get maskedInputValue(): string {
-    //   return this.input.value;
-    // }
-    // public get unmaskedInputValue(): string {
-    //   return this.getUnmaskedValue(this.input.value, true);
-    // }
     InputMaskBase.prototype.processInput = function (args) {
         return { value: args.prevValue, caretPosition: args.selectionEnd, cancelPreventDefault: false };
     };
     InputMaskBase.prototype.getUnmaskedValue = function (src) { return src; };
     InputMaskBase.prototype.getMaskedValue = function (src) { return src; };
+    InputMaskBase.prototype.getTextAlignment = function () { return "auto"; };
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], InputMaskBase.prototype, "saveMaskedValue", void 0);
@@ -31303,9 +31501,6 @@ var InputMaskNumeric = /** @class */ (function (_super) {
     InputMaskNumeric.prototype.parseNumber = function (src) {
         var result = { integralPart: "", fractionalPart: "", hasDecimalSeparator: false, isNegative: false };
         var input = (src === undefined || src === null) ? "" : src.toString();
-        if (typeof src === "number") {
-            input = src.toString().replace(".", this.decimalSeparator);
-        }
         var minusCharCount = 0;
         for (var inputIndex = 0; inputIndex < input.length; inputIndex++) {
             var currentChar = input[inputIndex];
@@ -31345,8 +31540,7 @@ var InputMaskNumeric = /** @class */ (function (_super) {
     };
     InputMaskNumeric.prototype.getNumberMaskedValue = function (src, matchWholeMask) {
         if (matchWholeMask === void 0) { matchWholeMask = false; }
-        var input = (src === undefined || src === null) ? "" : src;
-        var parsedNumber = this.parseNumber(input);
+        var parsedNumber = this.parseNumber(src);
         if (!this.validateNumber(parsedNumber, matchWholeMask)) {
             return null;
         }
@@ -31357,8 +31551,13 @@ var InputMaskNumeric = /** @class */ (function (_super) {
         var parsedNumber = this.parseNumber(str);
         return this.convertNumber(parsedNumber);
     };
+    InputMaskNumeric.prototype.getTextAlignment = function () {
+        return "right";
+    };
     InputMaskNumeric.prototype.getMaskedValue = function (src) {
-        return this.getNumberMaskedValue(src, true);
+        var input = (src === undefined || src === null) ? "" : src.toString();
+        input = input.replace(".", this.decimalSeparator);
+        return this.getNumberMaskedValue(input, true);
     };
     InputMaskNumeric.prototype.getUnmaskedValue = function (src) {
         return this.getNumberUnmaskedValue(src);
@@ -31689,8 +31888,8 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 var MultiSelectListModel = /** @class */ (function (_super) {
     __extends(MultiSelectListModel, _super);
-    function MultiSelectListModel(items, onSelectionChanged, allowSelection, selectedItems, onFilterStringChangedCallback, elementId) {
-        var _this = _super.call(this, items, onSelectionChanged, allowSelection, undefined, onFilterStringChangedCallback, elementId) || this;
+    function MultiSelectListModel(items, onSelectionChanged, allowSelection, selectedItems, elementId) {
+        var _this = _super.call(this, items, onSelectionChanged, allowSelection, undefined, elementId) || this;
         _this.onItemClick = function (item) {
             if (_this.isItemDisabled(item))
                 return;
@@ -31924,7 +32123,6 @@ var PageModel = /** @class */ (function (_super) {
                 return _this.num + ". " + text;
             return text;
         };
-        _this.createLocalizableString("navigationTitle", _this, true);
         _this.createLocalizableString("navigationDescription", _this, true);
         _this.dragDropPageHelper = new _drag_drop_page_helper_v1__WEBPACK_IMPORTED_MODULE_3__["DragDropPageHelperV1"](_this);
         return _this;
@@ -31963,13 +32161,6 @@ var PageModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(PageModel.prototype, "locNavigationTitle", {
-        get: function () {
-            return this.getLocalizableString("navigationTitle");
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(PageModel.prototype, "navigationDescription", {
         /**
          * Explanatory text displayed under a navigation button in the progress bar. Applies when the [progress bar is visible](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#showProgressBar), `SurveyModel`'s [`progressBarType`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarType) is set to `"pages"`, and [`progressBarShowPageTitles`](https://surveyjs.io/form-library/documentation/surveymodel#progressBarShowPageTitles) is `true`.
@@ -31991,16 +32182,12 @@ var PageModel = /** @class */ (function (_super) {
         configurable: true
     });
     PageModel.prototype.navigationLocStrChanged = function () {
+        if (this.locNavigationTitle.isEmpty) {
+            this.locTitle.strChanged();
+        }
         this.locNavigationTitle.strChanged();
         this.locNavigationDescription.strChanged();
     };
-    Object.defineProperty(PageModel.prototype, "renderedNavigationTitle", {
-        get: function () {
-            return this.locNavigationTitle.renderedHtml || this.title || this.name;
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(PageModel.prototype, "passed", {
         get: function () {
             return this.getPropertyValue("passed", false);
@@ -32442,6 +32629,10 @@ var QuestionRowModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    QuestionRowModel.prototype.getIsAnimationAllowed = function () {
+        var _a;
+        return _super.prototype.getIsAnimationAllowed.call(this) && this.visible && ((_a = this.panel) === null || _a === void 0 ? void 0 : _a.animationAllowed);
+    };
     QuestionRowModel.prototype.getVisibleElementsAnimationOptions = function () {
         var _this = this;
         var beforeRunAnimation = function (el) {
@@ -32449,7 +32640,7 @@ var QuestionRowModel = /** @class */ (function (_super) {
             el.style.setProperty("--animation-width", Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["getElementWidth"])(el) + "px");
         };
         return {
-            isAnimationEnabled: function () { var _a; return _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].animationEnabled && ((_a = _this.panel) === null || _a === void 0 ? void 0 : _a.animationAllowed) && _this.visible; },
+            isAnimationEnabled: function () { return _this.animationAllowed; },
             getAnimatedElement: function (element) { return element.getWrapperElement(); },
             getLeaveOptions: function (element) {
                 var surveyElement = element;
@@ -32598,7 +32789,7 @@ var QuestionRowModel = /** @class */ (function (_super) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_9__["CssClassBuilder"]()
             .append(this.panel.cssClasses.row)
             .append(this.panel.cssClasses.rowCompact, this.panel["isCompact"])
-            .append(this.panel.cssClasses.pageRow, this.panel.isPage || (!!this.panel.originalPage))
+            .append(this.panel.cssClasses.pageRow, this.panel.isPage || this.panel.showPanelAsPage)
             .append(this.panel.cssClasses.rowMultiple, this.visibleElements.length > 1)
             .toString();
     };
@@ -32638,6 +32829,9 @@ var PanelModelBase = /** @class */ (function (_super) {
         _this.addExpressionProperty("enableIf", function (obj, res) { _this.readOnly = res === false; });
         _this.addExpressionProperty("requiredIf", function (obj, res) { _this.isRequired = res === true; });
         _this.createLocalizableString("requiredErrorText", _this);
+        _this.createLocalizableString("navigationTitle", _this, true).onGetTextCallback = function (text) {
+            return text || _this.title || _this.name;
+        };
         _this.registerPropertyChangedHandlers(["questionTitleLocation"], function () {
             _this.onVisibleChanged.bind(_this);
             _this.updateElementCss(true);
@@ -32662,7 +32856,7 @@ var PanelModelBase = /** @class */ (function (_super) {
             el.style.setProperty("--animation-height", el.offsetHeight + "px");
         };
         return {
-            isAnimationEnabled: function () { return _settings__WEBPACK_IMPORTED_MODULE_7__["settings"].animationEnabled && _this.animationAllowed; },
+            isAnimationEnabled: function () { return _this.animationAllowed; },
             getAnimatedElement: function (row) { return row.getRootElement(); },
             getLeaveOptions: function (_) {
                 return { cssClass: _this.cssClasses.rowFadeOut,
@@ -32699,14 +32893,14 @@ var PanelModelBase = /** @class */ (function (_super) {
         return "panelbase";
     };
     PanelModelBase.prototype.setSurveyImpl = function (value, isLight) {
-        this.animationAllowed = false;
+        this.blockAnimations();
         _super.prototype.setSurveyImpl.call(this, value, isLight);
         if (this.isDesignMode)
             this.onVisibleChanged();
         for (var i = 0; i < this.elements.length; i++) {
             this.elements[i].setSurveyImpl(value, isLight);
         }
-        this.animationAllowed = true;
+        this.releaseAnimations();
     };
     PanelModelBase.prototype.endLoadingFromJson = function () {
         _super.prototype.endLoadingFromJson.call(this);
@@ -32754,9 +32948,22 @@ var PanelModelBase = /** @class */ (function (_super) {
             this.elements[i].locStrsChanged();
         }
     };
+    PanelModelBase.prototype.getMarkdownHtml = function (text, name) {
+        if (name === "navigationTitle" && this.locNavigationTitle.isEmpty) {
+            return this.locTitle.renderedHtml || this.name;
+        }
+        return _super.prototype.getMarkdownHtml.call(this, text, name);
+    };
+    Object.defineProperty(PanelModelBase.prototype, "locNavigationTitle", {
+        get: function () {
+            return this.getLocalizableString("navigationTitle");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(PanelModelBase.prototype, "renderedNavigationTitle", {
         get: function () {
-            return this.title || this.name;
+            return this.locNavigationTitle.renderedHtml;
         },
         enumerable: false,
         configurable: true
@@ -33521,13 +33728,13 @@ var PanelModelBase = /** @class */ (function (_super) {
         return new QuestionRowModel(this);
     };
     PanelModelBase.prototype.onSurveyLoad = function () {
-        this.animationAllowed = false;
+        this.blockAnimations();
         _super.prototype.onSurveyLoad.call(this);
         for (var i = 0; i < this.elements.length; i++) {
             this.elements[i].onSurveyLoad();
         }
         this.onElementVisibilityChanged(this);
-        this.animationAllowed = true;
+        this.releaseAnimations();
     };
     PanelModelBase.prototype.onFirstRendering = function () {
         _super.prototype.onFirstRendering.call(this);
@@ -33561,9 +33768,9 @@ var PanelModelBase = /** @class */ (function (_super) {
     PanelModelBase.prototype.onRowsChanged = function () {
         if (this.isLoadingFromJson)
             return;
-        this.animationAllowed = false;
+        this.blockAnimations();
         this.setArrayPropertyDirectly("rows", this.buildRows());
-        this.animationAllowed = true;
+        this.releaseAnimations();
     };
     PanelModelBase.prototype.blockRowsUpdates = function () {
         this.locCountRowUpdates++;
@@ -36309,6 +36516,7 @@ var PopupDropdownViewModel = /** @class */ (function (_super) {
             this.resizeEventCallback();
         }
         _global_variables_utils__WEBPACK_IMPORTED_MODULE_6__["DomWindowHelper"].addEventListener("scroll", this.scrollEventCallBack);
+        this._isPositionSetValue = true;
     };
     Object.defineProperty(PopupDropdownViewModel.prototype, "shouldCreateResizeCallback", {
         get: function () {
@@ -37049,6 +37257,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
                 if (!val) {
                     _this.updateOnHiding();
                     _this.updateIsVisible(val);
+                    _this._isPositionSetValue = false;
                 }
                 else {
                     _this.updateIsVisible(val);
@@ -37059,6 +37268,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
         _this.onModelIsVisibleChangedCallback = function () {
             _this.isVisible = _this.model.isVisible;
         };
+        _this._isPositionSetValue = false;
         _this.model = model;
         _this.locale = _this.model.locale;
         return _this;
@@ -37296,12 +37506,20 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
             this.focusContainer();
         }
     };
+    Object.defineProperty(PopupBaseViewModel.prototype, "isPositionSet", {
+        get: function () {
+            return this._isPositionSetValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
     PopupBaseViewModel.prototype.updateOnShowing = function () {
         this.prevActiveElement = _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].environment.root.activeElement;
         if (this.isOverlay) {
             this.resetDimensionsAndPositionStyleProperties();
         }
         this.switchFocus();
+        this._isPositionSetValue = true;
     };
     PopupBaseViewModel.prototype.updateOnHiding = function () {
         if (this.isFocusedContent && this.prevActiveElement) {
@@ -38474,8 +38692,7 @@ var Question = /** @class */ (function (_super) {
     };
     Question.prototype.runTriggers = function (name, value) {
         var _this = this;
-        if (this.isReadOnly || this.isSettingQuestionValue ||
-            (this.parentQuestion && this.parentQuestion.getValueName() === name))
+        if (this.isSettingQuestionValue || (this.parentQuestion && this.parentQuestion.getValueName() === name))
             return;
         this.triggersInfo.forEach(function (info) {
             _this.runTriggerInfo(info, name, value);
@@ -39693,6 +39910,7 @@ var Question = /** @class */ (function (_super) {
         configurable: true
     });
     Question.prototype.getFilteredValue = function () { return this.value; };
+    Question.prototype.getFilteredName = function () { return this.getValueName(); };
     Object.defineProperty(Question.prototype, "valueForSurvey", {
         get: function () {
             if (!!this.valueToDataCallback) {
@@ -40295,7 +40513,7 @@ var Question = /** @class */ (function (_super) {
     };
     Question.prototype.addConditionObjectsByContext = function (objects, context) {
         objects.push({
-            name: this.getValueName(),
+            name: this.getFilteredName(),
             text: this.processedTitle,
             question: this,
         });
@@ -43337,17 +43555,19 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             .append(this.cssClasses.itemInline, !this.hasColumns && this.colCount === 0)
             .append("sv-q-col-" + this.getCurrentColCount(), !this.hasColumns && this.colCount !== 0)
             .append(this.cssClasses.itemOnError, this.hasCssError());
-        var isDisabled = this.isReadOnly || !item.isEnabled;
+        var readOnlyStyles = this.getIsDisableAndReadOnlyStyles(!item.isEnabled);
+        var isReadOnly = readOnlyStyles[0];
+        var isDisabled = readOnlyStyles[1];
         var isChecked = this.isItemSelected(item) ||
             (this.isOtherSelected && this.otherItem.value === item.value);
         var allowHover = !isDisabled && !isChecked && !(!!this.survey && this.survey.isDesignMode);
         var isNone = item === this.noneItem;
-        options.isDisabled = isDisabled;
+        options.isDisabled = isDisabled || isReadOnly;
         options.isChecked = isChecked;
         options.isNone = isNone;
         return builder
-            .append(this.cssClasses.itemDisabled, this.isDisabledStyle)
-            .append(this.cssClasses.itemReadOnly, this.isReadOnlyStyle)
+            .append(this.cssClasses.itemDisabled, isDisabled)
+            .append(this.cssClasses.itemReadOnly, isReadOnly)
             .append(this.cssClasses.itemPreview, this.isPreviewStyle)
             .append(this.cssClasses.itemChecked, isChecked)
             .append(this.cssClasses.itemHover, allowHover)
@@ -44844,6 +45064,13 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    QuestionCheckboxModel.prototype.getFilteredName = function () {
+        var res = _super.prototype.getFilteredName.call(this);
+        if (this.hasFilteredValue) {
+            res += "-unwrapped";
+        }
+        return res;
+    };
     QuestionCheckboxModel.prototype.getFilteredValue = function () {
         if (this.hasFilteredValue)
             return this.renderedValue;
@@ -47086,7 +47313,13 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: "" })
     ], QuestionDropdownModel.prototype, "readOnlyText", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({
+            onSet: function (newValue, target) {
+                if (!!target.dropdownListModel) {
+                    target.dropdownListModel.setChoicesLazyLoadEnabled(newValue);
+                }
+            }
+        })
     ], QuestionDropdownModel.prototype, "choicesLazyLoadEnabled", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
@@ -47987,6 +48220,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
             }
         };
         _this.createLocalizableString("takePhotoCaption", _this, false, true);
+        _this.createLocalizableString("clearCaption", _this, false, true);
         _this.actionsContainer = new _actions_container__WEBPACK_IMPORTED_MODULE_7__["ActionContainer"]();
         _this.actionsContainer.locOwner = _this;
         _this.fileIndexAction = new _actions_action__WEBPACK_IMPORTED_MODULE_8__["Action"]({
@@ -48063,7 +48297,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
             iconName: "icon-clear",
             id: "sv-file-clean",
             iconSize: "auto",
-            title: new _base__WEBPACK_IMPORTED_MODULE_3__["ComputedUpdater"](function () { return _this.clearButtonCaption; }),
+            locTitle: _this.locClearButtonCaption,
             showTitle: false,
             enabledIf: function () { return !_this.isInputReadOnly; },
             innerCss: new _base__WEBPACK_IMPORTED_MODULE_3__["ComputedUpdater"](function () { return _this.cssClasses.removeButton; }),
@@ -48375,6 +48609,23 @@ var QuestionFileModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionFileModel.prototype, "clearButtonCaption", {
+        get: function () {
+            return this.getLocalizableStringText("clearCaption");
+        },
+        set: function (value) {
+            this.setLocalizableStringText("clearCaption", value);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionFileModel.prototype, "locClearButtonCaption", {
+        get: function () {
+            return this.getLocalizableString("clearCaption");
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionFileModel.prototype, "locRenderedPlaceholder", {
         get: function () {
             var _this = this;
@@ -48950,9 +49201,6 @@ var QuestionFileModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "replaceFileCaption" } })
     ], QuestionFileModel.prototype, "replaceButtonCaption", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "clearCaption" } })
-    ], QuestionFileModel.prototype, "clearButtonCaption", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ localizable: { defaultStr: "removeFileCaption" } })
     ], QuestionFileModel.prototype, "removeFileCaption", void 0);
@@ -49974,6 +50222,9 @@ var QuestionImagePickerModel = /** @class */ (function (_super) {
     QuestionImagePickerModel.prototype.needResponsiveness = function () {
         return this.supportResponsiveness() && this.isDefaultV2Theme;
     };
+    QuestionImagePickerModel.prototype.needResponsiveWidth = function () {
+        return this.colCount > 2;
+    };
     QuestionImagePickerModel.prototype.getCurrentColCount = function () {
         if (this.responsiveColCount === undefined || this.colCount === 0) {
             return this.colCount;
@@ -50205,6 +50456,9 @@ var MatrixRowModel = /** @class */ (function (_super) {
             if (_this.data)
                 _this.data.onMatrixRowChanged(_this);
         });
+        if (_this.data && _this.data.hasErrorInRow(_this)) {
+            _this.hasError = true;
+        }
         return _this;
     }
     Object.defineProperty(MatrixRowModel.prototype, "name", {
@@ -50255,11 +50509,21 @@ var MatrixRowModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(MatrixRowModel.prototype, "hasError", {
+        get: function () {
+            return this.getPropertyValue("hasError", false);
+        },
+        set: function (val) {
+            this.setPropertyValue("hasError", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(MatrixRowModel.prototype, "rowClasses", {
         get: function () {
             var cssClasses = this.data.cssClasses;
             return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_11__["CssClassBuilder"]().append(cssClasses.row)
-                .append(cssClasses.rowError, this.data.hasErrorInRow(this))
+                .append(cssClasses.rowError, this.hasError)
                 .append(cssClasses.rowReadOnly, this.isReadOnly)
                 .append(cssClasses.rowDisabled, this.data.isDisabledStyle)
                 .toString();
@@ -50585,7 +50849,7 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_11__["CssClassBuilder"]()
             .append(css.cell, hasCellText)
             .append(hasCellText ? css.cellText : css.label)
-            .append(css.itemOnError, !hasCellText && (this.isAllRowRequired ? this.hasErrorInRow(row) : this.hasCssError()))
+            .append(css.itemOnError, !hasCellText && (this.isAllRowRequired || this.eachRowUnique ? row.hasError : this.hasCssError()))
             .append(hasCellText ? css.cellTextSelected : css.itemChecked, isChecked)
             .append(hasCellText ? css.cellTextDisabled : css.itemDisabled, this.isDisabledStyle)
             .append(hasCellText ? css.cellTextReadOnly : css.itemReadOnly, this.isReadOnlyStyle)
@@ -50715,72 +50979,76 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         return loc ? loc : this.emptyLocalizableString;
     };
     QuestionMatrixModel.prototype.supportGoNextPageAutomatic = function () {
-        return this.isMouseDown === true && this.hasValuesInAllRows(false);
+        return this.isMouseDown === true && this.hasValuesInAllRows();
     };
     QuestionMatrixModel.prototype.onCheckForErrors = function (errors, isOnValueChanged) {
         _super.prototype.onCheckForErrors.call(this, errors, isOnValueChanged);
-        this.errorsInRow = undefined;
         if (!isOnValueChanged || this.hasCssError()) {
-            if (this.hasErrorAllRowsRequired()) {
+            var rowsErrors = { noValue: false, isNotUnique: false };
+            this.checkErrorsAllRows(true, rowsErrors);
+            if (rowsErrors.noValue) {
                 errors.push(new _error__WEBPACK_IMPORTED_MODULE_6__["RequiredInAllRowsError"](null, this));
             }
-            if (this.hasErrorEachRowUnique()) {
+            if (rowsErrors.isNotUnique) {
                 errors.push(new _error__WEBPACK_IMPORTED_MODULE_6__["EachRowUniqueError"](null, this));
             }
         }
     };
-    QuestionMatrixModel.prototype.hasErrorAllRowsRequired = function () {
-        return this.isAllRowRequired && !this.hasValuesInAllRows(true);
-    };
-    QuestionMatrixModel.prototype.hasErrorEachRowUnique = function () {
-        return this.eachRowUnique && this.hasNonUniqueValueInRow();
+    QuestionMatrixModel.prototype.hasValuesInAllRows = function () {
+        var rowsErrors = { noValue: false, isNotUnique: false };
+        this.checkErrorsAllRows(false, rowsErrors, true);
+        return !rowsErrors.noValue;
     };
-    QuestionMatrixModel.prototype.hasValuesInAllRows = function (addError) {
+    QuestionMatrixModel.prototype.checkErrorsAllRows = function (modifyErrors, res, allRowsRequired) {
+        var _this = this;
         var rows = this.generatedVisibleRows;
         if (!rows)
             rows = this.visibleRows;
         if (!rows)
-            return true;
-        var res = true;
-        for (var i = 0; i < rows.length; i++) {
-            var row = rows[i];
-            var hasValue = !this.isValueEmpty(row.value);
-            if (addError && !hasValue) {
-                this.addErrorIntoRow(row);
-            }
-            res = res && hasValue;
+            return;
+        var rowsRequired = this.isAllRowRequired || allRowsRequired;
+        var rowsUnique = this.eachRowUnique;
+        res.noValue = false;
+        res.isNotUnique = false;
+        if (modifyErrors) {
+            this.errorsInRow = undefined;
         }
-        return res;
-    };
-    QuestionMatrixModel.prototype.hasNonUniqueValueInRow = function () {
-        var rows = this.generatedVisibleRows;
-        if (!rows)
-            rows = this.visibleRows;
-        if (!rows)
-            return false;
+        if (!rowsRequired && !rowsUnique)
+            return;
         var hash = {};
-        var res = true;
         for (var i = 0; i < rows.length; i++) {
             var val = rows[i].value;
             var isEmpty = this.isValueEmpty(val);
-            var isUnique = isEmpty || hash[val] !== true;
-            if (!isUnique) {
+            var isNotUnique = rowsUnique && (!isEmpty && hash[val] === true);
+            isEmpty = isEmpty && rowsRequired;
+            if (modifyErrors && (isEmpty || isNotUnique)) {
                 this.addErrorIntoRow(rows[i]);
             }
-            res = res && isUnique;
             if (!isEmpty) {
                 hash[val] = true;
             }
+            res.noValue = res.noValue || isEmpty;
+            res.isNotUnique = res.isNotUnique || isNotUnique;
+        }
+        if (modifyErrors) {
+            rows.forEach(function (row) {
+                row.hasError = _this.hasErrorInRow(row);
+            });
         }
-        return !res;
     };
     QuestionMatrixModel.prototype.addErrorIntoRow = function (row) {
         if (!this.errorsInRow)
             this.errorsInRow = {};
         this.errorsInRow[row.name] = true;
+        row.hasError = true;
+    };
+    QuestionMatrixModel.prototype.refreshRowsErrors = function () {
+        if (!this.errorsInRow)
+            return;
+        this.checkErrorsAllRows(true, { noValue: false, isNotUnique: false });
     };
     QuestionMatrixModel.prototype.getIsAnswered = function () {
-        return _super.prototype.getIsAnswered.call(this) && this.hasValuesInAllRows(false);
+        return _super.prototype.getIsAnswered.call(this) && this.hasValuesInAllRows();
     };
     QuestionMatrixModel.prototype.createMatrixRow = function (item, fullName, value) {
         var row = new MatrixRowModel(item, fullName, this, value);
@@ -50809,6 +51077,7 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
                 this.generatedVisibleRows[i].setValueDirectly(rowVal);
             }
         }
+        this.refreshRowsErrors();
         this.updateIsAnswered();
         this.isRowChanging = false;
     };
@@ -55063,6 +55332,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
 /* harmony import */ var _actions_container__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./actions/container */ "./src/actions/container.ts");
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
+/* harmony import */ var _utils_animation__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utils/animation */ "./src/utils/animation.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -55097,6 +55367,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
+
 var QuestionMatrixDropdownRenderedCell = /** @class */ (function () {
     function QuestionMatrixDropdownRenderedCell() {
         this.minWidth = "";
@@ -55321,6 +55592,12 @@ var QuestionMatrixDropdownRenderedRow = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    QuestionMatrixDropdownRenderedRow.prototype.setRootElement = function (val) {
+        this.rootElement = val;
+    };
+    QuestionMatrixDropdownRenderedRow.prototype.getRootElement = function () {
+        return this.rootElement;
+    };
     QuestionMatrixDropdownRenderedRow.counter = 1;
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
@@ -55379,10 +55656,53 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         var _this = _super.call(this) || this;
         _this.matrix = matrix;
         _this.renderedRowsChangedCallback = function () { };
+        _this._renderedRows = [];
+        _this.renderedRowsAnimation = new _utils_animation__WEBPACK_IMPORTED_MODULE_8__["AnimationGroup"](_this.getRenderedRowsAnimationOptions(), function (val) {
+            _this._renderedRows = val;
+            _this.renderedRowsChangedCallback();
+        }, function () { return _this._renderedRows; });
         _this.hasActionCellInRowsValues = {};
         _this.build();
         return _this;
     }
+    QuestionMatrixDropdownRenderedTable.prototype.getIsAnimationAllowed = function () {
+        return _super.prototype.getIsAnimationAllowed.call(this) && this.matrix.animationAllowed;
+    };
+    QuestionMatrixDropdownRenderedTable.prototype.getRenderedRowsAnimationOptions = function () {
+        var _this = this;
+        var beforeAnimationRun = function (el) {
+            el.querySelectorAll(":scope > td > *").forEach(function (el) {
+                el.style.setProperty("--animation-height", el.offsetHeight + "px");
+            });
+        };
+        return {
+            isAnimationEnabled: function () {
+                return _this.animationAllowed;
+            },
+            getAnimatedElement: function (el) {
+                return el.getRootElement();
+            },
+            getLeaveOptions: function () {
+                return { cssClass: _this.cssClasses.rowFadeOut, onBeforeRunAnimation: beforeAnimationRun };
+            },
+            getEnterOptions: function () {
+                return { cssClass: _this.cssClasses.rowFadeIn, onBeforeRunAnimation: beforeAnimationRun };
+            }
+        };
+    };
+    QuestionMatrixDropdownRenderedTable.prototype.updateRenderedRows = function () {
+        this.renderedRows = this.rows;
+    };
+    Object.defineProperty(QuestionMatrixDropdownRenderedTable.prototype, "renderedRows", {
+        get: function () {
+            return this._renderedRows;
+        },
+        set: function (val) {
+            this.renderedRowsAnimation.sync(val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionMatrixDropdownRenderedTable.prototype, "showTable", {
         get: function () {
             return this.getPropertyValue("showTable", true);
@@ -55697,10 +56017,12 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         }
     };
     QuestionMatrixDropdownRenderedTable.prototype.buildRows = function () {
+        this.blockAnimations();
         var rows = this.matrix.isColumnLayoutHorizontal
             ? this.buildHorizontalRows()
             : this.buildVerticalRows();
         this.rows = rows;
+        this.releaseAnimations();
     };
     QuestionMatrixDropdownRenderedTable.prototype.hasActionCellInRows = function (location) {
         if (this.hasActionCellInRowsValues[location] === undefined) {
@@ -56218,9 +56540,16 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["propertyArray"])({
             onPush: function (_, i, target) {
                 target.renderedRowsChangedCallback();
+                target.updateRenderedRows();
             },
+            onRemove: function (_, i, target) {
+                target.updateRenderedRows();
+            }
         })
     ], QuestionMatrixDropdownRenderedTable.prototype, "rows", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["propertyArray"])()
+    ], QuestionMatrixDropdownRenderedTable.prototype, "_renderedRows", void 0);
     return QuestionMatrixDropdownRenderedTable;
 }(_base__WEBPACK_IMPORTED_MODULE_1__["Base"]));
 
@@ -58618,6 +58947,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _actions_action__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./actions/action */ "./src/actions/action.ts");
 /* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./base */ "./src/base.ts");
 /* harmony import */ var _actions_adaptive_container__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./actions/adaptive-container */ "./src/actions/adaptive-container.ts");
+/* harmony import */ var _utils_animation__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./utils/animation */ "./src/utils/animation.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -58658,6 +58988,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
+
 var QuestionPanelDynamicItemTextProcessor = /** @class */ (function (_super) {
     __extends(QuestionPanelDynamicItemTextProcessor, _super);
     function QuestionPanelDynamicItemTextProcessor(data, panelItem, variableName) {
@@ -58881,6 +59212,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     __extends(QuestionPanelDynamicModel, _super);
     function QuestionPanelDynamicModel(name) {
         var _this = _super.call(this, name) || this;
+        _this._renderedPanels = [];
+        _this.isPanelsAnimationRunning = false;
         _this.isAddingNewPanels = false;
         _this.isSetPanelItemData = {};
         _this.createNewArray("panels", function (panel) { _this.onPanelAdded(panel); }, function (panel) { _this.onPanelRemoved(panel); });
@@ -59206,6 +59539,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (!this.currentPanel) {
             this.currentPanel = panel;
         }
+        this.updateRenderedPanels();
     };
     QuestionPanelDynamicModel.prototype.onPanelRemoved = function (panel) {
         var index = this.onPanelRemovedCore(panel);
@@ -59215,6 +59549,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 index = visPanels.length - 1;
             this.currentPanel = index >= 0 ? visPanels[index] : null;
         }
+        this.updateRenderedPanels();
     };
     QuestionPanelDynamicModel.prototype.onPanelRemovedCore = function (panel) {
         var visPanels = this.visiblePanelsCore;
@@ -59285,6 +59620,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 curPanel.onHidingContent();
             }
             this.setPropertyValue("currentPanel", val);
+            this.updateRenderedPanels();
             this.updateFooterActions();
             this.updateTabToolbarItemsPressedState();
             this.fireCallback(this.currentIndexChangedCallback);
@@ -59299,6 +59635,123 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    QuestionPanelDynamicModel.prototype.updateRenderedPanels = function () {
+        if (this.isRenderModeList) {
+            this.renderedPanels = [].concat(this.visiblePanels);
+        }
+        else if (this.currentPanel) {
+            this.renderedPanels = [this.currentPanel];
+        }
+        else {
+            this.renderedPanels = [];
+        }
+    };
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "renderedPanels", {
+        get: function () {
+            return this._renderedPanels;
+        },
+        set: function (val) {
+            if (this.renderedPanels.length == 0 || val.length == 0) {
+                this.blockAnimations();
+                this.panelsAnimation.sync(val);
+                this.releaseAnimations();
+            }
+            else {
+                this.isPanelsAnimationRunning = true;
+                this.panelsAnimation.sync(val);
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionPanelDynamicModel.prototype.getPanelsAnimationOptions = function () {
+        var _this = this;
+        var getDirection = function () {
+            if (_this.isRenderModeList)
+                return "";
+            var leavingPanel = _this.renderedPanels.filter(function (el) { return el !== _this.currentPanel; })[0];
+            var leavingPanelIndex = _this.visiblePanels.indexOf(leavingPanel);
+            if (leavingPanelIndex < 0)
+                leavingPanelIndex = _this.removedPanelIndex;
+            return leavingPanelIndex > _this.currentIndex ? "-right" : "-left";
+        };
+        return {
+            getAnimatedElement: function (panel) {
+                var _a, _b;
+                if (panel && _this.cssContent) {
+                    var contentSelector = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["classesToSelector"])(_this.cssContent);
+                    return (_b = (_a = _this.getWrapperElement()) === null || _a === void 0 ? void 0 : _a.querySelector(":scope " + contentSelector + " #" + panel.id)) === null || _b === void 0 ? void 0 : _b.parentElement;
+                }
+            },
+            getEnterOptions: function () {
+                var cssClass = _this.cssClasses.panelWrapperFadeIn ? "" + _this.cssClasses.panelWrapperFadeIn + getDirection() : "";
+                return {
+                    onBeforeRunAnimation: function (el) {
+                        var _a;
+                        if (_this.focusNewPanelCallback) {
+                            var scolledElement = _this.isRenderModeList ? el : el.parentElement;
+                            _survey_element__WEBPACK_IMPORTED_MODULE_1__["SurveyElement"].ScrollElementToViewCore(scolledElement, false, false, { behavior: "smooth" });
+                        }
+                        if (!_this.isRenderModeList) {
+                            (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.style.setProperty("--animation-height-to", el.offsetHeight + "px");
+                        }
+                        else {
+                            el.style.setProperty("--animation-height", el.offsetHeight + "px");
+                        }
+                    },
+                    cssClass: cssClass
+                };
+            },
+            getLeaveOptions: function () {
+                var cssClass = _this.cssClasses.panelWrapperFadeOut ? "" + _this.cssClasses.panelWrapperFadeOut + getDirection() : "";
+                return {
+                    onBeforeRunAnimation: function (el) {
+                        var _a;
+                        if (!_this.isRenderModeList) {
+                            (_a = el.parentElement) === null || _a === void 0 ? void 0 : _a.style.setProperty("--animation-height-from", el.offsetHeight + "px");
+                        }
+                        else {
+                            el.style.setProperty("--animation-height", el.offsetHeight + "px");
+                        }
+                    },
+                    cssClass: cssClass
+                };
+            },
+            isAnimationEnabled: function () {
+                return _this.animationAllowed && !!_this.getWrapperElement();
+            },
+        };
+    };
+    QuestionPanelDynamicModel.prototype.disablePanelsAnimations = function () {
+        this.panelsCore.forEach(function (panel) {
+            panel.blockAnimations();
+        });
+    };
+    QuestionPanelDynamicModel.prototype.enablePanelsAnimations = function () {
+        this.panelsCore.forEach(function (panel) {
+            panel.releaseAnimations();
+        });
+    };
+    QuestionPanelDynamicModel.prototype.updatePanelsAnimation = function () {
+        var _this = this;
+        this._panelsAnimations = new (this.isRenderModeList ? _utils_animation__WEBPACK_IMPORTED_MODULE_14__["AnimationGroup"] : _utils_animation__WEBPACK_IMPORTED_MODULE_14__["AnimationTab"])(this.getPanelsAnimationOptions(), function (val, isTempUpdate) {
+            _this._renderedPanels = val;
+            if (!isTempUpdate) {
+                _this.isPanelsAnimationRunning = false;
+                _this.focusNewPanel();
+            }
+        }, function () { return _this._renderedPanels; });
+    };
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "panelsAnimation", {
+        get: function () {
+            if (!this._panelsAnimations) {
+                this.updatePanelsAnimation();
+            }
+            return this._panelsAnimations;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionPanelDynamicModel.prototype.onHidingContent = function () {
         _super.prototype.onHidingContent.call(this);
         if (this.currentPanel) {
@@ -59613,11 +60066,13 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             if (val < this.panelCount) {
                 this.panelsCore.splice(val, this.panelCount - val);
             }
+            this.disablePanelsAnimations();
             this.setValueAfterPanelsCreating();
             this.setValueBasedOnPanelCount();
             this.reRunCondition();
             this.updateFooterActions();
             this.fireCallback(this.panelCountChangedCallback);
+            this.enablePanelsAnimations();
         },
         enumerable: false,
         configurable: true
@@ -59912,6 +60367,10 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         set: function (val) {
             this.setPropertyValue("renderMode", val);
             this.fireCallback(this.renderModeChangedCallback);
+            this.blockAnimations();
+            this.updateRenderedPanels();
+            this.releaseAnimations();
+            this.updatePanelsAnimation();
         },
         enumerable: false,
         configurable: true
@@ -60145,9 +60604,20 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (this.renderMode === "list" && this.panelsState !== "default") {
             newPanel.expand();
         }
-        newPanel.focusFirstQuestion();
+        this.focusNewPanelCallback = function () {
+            newPanel.focusFirstQuestion();
+        };
+        if (!this.isPanelsAnimationRunning) {
+            this.focusNewPanel();
+        }
         return newPanel;
     };
+    QuestionPanelDynamicModel.prototype.focusNewPanel = function () {
+        if (this.focusNewPanelCallback) {
+            this.focusNewPanelCallback();
+            this.focusNewPanelCallback = undefined;
+        }
+    };
     /**
      * Adds a new panel based on the [template](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#template).
      * @param index *(Optional)* An index at which to insert the new panel. `undefined` adds the panel to the end or inserts it after the current panel if [`renderMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`. A negative index (for instance, -1) adds the panel to the end in all cases, regardless of the `renderMode` value.
@@ -60256,16 +60726,11 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             return;
         this.currentIndex--;
     };
-    /**
-     * Removes a dynamic panel from the panels array.
-     * @param value a panel or panel index
-     * @see panels
-     * @see template
-     */
     QuestionPanelDynamicModel.prototype.removePanel = function (value) {
         var visIndex = this.getVisualPanelIndex(value);
         if (visIndex < 0 || visIndex >= this.visiblePanelCount)
             return;
+        this.removedPanelIndex = visIndex;
         var panel = this.visiblePanelsCore[visIndex];
         var index = this.panelsCore.indexOf(panel);
         if (index < 0)
@@ -60378,11 +60843,16 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             var prefixName = this.getValueName() + indexStr;
             var prefixText = this.processedTitle + indexStr;
             for (var i = 0; i < panelObjs.length; i++) {
-                objects.push({
-                    name: prefixName + panelObjs[i].name,
-                    text: prefixText + panelObjs[i].text,
-                    question: panelObjs[i].question,
-                });
+                if (!!panelObjs[i].context) {
+                    objects.push(panelObjs[i]);
+                }
+                else {
+                    objects.push({
+                        name: prefixName + panelObjs[i].name,
+                        text: prefixText + panelObjs[i].text,
+                        question: panelObjs[i].question,
+                    });
+                }
             }
         }
         if (hasContext) {
@@ -60396,9 +60866,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                     text: prefixText + QuestionPanelDynamicItem.ItemVariableName + "." + panelObjs[i].text,
                     question: panelObjs[i].question
                 };
-                if (context === true) {
-                    obj.context = this;
-                }
+                obj.context = this;
                 objects.push(obj);
             }
         }
@@ -60456,6 +60924,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             return;
         if (!force && this.wasNotRenderedInSurvey)
             return;
+        this.blockAnimations();
         this.hasPanelBuildFirstTime = true;
         this.isBuildingPanelsFirstTime = true;
         if (this.getPropertyValue("panelCount") > 0) {
@@ -60478,6 +60947,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         }
         this.updateFooterActions();
         this.isBuildingPanelsFirstTime = false;
+        this.releaseAnimations();
     };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "wasNotRenderedInSurvey", {
         get: function () {
@@ -61023,7 +61493,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "cssHeader", {
         get: function () {
-            var showTab = this.isRenderModeTab && !!this.panelCount;
+            var showTab = this.isRenderModeTab && !!this.visiblePanelCount;
             return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_10__["CssClassBuilder"]()
                 .append(this.cssClasses.header)
                 .append(this.cssClasses.headerTop, this.hasTitleOnTop || showTab)
@@ -61036,6 +61506,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.getPanelWrapperCss = function (panel) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_10__["CssClassBuilder"]()
             .append(this.cssClasses.panelWrapper, !panel || panel.visible)
+            .append(this.cssClasses.panelWrapperList, this.isRenderModeList)
             .append(this.cssClasses.panelWrapperInRow, this.panelRemoveButtonLocation === "right")
             .toString();
     };
@@ -61094,6 +61565,13 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
             return true;
         return false;
     };
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "hasAdditionalTitleToolbar", {
+        get: function () {
+            return this.isRenderModeTab && this.visiblePanels.length > 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionPanelDynamicModel.prototype.getAdditionalTitleToolbar = function () {
         if (!this.isRenderModeTab)
             return null;
@@ -61282,7 +61760,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionPanelDynamicModel.prototype.showSeparator = function (index) {
-        return this.isRenderModeList && index < this.visiblePanelCount - 1;
+        return this.isRenderModeList && index < this.renderedPanels.length - 1;
     };
     QuestionPanelDynamicModel.prototype.calcCssClasses = function (css) {
         var classes = _super.prototype.calcCssClasses.call(this, css);
@@ -61296,6 +61774,9 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         return classes;
     };
     QuestionPanelDynamicModel.maxCheckCount = 3;
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_5__["propertyArray"])({})
+    ], QuestionPanelDynamicModel.prototype, "_renderedPanels", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_5__["property"])({ defaultValue: false, onSet: function (_, target) { target.updateFooterActions(); } })
     ], QuestionPanelDynamicModel.prototype, "legacyNavigation", void 0);
@@ -61595,6 +62076,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./helpers */ "./src/helpers.ts");
 /* harmony import */ var _src_settings__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../src/settings */ "./src/settings.ts");
 /* harmony import */ var _utils_animation__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./utils/animation */ "./src/utils/animation.ts");
+/* harmony import */ var _utils_dragOrClickHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils/dragOrClickHelper */ "./src/utils/dragOrClickHelper.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -61627,6 +62109,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 /**
  * A class that describes the Ranking question type.
  *
@@ -61680,7 +62163,19 @@ var QuestionRankingModel = /** @class */ (function (_super) {
             if (_this.allowStartDrag &&
                 _this.canStartDragDueMaxSelectedChoices(target) &&
                 _this.canStartDragDueItemEnabled(choice)) {
-                _this.dragDropRankingChoices.startDrag(event, choice, _this, node);
+                _this.draggedChoise = choice;
+                _this.draggedTargetNode = node;
+                _this.dragOrClickHelper.onPointerDown(event);
+            }
+        };
+        _this.startDrag = function (event) {
+            _this.dragDropRankingChoices.startDrag(event, _this.draggedChoise, _this, _this.draggedTargetNode);
+        };
+        _this.handlePointerUp = function (event, choice, node) {
+            if (!_this.selectToRankEnabled)
+                return;
+            if (_this.allowStartDrag) {
+                _this.handleKeydownSelectToRank(event, choice, " ", false);
             }
         };
         _this.handleKeydown = function (event, choice) {
@@ -61740,6 +62235,7 @@ var QuestionRankingModel = /** @class */ (function (_super) {
             _this.setDragDropRankingChoices();
             _this.updateRankingChoicesSync();
         });
+        _this.dragOrClickHelper = new _utils_dragOrClickHelper__WEBPACK_IMPORTED_MODULE_11__["DragOrClickHelper"](_this.startDrag);
         return _this;
     }
     QuestionRankingModel.prototype.getDefaultItemComponent = function () {
@@ -61777,7 +62273,10 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         configurable: true
     });
     QuestionRankingModel.prototype.isItemSelectedCore = function (item) {
-        return false;
+        if (this.selectToRankEnabled) {
+            return _super.prototype.isItemSelectedCore.call(this, item);
+        }
+        return true;
     };
     QuestionRankingModel.prototype.getItemClassCore = function (item, options) {
         var itemIndex = this.rankingChoices.indexOf(item);
@@ -61839,9 +62338,9 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         return this.isEmpty() ? "" : index + 1 + "";
     };
     QuestionRankingModel.prototype.updateRankingChoicesSync = function () {
-        this.animationAllowed = false;
+        this.blockAnimations();
         this.updateRankingChoices();
-        this.animationAllowed = true;
+        this.releaseAnimations();
     };
     QuestionRankingModel.prototype.setSurveyImpl = function (value, isLight) {
         _super.prototype.setSurveyImpl.call(this, value, isLight);
@@ -61884,7 +62383,7 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     QuestionRankingModel.prototype.getChoicesAnimation = function (isRankingChoices) {
         var _this = this;
         return {
-            isAnimationEnabled: function () { return _src_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].animationEnabled && _this.animationAllowed; },
+            isAnimationEnabled: function () { return _this.animationAllowed; },
             getLeaveOptions: function (item) {
                 var choices = isRankingChoices ? _this.rankingChoices : _this.unRankingChoices;
                 if (_this.renderedSelectToRankAreasLayout == "vertical" && choices.length == 1 && choices.indexOf(item) >= 0) {
@@ -62052,10 +62551,13 @@ var QuestionRankingModel = /** @class */ (function (_super) {
     QuestionRankingModel.prototype.supportNone = function () { return false; };
     QuestionRankingModel.prototype.supportRefuse = function () { return false; };
     QuestionRankingModel.prototype.supportDontKnow = function () { return false; };
-    QuestionRankingModel.prototype.handleKeydownSelectToRank = function (event, movedElement) {
+    QuestionRankingModel.prototype.handleKeydownSelectToRank = function (event, movedElement, hardKey, isNeedFocus) {
+        if (isNeedFocus === void 0) { isNeedFocus = true; }
         if (this.isDesignMode)
             return;
         var key = event.key;
+        if (hardKey)
+            key = hardKey;
         if (key !== " " && key !== "ArrowUp" && key !== "ArrowDown")
             return;
         var dnd = this.dragDropRankingChoices; //????
@@ -62067,21 +62569,23 @@ var QuestionRankingModel = /** @class */ (function (_super) {
             return;
         var toIndex;
         if (key === " " && !isMovedElementRanked) {
-            toIndex = 0;
-            this.animationAllowed = false;
+            if (!this.checkMaxSelectedChoicesUnreached() || !this.canStartDragDueItemEnabled(movedElement))
+                return;
+            toIndex = this.value.length;
+            this.blockAnimations();
             dnd.selectToRank(this, fromIndex, toIndex);
-            this.animationAllowed = true;
-            this.setValueAfterKeydown(toIndex, "to-container");
+            this.releaseAnimations();
+            this.setValueAfterKeydown(toIndex, "to-container", isNeedFocus);
             return;
         }
         if (!isMovedElementRanked)
             return;
         if (key === " ") {
-            this.animationAllowed = false;
+            this.blockAnimations();
             dnd.unselectFromRank(this, fromIndex);
-            this.animationAllowed = true;
+            this.releaseAnimations();
             toIndex = this.unRankingChoices.indexOf(movedElement); //'this.' leads to actual array after the 'unselectFromRank' method
-            this.setValueAfterKeydown(toIndex, "from-container");
+            this.setValueAfterKeydown(toIndex, "from-container", isNeedFocus);
             return;
         }
         var delta = key === "ArrowUp" ? -1 : (key === "ArrowDown" ? 1 : 0);
@@ -62091,15 +62595,18 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         if (toIndex < 0 || toIndex >= rankingChoices.length)
             return;
         dnd.reorderRankedItem(this, fromIndex, toIndex);
-        this.setValueAfterKeydown(toIndex, "to-container");
+        this.setValueAfterKeydown(toIndex, "to-container", isNeedFocus);
     };
-    QuestionRankingModel.prototype.setValueAfterKeydown = function (index, container) {
+    QuestionRankingModel.prototype.setValueAfterKeydown = function (index, container, isNeedFocus) {
         var _this = this;
+        if (isNeedFocus === void 0) { isNeedFocus = true; }
         this.setValue();
-        setTimeout(function () {
-            _this.focusItem(index, container);
-        }, 1);
-        event.preventDefault();
+        if (isNeedFocus) {
+            setTimeout(function () {
+                _this.focusItem(index, container);
+            }, 1);
+        }
+        event && event.preventDefault();
     };
     QuestionRankingModel.prototype.getIconHoverCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
@@ -62443,19 +62950,23 @@ var QuestionRatingModel = /** @class */ (function (_super) {
             _this.updateRateCount();
         });
         _this.registerFunctionOnPropertiesValueChanged(["rateValues"], function () {
-            _this.autoGenerate = false;
+            _this.setIconsToRateValues();
+            _this.createRenderedRateItems();
+        });
+        _this.registerSychProperties(["rateValues"], function () {
+            _this.autoGenerate = _this.rateValues.length == 0;
             _this.setIconsToRateValues();
             _this.createRenderedRateItems();
         });
         _this.registerFunctionOnPropertiesValueChanged(["rateColorMode", "scaleColorMode"], function () {
             _this.updateColors(_this.survey.themeVariables);
         });
-        _this.registerFunctionOnPropertiesValueChanged(["autoGenerate"], function () {
+        _this.registerSychProperties(["autoGenerate"], function () {
             if (!_this.autoGenerate && _this.rateValues.length === 0) {
                 _this.setPropertyValue("rateValues", _this.visibleRateValues);
             }
             if (_this.autoGenerate) {
-                _this.rateValues.length = 0;
+                _this.rateValues.splice(0, _this.rateValues.length);
                 _this.updateRateMax();
             }
             _this.createRenderedRateItems();
@@ -62781,6 +63292,13 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.getInputId = function (index) {
         return this.inputId + "_" + index;
     };
+    Object.defineProperty(QuestionRatingModel.prototype, "questionName", {
+        get: function () {
+            return this.name + "_" + this.id;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionRatingModel.prototype.supportGoNextPageAutomatic = function () {
         return this.isMouseDown === true || this.renderAs === "dropdown";
     };
@@ -64321,7 +64839,13 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         })
     ], QuestionTagboxModel.prototype, "hideSelectedItems", void 0);
     __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({
+            onSet: function (newValue, target) {
+                if (!!target.dropdownListModel) {
+                    target.dropdownListModel.setChoicesLazyLoadEnabled(newValue);
+                }
+            }
+        })
     ], QuestionTagboxModel.prototype, "choicesLazyLoadEnabled", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
@@ -65037,8 +65561,8 @@ var QuestionTextModel = /** @class */ (function (_super) {
         if (this.inputTextAlignment !== "auto") {
             style.textAlign = this.inputTextAlignment;
         }
-        else if (this.maskType === "numeric" || this.maskType === "currency") {
-            style.textAlign = "right";
+        else if (this.maskSettings.getTextAlignment() !== "auto") {
+            style.textAlign = this.maskSettings.getTextAlignment();
         }
     };
     QuestionTextModel.prototype.updateValueOnEvent = function (event) {
@@ -67404,6 +67928,7 @@ var MatrixRow = /** @class */ (function (_super) {
     __extends(MatrixRow, _super);
     function MatrixRow(props) {
         var _this = _super.call(this, props) || this;
+        _this.root = react__WEBPACK_IMPORTED_MODULE_0___default.a.createRef();
         _this.onPointerDownHandler = function (event) {
             _this.parentMatrix.onPointerDown(event.nativeEvent, _this.model.row);
         };
@@ -67426,12 +67951,35 @@ var MatrixRow = /** @class */ (function (_super) {
     MatrixRow.prototype.getStateElement = function () {
         return this.model;
     };
+    MatrixRow.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        if (this.root.current) {
+            this.model.setRootElement(this.root.current);
+        }
+    };
+    MatrixRow.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
+        this.model.setRootElement(undefined);
+    };
+    MatrixRow.prototype.shouldComponentUpdate = function (nextProps, nextState) {
+        if (!_super.prototype.shouldComponentUpdate.call(this, nextProps, nextState))
+            return false;
+        if (nextProps.model !== this.model) {
+            if (nextProps.element) {
+                nextProps.element.setRootElement(this.root.current);
+            }
+            if (this.model) {
+                this.model.setRootElement(undefined);
+            }
+        }
+        return true;
+    };
     MatrixRow.prototype.render = function () {
         var _this = this;
         var model = this.model;
         if (!model.visible)
             return null;
-        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("tr", { className: model.className, "data-sv-drop-target-matrix-row": model.row && model.row.id, onPointerDown: function (event) { return _this.onPointerDownHandler(event); } }, this.props.children));
+        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("tr", { ref: this.root, className: model.className, "data-sv-drop-target-matrix-row": model.row && model.row.id, onPointerDown: function (event) { return _this.onPointerDownHandler(event); } }, this.props.children));
     };
     return MatrixRow;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"]));
@@ -67924,7 +68472,6 @@ var PopupContainer = /** @class */ (function (_super) {
     __extends(PopupContainer, _super);
     function PopupContainer(props) {
         var _this = _super.call(this, props) || this;
-        _this.prevIsVisible = false;
         _this.handleKeydown = function (event) {
             _this.model.onKeyDown(event);
         };
@@ -67945,10 +68492,9 @@ var PopupContainer = /** @class */ (function (_super) {
     };
     PopupContainer.prototype.componentDidUpdate = function (prevProps, prevState) {
         _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
-        if (!this.prevIsVisible && this.model.isVisible) {
+        if (!this.model.isPositionSet && this.model.isVisible) {
             this.model.updateOnShowing();
         }
-        this.prevIsVisible = this.model.isVisible;
     };
     PopupContainer.prototype.renderContainer = function (popupBaseViewModel) {
         var _this = this;
@@ -68041,6 +68587,59 @@ survey_core__WEBPACK_IMPORTED_MODULE_2__["settings"].showModal = showModal;
 survey_core__WEBPACK_IMPORTED_MODULE_2__["settings"].showDialog = showDialog;
 
 
+/***/ }),
+
+/***/ "./src/react/components/question-error.tsx":
+/*!*************************************************!*\
+  !*** ./src/react/components/question-error.tsx ***!
+  \*************************************************/
+/*! exports provided: QuestionErrorComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "QuestionErrorComponent", function() { return QuestionErrorComponent; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../element-factory */ "./src/react/element-factory.tsx");
+/* harmony import */ var _string_viewer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../string-viewer */ "./src/react/string-viewer.tsx");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+var QuestionErrorComponent = /** @class */ (function (_super) {
+    __extends(QuestionErrorComponent, _super);
+    function QuestionErrorComponent() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    QuestionErrorComponent.prototype.render = function () {
+        return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null,
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { className: this.props.cssClasses.error.icon || undefined, "aria-hidden": "true" }),
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { className: this.props.cssClasses.error.item || undefined },
+                react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_string_viewer__WEBPACK_IMPORTED_MODULE_2__["SurveyLocStringViewer"], { locStr: this.props.error.locText }))));
+    };
+    return QuestionErrorComponent;
+}(react__WEBPACK_IMPORTED_MODULE_0___default.a.Component));
+
+_element_factory__WEBPACK_IMPORTED_MODULE_1__["ReactElementFactory"].Instance.registerElement("sv-question-error", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(QuestionErrorComponent, props);
+});
+
+
 /***/ }),
 
 /***/ "./src/react/components/rating/rating-dropdown-item.tsx":
@@ -68156,7 +68755,7 @@ var RatingItemSmiley = /** @class */ (function (_super) {
     RatingItemSmiley.prototype.render = function () {
         var _this = this;
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { onMouseDown: this.handleOnMouseDown, style: this.question.getItemStyle(this.item.itemValue, this.item.highlight), className: this.question.getItemClass(this.item.itemValue), onMouseOver: function (e) { return _this.question.onItemMouseIn(_this.item); }, onMouseOut: function (e) { return _this.question.onItemMouseOut(_this.item); } },
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.name, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.isDisplayMode, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: function () { }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.questionName, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.isDisplayMode, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: function () { }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { size: "auto", iconName: this.question.getItemSmileyIconName(this.item.itemValue), title: this.item.text })));
     };
     return RatingItemSmiley;
@@ -68211,7 +68810,7 @@ var RatingItemStar = /** @class */ (function (_super) {
     RatingItemStar.prototype.render = function () {
         var _this = this;
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { onMouseDown: this.handleOnMouseDown, className: this.question.getItemClass(this.item.itemValue), onMouseOver: function (e) { return _this.question.onItemMouseIn(_this.item); }, onMouseOut: function (e) { return _this.question.onItemMouseOut(_this.item); } },
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.name, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.isDisplayMode, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: function () { }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.questionName, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.isDisplayMode, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: function () { }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { className: "sv-star", size: "auto", iconName: this.question.itemStarIcon, title: this.item.text }),
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { className: "sv-star-2", size: "auto", iconName: this.question.itemStarIconAlt, title: this.item.text })));
     };
@@ -68303,7 +68902,7 @@ var RatingItem = /** @class */ (function (_super) {
     RatingItem.prototype.render = function () {
         var itemText = this.renderLocString(this.item.locText);
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("label", { onMouseDown: this.handleOnMouseDown, className: this.question.getItemClassByText(this.item.itemValue, this.item.text) },
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.name, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.isDisplayMode, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: function () { }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("input", { type: "radio", className: "sv-visuallyhidden", name: this.question.questionName, id: this.question.getInputId(this.index), value: this.item.value, disabled: this.isDisplayMode, checked: this.question.value == this.item.value, onClick: this.props.handleOnClick, onChange: function () { }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { className: this.question.cssClasses.itemText }, itemText)));
     };
     RatingItem.prototype.componentDidMount = function () {
@@ -69409,7 +70008,7 @@ var SurveyElementHeader = /** @class */ (function (_super) {
         var description = element.hasDescriptionUnderTitle
             ? _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElementBase"].renderQuestionDescription(this.element)
             : null;
-        var additionalTitleToolbarElement = !!element.additionalTitleToolbar ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_1__["SurveyActionBar"], { model: element.additionalTitleToolbar }) : null;
+        var additionalTitleToolbarElement = element.hasAdditionalTitleToolbar ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_1__["SurveyActionBar"], { model: element.additionalTitleToolbar }) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: element.cssHeader, onClick: function (e) { return element.clickTitleFunction && element.clickTitleFunction(e.nativeEvent); } },
             title,
             description,
@@ -70484,6 +71083,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
 /* harmony import */ var _reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactSurveyNavigationBase */ "./src/react/reactSurveyNavigationBase.tsx");
 /* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
+/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -70503,6 +71103,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var SurveyProgressButtons = /** @class */ (function (_super) {
     __extends(SurveyProgressButtons, _super);
     function SurveyProgressButtons(props) {
@@ -70562,12 +71163,13 @@ var SurveyProgressButtons = /** @class */ (function (_super) {
     };
     SurveyProgressButtons.prototype.renderListElement = function (page, index) {
         var _this = this;
+        var text = _reactquestion_element__WEBPACK_IMPORTED_MODULE_4__["SurveyElementBase"].renderLocString(page.locNavigationTitle);
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", { key: "listelement" + index, className: this.model.getListElementCss(index), onClick: this.model.isListElementClickable(index)
                 ? function () { return _this.model.clickListElement(page); }
                 : undefined, "data-page-number": this.model.getItemNumber(page) },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsConnector }),
             this.state.canShowItemTitles ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, page.renderedNavigationTitle),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, text),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)) : null,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsButton },
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsButtonBackground }),
@@ -70896,14 +71498,13 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "./src/entries/core.ts");
 /* harmony import */ var _page__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./page */ "./src/react/page.tsx");
 /* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
-/* harmony import */ var _string_viewer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./string-viewer */ "./src/react/string-viewer.tsx");
-/* harmony import */ var _components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/survey-header/survey-header */ "./src/react/components/survey-header/survey-header.tsx");
-/* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/react/reactquestion_factory.tsx");
-/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
-/* harmony import */ var _components_brand_info__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/brand-info */ "./src/react/components/brand-info.tsx");
-/* harmony import */ var _components_notifier__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/notifier */ "./src/react/components/notifier.tsx");
-/* harmony import */ var _components_components_container__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/components-container */ "./src/react/components/components-container.tsx");
-/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./svgbundle */ "./src/react/svgbundle.tsx");
+/* harmony import */ var _components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/survey-header/survey-header */ "./src/react/components/survey-header/survey-header.tsx");
+/* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/react/reactquestion_factory.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
+/* harmony import */ var _components_brand_info__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/brand-info */ "./src/react/components/brand-info.tsx");
+/* harmony import */ var _components_notifier__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/notifier */ "./src/react/components/notifier.tsx");
+/* harmony import */ var _components_components_container__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/components-container */ "./src/react/components/components-container.tsx");
+/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./svgbundle */ "./src/react/svgbundle.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -70941,7 +71542,6 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 
 
-
 var Survey = /** @class */ (function (_super) {
     __extends(Survey, _super);
     function Survey(props) {
@@ -71029,7 +71629,7 @@ var Survey = /** @class */ (function (_super) {
             renderResult = this.renderSurvey();
         }
         var backgroundImage = !!this.survey.backgroundImage ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.rootBackgroundImage, style: this.survey.backgroundImageStyle }) : null;
-        var header = this.survey.headerView === "basic" ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_5__["SurveyHeader"], { survey: this.survey }) : null;
+        var header = this.survey.headerView === "basic" ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_4__["SurveyHeader"], { survey: this.survey }) : null;
         var onSubmit = function (event) {
             event.preventDefault();
         };
@@ -71040,18 +71640,18 @@ var Survey = /** @class */ (function (_super) {
         var rootCss = this.survey.getRootCss();
         var cssClasses = this.rootNodeClassName ? this.rootNodeClassName + " " + rootCss : rootCss;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: this.survey.themeVariables },
-            this.survey.needRenderIcons ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svgbundle__WEBPACK_IMPORTED_MODULE_11__["SvgBundleComponent"], null) : null,
+            this.survey.needRenderIcons ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svgbundle__WEBPACK_IMPORTED_MODULE_10__["SvgBundleComponent"], null) : null,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.wrapperFormCss },
                 backgroundImage,
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("form", { onSubmit: onSubmit },
                     customHeader,
                     react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.container },
                         header,
-                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "header", needRenderWrapper: false }),
+                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_9__["ComponentsContainer"], { survey: this.survey, container: "header", needRenderWrapper: false }),
                         renderResult,
-                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "footer", needRenderWrapper: false }))),
-                this.survey.showBrandInfo ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_brand_info__WEBPACK_IMPORTED_MODULE_8__["BrandInfo"], null) : null,
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_notifier__WEBPACK_IMPORTED_MODULE_9__["NotifierComponent"], { notifier: this.survey.notifier }))));
+                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_9__["ComponentsContainer"], { survey: this.survey, container: "footer", needRenderWrapper: false }))),
+                this.survey.showBrandInfo ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_brand_info__WEBPACK_IMPORTED_MODULE_7__["BrandInfo"], null) : null,
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_notifier__WEBPACK_IMPORTED_MODULE_8__["NotifierComponent"], { notifier: this.survey.notifier }))));
     };
     Survey.prototype.renderElement = function () {
         return this.doRender();
@@ -71072,7 +71672,7 @@ var Survey = /** @class */ (function (_super) {
         var htmlValue = { __html: this.survey.processedCompletedHtml };
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedCss }),
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "completePage", needRenderWrapper: false })));
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_9__["ComponentsContainer"], { survey: this.survey, container: "completePage", needRenderWrapper: false })));
     };
     Survey.prototype.renderCompletedBefore = function () {
         var htmlValue = { __html: this.survey.processedCompletedBeforeHtml };
@@ -71094,14 +71694,14 @@ var Survey = /** @class */ (function (_super) {
             style.maxWidth = this.survey.renderedWidth;
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.bodyContainerCss },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "left" }),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_9__["ComponentsContainer"], { survey: this.survey, container: "left" }),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: "sv-components-column sv-components-column--expandable" },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "center" }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_9__["ComponentsContainer"], { survey: this.survey, container: "center" }),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: pageId, className: className, style: style },
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "contentTop" }),
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_9__["ComponentsContainer"], { survey: this.survey, container: "contentTop" }),
                     activePage,
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "contentBottom" }))),
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_10__["ComponentsContainer"], { survey: this.survey, container: "right" })));
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_9__["ComponentsContainer"], { survey: this.survey, container: "contentBottom" }))),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_components_container__WEBPACK_IMPORTED_MODULE_9__["ComponentsContainer"], { survey: this.survey, container: "right" })));
     };
     Survey.prototype.renderPage = function (page) {
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_page__WEBPACK_IMPORTED_MODULE_2__["SurveyPage"], { survey: this.survey, page: page, css: this.css, creator: this }));
@@ -71182,17 +71782,14 @@ var Survey = /** @class */ (function (_super) {
     };
     //ISurveyCreator
     Survey.prototype.createQuestionElement = function (question) {
-        return _reactquestion_factory__WEBPACK_IMPORTED_MODULE_6__["ReactQuestionFactory"].Instance.createQuestion(question.isDefaultRendering() ? question.getTemplate() : question.getComponentName(), {
+        return _reactquestion_factory__WEBPACK_IMPORTED_MODULE_5__["ReactQuestionFactory"].Instance.createQuestion(question.isDefaultRendering() ? question.getTemplate() : question.getComponentName(), {
             question: question,
             isDisplayMode: question.isInputReadOnly,
             creator: this,
         });
     };
-    Survey.prototype.renderError = function (key, error, cssClasses) {
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { key: key },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: cssClasses.error.icon || undefined, "aria-hidden": "true" }),
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: cssClasses.error.item || undefined },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_string_viewer__WEBPACK_IMPORTED_MODULE_4__["SurveyLocStringViewer"], { locStr: error.locText }))));
+    Survey.prototype.renderError = function (key, error, cssClasses, element) {
+        return _element_factory__WEBPACK_IMPORTED_MODULE_6__["ReactElementFactory"].Instance.createElement(this.survey.questionErrorComponent, { key: key, error: error, cssClasses: cssClasses, element: element });
     };
     Survey.prototype.questionTitleLocation = function () {
         return this.survey.questionTitleLocation;
@@ -71203,7 +71800,7 @@ var Survey = /** @class */ (function (_super) {
     return Survey;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__["SurveyElementBase"]));
 
-_element_factory__WEBPACK_IMPORTED_MODULE_7__["ReactElementFactory"].Instance.registerElement("survey", function (props) {
+_element_factory__WEBPACK_IMPORTED_MODULE_6__["ReactElementFactory"].Instance.registerElement("survey", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](Survey, props);
 });
 function attachKey2click(element, viewModel, options) {
@@ -71555,7 +72152,7 @@ var SurveyElementErrors = /** @class */ (function (_super) {
         var errors = [];
         for (var i = 0; i < this.element.errors.length; i++) {
             var key = "error" + i;
-            errors.push(this.creator.renderError(key, this.element.errors[i], this.cssClasses));
+            errors.push(this.creator.renderError(key, this.element.errors[i], this.cssClasses, this.element));
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { role: "alert", "aria-live": "polite", className: this.element.cssError, id: this.id }, errors));
     };
@@ -73595,7 +74192,7 @@ var SurveyQuestionMatrixDropdownBase = /** @class */ (function (_super) {
     SurveyQuestionMatrixDropdownBase.prototype.renderRows = function () {
         var cssClasses = this.question.cssClasses;
         var rows = [];
-        var renderedRows = this.question.renderedTable.rows;
+        var renderedRows = this.question.renderedTable.renderedRows;
         for (var i = 0; i < renderedRows.length; i++) {
             rows.push(this.renderRow(renderedRows[i].id, renderedRows[i], cssClasses));
         }
@@ -74180,19 +74777,11 @@ var SurveyQuestionPanelDynamic = /** @class */ (function (_super) {
         });
     };
     SurveyQuestionPanelDynamic.prototype.renderElement = function () {
+        var _this = this;
         var panels = [];
-        if (this.question.isRenderModeList) {
-            for (var i = 0; i < this.question.visiblePanels.length; i++) {
-                var panel = this.question.visiblePanels[i];
-                panels.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionPanelDynamicItem, { key: panel.id, element: panel, question: this.question, index: i, cssClasses: this.question.cssClasses, isDisplayMode: this.isDisplayMode, creator: this.creator }));
-            }
-        }
-        else {
-            if (this.question.currentPanel != null) {
-                var panel = this.question.currentPanel;
-                panels.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionPanelDynamicItem, { key: this.question.currentIndex, element: panel, question: this.question, index: this.question.currentIndex, cssClasses: this.question.cssClasses, isDisplayMode: this.isDisplayMode, creator: this.creator }));
-            }
-        }
+        this.question.renderedPanels.forEach(function (panel, index) {
+            panels.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionPanelDynamicItem, { key: panel.id, element: panel, question: _this.question, index: index, cssClasses: _this.question.cssClasses, isDisplayMode: _this.isDisplayMode, creator: _this.creator }));
+        });
         var btnAdd = this.question.isRenderModeList && this.question["showLegacyNavigation"]
             ? this.renderAddRowButton()
             : null;
@@ -74202,13 +74791,12 @@ var SurveyQuestionPanelDynamic = /** @class */ (function (_super) {
         var navBottom = this.question.isProgressBottomShowing
             ? this.renderNavigator()
             : null;
-        var style = {};
         var navV2 = this.renderNavigatorV2();
         var noEntriesPlaceholder = this.renderPlaceholder();
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.root },
             noEntriesPlaceholder,
             navTop,
-            panels,
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.question.cssClasses.panelsContainer }, panels),
             navBottom,
             btnAdd,
             navV2));
@@ -74657,6 +75245,10 @@ var SurveyQuestionRanking = /** @class */ (function (_super) {
                 event.persist();
                 //event.preventDefault();
                 _this.question.handlePointerDown.call(_this.question, event, item, event.currentTarget);
+            }, function (event) {
+                event.persist();
+                //event.preventDefault();
+                _this.question.handlePointerUp.call(_this.question, event, item, event.currentTarget);
             }, this_1.question.cssClasses, this_1.question.getItemClass(item), this_1.question, unrankedItem));
         };
         var this_1 = this;
@@ -74665,13 +75257,13 @@ var SurveyQuestionRanking = /** @class */ (function (_super) {
         }
         return items;
     };
-    SurveyQuestionRanking.prototype.renderItem = function (item, i, handleKeydown, handlePointerDown, cssClasses, itemClass, question, unrankedItem) {
+    SurveyQuestionRanking.prototype.renderItem = function (item, i, handleKeydown, handlePointerDown, handlePointerUp, cssClasses, itemClass, question, unrankedItem) {
         var key = "id-" + item.renderedId;
         var text = this.renderLocString(item.locText);
         var index = i;
         var indexText = this.question.getNumberByIndex(index);
         var tabIndex = this.question.getItemTabIndex(item);
-        var renderedItem = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionRankingItem, { key: item.value, text: text, index: index, indexText: indexText, itemTabIndex: tabIndex, handleKeydown: handleKeydown, handlePointerDown: handlePointerDown, cssClasses: cssClasses, itemClass: itemClass, question: question, unrankedItem: unrankedItem, item: item }));
+        var renderedItem = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionRankingItem, { key: item.value, text: text, index: index, indexText: indexText, itemTabIndex: tabIndex, handleKeydown: handleKeydown, handlePointerDown: handlePointerDown, handlePointerUp: handlePointerUp, cssClasses: cssClasses, itemClass: itemClass, question: question, unrankedItem: unrankedItem, item: item }));
         var survey = this.question.survey;
         var wrappedItem = null;
         if (!!survey) {
@@ -74722,6 +75314,13 @@ var SurveyQuestionRankingItem = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyQuestionRankingItem.prototype, "handlePointerUp", {
+        get: function () {
+            return this.props.handlePointerUp;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyQuestionRankingItem.prototype, "cssClasses", {
         get: function () {
             return this.props.cssClasses;
@@ -74769,7 +75368,7 @@ var SurveyQuestionRankingItem = /** @class */ (function (_super) {
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", { xlinkHref: this.question.dashSvgIcon })));
     };
     SurveyQuestionRankingItem.prototype.renderElement = function () {
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { tabIndex: this.itemTabIndex, className: this.itemClass, onKeyDown: this.handleKeydown, onPointerDown: this.handlePointerDown, "data-sv-drop-target-ranking-item": this.index },
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { tabIndex: this.itemTabIndex, className: this.itemClass, onKeyDown: this.handleKeydown, onPointerDown: this.handlePointerDown, onPointerUp: this.handlePointerUp, "data-sv-drop-target-ranking-item": this.index },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { tabIndex: -1, style: { outline: "none" } },
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.itemGhostNode }),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.cssClasses.itemContent },
@@ -77303,7 +77902,6 @@ var SurveyElement = /** @class */ (function (_super) {
                 }
             }
         }, function () { return _this.renderedIsExpanded; });
-        _this.animationAllowedValue = true;
         _this.name = name;
         _this.createNewArray("errors");
         _this.createNewArray("titleActions");
@@ -77339,7 +77937,7 @@ var SurveyElement = /** @class */ (function (_super) {
         var el = root.getElementById(elementId);
         return SurveyElement.ScrollElementToViewCore(el, false, scrollIfVisible);
     };
-    SurveyElement.ScrollElementToViewCore = function (el, checkLeft, scrollIfVisible) {
+    SurveyElement.ScrollElementToViewCore = function (el, checkLeft, scrollIfVisible, scrollIntoViewOptions) {
         if (!el || !el.scrollIntoView)
             return false;
         var elTop = scrollIfVisible ? -1 : el.getBoundingClientRect().top;
@@ -77358,7 +77956,7 @@ var SurveyElement = /** @class */ (function (_super) {
             }
         }
         if (needScroll) {
-            el.scrollIntoView();
+            el.scrollIntoView(scrollIntoViewOptions);
         }
         return needScroll;
     };
@@ -78342,6 +78940,13 @@ var SurveyElement = /** @class */ (function (_super) {
             this.toggleState();
         }
     };
+    Object.defineProperty(SurveyElement.prototype, "hasAdditionalTitleToolbar", {
+        get: function () {
+            return false;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyElement.prototype, "additionalTitleToolbar", {
         get: function () {
             return this.getAdditionalTitleToolbar();
@@ -78367,18 +78972,25 @@ var SurveyElement = /** @class */ (function (_super) {
     };
     Object.defineProperty(SurveyElement.prototype, "isDisabledStyle", {
         get: function () {
-            return !this.isDefaultV2Theme && (this.isReadOnlyStyle || this.isPreviewStyle);
+            return this.getIsDisableAndReadOnlyStyles(false)[1];
         },
         enumerable: false,
         configurable: true
     });
     Object.defineProperty(SurveyElement.prototype, "isReadOnlyStyle", {
         get: function () {
-            return this.isReadOnly && !this.isPreviewStyle;
+            return this.getIsDisableAndReadOnlyStyles(false)[0];
         },
         enumerable: false,
         configurable: true
     });
+    SurveyElement.prototype.getIsDisableAndReadOnlyStyles = function (itemReadOnly) {
+        var isPreview = this.isPreviewStyle;
+        var isReadOnly = itemReadOnly || this.isReadOnly;
+        var isReadOnlyStyle = isReadOnly && !isPreview;
+        var isDisableStyle = !this.isDefaultV2Theme && (isReadOnly || isPreview);
+        return [isReadOnlyStyle, isDisableStyle];
+    };
     Object.defineProperty(SurveyElement.prototype, "isPreviewStyle", {
         get: function () {
             return !!this.survey && this.survey.state === "preview";
@@ -78445,12 +79057,12 @@ var SurveyElement = /** @class */ (function (_super) {
                 if (cssClasses.content) {
                     var selector = Object(_utils_utils__WEBPACK_IMPORTED_MODULE_8__["classesToSelector"])(cssClasses.content);
                     if (selector) {
-                        return (_a = _this.getWrapperElement()) === null || _a === void 0 ? void 0 : _a.querySelector(selector);
+                        return (_a = _this.getWrapperElement()) === null || _a === void 0 ? void 0 : _a.querySelector(":scope " + selector);
                     }
                 }
                 return undefined;
             },
-            isAnimationEnabled: function () { return _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].animationEnabled && _this.animationAllowed && !_this.isDesignMode; }
+            isAnimationEnabled: function () { return _this.animationAllowed && !_this.isDesignMode; }
         };
     };
     Object.defineProperty(SurveyElement.prototype, "renderedIsExpanded", {
@@ -78463,16 +79075,9 @@ var SurveyElement = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(SurveyElement.prototype, "animationAllowed", {
-        get: function () {
-            return !this.isLoadingFromJson && !this.isDisposed && !!this.survey && this.animationAllowedValue;
-        },
-        set: function (val) {
-            this.animationAllowedValue = val;
-        },
-        enumerable: false,
-        configurable: true
-    });
+    SurveyElement.prototype.getIsAnimationAllowed = function () {
+        return _super.prototype.getIsAnimationAllowed.call(this) && !!this.survey;
+    };
     SurveyElement.prototype.dispose = function () {
         _super.prototype.dispose.call(this);
         if (this.titleToolbarValue) {
@@ -79412,6 +80017,7 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.skippedPages = [];
         _this.skeletonComponentName = "sv-skeleton";
         _this.taskManager = new _surveyTaskManager__WEBPACK_IMPORTED_MODULE_22__["SurveyTaskManagerModel"]();
+        _this.questionErrorComponent = "sv-question-error";
         if (_global_variables_utils__WEBPACK_IMPORTED_MODULE_25__["DomDocumentHelper"].isAvailable()) {
             SurveyModel.stylesManager = new _stylesmanager__WEBPACK_IMPORTED_MODULE_11__["StylesManager"]();
         }
@@ -81978,7 +82584,7 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         this.getAllQuestions().forEach(function (q) {
             if (q.hasFilteredValue) {
-                values[q.getValueName()] = q.getFilteredValue();
+                values[q.getFilteredName()] = q.getFilteredValue();
             }
         });
         return values;
@@ -85078,6 +85684,7 @@ var SurveyModel = /** @class */ (function (_super) {
      * @param isPartial Pass `true` to save partial survey results (see [Continue an Incomplete Survey](https://surveyjs.io/form-library/documentation/handle-survey-results-continue-incomplete)).
      */
     SurveyModel.prototype.sendResult = function (postId, clientId, isPartial) {
+        var _this = this;
         if (postId === void 0) { postId = null; }
         if (clientId === void 0) { clientId = null; }
         if (isPartial === void 0) { isPartial = false; }
@@ -85096,24 +85703,23 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         if (isPartial && !this.clientId)
             return;
-        var self = this;
-        if (this.surveyShowDataSaving) {
+        var service = this.createSurveyService();
+        service.locale = this.getLocale();
+        var showSaving = this.surveyShowDataSaving || (!isPartial && service.isSurveJSIOService);
+        if (showSaving) {
             this.setCompletedState("saving", "");
         }
-        this.createSurveyService().sendResult(postId, this.data, function (success, response, request) {
-            if (self.surveyShowDataSaving) {
+        service.sendResult(postId, this.data, function (success, response, request) {
+            if (showSaving || service.isSurveJSIOService) {
                 if (success) {
-                    self.setCompletedState("success", "");
+                    _this.setCompletedState("success", "");
                 }
                 else {
-                    self.setCompletedState("error", response);
+                    _this.setCompletedState("error", response);
                 }
             }
-            self.onSendResult.fire(self, {
-                success: success,
-                response: response,
-                request: request,
-            });
+            var options = { success: success, response: response, request: request };
+            _this.onSendResult.fire(_this, options);
         }, this.clientId, isPartial);
     };
     /**
@@ -85751,7 +86357,7 @@ var SurveyModel = /** @class */ (function (_super) {
         if (locNotification !== "text") {
             this.tryGoNextPageAutomatic(name);
         }
-        var question = this.getQuestionByName(name);
+        var question = this.getQuestionByValueName(name);
         if (question) {
             this.onValueChanged.fire(this, {
                 name: commentName,
@@ -87076,7 +87682,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
     {
         name: "showProgressBar",
         default: "off",
-        choices: ["off", "auto", "aboveHeader", "belowHeader", "bottom", "topBottom"],
+        choices: ["off", "auto", "aboveheader", "belowheader", "bottom", "topbottom"],
     },
     {
         name: "progressBarType",
@@ -87715,11 +88321,9 @@ function createTOCListModel(survey, onAction) {
     var _a;
     var pagesSource = survey.questionsOnPageMode === "singlePage" ? (_a = survey.pages[0]) === null || _a === void 0 ? void 0 : _a.elements : survey.pages;
     var items = (pagesSource || []).map(function (page) {
-        var _a, _b;
         return new _actions_action__WEBPACK_IMPORTED_MODULE_0__["Action"]({
             id: page.name,
-            locTitle: ((_a = page.locNavigationTitle) === null || _a === void 0 ? void 0 : _a.text) ? page.locNavigationTitle : (((_b = page.locTitle) === null || _b === void 0 ? void 0 : _b.text) ? page.locTitle : undefined),
-            title: page.renderedNavigationTitle,
+            locTitle: page.locNavigationTitle,
             action: function () {
                 _global_variables_utils__WEBPACK_IMPORTED_MODULE_2__["DomDocumentHelper"].activeElementBlur();
                 !!onAction && onAction();
@@ -88754,6 +89358,9 @@ var SurveyTriggerRunExpression = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SurveyTriggerRunExpression.prototype.canBeExecuted = function (isOnNextPage) {
+        return !isOnNextPage;
+    };
     SurveyTriggerRunExpression.prototype.onSuccess = function (values, properties) {
         var _this = this;
         if (!this.owner || !this.runExpression)
@@ -88877,7 +89484,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("runexpressiontr
 /*!********************************!*\
   !*** ./src/utils/animation.ts ***!
   \********************************/
-/*! exports provided: AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationBoolean, AnimationGroup */
+/*! exports provided: AnimationUtils, AnimationPropertyUtils, AnimationGroupUtils, AnimationProperty, AnimationBoolean, AnimationGroup, AnimationTab */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -88885,8 +89492,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AnimationUtils", function() { return AnimationUtils; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AnimationPropertyUtils", function() { return AnimationPropertyUtils; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AnimationGroupUtils", function() { return AnimationGroupUtils; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AnimationProperty", function() { return AnimationProperty; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AnimationBoolean", function() { return AnimationBoolean; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AnimationGroup", function() { return AnimationGroup; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AnimationTab", function() { return AnimationTab; });
 /* harmony import */ var _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../global_variables_utils */ "./src/global_variables_utils.ts");
 /* harmony import */ var _taskmanager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./taskmanager */ "./src/utils/taskmanager.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
@@ -88915,6 +89524,9 @@ var AnimationUtils = /** @class */ (function () {
             return 0;
         return Number(value.slice(0, -1).replace(",", ".")) * 1000;
     };
+    AnimationUtils.prototype.reflow = function (element) {
+        return element.offsetHeight;
+    };
     AnimationUtils.prototype.getAnimationsCount = function (element) {
         var animationName = "";
         if (getComputedStyle) {
@@ -88932,6 +89544,14 @@ var AnimationUtils = /** @class */ (function () {
         }
         return duration;
     };
+    AnimationUtils.prototype.addCancelCallback = function (callback) {
+        this.cancelQueue.push(callback);
+    };
+    AnimationUtils.prototype.removeCancelCallback = function (callback) {
+        if (this.cancelQueue.indexOf(callback) >= 0) {
+            this.cancelQueue.splice(this.cancelQueue.indexOf(callback), 1);
+        }
+    };
     AnimationUtils.prototype.onAnimationEnd = function (element, callback, options) {
         var _this = this;
         var cancelTimeout;
@@ -88941,7 +89561,7 @@ var AnimationUtils = /** @class */ (function () {
             options.onAfterRunAnimation && options.onAfterRunAnimation(element);
             callback(isCancel);
             clearTimeout(cancelTimeout);
-            _this.cancelQueue.splice(_this.cancelQueue.indexOf(onEndCallback), 1);
+            _this.removeCancelCallback(onEndCallback);
             element.removeEventListener("animationend", onAnimationEndCallback);
         };
         var onAnimationEndCallback = function (event) {
@@ -88951,7 +89571,7 @@ var AnimationUtils = /** @class */ (function () {
         };
         if (animationsCount > 0) {
             element.addEventListener("animationend", onAnimationEndCallback);
-            this.cancelQueue.push(onEndCallback);
+            this.addCancelCallback(onEndCallback);
             cancelTimeout = setTimeout(function () {
                 onEndCallback(false);
             }, this.getAnimationDuration(element) + 10);
@@ -88961,40 +89581,51 @@ var AnimationUtils = /** @class */ (function () {
         }
     };
     AnimationUtils.prototype.beforeAnimationRun = function (element, options) {
-        if (element) {
+        if (element && options) {
             options.onBeforeRunAnimation && options.onBeforeRunAnimation(element);
         }
     };
-    AnimationUtils.prototype.runLeaveAnimation = function (element, options, callback) {
+    AnimationUtils.prototype.runAnimation = function (element, options, callback) {
         if (element && options.cssClass) {
+            this.reflow(element);
             element.classList.add(options.cssClass);
-            var onAnimationEndCallback = function (isCancel) {
+            this.onAnimationEnd(element, callback, options);
+        }
+        else {
+            callback(true);
+        }
+    };
+    AnimationUtils.prototype.clearHtmlElement = function (element, options) {
+        if (element && options.cssClass) {
+            element.classList.remove(options.cssClass);
+        }
+    };
+    AnimationUtils.prototype.onNextRender = function (callback, runEarly, isCancel) {
+        var _this = this;
+        if (isCancel === void 0) { isCancel = false; }
+        if (!isCancel && _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].isAvailable()) {
+            var cancelCallback_1 = function () {
                 callback();
-                if (isCancel) {
-                    element.classList.remove(options.cssClass);
+                cancelAnimationFrame(latestRAF_1);
+            };
+            var latestRAF_1 = _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(function () {
+                if (runEarly && runEarly()) {
+                    callback();
+                    _this.removeCancelCallback(cancelCallback_1);
                 }
                 else {
-                    _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(function () {
-                        _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(function () {
-                            element.classList.remove(options.cssClass);
-                        });
+                    latestRAF_1 = _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(function () {
+                        callback();
+                        _this.removeCancelCallback(cancelCallback_1);
                     });
                 }
-            };
-            this.onAnimationEnd(element, onAnimationEndCallback, options);
+            });
+            this.addCancelCallback(cancelCallback_1);
         }
         else {
             callback();
         }
     };
-    AnimationUtils.prototype.runEnterAnimation = function (element, options) {
-        if (element && options.cssClass) {
-            element.classList.add(options.cssClass);
-            this.onAnimationEnd(element, function () {
-                element.classList.remove(options.cssClass);
-            }, options);
-        }
-    };
     AnimationUtils.prototype.cancel = function () {
         var cancelQueue = [].concat(this.cancelQueue);
         cancelQueue.forEach(function (callback) { return callback(); });
@@ -89008,26 +89639,28 @@ var AnimationPropertyUtils = /** @class */ (function (_super) {
     function AnimationPropertyUtils() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    AnimationPropertyUtils.prototype.onEnter = function (getElement, options) {
+    AnimationPropertyUtils.prototype.onEnter = function (options) {
         var _this = this;
-        var callback = function () {
-            var element = getElement();
-            _this.beforeAnimationRun(element, options);
-            _this.runEnterAnimation(element, options);
-        };
-        _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(function () {
-            if (getElement()) {
-                callback();
-            }
-            else {
-                _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(callback);
-            }
-        });
+        this.onNextRender(function () {
+            var htmlElement = options.getAnimatedElement();
+            var enterOptions = options.getEnterOptions();
+            _this.beforeAnimationRun(htmlElement, enterOptions);
+            _this.runAnimation(htmlElement, enterOptions, function () {
+                _this.clearHtmlElement(htmlElement, enterOptions);
+            });
+        }, function () { return !!options.getAnimatedElement(); });
     };
-    AnimationPropertyUtils.prototype.onLeave = function (getElement, callback, options) {
-        var element = getElement();
-        this.beforeAnimationRun(element, options);
-        this.runLeaveAnimation(element, options, callback);
+    AnimationPropertyUtils.prototype.onLeave = function (options, callback) {
+        var _this = this;
+        var htmlElement = options.getAnimatedElement();
+        var leaveOptions = options.getLeaveOptions();
+        this.beforeAnimationRun(htmlElement, leaveOptions);
+        this.runAnimation(htmlElement, leaveOptions, function (isCancel) {
+            callback();
+            _this.onNextRender(function () {
+                _this.clearHtmlElement(htmlElement, leaveOptions);
+            }, undefined, isCancel);
+        });
     };
     return AnimationPropertyUtils;
 }(AnimationUtils));
@@ -89037,41 +89670,40 @@ var AnimationGroupUtils = /** @class */ (function (_super) {
     function AnimationGroupUtils() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
-    AnimationGroupUtils.prototype.onEnter = function (getElement, getOptions, elements) {
+    AnimationGroupUtils.prototype.runGroupAnimation = function (options, addedElements, removedElements, callback) {
         var _this = this;
-        if (elements.length == 0)
-            return;
-        _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(function () {
-            var callback = function () {
-                elements.forEach(function (el) {
-                    _this.beforeAnimationRun(getElement(el), getOptions(el));
-                });
-                elements.forEach(function (el) {
-                    _this.runEnterAnimation(getElement(el), getOptions(el));
-                });
+        this.onNextRender(function () {
+            var addedHtmlElements = addedElements.map(function (el) { return options.getAnimatedElement(el); });
+            var enterOptions = addedElements.map(function (el) { return options.getEnterOptions(el); });
+            var removedHtmlElements = removedElements.map(function (el) { return options.getAnimatedElement(el); });
+            var leaveOptions = removedElements.map(function (el) { return options.getLeaveOptions(el); });
+            addedElements.forEach(function (_, i) {
+                _this.beforeAnimationRun(addedHtmlElements[i], enterOptions[i]);
+            });
+            removedElements.forEach(function (_, i) {
+                _this.beforeAnimationRun(removedHtmlElements[i], leaveOptions[i]);
+            });
+            var counter = addedElements.length + removedElements.length;
+            var onAnimationEndCallback = function (isCancel) {
+                if (--counter <= 0) {
+                    callback && callback();
+                    _this.onNextRender(function () {
+                        addedElements.forEach(function (_, i) {
+                            _this.clearHtmlElement(addedHtmlElements[i], enterOptions[i]);
+                        });
+                        removedElements.forEach(function (_, i) {
+                            _this.clearHtmlElement(removedHtmlElements[i], leaveOptions[i]);
+                        });
+                    }, undefined, isCancel);
+                }
             };
-            if (!getElement(elements[0])) {
-                _global_variables_utils__WEBPACK_IMPORTED_MODULE_0__["DomWindowHelper"].requestAnimationFrame(callback);
-            }
-            else {
-                callback();
-            }
-        });
-    };
-    AnimationGroupUtils.prototype.onLeave = function (getElement, callback, getOptions, elements) {
-        var _this = this;
-        elements.forEach(function (el) {
-            _this.beforeAnimationRun(getElement(el), getOptions(el));
-        });
-        var counter = elements.length;
-        var onEndCallback = function () {
-            if (--counter <= 0) {
-                callback();
-            }
-        };
-        elements.forEach(function (el) {
-            _this.runLeaveAnimation(getElement(el), getOptions(el), onEndCallback);
-        });
+            addedElements.forEach(function (_, i) {
+                _this.runAnimation(addedHtmlElements[i], enterOptions[i], onAnimationEndCallback);
+            });
+            removedElements.forEach(function (_, i) {
+                _this.runAnimation(removedHtmlElements[i], leaveOptions[i], onAnimationEndCallback);
+            });
+        }, function () { return addedElements.length == 0 || addedElements.some(function (el) { return !!options.getAnimatedElement(el); }); });
     };
     return AnimationGroupUtils;
 }(AnimationUtils));
@@ -89092,6 +89724,7 @@ var AnimationProperty = /** @class */ (function () {
             this._debouncedSync.run(newValue);
         }
         else {
+            this.cancel();
             this.update(newValue);
         }
     };
@@ -89101,6 +89734,7 @@ var AnimationProperty = /** @class */ (function () {
     };
     return AnimationProperty;
 }());
+
 var AnimationBoolean = /** @class */ (function (_super) {
     __extends(AnimationBoolean, _super);
     function AnimationBoolean() {
@@ -89113,12 +89747,12 @@ var AnimationBoolean = /** @class */ (function (_super) {
         if (newValue !== this.getCurrentValue()) {
             if (newValue) {
                 this.update(newValue);
-                this.animation.onEnter(function () { return _this.animationOptions.getAnimatedElement(); }, this.animationOptions.getEnterOptions());
+                this.animation.onEnter(this.animationOptions);
             }
             else {
-                this.animation.onLeave(function () { return _this.animationOptions.getAnimatedElement(); }, function () {
+                this.animation.onLeave(this.animationOptions, function () {
                     _this.update(newValue);
-                }, this.animationOptions.getLeaveOptions());
+                });
             }
         }
         else {
@@ -89140,19 +89774,42 @@ var AnimationGroup = /** @class */ (function (_super) {
         var oldValue = this.getCurrentValue();
         var itemsToAdd = newValue.filter(function (el) { return oldValue.indexOf(el) < 0; });
         var deletedItems = oldValue.filter(function (el) { return newValue.indexOf(el) < 0; });
-        this.animation.onEnter(function (el) { return _this.animationOptions.getAnimatedElement(el); }, function (el) { return _this.animationOptions.getEnterOptions(el); }, itemsToAdd);
         if (itemsToAdd.length == 0 && (deletedItems === null || deletedItems === void 0 ? void 0 : deletedItems.length) > 0) {
-            this.animation.onLeave(function (el) { return _this.animationOptions.getAnimatedElement(el); }, function () {
-                _this.update(newValue);
-            }, function (el) { return _this.animationOptions.getLeaveOptions(el); }, deletedItems);
+            this.animation.runGroupAnimation(this.animationOptions, [], deletedItems, function () { return _this.update(newValue); });
         }
         else {
             this.update(newValue);
+            this.animation.runGroupAnimation(this.animationOptions, itemsToAdd, []);
         }
     };
     return AnimationGroup;
 }(AnimationProperty));
 
+var AnimationTab = /** @class */ (function (_super) {
+    __extends(AnimationTab, _super);
+    function AnimationTab(animationOptions, update, getCurrentValue, mergeValues) {
+        var _this = _super.call(this, animationOptions, update, getCurrentValue) || this;
+        _this.mergeValues = mergeValues;
+        _this.animation = new AnimationGroupUtils();
+        return _this;
+    }
+    AnimationTab.prototype._sync = function (newValue) {
+        var _this = this;
+        var oldValue = [].concat(this.getCurrentValue());
+        if (oldValue[0] !== newValue[0]) {
+            var tempValue = !!this.mergeValues ? this.mergeValues(newValue, oldValue) : [].concat(oldValue, newValue);
+            this.update(tempValue, true);
+            this.animation.runGroupAnimation(this.animationOptions, newValue, oldValue, function () {
+                _this.update(newValue);
+            });
+        }
+        else {
+            this.update(newValue);
+        }
+    };
+    return AnimationTab;
+}(AnimationProperty));
+
 
 
 /***/ }),