survey-react 1.9.138 → 1.10.1

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.138
+ * 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)
  */
@@ -769,9 +769,27 @@ var BaseAction = /** @class */ (function (_super) {
     __extends(BaseAction, _super);
     function BaseAction() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.rendredIdValue = BaseAction.getNextRendredId();
         _this.iconSize = 24;
         return _this;
     }
+    BaseAction.getNextRendredId = function () { return BaseAction.renderedId++; };
+    Object.defineProperty(BaseAction.prototype, "renderedId", {
+        get: function () { return this.rendredIdValue; },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(BaseAction.prototype, "owner", {
+        get: function () { return this.ownerValue; },
+        set: function (val) {
+            if (val !== this.owner) {
+                this.ownerValue = val;
+                this.locStrsChanged();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(BaseAction.prototype, "visible", {
         get: function () {
             return this.getVisible();
@@ -896,6 +914,7 @@ var BaseAction = /** @class */ (function (_super) {
         }
         return args.isTrusted;
     };
+    BaseAction.renderedId = 1;
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_2__["property"])()
     ], BaseAction.prototype, "tooltip", void 0);
@@ -1848,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();
@@ -2768,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;
 }());
@@ -4863,7 +4899,7 @@ var modernCss = {
         root: "sv-file",
         other: "sv-comment sv-question__other",
         placeholderInput: "sv-visuallyhidden",
-        preview: "sv-file__preview",
+        previewItem: "sd-file__preview-item",
         fileSignBottom: "sv-file__sign",
         fileDecorator: "sv-file__decorator",
         fileInput: "sv-visuallyhidden",
@@ -5270,7 +5306,7 @@ var defaultStandardCss = {
     file: {
         root: "sv_q_file",
         placeholderInput: "sv-visuallyhidden",
-        preview: "sv_q_file_preview",
+        previewItem: "sv_q_file_preview",
         removeButton: "sv_q_file_remove_button",
         fileInput: "sv-visuallyhidden",
         removeFile: "sv_q_file_remove",
@@ -5484,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",
@@ -5572,6 +5612,7 @@ var defaultV2Css = {
         titleExpanded: "sd-element__title--expanded",
         titleCollapsed: "sd-element__title--collapsed",
         titleDisabled: "sd-element__title--disabled",
+        titleReadOnly: "sd-element__title--readonly",
         titleBar: "sd-action-title-bar",
         requiredText: "sd-question__required-text",
         number: "sd-element__num",
@@ -5596,6 +5637,8 @@ var defaultV2Css = {
         invisible: "sd-element--invisible",
         composite: "sd-element--complex sd-composite",
         disabled: "sd-question--disabled",
+        readOnly: "sd-question--readonly",
+        preview: "sd-question--preview",
         errorsContainer: "sd-element__erbox sd-question__erbox",
         errorsContainerTop: "sd-element__erbox--above-element sd-question__erbox--above-question",
         errorsContainerBottom: "sd-question__erbox--below-question"
@@ -5632,6 +5675,9 @@ var defaultV2Css = {
         itemSelectAll: "sd-checkbox--selectall",
         itemNone: "sd-checkbox--none",
         itemDisabled: "sd-item--disabled sd-checkbox--disabled",
+        itemReadOnly: "sd-item--readonly sd-checkbox--readonly",
+        itemPreview: "sd-item--preview sd-checkbox--preview",
+        itemPreviewSvgIconId: "#icon-v2check",
         itemChecked: "sd-item--checked sd-checkbox--checked",
         itemHover: "sd-item--allowhover sd-checkbox--allowhover",
         itemInline: "sd-selectbase__item--inline",
@@ -5656,6 +5702,9 @@ var defaultV2Css = {
         label: "sd-selectbase__label",
         labelChecked: "",
         itemDisabled: "sd-item--disabled sd-radio--disabled",
+        itemReadOnly: "sd-item--readonly sd-radio--readonly",
+        itemPreview: "sd-item--preview sd-radio--preview",
+        itemPreviewSvgIconId: "#icon-v2check",
         itemChecked: "sd-item--checked sd-radio--checked",
         itemHover: "sd-item--allowhover sd-radio--allowhover",
         itemControl: "sd-visuallyhidden sd-item__control sd-radio__control",
@@ -5677,18 +5726,26 @@ var defaultV2Css = {
         itemExchanged: "sd-boolean--exchanged",
         itemIndeterminate: "sd-boolean--indeterminate",
         itemDisabled: "sd-boolean--disabled",
+        itemReadOnly: "sd-boolean--readonly",
+        itemPreview: "sd-boolean--preview",
         itemHover: "sd-boolean--allowhover",
         label: "sd-boolean__label",
         labelTrue: "sd-boolean__label--true",
         labelFalse: "sd-boolean__label--false",
         switch: "sd-boolean__switch",
         disabledLabel: "sd-checkbox__label--disabled",
+        labelReadOnly: "sd-checkbox__label--readonly",
+        labelPreview: "sd-checkbox__label--preview",
         sliderText: "sd-boolean__thumb-text",
         slider: "sd-boolean__thumb",
         sliderGhost: "sd-boolean__thumb-ghost",
         //radio
         radioItem: "sd-item",
         radioItemChecked: "sd-item--checked sd-radio--checked",
+        radioItemDisabled: "sd-item--disabled sd-radio--disabled",
+        radioItemReadOnly: "sd-item--readonly sd-radio--readonly",
+        radioItemPreview: "sd-item--preview sd-radio--preview",
+        itemPreviewSvgIconId: "#icon-v2check",
         radioLabel: "sd-selectbase__label",
         radioControlLabel: "sd-item__control-label",
         radioFieldset: "sd-selectbase",
@@ -5705,6 +5762,8 @@ var defaultV2Css = {
         checkboxItemChecked: "sd-item--checked sd-checkbox--checked",
         checkboxItemDecorator: "sd-item__svg sd-checkbox__svg",
         checkboxItemDisabled: "sd-item--disabled sd-checkbox--disabled",
+        checkboxItemReadOnly: "sd-item--readonly sd-checkbox--readonly",
+        checkboxItemPreview: "sd-item--preview sd-checkbox--preview",
         controlCheckbox: "sd-visuallyhidden sd-item__control sd-checkbox__control",
         checkboxMaterialDecorator: "sd-item__decorator sd-checkbox__decorator",
         checkboxControlLabel: "sd-item__control-label",
@@ -5714,6 +5773,8 @@ var defaultV2Css = {
         root: "sd-input sd-text",
         small: "sd-row__question--small",
         controlDisabled: "sd-input--disabled",
+        controlReadOnly: "sd-input--readonly",
+        controlPreview: "sd-input--preview",
         constrolWithCharacterCounter: "sd-text__character-counter",
         characterCounterBig: "sd-text__character-counter--big",
         content: "sd-text__content sd-question__content",
@@ -5724,6 +5785,9 @@ var defaultV2Css = {
         root: "sd-multipletext",
         rootMobile: "sd-multipletext--mobile",
         itemLabel: "sd-multipletext__item-container sd-input",
+        itemLabelReadOnly: "sd-input--readonly",
+        itemLabelDisabled: "sd-input--disabled",
+        itemLabelPreview: "sd-input--preview",
         itemLabelOnError: "sd-multipletext__item-container--error",
         itemLabelAllowFocus: "sd-multipletext__item-container--allow-focus",
         itemLabelAnswered: "sd-multipletext__item-container--answered",
@@ -5761,6 +5825,8 @@ var defaultV2Css = {
         controlInputFieldComponent: "sd-dropdown__input-field-component",
         controlValue: "sd-dropdown__value",
         controlDisabled: "sd-input--disabled",
+        controlReadOnly: "sd-input--readonly",
+        controlPreview: "sd-input--preview",
         controlEmpty: "sd-dropdown--empty",
         controlLabel: "sd-item__control-label",
         filterStringInput: "sd-dropdown__filter-string-input",
@@ -5777,6 +5843,8 @@ var defaultV2Css = {
         itemInline: "sd-imagepicker__item--inline",
         itemChecked: "sd-imagepicker__item--checked",
         itemDisabled: "sd-imagepicker__item--disabled",
+        itemReadOnly: "sd-imagepicker__item--readonly",
+        itemPreview: "sd-imagepicker__item--preview",
         itemHover: "sd-imagepicker__item--allowhover",
         label: "sd-imagepicker__label",
         itemDecorator: "sd-imagepicker__item-decorator",
@@ -5806,6 +5874,7 @@ var defaultV2Css = {
         cell: "sd-table__cell sd-matrix__cell",
         row: "sd-table__row",
         rowDisabled: "sd-table__row-disabled",
+        rowReadOnly: "sd-table__row-readonly",
         headerCell: "sd-table__cell sd-table__cell--header",
         rowTextCell: "sd-table__cell sd-matrix__cell sd-table__cell--row-text",
         label: "sd-item sd-radio sd-matrix__label",
@@ -5813,6 +5882,9 @@ var defaultV2Css = {
         itemValue: "sd-visuallyhidden sd-item__control sd-radio__control",
         itemChecked: "sd-item--checked sd-radio--checked",
         itemDisabled: "sd-item--disabled sd-radio--disabled",
+        itemReadOnly: "sd-item--readonly sd-radio--readonly",
+        itemPreview: "sd-item--preview sd-radio--preview",
+        itemPreviewSvgIconId: "#icon-v2check",
         itemHover: "sd-radio--allowhover",
         materialDecorator: "sd-item__decorator sd-radio__decorator",
         itemDecorator: "sd-item__svg sd-radio__svg",
@@ -5839,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",
@@ -5877,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",
@@ -5933,6 +6009,8 @@ var defaultV2Css = {
         itemStarHover: "sd-rating__item-star--allowhover",
         itemStarSelected: "sd-rating__item-star--selected",
         itemStarDisabled: "sd-rating__item-star--disabled",
+        itemStarReadOnly: "sd-rating__item-star--readonly",
+        itemStarPreview: "sd-rating__item-star--preview",
         itemStarHighlighted: "sd-rating__item-star--highlighted",
         itemStarUnhighlighted: "sd-rating__item-star--unhighlighted",
         itemStarSmall: "sd-rating__item-star--small",
@@ -5941,6 +6019,8 @@ var defaultV2Css = {
         itemSmileyHover: "sd-rating__item-smiley--allowhover",
         itemSmileySelected: "sd-rating__item-smiley--selected",
         itemSmileyDisabled: "sd-rating__item-smiley--disabled",
+        itemSmileyReadOnly: "sd-rating__item-smiley--readonly",
+        itemSmileyPreview: "sd-rating__item-smiley--preview",
         itemSmileyHighlighted: "sd-rating__item-star--highlighted",
         itemSmileyScaleColored: "sd-rating__item-smiley--scale-colored",
         itemSmileyRateColored: "sd-rating__item-smiley--rate-colored",
@@ -5949,6 +6029,8 @@ var defaultV2Css = {
         itemText: "sd-rating__item-text",
         maxText: "sd-rating__item-text sd-rating__max-text",
         itemDisabled: "sd-rating__item--disabled",
+        itemReadOnly: "sd-rating__item--readonly",
+        itemPreview: "sd-rating__item--preview",
         itemFixedSize: "sd-rating__item--fixed-size",
         control: "sd-input sd-dropdown",
         itemSmall: "sd-rating--small",
@@ -5967,6 +6049,8 @@ var defaultV2Css = {
         root: "sd-input sd-comment",
         small: "sd-row__question--small",
         controlDisabled: "sd-input--disabled",
+        controlReadOnly: "sd-input--readonly",
+        controlPreview: "sd-input--preview",
         content: "sd-comment__content sd-question__content",
         remainingCharacterCounter: "sd-remaining-character-counter",
         onError: "sd-input--error"
@@ -5976,9 +6060,12 @@ var defaultV2Css = {
         root: "sd-file",
         rootDragging: "sd-file--dragging",
         rootAnswered: "sd-file--answered",
+        rootDisabled: "sd-file--disabled",
+        rootReadOnly: "sd-file--readonly",
+        rootPreview: "sd-file--preview",
         other: "sd-input sd-comment",
         placeholderInput: "sd-visuallyhidden",
-        preview: "sd-file__preview",
+        previewItem: "sd-file__preview-item",
         fileSign: "",
         fileList: "sd-file__list",
         fileSignBottom: "sd-file__sign",
@@ -6069,9 +6156,12 @@ var defaultV2Css = {
         rootMobileMod: "sv-ranking--mobile",
         rootDragMod: "sv-ranking--drag",
         rootDisabled: "sd-ranking--disabled",
+        rootReadOnly: "sd-ranking--readonly",
+        rootPreview: "sd-ranking--preview",
         rootDesignMode: "sv-ranking--design-mode",
         rootDragHandleAreaIcon: "sv-ranking--drag-handle-area-icon",
         rootSelectToRankMod: "sv-ranking--select-to-rank",
+        rootSelectToRankEmptyValueMod: "sv-ranking--select-to-rank-empty-value",
         rootSelectToRankAlignVertical: "sv-ranking--select-to-rank-vertical",
         rootSelectToRankAlignHorizontal: "sv-ranking--select-to-rank-horizontal",
         item: "sv-ranking-item",
@@ -6080,6 +6170,8 @@ var defaultV2Css = {
         itemIndexEmptyMode: "sv-ranking-item__index--empty sd-ranking-item__index--empty",
         // itemText: "sv-ranking-item__text",
         itemDisabled: "sv-ranking-item--disabled",
+        itemReadOnly: "sv-ranking-item--readonly",
+        itemPreview: "sv-ranking-item--preview",
         controlLabel: "sv-ranking-item__text",
         itemGhostNode: "sv-ranking-item__ghost",
         itemIconContainer: "sv-ranking-item__icon-container",
@@ -6156,7 +6248,10 @@ var defaultV2Css = {
         controlValue: "sd-tagbox__value sd-dropdown__value",
         controlValueItems: "sd-tagbox__value-items",
         placeholderInput: "sd-tagbox__placeholder",
+        controlEditable: "sd-input--editable",
         controlDisabled: "sd-input--disabled",
+        controlReadOnly: "sd-input--readonly",
+        controlPreview: "sd-input--preview",
         controlEmpty: "sd-dropdown--empty sd-tagbox--empty",
         controlLabel: "sd-item__control-label",
         filterStringInput: "sd-tagbox__filter-string-input sd-dropdown__filter-string-input",
@@ -8070,6 +8165,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         this._popupModel.isFocusedContainer = false;
         this._popupModel.isFocusedContent = _utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"];
         this._popupModel.setWidthByTarget = !_utils_devices__WEBPACK_IMPORTED_MODULE_9__["IsTouch"];
+        this._popupModel.locale = this.question.getLocale();
         this.updatePopupFocusFirstInputSelector();
         this.listModel.registerPropertyChangedHandlers(["showFilter"], function () {
             _this.updatePopupFocusFirstInputSelector();
@@ -8170,6 +8266,7 @@ var DropdownListModel = /** @class */ (function (_super) {
             }
         });
         model.isAllDataLoaded = !this.question.choicesLazyLoadEnabled;
+        model.actions.forEach(function (a) { return a.disableTabStop = true; });
     };
     DropdownListModel.prototype.updateCssClasses = function (popupCssClass, listCssClasses) {
         this.popupModel.cssClass = new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_8__["CssClassBuilder"]().append(popupCssClass).append(this.popupCssClasses).toString();
@@ -8734,6 +8831,7 @@ var DropdownMultiSelectListModel = /** @class */ (function (_super) {
             };
         }
         var res = new _multiSelectListModel__WEBPACK_IMPORTED_MODULE_3__["MultiSelectListModel"](visibleItems, _onSelectionChanged, false, undefined, this.question.choicesLazyLoadEnabled ? this.listModelFilterStringChanged : undefined, this.listElementId);
+        res.actions.forEach(function (a) { return a.disableTabStop = true; });
         this.setOnTextSearchCallbackForListModel(res);
         res.forceShowFilter = true;
         return res;
@@ -8881,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.
  */
@@ -8900,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);
@@ -8910,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=" +
@@ -8924,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)
@@ -8936,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;
@@ -8951,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);
@@ -8960,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 () {
@@ -8981,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 () {
@@ -8993,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;
 }());
 
@@ -9674,8 +9805,8 @@ __webpack_require__.r(__webpack_exports__);
 
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.138";
-ReleaseDate = "" + "2024-04-09";
+Version = "" + "1.10.1";
+ReleaseDate = "" + "2024-04-25";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9856,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";
@@ -10308,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"]; });
 
@@ -10347,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";
@@ -10791,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"]; });
@@ -11228,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";
@@ -11672,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"]; });
@@ -18348,7 +18491,7 @@ module.exports = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\
 /*! no static exports found */
 /***/ (function(module, exports) {
 
-module.exports = "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\"><g><path d=\"M24 39.5057L11.7226 45.9839C10.4095 46.6739 8.87606 45.5622 9.12525 44.096L11.4734 30.373L1.54411 20.6556C0.480254 19.6207 1.06489 17.8095 2.53128 17.5986L16.2559 15.5957L22.3994 3.10891C23.0512 1.77685 24.9488 1.77685 25.6102 3.10891L31.7441 15.5957L45.4687 17.5986C46.9351 17.8095 47.5197 19.6207 46.4559 20.6556L36.5266 30.373L38.8748 44.096C39.1239 45.5622 37.5905 46.6835 36.2774 45.9839L24 39.5057Z\" fill=\"none\" stroke-width=\"2\"></path><path d=\"M24.4663 34.6154L24 34.3695L23.5336 34.6154L14.4788 39.389L16.2156 29.2691L16.3044 28.7517L15.9289 28.3848L8.57358 21.1966L18.7249 19.7094L19.245 19.6332L19.4772 19.1616L24 9.97413L28.5228 19.1616L28.755 19.6332L29.275 19.7094L39.4264 21.1966L32.0711 28.3848L31.6956 28.7517L31.7844 29.2691L33.5211 39.389L24.4663 34.6154Z\" stroke-width=\"2\"></path></g></svg>"
+module.exports = "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\"><g><path d=\"M24 39.5057L11.7226 45.9839C10.4095 46.6739 8.87606 45.5622 9.12525 44.096L11.4734 30.373L1.54411 20.6556C0.480254 19.6207 1.06489 17.8095 2.53128 17.5986L16.2559 15.5957L22.3994 3.10891C23.0512 1.77685 24.9488 1.77685 25.6102 3.10891L31.7441 15.5957L45.4687 17.5986C46.9351 17.8095 47.5197 19.6207 46.4559 20.6556L36.5266 30.373L38.8748 44.096C39.1239 45.5622 37.5905 46.6835 36.2774 45.9839L24 39.5057Z\" fill=\"none\"></path><path d=\"M24.4663 34.6154L24 34.3695L23.5336 34.6154L14.4788 39.389L16.2156 29.2691L16.3044 28.7517L15.9289 28.3848L8.57358 21.1966L18.7249 19.7094L19.245 19.6332L19.4772 19.1616L24 9.97413L28.5228 19.1616L28.755 19.6332L29.275 19.7094L39.4264 21.1966L32.0711 28.3848L31.6956 28.7517L31.7844 29.2691L33.5211 39.389L24.4663 34.6154Z\"></path></g></svg>"
 
 /***/ }),
 
@@ -18370,7 +18513,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /*! no static exports found */
 /***/ (function(module, exports) {
 
-module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><g><path d=\"M12 19.3373L6.13001 22.4373C5.50001 22.7673 4.77001 22.2373 4.89001 21.5373L6.01001 14.9773L1.26001 10.3273C0.750007 9.83728 1.03001 8.96728 1.73001 8.86728L8.29001 7.90728L11.23 1.93728C11.54 1.29728 12.45 1.29728 12.77 1.93728L15.7 7.90728L22.26 8.86728C22.96 8.96728 23.24 9.83728 22.73 10.3273L17.98 14.9773L19.1 21.5373C19.22 22.2373 18.49 22.7773 17.86 22.4373L11.99 19.3373H12Z\" stroke-width=\"2\"></path></g></svg>"
+module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\"><g><path d=\"M12 19.3373L6.13001 22.4373C5.50001 22.7673 4.77001 22.2373 4.89001 21.5373L6.01001 14.9773L1.26001 10.3273C0.750007 9.83728 1.03001 8.96728 1.73001 8.86728L8.29001 7.90728L11.23 1.93728C11.54 1.29728 12.45 1.29728 12.77 1.93728L15.7 7.90728L22.26 8.86728C22.96 8.96728 23.24 9.83728 22.73 10.3273L17.98 14.9773L19.1 21.5373C19.22 22.2373 18.49 22.7773 17.86 22.4373L11.99 19.3373H12Z\"></path></g></svg>"
 
 /***/ }),
 
@@ -18381,7 +18524,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /*! no static exports found */
 /***/ (function(module, exports) {
 
-module.exports = "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\"><g><path d=\"M24 39.5057L11.7226 45.9839C10.4095 46.6739 8.87606 45.5622 9.12525 44.096L11.4734 30.373L1.54411 20.6556C0.480254 19.6207 1.06489 17.8095 2.53128 17.5986L16.2559 15.5957L22.3994 3.10891C23.0512 1.77685 24.9488 1.77685 25.6102 3.10891L31.7441 15.5957L45.4687 17.5986C46.9351 17.8095 47.5197 19.6207 46.4559 20.6556L36.5266 30.373L38.8748 44.096C39.1239 45.5622 37.5905 46.6835 36.2774 45.9839L24 39.5057Z\" stroke-width=\"2\"></path></g></svg>"
+module.exports = "<svg viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\"><g><path d=\"M24 39.5057L11.7226 45.9839C10.4095 46.6739 8.87606 45.5622 9.12525 44.096L11.4734 30.373L1.54411 20.6556C0.480254 19.6207 1.06489 17.8095 2.53128 17.5986L16.2559 15.5957L22.3994 3.10891C23.0512 1.77685 24.9488 1.77685 25.6102 3.10891L31.7441 15.5957L45.4687 17.5986C46.9351 17.8095 47.5197 19.6207 46.4559 20.6556L36.5266 30.373L38.8748 44.096C39.1239 45.5622 37.5905 46.6835 36.2774 45.9839L24 39.5057Z\"></path></g></svg>"
 
 /***/ }),
 
@@ -22276,6 +22419,7 @@ var arabicSurveyStrings = {
     savingData: "يتم حفظ النتائج على الخادم ...",
     savingDataError: "حدث خطأ ولم نتمكن من حفظ النتائج.",
     savingDataSuccess: "تم حفظ النتائج بنجاح!",
+    savingExceedSize: "ردك يتجاوز 64 كيلوبايت. يرجى تقليل حجم الملف (الملفات) والمحاولة مرة أخرى أو الاتصال بمالك الاستطلاع.",
     saveAgainButton: "حاول مجددا",
     timerMin: "دقيقة",
     timerSec: "ثانية",
@@ -22287,6 +22431,7 @@ var arabicSurveyStrings = {
     timerLimitSurvey: "لقد أنفقت {0} من إجمالي {1}.",
     clearCaption: "واضح",
     signaturePlaceHolder: "وقع هنا",
+    signaturePlaceHolderReadOnly: "لا يوجد توقيع",
     chooseFileCaption: "اختر ملف",
     takePhotoCaption: "التقاط صورة",
     photoPlaceholder: "انقر فوق الزر أدناه لالتقاط صورة باستخدام الكاميرا.",
@@ -22343,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" => "لا يوجد توقيع"
 
 
 /***/ }),
@@ -22429,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",
@@ -22440,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.",
@@ -22489,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"
 
 
 /***/ }),
@@ -22575,6 +22724,7 @@ var bulgarianStrings = {
     savingData: "Резултатите се запазват на сървъра...",
     savingDataError: "Поради възникнала грешка резултатите не можаха да бъдат запазени.",
     savingDataSuccess: "Резултатите бяха запазени успешно!",
+    savingExceedSize: "Вашият отговор надхвърля 64KB. Намалете размера на вашите файлове и опитайте отново или се свържете със собственика на проучването.",
     saveAgainButton: "Нов опит",
     timerMin: "мин",
     timerSec: "сек",
@@ -22586,6 +22736,7 @@ var bulgarianStrings = {
     timerLimitSurvey: "Вие използвахте общо {0} от {1}.",
     clearCaption: "Начално състояние",
     signaturePlaceHolder: "Подпишете тук",
+    signaturePlaceHolderReadOnly: "Няма подпис",
     chooseFileCaption: "Изберете файл",
     takePhotoCaption: "Направете снимка",
     photoPlaceholder: "Кликнете върху бутона по-долу, за да направите снимка с помощта на камерата.",
@@ -22642,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" => "Няма подпис"
 
 
 /***/ }),
@@ -22728,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",
@@ -22739,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.",
@@ -22835,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"
 
 
 /***/ }),
@@ -22921,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",
@@ -22932,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.",
@@ -22986,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"
 
 
 /***/ }),
@@ -23072,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",
@@ -23083,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.",
@@ -23139,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"
 
 
 /***/ }),
@@ -23225,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",
@@ -23236,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.",
@@ -23292,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"
 
 
 /***/ }),
@@ -23378,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",
@@ -23389,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.",
@@ -23443,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"
 
 
 /***/ }),
@@ -23510,7 +23677,7 @@ var englishStrings = {
     uploadingFile: "Your file is uploading. Please wait several seconds and try again.",
     loadingFile: "Loading...",
     chooseFile: "Choose file(s)...",
-    noFileChosen: "No file chosen",
+    noFileChosen: "No file selected",
     filePlaceholder: "Drag and drop a file here or click the button below to select a file to upload.",
     confirmDelete: "Are you sure you want to delete this record?",
     keyDuplicationError: "This value should be unique.",
@@ -23529,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",
@@ -23540,6 +23708,7 @@ var englishStrings = {
     timerLimitSurvey: "You have spent {0} of {1} in total.",
     clearCaption: "Clear",
     signaturePlaceHolder: "Sign here",
+    signaturePlaceHolderReadOnly: "No signature",
     chooseFileCaption: "Select File",
     takePhotoCaption: "Take Photo",
     photoPlaceholder: "Click the button below to take a photo using the camera.",
@@ -23556,7 +23725,7 @@ var englishStrings = {
     filterStringPlaceholder: "Type to search...",
     emptyMessage: "No data to display",
     noEntriesText: "No entries yet.\nClick the button below to add a new entry.",
-    noEntriesReadonlyText: "No entries.",
+    noEntriesReadonlyText: "No entries",
     more: "More",
     tagboxDoneButtonCaption: "OK",
     selectToRankEmptyRankedAreaText: "All choices are selected for ranking",
@@ -23654,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",
@@ -23665,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.",
@@ -23721,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"
 
 
 /***/ }),
@@ -23807,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",
@@ -23818,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.",
@@ -23862,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"
 
 
 /***/ }),
@@ -23948,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",
@@ -23959,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.",
@@ -24003,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"
 
 
 /***/ }),
@@ -24089,6 +24267,7 @@ var georgianSurveyStrings = {
     savingData: "შედეგები ინახება სერვერზე...",
     savingDataError: "დაფიქსირდა შეცდომა და შედეგი ვერ შევინახავდით.",
     savingDataSuccess: "შედეგები წარმატებით გადაარჩინეს!",
+    savingExceedSize: "თქვენი პასუხი აღემატება 64KB. გთხოვთ, შეამციროთ თქვენი ფაილ(ებ)ის ზომა და სცადოთ ხელახლა ან დაუკავშირდეთ გამოკითხვის მფლობელს.",
     saveAgainButton: "კიდევ სცადე",
     timerMin: "წთ",
     timerSec: "წმ",
@@ -24100,6 +24279,7 @@ var georgianSurveyStrings = {
     timerLimitSurvey: "თქვენ სულ {1} {0} დახარჯეთ.",
     clearCaption: "მოწმენდილი ცა",
     signaturePlaceHolder: "შესვლა აქ",
+    signaturePlaceHolderReadOnly: "ხელმოწერა არ არის",
     chooseFileCaption: "ვაუჩერის ნახვა",
     takePhotoCaption: "გადაიღეთ ფოტო",
     photoPlaceholder: "დააჭირეთ ქვემოთ მოცემულ ღილაკს, რომ გადაიღოთ ფოტო კამერის გამოყენებით.",
@@ -24209,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" => "ხელმოწერა არ არის"
 
 
 /***/ }),
@@ -24295,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.",
@@ -24306,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.",
@@ -24349,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"
 
 
 /***/ }),
@@ -24434,6 +24619,7 @@ var greekSurveyStrings = {
     savingData: "Τα αποτελέσματα αποθηκεύονται στον διακομιστή ...",
     savingDataError: "Παρουσιάστηκε σφάλμα και δεν ήταν δυνατή η αποθήκευση των αποτελεσμάτων.",
     savingDataSuccess: "Τα αποτελέσματα αποθηκεύτηκαν με επιτυχία!",
+    savingExceedSize: "Η απάντησή σας υπερβαίνει τα 64KB. Μειώστε το μέγεθος των αρχείων σας και προσπαθήστε ξανά ή επικοινωνήστε με έναν κάτοχο έρευνας.",
     saveAgainButton: "Προσπάθησε ξανά",
     timerMin: "ελάχ",
     timerSec: "δευτ",
@@ -24445,6 +24631,7 @@ var greekSurveyStrings = {
     timerLimitSurvey: "Έχετε ξοδέψει {0} από {1} συνολικά.",
     clearCaption: "Εκκαθάριση",
     signaturePlaceHolder: "Υπογράψτε εδώ",
+    signaturePlaceHolderReadOnly: "Χωρίς υπογραφή",
     chooseFileCaption: "Επιλέξτε αρχείο",
     takePhotoCaption: "Λήψη φωτογραφίας",
     photoPlaceholder: "Κάντε κλικ στο παρακάτω κουμπί για να τραβήξετε μια φωτογραφία χρησιμοποιώντας την κάμερα.",
@@ -24486,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" => "Χωρίς υπογραφή"
 
 
 /***/ }),
@@ -24572,6 +24760,7 @@ var hebrewSurveyStrings = {
     savingData: "התוצאות נשמרות בשרת ...",
     savingDataError: "אירעה שגיאה ולא הצלחנו לשמור את התוצאות.",
     savingDataSuccess: "התוצאות נשמרו בהצלחה!",
+    savingExceedSize: "תגובתך עולה על 64KB. הקטן את גודל הקבצים שלך ונסה שוב או פנה לבעלים של סקר.",
     saveAgainButton: "נסה שוב",
     timerMin: "דקה",
     timerSec: "שניות",
@@ -24583,6 +24772,7 @@ var hebrewSurveyStrings = {
     timerLimitSurvey: "הוצאת סכום כולל של {0} מתוך {1}.",
     clearCaption: "לנקות",
     signaturePlaceHolder: "חתום כאן",
+    signaturePlaceHolderReadOnly: "אין חתימה",
     chooseFileCaption: "בחר קובץ",
     takePhotoCaption: "צלם תמונה",
     photoPlaceholder: "לחץ על הלחצן למטה כדי לצלם תמונה באמצעות המצלמה.",
@@ -24640,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" => "אין חתימה"
 
 
 /***/ }),
@@ -24725,6 +24917,7 @@ var hindiStrings = {
     savingData: "परिणाम सर्वर पर सेव हो रहे हैं",
     savingDataError: "एक त्रुटि हुई और हम परिणामों को नहीं सेव कर सके",
     savingDataSuccess: "परिणाम सफलतापूर्वक सेव हो गए",
+    savingExceedSize: "आपकी प्रतिक्रिया 64KB से अधिक है। कृपया अपनी फ़ाइल(फ़ाइलों) का आकार घटाएँ और पुन: प्रयास करें या सर्वेक्षण स्वामी से संपर्क करें.",
     saveAgainButton: "फिर कोशिश करो",
     timerMin: "मिनट",
     timerSec: "सेकंड",
@@ -24736,6 +24929,7 @@ var hindiStrings = {
     timerLimitSurvey: "आपने कुल {1} की {0} खर्च की है",
     clearCaption: "स्पष्ट",
     signaturePlaceHolder: "यहां साइन करें",
+    signaturePlaceHolderReadOnly: "कोई हस्ताक्षर नहीं",
     chooseFileCaption: "फ़ाइल चुनें",
     takePhotoCaption: "फोटो ले लो",
     photoPlaceholder: "कैमरे का उपयोग करके फोटो लेने के लिए नीचे दिए गए बटन पर क्लिक करें।",
@@ -24792,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" => "कोई हस्ताक्षर नहीं"
 
 
 /***/ }),
@@ -24878,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",
@@ -24889,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.",
@@ -24944,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"
 
 
 /***/ }),
@@ -25030,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",
@@ -25041,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.",
@@ -25097,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"
 
 
 /***/ }),
@@ -25183,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",
@@ -25194,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.",
@@ -25250,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"
 
 
 /***/ }),
@@ -25336,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",
@@ -25347,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.",
@@ -25391,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"
 
 
 /***/ }),
@@ -25477,6 +25684,7 @@ var japaneseSurveyStrings = {
     savingData: "結果はサーバーに保存されています...。",
     savingDataError: "エラーが発生し、結果を保存できませんでした。",
     savingDataSuccess: "結果は無事に保存されました",
+    savingExceedSize: "回答は 64 KB を超えています。ファイルのサイズを小さくしてもう一度お試しいただくか、アンケートの所有者にお問い合わせください。",
     saveAgainButton: "もう一度試してみてください。",
     timerMin: "僅少",
     timerSec: "セック",
@@ -25488,6 +25696,7 @@ var japaneseSurveyStrings = {
     timerLimitSurvey: "合計で{1}の{0}を使ったことがあります。",
     clearCaption: "空白",
     signaturePlaceHolder: "ここに署名",
+    signaturePlaceHolderReadOnly: "署名なし",
     chooseFileCaption: "ファイルを選択",
     takePhotoCaption: "写真を撮る",
     photoPlaceholder: "下のボタンをクリックして、カメラを使用して写真を撮ります。",
@@ -25544,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" => "署名なし"
 
 
 /***/ }),
@@ -25630,6 +25840,7 @@ var kazakhStrings = {
     savingData: "Нәтижелер серверде сақталады...",
     savingDataError: "Қателік туындады, нәтиже сақталынбады.",
     savingDataSuccess: "Нәтиже ойдағыдай сақталды!",
+    savingExceedSize: "Сіздің жауабыңыз 64КБ-тан асады. Файлдың өлшемін азайтып, қайталап көріңіз немесе сауалнама иесіне хабарласыңыз.",
     saveAgainButton: "Қайтадан байқап көру",
     timerMin: "мин",
     timerSec: "сек",
@@ -25641,6 +25852,7 @@ var kazakhStrings = {
     timerLimitSurvey: "Сіз бүкіл сауалнама үшін {0} ден {1} кетірдіңіз ",
     clearCaption: "Тазалау",
     signaturePlaceHolder: "Осында кіру",
+    signaturePlaceHolderReadOnly: "Қолдың No",
     chooseFileCaption: "Файл таңдаңыз",
     takePhotoCaption: "Фотосуретке түсу",
     photoPlaceholder: "Камераны пайдаланып суретке түсу үшін төмендегі түймені басыңыз.",
@@ -25697,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"
 
 
 /***/ }),
@@ -25783,6 +25996,7 @@ var koreanStrings = {
     savingData: "결과가 서버에 저장 중입니다...",
     savingDataError: "오류가 발생하여 결과를 저장할 수 없습니다.",
     savingDataSuccess: "결과가 성공적으로 저장되었습니다.",
+    savingExceedSize: "응답이 64KB를 초과합니다. 파일 크기를 줄인 후 다시 시도하거나 설문조사 소유자에게 문의하세요.",
     saveAgainButton: "다시 시도하세요.",
     timerMin: "분",
     timerSec: "초",
@@ -25794,6 +26008,7 @@ var koreanStrings = {
     timerLimitSurvey: "총 {0}/{1}이 걸렸습니다.",
     clearCaption: "지우기",
     signaturePlaceHolder: "서명하세요.",
+    signaturePlaceHolderReadOnly: "서명 없음",
     chooseFileCaption: "파일 선택",
     takePhotoCaption: "사진 찍기",
     photoPlaceholder: "아래 버튼을 클릭하여 카메라로 사진을 찍습니다.",
@@ -25837,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" => "서명 없음"
 
 
 /***/ }),
@@ -25923,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",
@@ -25934,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.",
@@ -25978,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"
 
 
 /***/ }),
