survey-react 1.9.139 → 1.10.1

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.139
+ * surveyjs - Survey JavaScript library v1.10.1
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1867,6 +1867,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();
@@ -2787,6 +2788,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 +5520,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 +5911,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 +5951,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",
@@ -8954,7 +8979,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 +9002,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 +9012,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 +9026,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 +9061,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 +9075,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 +9084,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 +9105,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 +9117,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 +9805,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.139";
-ReleaseDate = "" + "2024-04-16";
+Version = "" + "1.10.1";
+ReleaseDate = "" + "2024-04-25";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9929,7 +9987,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 +10439,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 +10482,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 +10926,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"]; });
@@ -11301,7 +11367,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, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11745,10 +11811,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"]; });
@@ -22349,6 +22419,7 @@ var arabicSurveyStrings = {
     savingData: "يتم حفظ النتائج على الخادم ...",
     savingDataError: "حدث خطأ ولم نتمكن من حفظ النتائج.",
     savingDataSuccess: "تم حفظ النتائج بنجاح!",
+    savingExceedSize: "ردك يتجاوز 64 كيلوبايت. يرجى تقليل حجم الملف (الملفات) والمحاولة مرة أخرى أو الاتصال بمالك الاستطلاع.",
     saveAgainButton: "حاول مجددا",
     timerMin: "دقيقة",
     timerSec: "ثانية",
@@ -22360,6 +22431,7 @@ var arabicSurveyStrings = {
     timerLimitSurvey: "لقد أنفقت {0} من إجمالي {1}.",
     clearCaption: "واضح",
     signaturePlaceHolder: "وقع هنا",
+    signaturePlaceHolderReadOnly: "لا يوجد توقيع",
     chooseFileCaption: "اختر ملف",
     takePhotoCaption: "التقاط صورة",
     photoPlaceholder: "انقر فوق الزر أدناه لالتقاط صورة باستخدام الكاميرا.",
@@ -22416,7 +22488,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 +22575,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 +22587,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 +22637,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 +22724,7 @@ var bulgarianStrings = {
     savingData: "Резултатите се запазват на сървъра...",
     savingDataError: "Поради възникнала грешка резултатите не можаха да бъдат запазени.",
     savingDataSuccess: "Резултатите бяха запазени успешно!",
+    savingExceedSize: "Вашият отговор надхвърля 64KB. Намалете размера на вашите файлове и опитайте отново или се свържете със собственика на проучването.",
     saveAgainButton: "Нов опит",
     timerMin: "мин",
     timerSec: "сек",
@@ -22659,6 +22736,7 @@ var bulgarianStrings = {
     timerLimitSurvey: "Вие използвахте общо {0} от {1}.",
     clearCaption: "Начално състояние",
     signaturePlaceHolder: "Подпишете тук",
+    signaturePlaceHolderReadOnly: "Няма подпис",
     chooseFileCaption: "Изберете файл",
     takePhotoCaption: "Направете снимка",
     photoPlaceholder: "Кликнете върху бутона по-долу, за да направите снимка с помощта на камерата.",
@@ -22715,7 +22793,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 +22880,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 +22892,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 +22989,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 +23076,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 +23088,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 +23143,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 +23230,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 +23242,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 +23299,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 +23386,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 +23398,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 +23455,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 +23542,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 +23554,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 +23609,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 +23696,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 +23823,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 +23835,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 +23892,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 +23979,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 +23991,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 +24036,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 +24123,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 +24135,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 +24180,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 +24267,7 @@ var georgianSurveyStrings = {
     savingData: "შედეგები ინახება სერვერზე...",
     savingDataError: "დაფიქსირდა შეცდომა და შედეგი ვერ შევინახავდით.",
     savingDataSuccess: "შედეგები წარმატებით გადაარჩინეს!",
+    savingExceedSize: "თქვენი პასუხი აღემატება 64KB. გთხოვთ, შეამციროთ თქვენი ფაილ(ებ)ის ზომა და სცადოთ ხელახლა ან დაუკავშირდეთ გამოკითხვის მფლობელს.",
     saveAgainButton: "კიდევ სცადე",
     timerMin: "წთ",
     timerSec: "წმ",
@@ -24174,6 +24279,7 @@ var georgianSurveyStrings = {
     timerLimitSurvey: "თქვენ სულ {1} {0} დახარჯეთ.",
     clearCaption: "მოწმენდილი ცა",
     signaturePlaceHolder: "შესვლა აქ",
+    signaturePlaceHolderReadOnly: "ხელმოწერა არ არის",
     chooseFileCaption: "ვაუჩერის ნახვა",
     takePhotoCaption: "გადაიღეთ ფოტო",
     photoPlaceholder: "დააჭირეთ ქვემოთ მოცემულ ღილაკს, რომ გადაიღოთ ფოტო კამერის გამოყენებით.",
@@ -24283,7 +24389,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" => "ხელმოწერა არ არის"
 
 
 /***/ }),
@@ -24369,6 +24476,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 einen Umfragebesitzer.",
     saveAgainButton: "Erneut absenden",
     timerMin: "Min.",
     timerSec: "Sek.",
@@ -24380,6 +24488,7 @@ 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.",
@@ -24423,6 +24532,8 @@ survey_core__WEBPACK_IMPORTED_MODULE_0__["surveyLocalization"].localeNames["de"]
 // cancel: "Cancel" => "Abbrechen"
 // refuseItemText: "Refuse to answer" => "Verweigern Sie die Antwort"
 // dontKnowItemText: "Don't know" => "Weiß ich nicht"
+// savingExceedSize: "Your response exceeds 64KB. Please reduce the size of your file(s) and try again or contact a survey owner." => "Ihre Antwort überschreitet 64 KB. Reduzieren Sie die Größe Ihrer Datei(en) und versuchen Sie es erneut, oder wenden Sie sich an einen Umfragebesitzer."
+// signaturePlaceHolderReadOnly: "No signature" => "Keine Unterschrift"
 
 
 /***/ }),
@@ -24508,6 +24619,7 @@ var greekSurveyStrings = {
     savingData: "Τα αποτελέσματα αποθηκεύονται στον διακομιστή ...",
     savingDataError: "Παρουσιάστηκε σφάλμα και δεν ήταν δυνατή η αποθήκευση των αποτελεσμάτων.",
     savingDataSuccess: "Τα αποτελέσματα αποθηκεύτηκαν με επιτυχία!",
+    savingExceedSize: "Η απάντησή σας υπερβαίνει τα 64KB. Μειώστε το μέγεθος των αρχείων σας και προσπαθήστε ξανά ή επικοινωνήστε με έναν κάτοχο έρευνας.",
     saveAgainButton: "Προσπάθησε ξανά",
     timerMin: "ελάχ",
     timerSec: "δευτ",
@@ -24519,6 +24631,7 @@ var greekSurveyStrings = {
     timerLimitSurvey: "Έχετε ξοδέψει {0} από {1} συνολικά.",
     clearCaption: "Εκκαθάριση",
     signaturePlaceHolder: "Υπογράψτε εδώ",
+    signaturePlaceHolderReadOnly: "Χωρίς υπογραφή",
     chooseFileCaption: "Επιλέξτε αρχείο",
     takePhotoCaption: "Λήψη φωτογραφίας",
     photoPlaceholder: "Κάντε κλικ στο παρακάτω κουμπί για να τραβήξετε μια φωτογραφία χρησιμοποιώντας την κάμερα.",
@@ -24560,7 +24673,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 +24760,7 @@ var hebrewSurveyStrings = {
     savingData: "התוצאות נשמרות בשרת ...",
     savingDataError: "אירעה שגיאה ולא הצלחנו לשמור את התוצאות.",
     savingDataSuccess: "התוצאות נשמרו בהצלחה!",
+    savingExceedSize: "תגובתך עולה על 64KB. הקטן את גודל הקבצים שלך ונסה שוב או פנה לבעלים של סקר.",
     saveAgainButton: "נסה שוב",
     timerMin: "דקה",
     timerSec: "שניות",
@@ -24657,6 +24772,7 @@ var hebrewSurveyStrings = {
     timerLimitSurvey: "הוצאת סכום כולל של {0} מתוך {1}.",
     clearCaption: "לנקות",
     signaturePlaceHolder: "חתום כאן",
+    signaturePlaceHolderReadOnly: "אין חתימה",
     chooseFileCaption: "בחר קובץ",
     takePhotoCaption: "צלם תמונה",
     photoPlaceholder: "לחץ על הלחצן למטה כדי לצלם תמונה באמצעות המצלמה.",
@@ -24714,6 +24830,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 +24917,7 @@ var hindiStrings = {
     savingData: "परिणाम सर्वर पर सेव हो रहे हैं",
     savingDataError: "एक त्रुटि हुई और हम परिणामों को नहीं सेव कर सके",
     savingDataSuccess: "परिणाम सफलतापूर्वक सेव हो गए",
+    savingExceedSize: "आपकी प्रतिक्रिया 64KB से अधिक है। कृपया अपनी फ़ाइल(फ़ाइलों) का आकार घटाएँ और पुन: प्रयास करें या सर्वेक्षण स्वामी से संपर्क करें.",
     saveAgainButton: "फिर कोशिश करो",
     timerMin: "मिनट",
     timerSec: "सेकंड",
@@ -24810,6 +24929,7 @@ var hindiStrings = {
     timerLimitSurvey: "आपने कुल {1} की {0} खर्च की है",
     clearCaption: "स्पष्ट",
     signaturePlaceHolder: "यहां साइन करें",
+    signaturePlaceHolderReadOnly: "कोई हस्ताक्षर नहीं",
     chooseFileCaption: "फ़ाइल चुनें",
     takePhotoCaption: "फोटो ले लो",
     photoPlaceholder: "कैमरे का उपयोग करके फोटो लेने के लिए नीचे दिए गए बटन पर क्लिक करें।",
@@ -24866,7 +24986,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 +25073,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 +25085,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 +25141,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 +25228,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 +25240,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 +25297,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 +25384,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 +25396,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 +25453,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 +25540,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 +25552,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 +25597,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 +25684,7 @@ var japaneseSurveyStrings = {
     savingData: "結果はサーバーに保存されています...。",
     savingDataError: "エラーが発生し、結果を保存できませんでした。",
     savingDataSuccess: "結果は無事に保存されました",
+    savingExceedSize: "回答は 64 KB を超えています。ファイルのサイズを小さくしてもう一度お試しいただくか、アンケートの所有者にお問い合わせください。",
     saveAgainButton: "もう一度試してみてください。",
     timerMin: "僅少",
     timerSec: "セック",
@@ -25562,6 +25696,7 @@ var japaneseSurveyStrings = {
     timerLimitSurvey: "合計で{1}の{0}を使ったことがあります。",
     clearCaption: "空白",
     signaturePlaceHolder: "ここに署名",
+    signaturePlaceHolderReadOnly: "署名なし",
     chooseFileCaption: "ファイルを選択",
     takePhotoCaption: "写真を撮る",
     photoPlaceholder: "下のボタンをクリックして、カメラを使用して写真を撮ります。",
@@ -25618,7 +25753,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 +25840,7 @@ var kazakhStrings = {
     savingData: "Нәтижелер серверде сақталады...",
     savingDataError: "Қателік туындады, нәтиже сақталынбады.",
     savingDataSuccess: "Нәтиже ойдағыдай сақталды!",
+    savingExceedSize: "Сіздің жауабыңыз 64КБ-тан асады. Файлдың өлшемін азайтып, қайталап көріңіз немесе сауалнама иесіне хабарласыңыз.",
     saveAgainButton: "Қайтадан байқап көру",
     timerMin: "мин",
     timerSec: "сек",
@@ -25715,6 +25852,7 @@ var kazakhStrings = {
     timerLimitSurvey: "Сіз бүкіл сауалнама үшін {0} ден {1} кетірдіңіз ",
     clearCaption: "Тазалау",
     signaturePlaceHolder: "Осында кіру",
+    signaturePlaceHolderReadOnly: "Қолдың No",
     chooseFileCaption: "Файл таңдаңыз",
     takePhotoCaption: "Фотосуретке түсу",
     photoPlaceholder: "Камераны пайдаланып суретке түсу үшін төмендегі түймені басыңыз.",
@@ -25771,7 +25909,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 +25996,7 @@ var koreanStrings = {
     savingData: "결과가 서버에 저장 중입니다...",
     savingDataError: "오류가 발생하여 결과를 저장할 수 없습니다.",
     savingDataSuccess: "결과가 성공적으로 저장되었습니다.",
+    savingExceedSize: "응답이 64KB를 초과합니다. 파일 크기를 줄인 후 다시 시도하거나 설문조사 소유자에게 문의하세요.",
     saveAgainButton: "다시 시도하세요.",
     timerMin: "분",
     timerSec: "초",
@@ -25868,6 +26008,7 @@ var koreanStrings = {
     timerLimitSurvey: "총 {0}/{1}이 걸렸습니다.",
     clearCaption: "지우기",
     signaturePlaceHolder: "서명하세요.",
+    signaturePlaceHolderReadOnly: "서명 없음",
     chooseFileCaption: "파일 선택",
     takePhotoCaption: "사진 찍기",
     photoPlaceholder: "아래 버튼을 클릭하여 카메라로 사진을 찍습니다.",
@@ -25911,7 +26052,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 +26139,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 +26151,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 +26196,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 +26283,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 +26295,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 +26352,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 +26439,7 @@ var macedonianSurveyStrings = {
     savingData: "Резултатите се зачувуваат на серверот ...",
     savingDataError: "Настана грешка и не можевме да ги зачуваме резултатите.",
     savingDataSuccess: "Резултатите беа успешно зачувани!",
+    savingExceedSize: "Вашиот одговор надминува 64KB. Ве молиме да ја намалите големината на вашата(ите) датотека(и) и обидете се повторно или контактирајте го сопственикот на истражувањето.",
     saveAgainButton: "Обиди се повторно",
     timerMin: "мин",
     timerSec: "сек",
@@ -26302,6 +26451,7 @@ var macedonianSurveyStrings = {
     timerLimitSurvey: "Вие потрошивте вкупно {0} од {1}.",
     clearCaption: "Да расчисти",
     signaturePlaceHolder: "Потпиши се овде.",
+    signaturePlaceHolderReadOnly: "Нема потпис",
     chooseFileCaption: "Изберете датотека",
     takePhotoCaption: "Фотографирајте",
     photoPlaceholder: "Кликнете на копчето подолу за да фотографирате користејќи ја камерата.",
@@ -26352,7 +26502,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 +26589,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 +26601,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 +26648,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 +26759,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 +26771,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 +26828,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 +26915,7 @@ var persianSurveyStrings = {
     savingData: "نتایج در حال ذخیره سازی در سرور است",
     savingDataError: "خطایی در ذخیره سازی نتایج رخ داده است",
     savingDataSuccess: "نتایج با موفقیت ذخیره شد",
+    savingExceedSize: "پاسخ شما بیش از 64KB است. لطفا اندازه فایل(های) خود را کاهش دهید و دوباره تلاش کنید یا با صاحب نظرسنجی تماس بگیرید.",
     saveAgainButton: "مجدد تلاش کنید",
     timerMin: "دقیقه",
     timerSec: "ثانیه",
@@ -26769,6 +26927,7 @@ var persianSurveyStrings = {
     timerLimitSurvey: "شما مدت {0} از {1} را در مجموع سپری کرده اید.",
     clearCaption: "خالی کردن",
     signaturePlaceHolder: "اینجا را امضا کنید",
+    signaturePlaceHolderReadOnly: "بدون امضا",
     chooseFileCaption: "انتخاب فایل",
     takePhotoCaption: "گرفتن عکس",
     photoPlaceholder: "روی دکمه زیر کلیک کنید تا با استفاده از دوربین عکس بگیرید.",
@@ -26825,7 +26984,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 +27071,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 +27083,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 +27128,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 +27218,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 +27230,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 +27334,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 +27421,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 +27433,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 +27475,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 +27562,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 +27574,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 +27631,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 +27718,7 @@ var russianSurveyStrings = {
     savingData: "Результаты сохраняются на сервер...",
     savingDataError: "Произошла ошибка, результат не был сохранён.",
     savingDataSuccess: "Результат успешно сохранён!",
+    savingExceedSize: "Ваш ответ превышает 64 КБ. Уменьшите размер файла (файлов) и повторите попытку или обратитесь к владельцу опроса.",
     saveAgainButton: "Попробовать снова",
     timerMin: "мин",
     timerSec: "сек",
@@ -27557,6 +27730,7 @@ var russianSurveyStrings = {
     timerLimitSurvey: "Вы потратили {0} из {1} для всего теста.",
     clearCaption: "Очистить",
     signaturePlaceHolder: "Подпишите здесь",
+    signaturePlaceHolderReadOnly: "Без подписи",
     chooseFileCaption: "Выберите файл",
     takePhotoCaption: "Сделать фото",
     photoPlaceholder: "Нажмите кнопку ниже, чтобы сделать снимок с помощью камеры.",
@@ -27597,7 +27771,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 +27858,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 +27870,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 +27922,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 +28009,7 @@ var simplifiedChineseSurveyStrings = {
     savingData: "正在将结果保存到服务器...",
     savingDataError: "在保存结果过程中发生了错误，结果未能保存",
     savingDataSuccess: "结果保存成功!",
+    savingExceedSize: "您的回复超过 64KB。请减小文件的大小，然后重试或联系调查所有者。",
     saveAgainButton: "请重试",
     timerMin: "分",
     timerSec: "秒",
@@ -27842,6 +28021,7 @@ var simplifiedChineseSurveyStrings = {
     timerLimitSurvey: "总计用时 {0} 共 {1}.",
     clearCaption: "清除",
     signaturePlaceHolder: "在此签名",
+    signaturePlaceHolderReadOnly: "无签名",
     chooseFileCaption: "选择文件",
     takePhotoCaption: "拍照",
     photoPlaceholder: "单击下面的按钮使用相机拍照。",
@@ -27892,7 +28072,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 +28159,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 +28171,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 +28218,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 +28305,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 +28317,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 +28362,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 +28449,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 +28461,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 +28518,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 +28605,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 +28617,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 +28662,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 +28856,7 @@ var teluguStrings = {
     savingData: "ఫలితాంశాలు సర్వర్లో సేవ్ అవుతున్నాయి",
     savingDataError: "ఒక లోపము సంభవించినది అందుకని ఫలితాంశాలను సేవ్ చేయలేకపోయాము  ",
     savingDataSuccess: "ఫలితాంశాలను విజయవంతంగా సేవ్ చేసాము",
+    savingExceedSize: "మీ ప్రతిస్పందన 64KBని మించిపోయింది. దయచేసి మీ ఫైల్(లు) పరిమాణాన్ని తగ్గించండి మరియు మళ్లీ ప్రయత్నించండి లేదా సర్వే యజమానిని సంప్రదించండి.",
     saveAgainButton: "మళ్లీ ప్రయత్నించు",
     timerMin: "నిమిషాలు ",
     timerSec: "సెకండ్లు",
@@ -28674,6 +28868,7 @@ var teluguStrings = {
     timerLimitSurvey: " మొత్తంగా మీరు {1} లో {0} ని ఉపయోగించారు ",
     clearCaption: "స్పష్టమ్",
     signaturePlaceHolder: "ఇక్కడ సంతకం చేయండి",
+    signaturePlaceHolderReadOnly: "సంతకం లేదు",
     chooseFileCaption: "ఫైల్ ఎంచుకోండి",
     takePhotoCaption: "ఫోటో తీసుకోండి",
     photoPlaceholder: "కెమెరాను ఉపయోగించి ఫోటో తీయడానికి దిగువ బటన్ మీద క్లిక్ చేయండి.",
@@ -28730,7 +28925,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 +29012,7 @@ var thaiStrings = {
     savingData: "ผลลัพท์กำลังบันทึกลงที่เซิร์ฟเวอร์...",
     savingDataError: "มีความผิดพลาดเกิดขึ้นส่งผลให้ไม่สามารถบันทึกผลได้",
     savingDataSuccess: "บันทึกสำเร็จแล้ว",
+    savingExceedSize: "คําตอบของคุณเกิน 64KB โปรดลดขนาดไฟล์ของคุณแล้วลองอีกครั้งหรือติดต่อเจ้าของแบบสํารวจ",
     saveAgainButton: "รบกวนลองอีกครั้ง",
     timerMin: "นาที",
     timerSec: "วินาที",
@@ -28827,6 +29024,7 @@ var thaiStrings = {
     timerLimitSurvey: "คุณใช้เวลา {0} ของ {1} รวมทั้งหมด",
     clearCaption: "เคลียร์",
     signaturePlaceHolder: "ลงชื่อที่นี่",
+    signaturePlaceHolderReadOnly: "ไม่มีลายเซ็น",
     chooseFileCaption: "เลือกไฟล์",
     takePhotoCaption: "ถ่ายรูป",
     photoPlaceholder: "คลิกปุ่มด้านล่างเพื่อถ่ายภาพโดยใช้กล้อง",
@@ -28882,7 +29080,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 +29167,7 @@ var traditionalChineseSurveyStrings = {
     savingData: "正在將結果保存到服務器...",
     savingDataError: "在保存結果過程中發生了錯誤，結果未能保存",
     savingDataSuccess: "結果保存成功!",
+    savingExceedSize: "您的回復超過 64KB。請減小檔的大小，然後重試或聯繫調查擁有者。",
     saveAgainButton: "請重試",
     timerMin: "最小",
     timerSec: "秒",
@@ -28979,6 +29179,7 @@ var traditionalChineseSurveyStrings = {
     timerLimitSurvey: "您總共花費了{1}的{0}。",
     clearCaption: "清楚",
     signaturePlaceHolder: "在此簽名",
+    signaturePlaceHolderReadOnly: "無簽名",
     chooseFileCaption: "選擇檔案",
     takePhotoCaption: "拍照",
     photoPlaceholder: "按下下面的按鈕使用相機拍照。",
@@ -29069,7 +29270,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 +29357,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 +29369,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 +29407,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 +29494,7 @@ var ukrainianSurveyStrings = {
     savingData: "Результати зберігаються на сервер...",
     savingDataError: "Відбулася помилка, результат не був збережений.",
     savingDataSuccess: "Резвультат успішно збережений!",
+    savingExceedSize: "Ваша відповідь перевищує 64 КБ. Будь ласка, зменшіть розмір файлу (файлів) і повторіть спробу або зв'яжіться з власником опитування.",
     saveAgainButton: "Спробувати знову",
     timerMin: "хв",
     timerSec: "сек",
@@ -29300,6 +29506,7 @@ var ukrainianSurveyStrings = {
     timerLimitSurvey: "Ви витратили {0} з {1} для всього тесту.",
     clearCaption: "Очистити",
     signaturePlaceHolder: "Підпишіться тут",
+    signaturePlaceHolderReadOnly: "Без підпису",
     chooseFileCaption: "Виберіть файл",
     takePhotoCaption: "Зробити фото",
     photoPlaceholder: "Натисніть кнопку нижче, щоб зробити фото за допомогою камери.",
@@ -29355,7 +29562,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 +29649,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 +29661,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 +29718,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 +29805,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 +29817,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 +29873,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 +30467,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 +31512,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 +31551,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 +31562,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);
@@ -32442,6 +32652,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 +32663,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 +32812,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();
     };
@@ -32662,7 +32876,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 +32913,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);
@@ -33521,13 +33735,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 +33775,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 +36523,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 +37264,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
                 if (!val) {
                     _this.updateOnHiding();
                     _this.updateIsVisible(val);
+                    _this._isPositionSetValue = false;
                 }
                 else {
                     _this.updateIsVisible(val);
@@ -37059,6 +37275,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 +37513,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 +38699,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 +39917,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 +40520,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 +43562,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 +45071,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;
@@ -55063,6 +55297,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 +55332,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
+
 var QuestionMatrixDropdownRenderedCell = /** @class */ (function () {
     function QuestionMatrixDropdownRenderedCell() {
         this.minWidth = "";
@@ -55321,6 +55557,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 +55621,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 +55982,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 +56505,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 +58912,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 +58953,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
+
 var QuestionPanelDynamicItemTextProcessor = /** @class */ (function (_super) {
     __extends(QuestionPanelDynamicItemTextProcessor, _super);
     function QuestionPanelDynamicItemTextProcessor(data, panelItem, variableName) {
@@ -58881,6 +59177,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 +59504,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 +59514,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 +59585,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 curPanel.onHidingContent();
             }
             this.setPropertyValue("currentPanel", val);
+            this.updateRenderedPanels();
             this.updateFooterActions();
             this.updateTabToolbarItemsPressedState();
             this.fireCallback(this.currentIndexChangedCallback);
@@ -59299,6 +59600,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 +60031,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 +60332,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 +60569,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 +60691,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)
@@ -60456,6 +60886,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 +60909,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         }
         this.updateFooterActions();
         this.isBuildingPanelsFirstTime = false;
+        this.releaseAnimations();
     };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "wasNotRenderedInSurvey", {
         get: function () {
@@ -61023,7 +61455,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 +61468,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 +61527,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 +61722,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 +61736,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 +62038,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 +62071,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 /**
  * A class that describes the Ranking question type.
  *
@@ -61680,7 +62125,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 +62197,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 +62235,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 +62300,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 +62345,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 +62513,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 +62531,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 +62557,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 +62912,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 +63254,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";
     };
@@ -65037,8 +65517,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 +67884,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 +67907,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 +68428,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 +68448,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;
@@ -68156,7 +68658,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 +68713,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 +68805,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 +69911,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,
@@ -73595,7 +74097,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 +74682,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 +74696,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 +75150,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 +75162,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 +75219,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 +75273,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 +77807,6 @@ var SurveyElement = /** @class */ (function (_super) {
                 }
             }
         }, function () { return _this.renderedIsExpanded; });
-        _this.animationAllowedValue = true;
         _this.name = name;
         _this.createNewArray("errors");
         _this.createNewArray("titleActions");
@@ -77339,7 +77842,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 +77861,7 @@ var SurveyElement = /** @class */ (function (_super) {
             }
         }
         if (needScroll) {
-            el.scrollIntoView();
+            el.scrollIntoView(scrollIntoViewOptions);
         }
         return needScroll;
     };
@@ -78342,6 +78845,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 +78877,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 +78962,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 +78980,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) {
@@ -81978,7 +82488,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 +85588,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 +85607,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 +86261,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,
@@ -88754,6 +89264,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 +89390,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 +89398,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 +89430,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 +89450,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 +89467,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 +89477,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 +89487,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 +89545,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 +89576,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 +89630,7 @@ var AnimationProperty = /** @class */ (function () {
             this._debouncedSync.run(newValue);
         }
         else {
+            this.cancel();
             this.update(newValue);
         }
     };
@@ -89101,6 +89640,7 @@ var AnimationProperty = /** @class */ (function () {
     };
     return AnimationProperty;
 }());
+
 var AnimationBoolean = /** @class */ (function (_super) {
     __extends(AnimationBoolean, _super);
     function AnimationBoolean() {
@@ -89113,12 +89653,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 +89680,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));
+
 
 
 /***/ }),