@@ -26064,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",
@@ -26075,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.",
@@ -26131,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"
 
 
 /***/ }),
@@ -26217,6 +26439,7 @@ var macedonianSurveyStrings = {
     savingData: "Резултатите се зачувуваат на серверот ...",
     savingDataError: "Настана грешка и не можевме да ги зачуваме резултатите.",
     savingDataSuccess: "Резултатите беа успешно зачувани!",
+    savingExceedSize: "Вашиот одговор надминува 64KB. Ве молиме да ја намалите големината на вашата(ите) датотека(и) и обидете се повторно или контактирајте го сопственикот на истражувањето.",
     saveAgainButton: "Обиди се повторно",
     timerMin: "мин",
     timerSec: "сек",
@@ -26228,6 +26451,7 @@ var macedonianSurveyStrings = {
     timerLimitSurvey: "Вие потрошивте вкупно {0} од {1}.",
     clearCaption: "Да расчисти",
     signaturePlaceHolder: "Потпиши се овде.",
+    signaturePlaceHolderReadOnly: "Нема потпис",
     chooseFileCaption: "Изберете датотека",
     takePhotoCaption: "Фотографирајте",
     photoPlaceholder: "Кликнете на копчето подолу за да фотографирате користејќи ја камерата.",
@@ -26278,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" => "Нема потпис"
 
 
 /***/ }),
@@ -26364,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",
@@ -26375,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.",
@@ -26421,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"
 
 
 /***/ }),
@@ -26531,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",
@@ -26542,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.",
@@ -26598,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"
 
 
 /***/ }),
@@ -26684,6 +26915,7 @@ var persianSurveyStrings = {
     savingData: "نتایج در حال ذخیره سازی در سرور است",
     savingDataError: "خطایی در ذخیره سازی نتایج رخ داده است",
     savingDataSuccess: "نتایج با موفقیت ذخیره شد",
+    savingExceedSize: "پاسخ شما بیش از 64KB است. لطفا اندازه فایل(های) خود را کاهش دهید و دوباره تلاش کنید یا با صاحب نظرسنجی تماس بگیرید.",
     saveAgainButton: "مجدد تلاش کنید",
     timerMin: "دقیقه",
     timerSec: "ثانیه",
@@ -26695,6 +26927,7 @@ var persianSurveyStrings = {
     timerLimitSurvey: "شما مدت {0} از {1} را در مجموع سپری کرده اید.",
     clearCaption: "خالی کردن",
     signaturePlaceHolder: "اینجا را امضا کنید",
+    signaturePlaceHolderReadOnly: "بدون امضا",
     chooseFileCaption: "انتخاب فایل",
     takePhotoCaption: "گرفتن عکس",
     photoPlaceholder: "روی دکمه زیر کلیک کنید تا با استفاده از دوربین عکس بگیرید.",
@@ -26751,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" => "بدون امضا"
 
 
 /***/ }),
@@ -26837,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",
@@ -26848,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.",
@@ -26892,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"
 
 
 /***/ }),
@@ -26981,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",
@@ -26992,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.",
@@ -27095,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"
 
 
 /***/ }),
@@ -27181,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",
@@ -27192,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.",
@@ -27233,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"
 
 
 /***/ }),
@@ -27319,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",
@@ -27330,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.",
@@ -27386,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ă"
 
 
 /***/ }),
@@ -27472,6 +27718,7 @@ var russianSurveyStrings = {
     savingData: "Результаты сохраняются на сервер...",
     savingDataError: "Произошла ошибка, результат не был сохранён.",
     savingDataSuccess: "Результат успешно сохранён!",
+    savingExceedSize: "Ваш ответ превышает 64 КБ. Уменьшите размер файла (файлов) и повторите попытку или обратитесь к владельцу опроса.",
     saveAgainButton: "Попробовать снова",
     timerMin: "мин",
     timerSec: "сек",
@@ -27483,6 +27730,7 @@ var russianSurveyStrings = {
     timerLimitSurvey: "Вы потратили {0} из {1} для всего теста.",
     clearCaption: "Очистить",
     signaturePlaceHolder: "Подпишите здесь",
+    signaturePlaceHolderReadOnly: "Без подписи",
     chooseFileCaption: "Выберите файл",
     takePhotoCaption: "Сделать фото",
     photoPlaceholder: "Нажмите кнопку ниже, чтобы сделать снимок с помощью камеры.",
@@ -27523,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" => "Без подписи"
 
 
 /***/ }),
@@ -27609,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",
@@ -27620,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.",
@@ -27671,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"
 
 
 /***/ }),
@@ -27757,6 +28009,7 @@ var simplifiedChineseSurveyStrings = {
     savingData: "正在将结果保存到服务器...",
     savingDataError: "在保存结果过程中发生了错误，结果未能保存",
     savingDataSuccess: "结果保存成功!",
+    savingExceedSize: "您的回复超过 64KB。请减小文件的大小，然后重试或联系调查所有者。",
     saveAgainButton: "请重试",
     timerMin: "分",
     timerSec: "秒",
@@ -27768,6 +28021,7 @@ var simplifiedChineseSurveyStrings = {
     timerLimitSurvey: "总计用时 {0} 共 {1}.",
     clearCaption: "清除",
     signaturePlaceHolder: "在此签名",
+    signaturePlaceHolderReadOnly: "无签名",
     chooseFileCaption: "选择文件",
     takePhotoCaption: "拍照",
     photoPlaceholder: "单击下面的按钮使用相机拍照。",
@@ -27818,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" => "无签名"
 
 
 /***/ }),
@@ -27904,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",
@@ -27915,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.",
@@ -27961,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"
 
 
 /***/ }),
@@ -28047,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",
@@ -28058,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.",
@@ -28102,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"
 
 
 /***/ }),
@@ -28188,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",
@@ -28199,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.",
@@ -28255,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"
 
 
 /***/ }),
@@ -28341,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",
@@ -28352,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.",
@@ -28396,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"
 
 
 /***/ }),
@@ -28589,6 +28856,7 @@ var teluguStrings = {
     savingData: "ఫలితాంశాలు సర్వర్లో సేవ్ అవుతున్నాయి",
     savingDataError: "ఒక లోపము సంభవించినది అందుకని ఫలితాంశాలను సేవ్ చేయలేకపోయాము  ",
     savingDataSuccess: "ఫలితాంశాలను విజయవంతంగా సేవ్ చేసాము",
+    savingExceedSize: "మీ ప్రతిస్పందన 64KBని మించిపోయింది. దయచేసి మీ ఫైల్(లు) పరిమాణాన్ని తగ్గించండి మరియు మళ్లీ ప్రయత్నించండి లేదా సర్వే యజమానిని సంప్రదించండి.",
     saveAgainButton: "మళ్లీ ప్రయత్నించు",
     timerMin: "నిమిషాలు ",
     timerSec: "సెకండ్లు",
@@ -28600,6 +28868,7 @@ var teluguStrings = {
     timerLimitSurvey: " మొత్తంగా మీరు {1} లో {0} ని ఉపయోగించారు ",
     clearCaption: "స్పష్టమ్",
     signaturePlaceHolder: "ఇక్కడ సంతకం చేయండి",
+    signaturePlaceHolderReadOnly: "సంతకం లేదు",
     chooseFileCaption: "ఫైల్ ఎంచుకోండి",
     takePhotoCaption: "ఫోటో తీసుకోండి",
     photoPlaceholder: "కెమెరాను ఉపయోగించి ఫోటో తీయడానికి దిగువ బటన్ మీద క్లిక్ చేయండి.",
@@ -28656,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" => "సంతకం లేదు"
 
 
 /***/ }),
@@ -28742,6 +29012,7 @@ var thaiStrings = {
     savingData: "ผลลัพท์กำลังบันทึกลงที่เซิร์ฟเวอร์...",
     savingDataError: "มีความผิดพลาดเกิดขึ้นส่งผลให้ไม่สามารถบันทึกผลได้",
     savingDataSuccess: "บันทึกสำเร็จแล้ว",
+    savingExceedSize: "คําตอบของคุณเกิน 64KB โปรดลดขนาดไฟล์ของคุณแล้วลองอีกครั้งหรือติดต่อเจ้าของแบบสํารวจ",
     saveAgainButton: "รบกวนลองอีกครั้ง",
     timerMin: "นาที",
     timerSec: "วินาที",
@@ -28753,6 +29024,7 @@ var thaiStrings = {
     timerLimitSurvey: "คุณใช้เวลา {0} ของ {1} รวมทั้งหมด",
     clearCaption: "เคลียร์",
     signaturePlaceHolder: "ลงชื่อที่นี่",
+    signaturePlaceHolderReadOnly: "ไม่มีลายเซ็น",
     chooseFileCaption: "เลือกไฟล์",
     takePhotoCaption: "ถ่ายรูป",
     photoPlaceholder: "คลิกปุ่มด้านล่างเพื่อถ่ายภาพโดยใช้กล้อง",
@@ -28808,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" => "ไม่มีลายเซ็น"
 
 
 /***/ }),
@@ -28894,6 +29167,7 @@ var traditionalChineseSurveyStrings = {
     savingData: "正在將結果保存到服務器...",
     savingDataError: "在保存結果過程中發生了錯誤，結果未能保存",
     savingDataSuccess: "結果保存成功!",
+    savingExceedSize: "您的回復超過 64KB。請減小檔的大小，然後重試或聯繫調查擁有者。",
     saveAgainButton: "請重試",
     timerMin: "最小",
     timerSec: "秒",
@@ -28905,6 +29179,7 @@ var traditionalChineseSurveyStrings = {
     timerLimitSurvey: "您總共花費了{1}的{0}。",
     clearCaption: "清楚",
     signaturePlaceHolder: "在此簽名",
+    signaturePlaceHolderReadOnly: "無簽名",
     chooseFileCaption: "選擇檔案",
     takePhotoCaption: "拍照",
     photoPlaceholder: "按下下面的按鈕使用相機拍照。",
@@ -28995,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" => "無簽名"
 
 
 /***/ }),
@@ -29081,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",
@@ -29092,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.",
@@ -29129,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"
 
 
 /***/ }),
@@ -29215,6 +29494,7 @@ var ukrainianSurveyStrings = {
     savingData: "Результати зберігаються на сервер...",
     savingDataError: "Відбулася помилка, результат не був збережений.",
     savingDataSuccess: "Резвультат успішно збережений!",
+    savingExceedSize: "Ваша відповідь перевищує 64 КБ. Будь ласка, зменшіть розмір файлу (файлів) і повторіть спробу або зв'яжіться з власником опитування.",
     saveAgainButton: "Спробувати знову",
     timerMin: "хв",
     timerSec: "сек",
@@ -29226,6 +29506,7 @@ var ukrainianSurveyStrings = {
     timerLimitSurvey: "Ви витратили {0} з {1} для всього тесту.",
     clearCaption: "Очистити",
     signaturePlaceHolder: "Підпишіться тут",
+    signaturePlaceHolderReadOnly: "Без підпису",
     chooseFileCaption: "Виберіть файл",
     takePhotoCaption: "Зробити фото",
     photoPlaceholder: "Натисніть кнопку нижче, щоб зробити фото за допомогою камери.",
@@ -29281,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" => "Без підпису"
 
 
 /***/ }),
@@ -29367,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",
@@ -29378,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.",
@@ -29434,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ý"
 
 
 /***/ }),
@@ -29520,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",
@@ -29531,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.",
@@ -29586,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"
 
 
 /***/ }),
@@ -30059,9 +30347,6 @@ var InputElementAdapter = /** @class */ (function () {
         if (_value === null || _value === undefined) {
             _value = "";
         }
-        else if (typeof _value !== "string") {
-            _value = _value.toString();
-        }
         this.inputElement.value = inputMaskInstance.getMaskedValue(_value);
         this.prevUnmaskedValue = _value;
         inputMaskInstance.onPropertyChanged.add(this.inputMaskInstancePropertyChangedHandler);
@@ -30182,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);
@@ -30369,6 +30649,17 @@ var __extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -30380,11 +30671,15 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 function getMaxCountLexem(currentLexemType, count) {
     switch (currentLexemType) {
-        case ("day"):
-        case ("month"): {
+        case "hour":
+        case "minute":
+        case "second":
+        case "day":
+        case "month": {
             return 2;
         }
-        case ("year"): {
+        case "timeMarker":
+        case "year": {
             return count;
         }
         default: {
@@ -30416,7 +30711,8 @@ function getDefaultYearForValidation(minYear, maxYear) {
 function getDateTimeLexems(pattern) {
     var result = [];
     var prevLexemType;
-    var createOrUpdateLexem = function (currentLexemType, currentChar) {
+    var createOrUpdateLexem = function (currentLexemType, currentChar, upperCase) {
+        if (upperCase === void 0) { upperCase = false; }
         if (!!prevLexemType && prevLexemType === currentLexemType) {
             result[result.length - 1].count++;
             var maxCount = getMaxCountLexem(currentLexemType, result[result.length - 1].count);
@@ -30425,23 +30721,41 @@ function getDateTimeLexems(pattern) {
         else {
             var maxCount = getMaxCountLexem(currentLexemType, 1);
             // result.push({ type: currentLexemType, value: currentChar, count: 1, data: { value: "", isCompleted: false, isCorrect: false }, maxCount: maxCount });
-            result.push({ type: currentLexemType, value: currentChar, count: 1, maxCount: maxCount });
+            result.push({ type: currentLexemType, value: currentChar, count: 1, maxCount: maxCount, upperCase: upperCase });
         }
     };
     for (var index = 0; index < pattern.length; index++) {
         var currentChar = pattern[index];
         switch (currentChar) {
             case "m":
-                createOrUpdateLexem("month", "m");
+                createOrUpdateLexem("month", currentChar);
                 break;
             case "d":
-                createOrUpdateLexem("day", "d");
+                createOrUpdateLexem("day", currentChar);
                 break;
             case "y":
-                createOrUpdateLexem("year", "y");
+                createOrUpdateLexem("year", currentChar);
+                break;
+            case "h":
+                createOrUpdateLexem("hour", currentChar, false);
+                break;
+            case "H":
+                createOrUpdateLexem("hour", currentChar, true);
+                break;
+            case "M":
+                createOrUpdateLexem("minute", currentChar);
+                break;
+            case "s":
+                createOrUpdateLexem("second", currentChar);
+                break;
+            case "t":
+                createOrUpdateLexem("timeMarker", currentChar);
+                break;
+            case "T":
+                createOrUpdateLexem("timeMarker", currentChar, true);
                 break;
             default:
-                result.push({ type: "separator", value: currentChar, count: 1, maxCount: 1 });
+                result.push({ type: "separator", value: currentChar, count: 1, maxCount: 1, upperCase: false });
                 break;
         }
         prevLexemType = result[result.length - 1].type;
@@ -30472,11 +30786,42 @@ var InputMaskDateTime = /** @class */ (function (_super) {
     __extends(InputMaskDateTime, _super);
     function InputMaskDateTime() {
         var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.defaultDate = "1970-01-01T";
         _this.turnOfTheCentury = 68;
+        _this.twelve = 12;
         _this.lexems = [];
         _this.inputDateTimeData = [];
+        _this.validBeginningOfNumbers = {
+            hour: 1,
+            hourU: 2,
+            minute: 5,
+            second: 5,
+            day: 3,
+            month: 1,
+        };
         return _this;
     }
+    Object.defineProperty(InputMaskDateTime.prototype, "hasDatePart", {
+        get: function () {
+            return this.lexems.some(function (l) { return l.type === "day" || l.type === "month" || l.type === "year"; });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(InputMaskDateTime.prototype, "hasTimePart", {
+        get: function () {
+            return this.lexems.some(function (l) { return l.type === "hour" || l.type === "minute" || l.type === "second"; });
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(InputMaskDateTime.prototype, "is12Hours", {
+        get: function () {
+            return this.lexems.filter(function (l) { return l.type === "hour" && !l.upperCase; }).length > 0;
+        },
+        enumerable: false,
+        configurable: true
+    });
     InputMaskDateTime.prototype.getType = function () {
         return "datetimemask";
     };
@@ -30496,20 +30841,45 @@ var InputMaskDateTime = /** @class */ (function (_super) {
         var _this = this;
         var date = new Date(str);
         this.initInputDateTimeData();
+        if (!this.hasDatePart) {
+            date = new Date(this.defaultDate + str);
+        }
         if (!isNaN(date)) {
             this.lexems.forEach(function (lexem, index) {
                 var inputData = _this.inputDateTimeData[index];
                 inputData.isCompleted = true;
                 switch (lexem.type) {
-                    case ("day"): {
+                    case "hour": {
+                        if (!_this.is12Hours) {
+                            inputData.value = date.getHours().toString();
+                        }
+                        else {
+                            inputData.value = ((date.getHours() - 1) % _this.twelve + 1).toString();
+                        }
+                        break;
+                    }
+                    case "minute": {
+                        inputData.value = date.getMinutes().toString();
+                        break;
+                    }
+                    case "second": {
+                        inputData.value = date.getSeconds().toString();
+                        break;
+                    }
+                    case "timeMarker": {
+                        var marker = (date.getHours() >= _this.twelve) ? "pm" : "am";
+                        inputData.value = lexem.upperCase ? marker.toUpperCase() : marker;
+                        break;
+                    }
+                    case "day": {
                         inputData.value = date.getDate().toString();
                         break;
                     }
-                    case ("month"): {
+                    case "month": {
                         inputData.value = (date.getMonth() + 1).toString();
                         break;
                     }
-                    case ("year"): {
+                    case "year": {
                         var year = date.getFullYear();
                         if (lexem.count == 2)
                             year = year % 100;
@@ -30533,6 +30903,7 @@ var InputMaskDateTime = /** @class */ (function (_super) {
     };
     InputMaskDateTime.prototype.getISO_8601Format = function (dateTime) {
         var date = [];
+        var time = [];
         if (dateTime.year !== undefined) {
             var year = this.getPlaceholder(4, dateTime.year.toString(), "0") + dateTime.year;
             date.push(year);
@@ -30545,7 +30916,26 @@ var InputMaskDateTime = /** @class */ (function (_super) {
             var day = this.getPlaceholder(2, dateTime.day.toString(), "0") + dateTime.day;
             date.push(day);
         }
-        return date.join("-");
+        if (dateTime.hour !== undefined) {
+            var hour = this.getPlaceholder(2, dateTime.hour.toString(), "0") + dateTime.hour;
+            time.push(hour);
+        }
+        if (dateTime.minute !== undefined && dateTime.hour !== undefined) {
+            var minute = this.getPlaceholder(2, dateTime.minute.toString(), "0") + dateTime.minute;
+            time.push(minute);
+        }
+        if (dateTime.second !== undefined && dateTime.minute !== undefined && dateTime.hour !== undefined) {
+            var second = this.getPlaceholder(2, dateTime.second.toString(), "0") + dateTime.second;
+            time.push(second);
+        }
+        var result = [];
+        if (date.length > 0) {
+            result.push(date.join("-"));
+        }
+        if (time.length > 1) {
+            result.push(time.join(":"));
+        }
+        return result.join("T");
     };
     InputMaskDateTime.prototype.isYearValid = function (dateTime) {
         if (dateTime.min === undefined && dateTime.max === undefined)
@@ -30555,74 +30945,153 @@ var InputMaskDateTime = /** @class */ (function (_super) {
         var maxYearPart = dateTime.max.toISOString().slice(0, data.length);
         return dateTime.year >= parseInt(minYearPart) && dateTime.year <= parseInt(maxYearPart);
     };
+    InputMaskDateTime.prototype.createIDateTimeCompositionWithDefaults = function (dateTime, isUpperLimit) {
+        var min = dateTime.min;
+        var max = dateTime.max;
+        var year = dateTime.year !== undefined ? dateTime.year : getDefaultYearForValidation(min.getFullYear(), max.getFullYear());
+        var month = dateTime.month !== undefined ? dateTime.month : (isUpperLimit && this.hasDatePart ? 12 : 1);
+        var day = dateTime.day !== undefined ? dateTime.day : (isUpperLimit && this.hasDatePart ? this.getMaxDateForMonth(year, month) : 1);
+        var hour = dateTime.hour !== undefined ? dateTime.hour : (isUpperLimit ? 23 : 0);
+        var minute = dateTime.minute !== undefined ? dateTime.minute : (isUpperLimit ? 59 : 0);
+        var second = dateTime.second !== undefined ? dateTime.second : (isUpperLimit ? 59 : 0);
+        return { year: year, month: month, day: day, hour: hour, minute: minute, second: second };
+    };
+    InputMaskDateTime.prototype.getMaxDateForMonth = function (year, month) {
+        if (month == 2)
+            return year % 4 == 0 && year % 100 != 0 || year % 400 ? 29 : 28;
+        return [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month - 1];
+    };
     InputMaskDateTime.prototype.isDateValid = function (dateTime) {
         var min = dateTime.min;
         var max = dateTime.max;
         var year = dateTime.year !== undefined ? dateTime.year : getDefaultYearForValidation(min.getFullYear(), max.getFullYear());
         var month = dateTime.month !== undefined ? dateTime.month : 1;
         var day = dateTime.day !== undefined ? dateTime.day : 1;
-        var date = new Date(this.getISO_8601Format({ year: year, month: month, day: day }));
         var monthIndex = month - 1;
+        var date = new Date(this.getISO_8601Format(this.createIDateTimeCompositionWithDefaults(dateTime, false)));
+        var dateH = new Date(this.getISO_8601Format(this.createIDateTimeCompositionWithDefaults(dateTime, true)));
         return !isNaN(date) &&
             date.getDate() === day &&
             date.getMonth() === monthIndex &&
             date.getFullYear() === year &&
-            date >= dateTime.min && date <= dateTime.max;
+            dateH >= dateTime.min && date <= dateTime.max;
     };
     InputMaskDateTime.prototype.getPlaceholder = function (lexemLength, str, char) {
         var paddingsLength = lexemLength - (str || "").length;
         var paddings = paddingsLength > 0 ? char.repeat(paddingsLength) : "";
         return paddings;
     };
+    InputMaskDateTime.prototype.isDateValid12 = function (dateTime12) {
+        if (!this.is12Hours)
+            return this.isDateValid(dateTime12);
+        if (this.is12Hours && dateTime12.hour > this.twelve) {
+            return false;
+        }
+        if (!dateTime12.timeMarker) {
+            if (this.isDateValid(dateTime12))
+                return true;
+            dateTime12.hour += this.twelve;
+            return this.isDateValid(dateTime12);
+        }
+        else if (dateTime12.timeMarker[0].toLowerCase() === "p") {
+            if (dateTime12.hour !== this.twelve) {
+                dateTime12.hour += this.twelve;
+            }
+            return this.isDateValid(dateTime12);
+        }
+        else {
+            if (dateTime12.hour === this.twelve) {
+                dateTime12.hour = 0;
+            }
+            return this.isDateValid(dateTime12);
+        }
+    };
+    InputMaskDateTime.prototype.updateTimeMarkerInputDateTimeData = function (newItem, dateTime) {
+        var data = newItem.value;
+        if (!data)
+            return;
+        var propertyName = "timeMarker";
+        var tempDateTime = __assign({}, dateTime);
+        tempDateTime[propertyName] = data;
+        if (this.isDateValid12(tempDateTime)) {
+            newItem.isCompleted = true;
+        }
+        else {
+            data = data.slice(0, data.length - 1);
+        }
+        newItem.value = data || undefined;
+        dateTime[propertyName] = data || undefined;
+        return;
+    };
     InputMaskDateTime.prototype.updateInputDateTimeData = function (newItem, dateTime) {
         var data = newItem.value;
         if (!data)
             return;
         var propertyName = newItem.lexem.type;
-        dateTime[propertyName] = parseInt(data);
+        var tempDateTime = __assign({}, dateTime);
+        tempDateTime[propertyName] = parseInt(data);
         if (data.length === newItem.lexem.maxCount) {
-            if (this.isDateValid(dateTime)) {
+            if (this.isDateValid12(tempDateTime)) {
                 newItem.isCompleted = true;
+                newItem.value = data || undefined;
+                dateTime[propertyName] = parseInt(data) > 0 ? parseInt(data) : undefined;
+                return;
             }
             else {
                 data = data.slice(0, data.length - 1);
             }
         }
-        dateTime[propertyName] = parseInt(data);
-        if (propertyName === "year" && !this.isYearValid(dateTime)) {
+        tempDateTime[propertyName] = parseInt(data);
+        var firstDigit = parseInt(data[0]);
+        var validBeginningOfNumber = this.validBeginningOfNumbers[propertyName + (newItem.lexem.upperCase ? "U" : "")];
+        if ((propertyName === "year" && !this.isYearValid(tempDateTime))) {
             data = data.slice(0, data.length - 1);
+            newItem.isCompleted = false;
         }
-        else if ((propertyName === "day" && parseInt(data[0]) > 3) || (propertyName === "month" && parseInt(data[0]) > 1)) {
-            if (this.isDateValid(dateTime)) {
+        else if (validBeginningOfNumber !== undefined && firstDigit > validBeginningOfNumber) {
+            if (this.isDateValid12(tempDateTime)) {
                 newItem.isCompleted = true;
             }
             else {
                 data = data.slice(0, data.length - 1);
             }
         }
-        else if ((propertyName === "day" && parseInt(data[0]) <= 3 && parseInt(data[0]) !== 0) || (propertyName === "month" && parseInt(data[0]) <= 1 && parseInt(data[0]) !== 0)) {
-            var prevValue = dateTime[propertyName];
-            var tempValue = prevValue * 10;
-            var maxValue = propertyName === "month" ? 3 : 10;
-            newItem.isCompleted = true;
-            for (var index = 0; index < maxValue; index++) {
-                dateTime[propertyName] = tempValue + index;
-                if (this.isDateValid(dateTime)) {
-                    newItem.isCompleted = false;
-                    break;
-                }
-            }
-            dateTime[propertyName] = prevValue;
-            if (newItem.isCompleted && !this.isDateValid(dateTime)) {
+        else if (validBeginningOfNumber !== undefined && firstDigit !== 0 && firstDigit <= validBeginningOfNumber) {
+            this.checkValidationDateTimePart(tempDateTime, propertyName, newItem);
+            if (newItem.isCompleted && !this.isDateValid12(tempDateTime)) {
                 data = data.slice(0, data.length - 1);
             }
         }
         newItem.value = data || undefined;
         dateTime[propertyName] = parseInt(data) > 0 ? parseInt(data) : undefined;
     };
+    InputMaskDateTime.prototype.checkValidationDateTimePart = function (dateTime, propertyName, newItem) {
+        var prevValue = dateTime[propertyName];
+        var tempValue = prevValue * 10;
+        var maxValue = 10;
+        if (propertyName === "month")
+            maxValue = 3;
+        if (propertyName === "hour")
+            maxValue = this.is12Hours ? 3 : 5;
+        newItem.isCompleted = true;
+        for (var index = 0; index < maxValue; index++) {
+            dateTime[propertyName] = tempValue + index;
+            if (this.isDateValid12(dateTime)) {
+                newItem.isCompleted = false;
+                break;
+            }
+        }
+        dateTime[propertyName] = prevValue;
+    };
     InputMaskDateTime.prototype.getCorrectDatePartFormat = function (inputData, matchWholeMask) {
         var lexem = inputData.lexem;
         var dataStr = inputData.value || "";
+        if (!!dataStr && lexem.type === "timeMarker") {
+            if (matchWholeMask) {
+                dataStr = dataStr + this.getPlaceholder(lexem.count, dataStr, lexem.value);
+            }
+            return dataStr;
+        }
         if (!!dataStr && inputData.isCompleted) {
             dataStr = parseInt(dataStr).toString();
         }
@@ -30640,12 +31109,24 @@ var InputMaskDateTime = /** @class */ (function (_super) {
         return dataStr;
     };
     InputMaskDateTime.prototype.createIDateTimeComposition = function () {
+        var isoMin, isoMax;
+        if (this.hasDatePart) {
+            isoMin = this.min || "0001-01-01";
+            isoMax = this.max || "9999-12-31";
+        }
+        else {
+            isoMin = this.defaultDate + (this.min || "00:00:00");
+            isoMax = this.defaultDate + (this.max || "23:59:59");
+        }
         var tempDateTime = {
+            hour: undefined,
+            minute: undefined,
+            second: undefined,
             day: undefined,
             month: undefined,
             year: undefined,
-            min: new Date(this.min || "0001-01-01"),
-            max: new Date(this.max || "9999-12-31")
+            min: new Date(isoMin),
+            max: new Date(isoMax)
         };
         return tempDateTime;
     };
@@ -30672,6 +31153,10 @@ var InputMaskDateTime = /** @class */ (function (_super) {
         for (var index = 0; index < this.inputDateTimeData.length; index++) {
             var inputData = this.inputDateTimeData[index];
             switch (inputData.lexem.type) {
+                case "timeMarker":
+                case "hour":
+                case "minute":
+                case "second":
                 case "day":
                 case "month":
                 case "year":
@@ -30680,7 +31165,7 @@ var InputMaskDateTime = /** @class */ (function (_super) {
                         return result;
                     }
                     else {
-                        var _matchWholeMask = matchWholeMask || lastItemWithDataIndex !== index;
+                        var _matchWholeMask = matchWholeMask || lastItemWithDataIndex > index;
                         var data = this.getCorrectDatePartFormat(inputData, _matchWholeMask);
                         result += (prevSeparator + data);
                         prevIsCompleted = inputData.isCompleted;
@@ -30693,15 +31178,38 @@ var InputMaskDateTime = /** @class */ (function (_super) {
         }
         return result;
     };
+    InputMaskDateTime.prototype.cleanTimeMarker = function (str, upperCase) {
+        var result = "";
+        str = str.toUpperCase();
+        for (var i = 0; i < str.length; i++) {
+            if (!result && (str[i] == "P" || str[i] == "A") || result && str[i] == "M")
+                result += str[i];
+        }
+        if (upperCase) {
+            result = result.toUpperCase();
+        }
+        else {
+            result = result.toLowerCase();
+        }
+        return result;
+    };
     InputMaskDateTime.prototype.setInputDateTimeData = function (numberParts) {
         var _this = this;
         var numberPartsArrayIndex = 0;
         this.initInputDateTimeData();
         this.lexems.forEach(function (lexem, index) {
-            if (lexem.type !== "separator" && numberParts.length > 0 && numberPartsArrayIndex < numberParts.length) {
+            if (numberParts.length > 0 && numberPartsArrayIndex < numberParts.length) {
+                if (lexem.type === "separator")
+                    return;
                 var inputData = _this.inputDateTimeData[index];
                 var currentPart = numberParts[numberPartsArrayIndex];
-                var _data = _this.leaveOnlyNumbers(currentPart);
+                var _data = void 0;
+                if (lexem.type === "timeMarker") {
+                    _data = _this.cleanTimeMarker(currentPart, lexem.upperCase);
+                }
+                else {
+                    _data = _this.leaveOnlyNumbers(currentPart);
+                }
                 inputData.value = _data.slice(0, lexem.maxCount);
                 numberPartsArrayIndex++;
             }
@@ -30714,7 +31222,14 @@ var InputMaskDateTime = /** @class */ (function (_super) {
         var inputParts = this.getParts(input);
         this.setInputDateTimeData(inputParts);
         var tempDateTime = this.createIDateTimeComposition();
-        this.inputDateTimeData.forEach(function (itemData) { return _this.updateInputDateTimeData(itemData, tempDateTime); });
+        this.inputDateTimeData.forEach(function (itemData) {
+            if (itemData.lexem.type === "timeMarker") {
+                _this.updateTimeMarkerInputDateTimeData(itemData, tempDateTime);
+            }
+            else {
+                _this.updateInputDateTimeData(itemData, tempDateTime);
+            }
+        });
         var result = this.getFormatedString(matchWholeMask);
         return result;
     };
@@ -30732,6 +31247,11 @@ var InputMaskDateTime = /** @class */ (function (_super) {
                 foundPseudoSeparator = false;
                 curPart += inputChar;
             }
+            else if (lexemsWithValue[inputParts.length].type === "timeMarker") {
+                foundSeparator = false;
+                foundPseudoSeparator = false;
+                curPart += inputChar;
+            }
             else {
                 if (separators.indexOf(inputChar) !== -1) {
                     if (!foundPseudoSeparator) {
@@ -30760,17 +31280,27 @@ var InputMaskDateTime = /** @class */ (function (_super) {
     };
     InputMaskDateTime.prototype.getUnmaskedValue = function (src) {
         var _this = this;
+        var _a;
         var input = (src === undefined || src === null) ? "" : src.toString();
         var inputParts = this.getParts(input);
         this.setInputDateTimeData(inputParts);
+        var timeMarker = (_a = this.inputDateTimeData.filter(function (idtd) { return idtd.lexem.type === "timeMarker"; })[0]) === null || _a === void 0 ? void 0 : _a.value.toLowerCase()[0];
         var tempDateTime = this.createIDateTimeComposition();
+        var uncompleted = false;
         this.inputDateTimeData.forEach(function (inputData) {
             var str = inputData.value;
-            if (!str || str.length < inputData.lexem.count)
-                return undefined;
-            tempDateTime[inputData.lexem.type] = parseInt(_this.parseTwoDigitYear(inputData));
+            if (inputData.lexem.type == "timeMarker" || inputData.lexem.type == "separator")
+                return;
+            if (!str || str.length < inputData.lexem.count) {
+                uncompleted = true;
+                return;
+            }
+            var value = parseInt(_this.parseTwoDigitYear(inputData));
+            if (inputData.lexem.type == "hour" && timeMarker === "p" && value != _this.twelve)
+                value += _this.twelve;
+            tempDateTime[inputData.lexem.type] = value;
         });
-        return this.getISO_8601Format(tempDateTime);
+        return uncompleted ? "" : this.getISO_8601Format(tempDateTime);
     };
     InputMaskDateTime.prototype.getMaskedValue = function (src) {
         return this.getMaskedStrFromISO(src);
@@ -30982,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];
@@ -31024,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;
         }
@@ -31036,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);
@@ -32121,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) {
@@ -32128,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;
@@ -32277,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();
     };
@@ -32341,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,
@@ -32378,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);
@@ -33200,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);
@@ -33240,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++;
@@ -34324,7 +34859,10 @@ var PanelModel = /** @class */ (function (_super) {
     };
     Object.defineProperty(PanelModel.prototype, "showPanelAsPage", {
         get: function () {
-            return !!this.originalPage;
+            var panel = this;
+            if (!!panel.originalPage)
+                return true;
+            return panel.survey.isShowingPreview && panel.survey.isSinglePage && !!panel.parent && !!panel.parent.originalPage;
         },
         enumerable: false,
         configurable: true
@@ -35985,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 () {
@@ -36725,6 +37264,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
                 if (!val) {
                     _this.updateOnHiding();
                     _this.updateIsVisible(val);
+                    _this._isPositionSetValue = false;
                 }
                 else {
                     _this.updateIsVisible(val);
@@ -36735,7 +37275,9 @@ 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;
     }
     PopupBaseViewModel.prototype.updateIsVisible = function (val) {
@@ -36971,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) {
@@ -38149,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);
@@ -38244,10 +38793,11 @@ var Question = /** @class */ (function (_super) {
     });
     Question.prototype.getTitleOwner = function () { return this; };
     Question.prototype.getIsTitleRenderedAsString = function () { return this.titleLocation === "hidden"; };
+    Question.prototype.notifySurveyOnChildrenVisibilityChanged = function () { return false; };
     Question.prototype.notifySurveyVisibilityChanged = function () {
         if (!this.survey || this.isLoadingFromJson)
             return;
-        this.survey.questionVisibilityChanged(this, this.isVisible);
+        this.survey.questionVisibilityChanged(this, this.isVisible, !this.parentQuestion || this.parentQuestion.notifySurveyOnChildrenVisibilityChanged());
         var isClearOnHidden = this.isClearValueOnHidden;
         if (!this.visible) {
             this.clearValueOnHidding(isClearOnHidden);
@@ -38840,7 +39390,9 @@ var Question = /** @class */ (function (_super) {
     Question.prototype.getRootCss = function () {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_10__["CssClassBuilder"]()
             .append(this.cssRoot)
-            .append(this.cssClasses.disabled, this.isReadOnly)
+            .append(this.cssClasses.readOnly, this.isReadOnlyStyle)
+            .append(this.cssClasses.disabled, this.isDisabledStyle)
+            .append(this.cssClasses.preview, this.isPreviewStyle)
             .append(this.cssClasses.invisible, !this.isDesignMode && this.areInvisibleElementsShowing && !this.visible)
             .toString();
     };
@@ -39365,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) {
@@ -39967,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,
         });
@@ -43009,15 +43562,20 @@ 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, isDisabled)
+        return builder
+            .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)
             .append(this.cssClasses.itemNone, isNone)
@@ -43180,6 +43738,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionSelectBase.prototype, "itemSvgIcon", {
         get: function () {
+            if (this.isPreviewStyle && this.cssClasses.itemPreviewSvgIconId) {
+                return this.cssClasses.itemPreviewSvgIconId;
+            }
             return this.cssClasses.itemSvgIconId;
         },
         enumerable: false,
@@ -43739,7 +44300,9 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
             .append(css.item)
             .append(css.itemOnError, this.hasCssError())
-            .append(css.itemDisabled, this.isReadOnly)
+            .append(css.itemDisabled, this.isDisabledStyle)
+            .append(css.itemReadOnly, this.isReadOnlyStyle)
+            .append(css.itemPreview, this.isPreviewStyle)
             .append(css.itemHover, !this.isDesignMode)
             .append(css.itemChecked, !!this.booleanValue)
             .append(css.itemExchanged, !!this.swapOrder)
@@ -43754,6 +44317,9 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
             item: this.cssClasses.checkboxItem,
             itemOnError: this.cssClasses.checkboxItemOnError,
             itemDisabled: this.cssClasses.checkboxItemDisabled,
+            itemDisable: this.cssClasses.checkboxItemDisabled,
+            itemReadOnly: this.cssClasses.checkboxItemReadOnly,
+            itemPreview: this.cssClasses.checkboxItemPreview,
             itemChecked: this.cssClasses.checkboxItemChecked,
             itemIndeterminate: this.cssClasses.checkboxItemIndeterminate
         });
@@ -43761,7 +44327,9 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
     QuestionBooleanModel.prototype.getLabelCss = function (checked) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
             .append(this.cssClasses.label)
-            .append(this.cssClasses.disabledLabel, this.booleanValue === !checked || this.isReadOnly)
+            .append(this.cssClasses.disabledLabel, this.booleanValue === !checked || this.isDisabledStyle)
+            .append(this.cssClasses.labelReadOnly, this.isReadOnlyStyle)
+            .append(this.cssClasses.labelPreview, this.isPreviewStyle)
             .append(this.cssClasses.labelTrue, !this.isIndeterminate && checked === !this.swapOrder)
             .append(this.cssClasses.labelFalse, !this.isIndeterminate && checked === this.swapOrder)
             .toString();
@@ -43779,6 +44347,16 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionBooleanModel.prototype, "itemSvgIcon", {
+        get: function () {
+            if (this.isPreviewStyle && this.cssClasses.itemPreviewSvgIconId) {
+                return this.cssClasses.itemPreviewSvgIconId;
+            }
+            return this.cssClasses.itemSvgIconId;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionBooleanModel.prototype, "allowClick", {
         get: function () {
             return this.isIndeterminate && !this.isInputReadOnly;
@@ -43844,6 +44422,15 @@ var QuestionBooleanModel = /** @class */ (function (_super) {
         if (css.radioItemChecked && value === this.booleanValue) {
             className = (className ? className + " " : "") + css.radioItemChecked;
         }
+        if (this.isDisabledStyle) {
+            className += " " + css.radioItemDisabled;
+        }
+        if (this.isReadOnlyStyle) {
+            className += " " + css.radioItemReadOnly;
+        }
+        if (this.isPreviewStyle) {
+            className += " " + css.radioItemPreview;
+        }
         return className;
     };
     QuestionBooleanModel.prototype.supportResponsiveness = function () {
@@ -44484,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;
@@ -45089,7 +45683,7 @@ var QuestionCommentModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionCommentModel.prototype, "renderedAllowResize", {
         get: function () {
-            return this.allowResize && (this.survey && this.survey.allowResizeComment);
+            return this.allowResize && (this.survey && this.survey.allowResizeComment) && !this.isPreviewStyle && !this.isReadOnlyStyle;
         },
         enumerable: false,
         configurable: true
@@ -45207,6 +45801,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _textPreProcessor__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./textPreProcessor */ "./src/textPreProcessor.ts");
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
 /* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./error */ "./src/error.ts");
+/* harmony import */ var _console_warnings__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./console-warnings */ "./src/console-warnings.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -45229,6 +45824,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var ComponentQuestionJSON = /** @class */ (function () {
     function ComponentQuestionJSON(name, json) {
         this.name = name;
@@ -45820,15 +46416,15 @@ var QuestionCustomModel = /** @class */ (function (_super) {
             if (!qType || !_jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].findClass(qType))
                 throw "type attribute in questionJSON is empty or incorrect";
             res = _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass(qType);
-            this.initElement(res);
             res.fromJSON(json.questionJSON);
+            res = this.checkCreatedQuestion(res);
         }
         else {
             if (!!json.createQuestion) {
-                res = json.createQuestion();
-                this.initElement(res);
+                res = this.checkCreatedQuestion(json.createQuestion());
             }
         }
+        this.initElement(res);
         if (!!res) {
             res.isContentElement = true;
             if (!res.name) {
@@ -45842,6 +46438,20 @@ var QuestionCustomModel = /** @class */ (function (_super) {
         }
         return res;
     };
+    QuestionCustomModel.prototype.checkCreatedQuestion = function (res) {
+        if (!res)
+            return res;
+        if (!res.isQuestion) {
+            if (Array.isArray(res.questions) && res.questions.length > 0) {
+                res = res.questions[0];
+            }
+            else {
+                res = _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass("text");
+            }
+            _console_warnings__WEBPACK_IMPORTED_MODULE_7__["ConsoleWarnings"].error("Could not create component: '" + this.getType() + "'. questionJSON should be a question.");
+        }
+        return res;
+    };
     QuestionCustomModel.prototype.onSurveyLoad = function () {
         _super.prototype.onSurveyLoad.call(this);
         if (!this.contentQuestion)
@@ -46549,7 +47159,9 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
             .append(this.cssClasses.control)
             .append(this.cssClasses.controlEmpty, this.isEmpty())
             .append(this.cssClasses.onError, this.hasCssError())
-            .append(this.cssClasses.controlDisabled, this.isReadOnly)
+            .append(this.cssClasses.controlDisabled, this.isDisabledStyle)
+            .append(this.cssClasses.controlReadOnly, this.isReadOnlyStyle)
+            .append(this.cssClasses.controlPreview, this.isPreviewStyle)
             .append(this.cssClasses.controlInputFieldComponent, !!this.inputFieldComponentName)
             .toString();
     };
@@ -48389,6 +49001,9 @@ var QuestionFileModel = /** @class */ (function (_super) {
         get: function () {
             return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_5__["CssClassBuilder"]()
                 .append(this.cssClasses.root)
+                .append(this.cssClasses.rootDisabled, this.isDisabledStyle)
+                .append(this.cssClasses.rootReadOnly, this.isReadOnlyStyle)
+                .append(this.cssClasses.rootPreview, this.isPreviewStyle)
                 .append(this.cssClasses.rootDragging, this.isDragging)
                 .append(this.cssClasses.rootAnswered, this.isAnswered)
                 .append(this.cssClasses.single, !this.allowMultiple)
@@ -49879,7 +50494,8 @@ var MatrixRowModel = /** @class */ (function (_super) {
             var cssClasses = this.data.cssClasses;
             return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_11__["CssClassBuilder"]().append(cssClasses.row)
                 .append(cssClasses.rowError, this.data.hasErrorInRow(this))
-                .append(cssClasses.rowDisabled, this.isReadOnly)
+                .append(cssClasses.rowReadOnly, this.isReadOnly)
+                .append(cssClasses.rowDisabled, this.data.isDisabledStyle)
                 .toString();
         },
         enumerable: false,
@@ -50205,12 +50821,17 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
             .append(hasCellText ? css.cellText : css.label)
             .append(css.itemOnError, !hasCellText && (this.isAllRowRequired ? this.hasErrorInRow(row) : this.hasCssError()))
             .append(hasCellText ? css.cellTextSelected : css.itemChecked, isChecked)
-            .append(hasCellText ? css.cellTextDisabled : css.itemDisabled, isDisabled)
+            .append(hasCellText ? css.cellTextDisabled : css.itemDisabled, this.isDisabledStyle)
+            .append(hasCellText ? css.cellTextReadOnly : css.itemReadOnly, this.isReadOnlyStyle)
+            .append(hasCellText ? css.cellTextPreview : css.itemPreview, this.isPreviewStyle)
             .append(css.itemHover, allowHover && !hasCellText)
             .toString();
     };
     Object.defineProperty(QuestionMatrixModel.prototype, "itemSvgIcon", {
         get: function () {
+            if (this.isPreviewStyle && this.cssClasses.itemPreviewSvgIconId) {
+                return this.cssClasses.itemPreviewSvgIconId;
+            }
             return this.cssClasses.itemSvgIconId;
         },
         enumerable: false,
@@ -54676,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 ||
@@ -54710,6 +55332,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
+
 var QuestionMatrixDropdownRenderedCell = /** @class */ (function () {
     function QuestionMatrixDropdownRenderedCell() {
         this.minWidth = "";
@@ -54934,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 })
@@ -54992,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);
@@ -55310,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) {
@@ -55372,6 +56046,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         var cell = new QuestionMatrixDropdownRenderedCell();
         var lockedRows = this.matrix.lockedRowCount;
         cell.isDragHandlerCell = lockedRows < 1 || rowIndex >= lockedRows;
+        cell.isEmpty = !cell.isDragHandlerCell;
         cell.className = this.getActionsCellClassName(cell);
         cell.row = this.matrix.visibleRows[rowIndex];
         return cell;
@@ -55830,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"]));
 
@@ -58024,6 +58706,9 @@ var QuestionMultipleTextModel = /** @class */ (function (_super) {
     QuestionMultipleTextModel.prototype.getItemLabelCss = function (item) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_7__["CssClassBuilder"]()
             .append(this.cssClasses.itemLabel)
+            .append(this.cssClasses.itemLabelDisabled, this.isDisabledStyle)
+            .append(this.cssClasses.itemLabelReadOnly, this.isReadOnlyStyle)
+            .append(this.cssClasses.itemLabelPreview, this.isPreviewStyle)
             .append(this.cssClasses.itemLabelAnswered, item.editor.isAnswered)
             .append(this.cssClasses.itemLabelAllowFocus, !this.isDesignMode)
             .append(this.cssClasses.itemLabelOnError, item.editor.errors.length > 0)
@@ -58227,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 ||
@@ -58267,6 +58953,7 @@ var __spreadArray = (undefined && undefined.__spreadArray) || function (to, from
 
 
 
+
 var QuestionPanelDynamicItemTextProcessor = /** @class */ (function (_super) {
     __extends(QuestionPanelDynamicItemTextProcessor, _super);
     function QuestionPanelDynamicItemTextProcessor(data, panelItem, variableName) {
@@ -58490,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); });
@@ -58815,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);
@@ -58824,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;
@@ -58894,6 +59585,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
                 curPanel.onHidingContent();
             }
             this.setPropertyValue("currentPanel", val);
+            this.updateRenderedPanels();
             this.updateFooterActions();
             this.updateTabToolbarItemsPressedState();
             this.fireCallback(this.currentIndexChangedCallback);
@@ -58908,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) {
@@ -59222,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
@@ -59461,12 +60272,13 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         set: function (val) {
             this.setPropertyValue("showQuestionNumbers", val);
             if (!this.isLoadingFromJson && this.survey) {
-                this.survey.questionVisibilityChanged(this, this.visible);
+                this.survey.questionVisibilityChanged(this, this.visible, true);
             }
         },
         enumerable: false,
         configurable: true
     });
+    QuestionPanelDynamicModel.prototype.notifySurveyOnChildrenVisibilityChanged = function () { return this.showQuestionNumbers === "onSurvey"; };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "panelRemoveButtonLocation", {
         /**
          * Specifies the location of the Delete Panel button relative to panel content.
@@ -59520,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
@@ -59566,15 +60382,16 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     QuestionPanelDynamicModel.prototype.setVisibleIndex = function (value) {
         if (!this.isVisible)
             return 0;
-        var startIndex = this.showQuestionNumbers == "onSurvey" ? value : 0;
+        var onSurveyNumbering = this.showQuestionNumbers === "onSurvey";
+        var startIndex = onSurveyNumbering ? value : 0;
         for (var i = 0; i < this.visiblePanelsCore.length; i++) {
             var counter = this.setPanelVisibleIndex(this.visiblePanelsCore[i], startIndex, this.showQuestionNumbers != "off");
-            if (this.showQuestionNumbers == "onSurvey") {
+            if (onSurveyNumbering) {
                 startIndex += counter;
             }
         }
-        _super.prototype.setVisibleIndex.call(this, this.showQuestionNumbers != "onSurvey" ? value : -1);
-        return this.showQuestionNumbers != "onSurvey" ? 1 : startIndex - value;
+        _super.prototype.setVisibleIndex.call(this, !onSurveyNumbering ? value : -1);
+        return !onSurveyNumbering ? 1 : startIndex - value;
     };
     QuestionPanelDynamicModel.prototype.setPanelVisibleIndex = function (panel, index, showIndex) {
         if (!showIndex) {
@@ -59752,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.
@@ -59863,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)
@@ -60063,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) {
@@ -60085,6 +60909,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         }
         this.updateFooterActions();
         this.isBuildingPanelsFirstTime = false;
+        this.releaseAnimations();
     };
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "wasNotRenderedInSurvey", {
         get: function () {
@@ -60630,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)
@@ -60643,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();
     };
@@ -60701,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;
@@ -60881,13 +61714,15 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "showNavigation", {
         get: function () {
+            if (this.isReadOnly && this.visiblePanelCount == 1)
+                return false;
             return this.visiblePanelCount > 0 && !this.showLegacyNavigation && !!this.cssClasses.footer;
         },
         enumerable: false,
         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);
@@ -60901,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);
@@ -61200,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 ||
@@ -61232,6 +62071,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
+
 /**
  * A class that describes the Ranking question type.
  *
@@ -61285,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) {
@@ -61345,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 () {
@@ -61366,11 +62219,14 @@ var QuestionRankingModel = /** @class */ (function (_super) {
             return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
                 .append(this.cssClasses.root)
                 .append(this.cssClasses.rootMobileMod, this.isMobileMode())
-                .append(this.cssClasses.rootDisabled, this.isReadOnly)
+                .append(this.cssClasses.rootDisabled, this.isDisabledStyle)
+                .append(this.cssClasses.rootReadOnly, this.isReadOnlyStyle)
+                .append(this.cssClasses.rootPreview, this.isPreviewStyle)
                 .append(this.cssClasses.rootDesignMode, !!this.isDesignMode)
                 .append(this.cssClasses.itemOnError, this.hasCssError())
                 .append(this.cssClasses.rootDragHandleAreaIcon, _src_settings__WEBPACK_IMPORTED_MODULE_9__["settings"].rankingDragHandleArea === "icon")
                 .append(this.cssClasses.rootSelectToRankMod, this.selectToRankEnabled)
+                .append(this.cssClasses.rootSelectToRankEmptyValueMod, this.isEmpty())
                 .append(this.cssClasses.rootSelectToRankAlignHorizontal, this.selectToRankEnabled && this.renderedSelectToRankAreasLayout === "horizontal")
                 .append(this.cssClasses.rootSelectToRankAlignVertical, this.selectToRankEnabled && this.renderedSelectToRankAreasLayout === "vertical")
                 .toString();
@@ -61378,6 +62234,12 @@ var QuestionRankingModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    QuestionRankingModel.prototype.isItemSelectedCore = function (item) {
+        if (this.selectToRankEnabled) {
+            return _super.prototype.isItemSelectedCore.call(this, item);
+        }
+        return true;
+    };
     QuestionRankingModel.prototype.getItemClassCore = function (item, options) {
         var itemIndex = this.rankingChoices.indexOf(item);
         var unrankedItemIndex = this.unRankingChoices.indexOf(item);
@@ -61438,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);
@@ -61483,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) {
@@ -61651,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; //????
@@ -61666,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);
@@ -61690,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"]()
@@ -62042,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();
@@ -62380,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";
     };
@@ -62632,7 +63513,9 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     };
     QuestionRatingModel.prototype.getItemStyle = function (item, highlight) {
         if (highlight === void 0) { highlight = "none"; }
-        if (this.scaleColorMode === "monochrome" && this.rateColorMode == "default")
+        if (this.scaleColorMode === "monochrome" && this.rateColorMode == "default" ||
+            this.isPreviewStyle ||
+            this.isReadOnlyStyle)
             return { borderColor: null, fill: null, backgroundColor: null };
         var index = this.visibleRateValues.indexOf(item);
         var color = this.getRenderedItemColor(index, false);
@@ -62668,6 +63551,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         var itemClass = this.cssClasses.item;
         var itemSelectedClass = this.cssClasses.selected;
         var itemDisabledClass = this.cssClasses.itemDisabled;
+        var itemReadOnlyClass = this.cssClasses.itemReadOnly;
+        var itemPreviewClass = this.cssClasses.itemPreview;
         var itemHoverClass = this.cssClasses.itemHover;
         var itemitemOnErrorClass = this.cssClasses.itemOnError;
         var itemHighlightedClass = null;
@@ -62679,6 +63564,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
             itemClass = this.cssClasses.itemStar;
             itemSelectedClass = this.cssClasses.itemStarSelected;
             itemDisabledClass = this.cssClasses.itemStarDisabled;
+            itemReadOnlyClass = this.cssClasses.itemStarReadOnly;
+            itemPreviewClass = this.cssClasses.itemStarPreview;
             itemHoverClass = this.cssClasses.itemStarHover;
             itemitemOnErrorClass = this.cssClasses.itemStarOnError;
             itemHighlightedClass = this.cssClasses.itemStarHighlighted;
@@ -62689,6 +63576,8 @@ var QuestionRatingModel = /** @class */ (function (_super) {
             itemClass = this.cssClasses.itemSmiley;
             itemSelectedClass = this.cssClasses.itemSmileySelected;
             itemDisabledClass = this.cssClasses.itemSmileyDisabled;
+            itemReadOnlyClass = this.cssClasses.itemSmileyReadOnly;
+            itemPreviewClass = this.cssClasses.itemSmileyPreview;
             itemHoverClass = this.cssClasses.itemSmileyHover;
             itemitemOnErrorClass = this.cssClasses.itemSmileyOnError;
             itemHighlightedClass = this.cssClasses.itemSmileyHighlighted;
@@ -62706,7 +63595,9 @@ var QuestionRatingModel = /** @class */ (function (_super) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_6__["CssClassBuilder"]()
             .append(itemClass)
             .append(itemSelectedClass, isSelected)
-            .append(itemDisabledClass, this.isReadOnly)
+            .append(itemDisabledClass, this.isDisabledStyle)
+            .append(itemReadOnlyClass, this.isReadOnlyStyle)
+            .append(itemPreviewClass, this.isPreviewStyle)
             .append(itemHoverClass, allowHover)
             .append(itemHighlightedClass, isHighlighted)
             .append(itemScaleColoredClass, this.scaleColorMode == "colored")
@@ -63449,6 +64340,13 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionSignaturePadModel.prototype, "locRenderedPlaceholder", {
+        get: function () {
+            return this.isReadOnly ? this.locPlaceholderReadOnly : this.locPlaceholder;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionSignaturePadModel.prototype.nothingIsDrawn = function () {
         var isDrawing = this.isDrawingValue;
         var isEmpty = this.isEmpty();
@@ -63510,6 +64408,9 @@ var QuestionSignaturePadModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ localizable: { defaultStr: "signaturePlaceHolder" } })
     ], QuestionSignaturePadModel.prototype, "placeholder", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ localizable: { defaultStr: "signaturePlaceHolderReadOnly" } })
+    ], QuestionSignaturePadModel.prototype, "placeholderReadOnly", void 0);
     return QuestionSignaturePadModel;
 }(_question_file__WEBPACK_IMPORTED_MODULE_5__["QuestionFileModelBase"]));
 
@@ -63566,6 +64467,13 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("signaturepad",
         dependsOn: "showPlaceholder",
         visibleIf: function (obj) { return obj.showPlaceholder; }
     },
+    {
+        name: "placeholderReadOnly:text",
+        serializationProperty: "locPlaceholderReadOnly",
+        category: "general",
+        dependsOn: "showPlaceholder",
+        visibleIf: function (obj) { return obj.showPlaceholder; }
+    },
     {
         name: "backgroundImage:file",
         category: "general",
@@ -63771,7 +64679,10 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
             .append(this.cssClasses.control)
             .append(this.cssClasses.controlEmpty, this.isEmpty())
             .append(this.cssClasses.onError, this.hasCssError())
-            .append(this.cssClasses.controlDisabled, this.isReadOnly)
+            .append(this.cssClasses.controlEditable, !this.isDisabledStyle && !this.isReadOnlyStyle && !this.isPreviewStyle)
+            .append(this.cssClasses.controlDisabled, this.isDisabledStyle)
+            .append(this.cssClasses.controlReadOnly, this.isReadOnlyStyle)
+            .append(this.cssClasses.controlPreview, this.isPreviewStyle)
             .toString();
     };
     QuestionTagboxModel.prototype.onOpenedCallBack = function () {
@@ -64606,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) {
@@ -65068,7 +65979,9 @@ var QuestionTextBase = /** @class */ (function (_super) {
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_3__["CssClassBuilder"]()
             .append(this.cssClasses.root)
             .append(this.cssClasses.onError, this.hasCssError())
-            .append(this.cssClasses.controlDisabled, this.isReadOnly);
+            .append(this.cssClasses.controlDisabled, this.isDisabledStyle)
+            .append(this.cssClasses.controlReadOnly, this.isReadOnlyStyle)
+            .append(this.cssClasses.controlPreview, this.isPreviewStyle);
     };
     QuestionTextBase.prototype.getControlClass = function () {
         return this.getControlCssClassBuilder().toString();
@@ -66248,7 +67161,7 @@ var SurveyFilePreview = /** @class */ (function (_super) {
         var previews = this.question.previewValue.map(function (val, index) {
             if (!val)
                 return null;
-            return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { key: _this.question.inputId + "_" + index, className: _this.question.cssClasses.preview, style: { display: _this.question.isPreviewVisible(index) ? undefined : "none" } },
+            return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { key: _this.question.inputId + "_" + index, className: _this.question.cssClasses.previewItem, style: { display: _this.question.isPreviewVisible(index) ? undefined : "none" } },
                 _this.renderFileSign(_this.question.cssClasses.fileSign, val),
                 react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", { className: _this.question.getImageWrapperCss(val) },
                     _this.question.canPreviewImage(val) ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", { src: val.content, style: { height: _this.question.imageHeight, width: _this.question.imageWidth }, alt: "File preview" })) : (_this.question.cssClasses.defaultImage ? (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_2__["SvgIcon"], { iconName: _this.question.cssClasses.defaultImageIconId, size: "auto", className: _this.question.cssClasses.defaultImage })) : null),
@@ -66510,7 +67423,7 @@ var ListItem = /** @class */ (function (_super) {
                 event.stopPropagation();
             }, onPointerDown: function (event) { return _this.model.onPointerDown(event, _this.item); } },
             separator,
-            contentWrap));
+            contentWrap), this.item);
     };
     ListItem.prototype.componentDidMount = function () {
         _super.prototype.componentDidMount.call(this);
@@ -66971,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);
         };
@@ -66993,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"]));
@@ -67491,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);
         };
@@ -67512,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;
@@ -67723,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;
@@ -67778,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 })));
     };
@@ -67870,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 () {
@@ -68976,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,
@@ -73162,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));
         }
@@ -73747,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.panels.length; i++) {
-                var panel = this.question.panels[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;
@@ -73769,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));
@@ -74224,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;
@@ -74232,13 +75162,13 @@ var SurveyQuestionRanking = /** @class */ (function (_super) {
         }
         return items;
     };
-    SurveyQuestionRanking.prototype.renderItem = function (item, i, handleKeydown, handlePointerDown, cssClasses, itemClass, question, unrankedItem) {
-        var key = item.value + "-" + i + "-item";
+    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(i);
+        var indexText = this.question.getNumberByIndex(index);
         var tabIndex = this.question.getItemTabIndex(item);
-        var renderedItem = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionRankingItem, { key: key, 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) {
@@ -74289,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;
@@ -74336,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 },
@@ -74987,7 +75924,7 @@ var SurveyQuestionSignaturePad = /** @class */ (function (_super) {
         var loadingIndicator = this.question.showLoadingIndicator ? this.renderLoadingIndicator() : null;
         var clearButton = this.renderCleanButton();
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.root, ref: function (root) { return (_this.setControl(root)); }, style: { width: this.question.renderedCanvasWidth } },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locPlaceholder)),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: cssClasses.placeholder, style: { display: this.question.needShowPlaceholder() ? "" : "none" } }, this.renderLocString(this.question.locRenderedPlaceholder)),
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null,
                 this.renderBackgroundImage(),
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("canvas", { tabIndex: -1, className: this.question.cssClasses.canvas, onBlur: this.question.onBlur })),
@@ -76870,7 +77807,6 @@ var SurveyElement = /** @class */ (function (_super) {
                 }
             }
         }, function () { return _this.renderedIsExpanded; });
-        _this.animationAllowedValue = true;
         _this.name = name;
         _this.createNewArray("errors");
         _this.createNewArray("titleActions");
@@ -76906,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;
@@ -76925,7 +77861,7 @@ var SurveyElement = /** @class */ (function (_super) {
             }
         }
         if (needScroll) {
-            el.scrollIntoView();
+            el.scrollIntoView(scrollIntoViewOptions);
         }
         return needScroll;
     };
@@ -77701,11 +78637,14 @@ var SurveyElement = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    SurveyElement.prototype.canHaveFrameStyles = function () {
+        return (this.parent !== undefined && (!this.hasParent || this.parent && this.parent.showPanelAsPage));
+    };
     SurveyElement.prototype.getHasFrameV2 = function () {
-        return this.shouldAddRunnerStyles() && (!this.hasParent);
+        return this.shouldAddRunnerStyles() && this.canHaveFrameStyles();
     };
     SurveyElement.prototype.getIsNested = function () {
-        return this.shouldAddRunnerStyles() && (this.hasParent);
+        return this.shouldAddRunnerStyles() && !this.canHaveFrameStyles();
     };
     SurveyElement.prototype.getCssRoot = function (cssClasses) {
         var isExpanadable = !!this.isCollapsed || !!this.isExpanded;
@@ -77906,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();
@@ -77925,9 +78871,38 @@ var SurveyElement = /** @class */ (function (_super) {
             .append(cssClasses.titleExpandable, isExpandable)
             .append(cssClasses.titleExpanded, this.isExpanded)
             .append(cssClasses.titleCollapsed, this.isCollapsed)
-            .append(cssClasses.titleDisabled, this.isReadOnly)
+            .append(cssClasses.titleDisabled, this.isDisabledStyle)
+            .append(cssClasses.titleReadOnly, this.isReadOnly)
             .append(cssClasses.titleOnError, this.containsErrors).toString();
     };
+    Object.defineProperty(SurveyElement.prototype, "isDisabledStyle", {
+        get: function () {
+            return this.getIsDisableAndReadOnlyStyles(false)[1];
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyElement.prototype, "isReadOnlyStyle", {
+        get: function () {
+            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";
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyElement.prototype.localeChanged = function () {
         _super.prototype.localeChanged.call(this);
         this.updateDescriptionVisibility(this.description);
@@ -77987,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", {
@@ -78005,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) {
@@ -81520,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;
@@ -83429,7 +84397,7 @@ var SurveyModel = /** @class */ (function (_super) {
     });
     SurveyModel.prototype.updateProgressText = function (onValueChanged) {
         if (onValueChanged === void 0) { onValueChanged = false; }
-        if (this.isCalculatingProgressText)
+        if (this.isCalculatingProgressText || this.isShowingPreview || this.isLockingUpdateOnPageModes)
             return;
         if (onValueChanged &&
             this.progressBarType == "pages" &&
@@ -84620,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; }
@@ -84638,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);
     };
     /**
@@ -84727,7 +85695,7 @@ var SurveyModel = /** @class */ (function (_super) {
         this.updateVisibleIndexes();
     };
     SurveyModel.prototype.updateVisibleIndexes = function () {
-        if (this.isLoadingFromJson || !!this.isEndLoadingFromJson)
+        if (this.isLoadingFromJson || !!this.isEndLoadingFromJson || this.isLockingUpdateOnPageModes)
             return;
         if (this.isRunningConditions &&
             this.onQuestionVisibleChanged.isEmpty &&
@@ -85293,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,
@@ -85334,8 +86302,10 @@ var SurveyModel = /** @class */ (function (_super) {
             return questionClearIf;
         return this.clearInvisibleValues;
     };
-    SurveyModel.prototype.questionVisibilityChanged = function (question, newValue) {
-        this.updateVisibleIndexes();
+    SurveyModel.prototype.questionVisibilityChanged = function (question, newValue, resetIndexes) {
+        if (resetIndexes) {
+            this.updateVisibleIndexes();
+        }
         this.onQuestionVisibleChanged.fire(this, {
             question: question,
             name: question.name,
@@ -88294,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)
@@ -88417,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";
@@ -88425,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 () {
@@ -88455,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) {
@@ -88472,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;
@@ -88481,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) {
@@ -88491,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);
@@ -88501,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(); });
@@ -88548,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));
@@ -88577,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));
@@ -88632,6 +89630,7 @@ var AnimationProperty = /** @class */ (function () {
             this._debouncedSync.run(newValue);
         }
         else {
+            this.cancel();
             this.update(newValue);
         }
     };
@@ -88641,6 +89640,7 @@ var AnimationProperty = /** @class */ (function () {
     };
     return AnimationProperty;
 }());
+
 var AnimationBoolean = /** @class */ (function (_super) {
     __extends(AnimationBoolean, _super);
     function AnimationBoolean() {
@@ -88653,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 {
@@ -88680,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));
+
 
 
 /***/ }),