survey-react 1.9.133 → 1.9.134

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.133
+ * surveyjs - Survey JavaScript library v1.9.134
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1075,6 +1075,7 @@ var Action = /** @class */ (function (_super) {
         return this._component;
     };
     Action.prototype.dispose = function () {
+        this.updateCallback = undefined;
         this.action = undefined;
         _super.prototype.dispose.call(this);
         if (this.popupModel) {
@@ -5970,6 +5971,7 @@ var defaultV2Css = {
         chooseFileAsIcon: "sd-file__choose-btn--icon",
         chooseFileIconId: "icon-choosefile",
         disabled: "sd-file__choose-btn--disabled",
+        controlDisabled: "sd-file__choose-file-btn--disabled",
         //todo: remove it in v2
         removeButton: "sd-context-btn--negative",
         removeButtonBottom: "",
@@ -6881,11 +6883,13 @@ var DragDropCore = /** @class */ (function () {
         configurable: true
     });
     DragDropCore.prototype.startDrag = function (event, draggedElement, parentElement, draggedElementNode, preventSaveTargetNode) {
-        var _a;
         if (preventSaveTargetNode === void 0) { preventSaveTargetNode = false; }
-        this.domAdapter.rootContainer = (_a = this.survey) === null || _a === void 0 ? void 0 : _a.rootElement;
+        this.domAdapter.rootContainer = this.getRootElement(this.survey, this.creator);
         this.domAdapter.startDrag(event, draggedElement, parentElement, draggedElementNode, preventSaveTargetNode);
     };
+    DragDropCore.prototype.getRootElement = function (survey, creator) {
+        return creator ? creator.rootElement : survey.rootElement;
+    };
     DragDropCore.prototype.dragInit = function (event, draggedElement, parentElement, draggedElementNode) {
         this.draggedElement = draggedElement;
         this.parentElement = parentElement;
@@ -7685,15 +7689,12 @@ var DragDropRankingSelectToRank = /** @class */ (function (_super) {
         if (dragOverNode.dataset.ranking === "from-container" || dragOverNode.dataset.ranking === "to-container") {
             return dragOverNode;
         }
-        if (this.parentElement.rankingChoices.length === 0 ||
-            this.parentElement.unRankingChoices.length === 0) {
-            var toContainer = dragOverNode.closest("[data-ranking='to-container']");
-            var fromContainer = dragOverNode.closest("[data-ranking='from-container']");
-            if (!!toContainer)
-                return toContainer;
-            if (!!fromContainer)
-                return fromContainer;
-        }
+        var toContainer = dragOverNode.closest("[data-ranking='to-container']");
+        var fromContainer = dragOverNode.closest("[data-ranking='from-container']");
+        if (this.parentElement.unRankingChoices.length === 0 && fromContainer)
+            return fromContainer;
+        if (this.parentElement.rankingChoices.length === 0 && toContainer)
+            return toContainer;
         return _super.prototype.findDropTargetNodeByDragOverNode.call(this, dragOverNode);
     };
     DragDropRankingSelectToRank.prototype.getDropTargetByDataAttributeValue = function (dataAttributeValue) {
@@ -9071,7 +9072,7 @@ __webpack_require__.r(__webpack_exports__);
 /*!*************************************!*\
   !*** ./src/entries/chunks/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, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, 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 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -9528,32 +9529,47 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_83__["sanitizeEditableContent"]; });
 
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../../utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_84__["CssClassBuilder"]; });
+/* harmony import */ var _mask_mask_base__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../../mask/mask_base */ "./src/mask/mask_base.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskBase", function() { return _mask_mask_base__WEBPACK_IMPORTED_MODULE_84__["InputMaskBase"]; });
+
+/* harmony import */ var _mask_mask_pattern__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ../../mask/mask_pattern */ "./src/mask/mask_pattern.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskPattern", function() { return _mask_mask_pattern__WEBPACK_IMPORTED_MODULE_85__["InputMaskPattern"]; });
+
+/* harmony import */ var _mask_mask_numeric__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ../../mask/mask_numeric */ "./src/mask/mask_numeric.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskNumeric", function() { return _mask_mask_numeric__WEBPACK_IMPORTED_MODULE_86__["InputMaskNumeric"]; });
+
+/* harmony import */ var _mask_mask_datetime__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ../../mask/mask_datetime */ "./src/mask/mask_datetime.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskDateTime", function() { return _mask_mask_datetime__WEBPACK_IMPORTED_MODULE_87__["InputMaskDateTime"]; });
 
-/* harmony import */ var _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ../../defaultCss/defaultV2Css */ "./src/defaultCss/defaultV2Css.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyCss", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_85__["surveyCss"]; });
+/* harmony import */ var _mask_mask_currency__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(/*! ../../mask/mask_currency */ "./src/mask/mask_currency.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskCurrency", function() { return _mask_mask_currency__WEBPACK_IMPORTED_MODULE_88__["InputMaskCurrency"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultV2Css", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_85__["defaultV2Css"]; });
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_89__ = __webpack_require__(/*! ../../utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_89__["CssClassBuilder"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultV2ThemeName", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_85__["defaultV2ThemeName"]; });
+/* harmony import */ var _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_90__ = __webpack_require__(/*! ../../defaultCss/defaultV2Css */ "./src/defaultCss/defaultV2Css.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyCss", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_90__["surveyCss"]; });
 
-/* harmony import */ var _dragdrop_core__WEBPACK_IMPORTED_MODULE_86__ = __webpack_require__(/*! ../../dragdrop/core */ "./src/dragdrop/core.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropCore", function() { return _dragdrop_core__WEBPACK_IMPORTED_MODULE_86__["DragDropCore"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultV2Css", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_90__["defaultV2Css"]; });
 
-/* harmony import */ var _dragdrop_choices__WEBPACK_IMPORTED_MODULE_87__ = __webpack_require__(/*! ../../dragdrop/choices */ "./src/dragdrop/choices.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropChoices", function() { return _dragdrop_choices__WEBPACK_IMPORTED_MODULE_87__["DragDropChoices"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultV2ThemeName", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_90__["defaultV2ThemeName"]; });
 
-/* harmony import */ var _dragdrop_ranking_select_to_rank__WEBPACK_IMPORTED_MODULE_88__ = __webpack_require__(/*! ../../dragdrop/ranking-select-to-rank */ "./src/dragdrop/ranking-select-to-rank.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropRankingSelectToRank", function() { return _dragdrop_ranking_select_to_rank__WEBPACK_IMPORTED_MODULE_88__["DragDropRankingSelectToRank"]; });
+/* harmony import */ var _dragdrop_core__WEBPACK_IMPORTED_MODULE_91__ = __webpack_require__(/*! ../../dragdrop/core */ "./src/dragdrop/core.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropCore", function() { return _dragdrop_core__WEBPACK_IMPORTED_MODULE_91__["DragDropCore"]; });
+
+/* harmony import */ var _dragdrop_choices__WEBPACK_IMPORTED_MODULE_92__ = __webpack_require__(/*! ../../dragdrop/choices */ "./src/dragdrop/choices.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropChoices", function() { return _dragdrop_choices__WEBPACK_IMPORTED_MODULE_92__["DragDropChoices"]; });
+
+/* harmony import */ var _dragdrop_ranking_select_to_rank__WEBPACK_IMPORTED_MODULE_93__ = __webpack_require__(/*! ../../dragdrop/ranking-select-to-rank */ "./src/dragdrop/ranking-select-to-rank.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropRankingSelectToRank", function() { return _dragdrop_ranking_select_to_rank__WEBPACK_IMPORTED_MODULE_93__["DragDropRankingSelectToRank"]; });
 
 // styles
 // import "../../main.scss";
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.133";
-ReleaseDate = "" + "2024-03-05";
+Version = "" + "1.9.134";
+ReleaseDate = "" + "2024-03-13";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -9713,6 +9729,11 @@ function checkPrefix(prefix) {
 
 
 
+
+
+
+
+
 
 
 //Uncomment to include the "date" question type.
@@ -9728,7 +9749,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, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, 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, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10108,6 +10129,16 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["sanitizeEditableContent"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskBase", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["InputMaskBase"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskPattern", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["InputMaskPattern"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskNumeric", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["InputMaskNumeric"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskDateTime", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["InputMaskDateTime"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskCurrency", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["InputMaskCurrency"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["CssClassBuilder"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyCss", function() { return _chunks_model__WEBPACK_IMPORTED_MODULE_0__["surveyCss"]; });
@@ -10197,7 +10228,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, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
+/*! exports provided: Version, ReleaseDate, checkLibraryVersion, setLicenseKey, slk, hasLicense, settings, Helpers, AnswerCountValidator, EmailValidator, NumericValidator, RegexValidator, SurveyValidator, TextValidator, ValidatorResult, ExpressionValidator, ValidatorRunner, ItemValue, Base, Event, EventBase, ArrayChanges, ComputedUpdater, SurveyError, SurveyElementCore, SurveyElement, DragTypeOverMeEnum, CalculatedValue, CustomError, AnswerRequiredError, OneAnswerRequiredError, RequreNumericError, ExceedSizeError, LocalizableString, LocalizableStrings, HtmlConditionItem, UrlConditionItem, ChoicesRestful, ChoicesRestfull, FunctionFactory, registerFunction, ConditionRunner, ExpressionRunner, ExpressionExecutor, Operand, Const, BinaryOperand, Variable, FunctionOperand, ArrayOperand, UnaryOperand, ConditionsParser, ProcessValue, JsonError, JsonIncorrectTypeError, JsonMetadata, JsonMetadataClass, JsonMissingTypeError, JsonMissingTypeErrorBase, JsonObject, JsonObjectProperty, JsonRequiredPropertyError, JsonUnknownPropertyError, Serializer, property, propertyArray, MatrixDropdownCell, MatrixDropdownRowModelBase, QuestionMatrixDropdownModelBase, MatrixDropdownColumn, matrixDropdownColumnTypes, QuestionMatrixDropdownRenderedCell, QuestionMatrixDropdownRenderedRow, 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, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10577,6 +10608,16 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["sanitizeEditableContent"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskBase", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["InputMaskBase"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskPattern", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["InputMaskPattern"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskNumeric", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["InputMaskNumeric"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskDateTime", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["InputMaskDateTime"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskCurrency", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["InputMaskCurrency"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["CssClassBuilder"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyCss", function() { return _core_wo_model__WEBPACK_IMPORTED_MODULE_0__["surveyCss"]; });
@@ -11058,7 +11099,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, CssClassBuilder, surveyCss, defaultV2Css, defaultV2ThemeName, DragDropCore, DragDropChoices, DragDropRankingSelectToRank, defaultStandardCss, modernCss, SvgIconRegistry, SvgRegistry, SvgBundleViewModel, RendererFactory, ResponsivityManager, VerticalResponsivityManager, unwrap, getOriginalEvent, getElement, createDropdownActionModel, createDropdownActionModelAdvanced, getActionDropdownButtonTarget, BaseAction, Action, ActionDropdownViewModel, AdaptiveActionContainer, defaultActionBarCss, ActionContainer, DragOrClickHelper, Model, bootstrapThemeName, bootstrapThemeColors, bootstrapThemeCssRules, bootstrapMaterialThemeName, bootstrapMaterialThemeColors, bootstrapMaterialThemeCssRules, defaultBootstrapCss, defaultBootstrapMaterialCss, Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, 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, 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";
@@ -11438,6 +11479,16 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["sanitizeEditableContent"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskBase", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["InputMaskBase"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskPattern", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["InputMaskPattern"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskNumeric", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["InputMaskNumeric"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskDateTime", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["InputMaskDateTime"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "InputMaskCurrency", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["InputMaskCurrency"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["CssClassBuilder"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyCss", function() { return _core__WEBPACK_IMPORTED_MODULE_0__["surveyCss"]; });
@@ -29692,6 +29743,1209 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("matrixbase", [
 ], undefined, "question");
 
 
+/***/ }),
+
+/***/ "./src/mask/input_element_adapter.ts":
+/*!*******************************************!*\
+  !*** ./src/mask/input_element_adapter.ts ***!
+  \*******************************************/
+/*! exports provided: InputElementAdapter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InputElementAdapter", function() { return InputElementAdapter; });
+var InputElementAdapter = /** @class */ (function () {
+    function InputElementAdapter(inputMaskInstance, inputElement, value) {
+        var _this = this;
+        if (value === void 0) { value = ""; }
+        this.inputMaskInstance = inputMaskInstance;
+        this.inputElement = inputElement;
+        this.prevUnmaskedValue = undefined;
+        this.inputMaskInstancePropertyChangedHandler = function (sender, options) {
+            if (options.name !== "saveMaskedValue") {
+                var maskedValue = _this.inputMaskInstance.getMaskedValue(_this.prevUnmaskedValue);
+                _this.inputElement.value = maskedValue;
+            }
+        };
+        this.beforeInputHandler = function (event) {
+            var args = _this.createArgs(event);
+            var result = _this.inputMaskInstance.processInput(args);
+            _this.inputElement.value = result.value;
+            _this.inputElement.setSelectionRange(result.caretPosition, result.caretPosition);
+            if (!result.cancelPreventDefault) {
+                event.preventDefault();
+            }
+        };
+        this.blurInputHandler = function (event) {
+            var unmaskedValue = _this.inputMaskInstance.getUnmaskedValue(event.target.value);
+            _this.prevUnmaskedValue = unmaskedValue;
+            var maskedValue = _this.inputMaskInstance.getMaskedValue(unmaskedValue);
+            _this.inputElement.value = maskedValue;
+        };
+        this.inputElement.value = inputMaskInstance.getMaskedValue(value);
+        this.prevUnmaskedValue = value;
+        inputMaskInstance.onPropertyChanged.add(this.inputMaskInstancePropertyChangedHandler);
+        this.addInputEventListener();
+    }
+    InputElementAdapter.prototype.createArgs = function (event) {
+        var args = {
+            insertedChars: event.data,
+            selectionStart: event.target.selectionStart,
+            selectionEnd: event.target.selectionEnd,
+            prevValue: event.target.value,
+            inputDirection: "forward"
+        };
+        if (event.inputType === "deleteContentBackward") {
+            args.inputDirection = "backward";
+            if (args.selectionStart === args.selectionEnd) {
+                args.selectionStart = Math.max(args.selectionStart - 1, 0);
+            }
+        }
+        if (event.inputType === "deleteContentForward" && args.selectionStart === args.selectionEnd) {
+            args.selectionEnd += 1;
+        }
+        return args;
+    };
+    InputElementAdapter.prototype.addInputEventListener = function () {
+        if (!!this.inputElement) {
+            this.inputElement.addEventListener("beforeinput", this.beforeInputHandler);
+            this.inputElement.addEventListener("blur", this.blurInputHandler);
+        }
+    };
+    InputElementAdapter.prototype.removeInputEventListener = function () {
+        if (!!this.inputElement) {
+            this.inputElement.removeEventListener("beforeinput", this.beforeInputHandler);
+            this.inputElement.removeEventListener("blur", this.blurInputHandler);
+        }
+    };
+    InputElementAdapter.prototype.dispose = function () {
+        this.removeInputEventListener();
+        this.inputMaskInstance.onPropertyChanged.remove(this.inputMaskInstancePropertyChangedHandler);
+    };
+    return InputElementAdapter;
+}());
+
+
+
+/***/ }),
+
+/***/ "./src/mask/mask_base.ts":
+/*!*******************************!*\
+  !*** ./src/mask/mask_base.ts ***!
+  \*******************************/
+/*! exports provided: InputMaskBase */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InputMaskBase", function() { return InputMaskBase; });
+/* harmony import */ var _base__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../base */ "./src/base.ts");
+/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../jsonobject */ "./src/jsonobject.ts");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+var InputMaskBase = /** @class */ (function (_super) {
+    __extends(InputMaskBase, _super);
+    function InputMaskBase() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    InputMaskBase.prototype.getType = function () {
+        return "masksettings";
+    };
+    InputMaskBase.prototype.setData = function (json) {
+        var _this = this;
+        var properties = _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].getProperties(this.getType());
+        properties.forEach(function (property) {
+            var currentValue = json[property.name];
+            _this[property.name] = currentValue !== undefined ? currentValue : property.defaultValue;
+        });
+    };
+    InputMaskBase.prototype.getData = function () {
+        var _this = this;
+        var res = {};
+        var properties = _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].getProperties(this.getType());
+        properties.forEach(function (property) {
+            var currentValue = _this[property.name];
+            if (!property.isDefaultValue(currentValue)) {
+                res[property.name] = currentValue;
+            }
+        });
+        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; };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], InputMaskBase.prototype, "saveMaskedValue", void 0);
+    return InputMaskBase;
+}(_base__WEBPACK_IMPORTED_MODULE_0__["Base"]));
+
+_jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("masksettings", [
+    {
+        name: "saveMaskedValue:boolean",
+        visibleIf: function (obj) {
+            if (!obj)
+                return false;
+            return obj.getType() !== "masksettings";
+        },
+    },
+], function () {
+    return new InputMaskBase();
+});
+
+
+/***/ }),
+
+/***/ "./src/mask/mask_currency.ts":
+/*!***********************************!*\
+  !*** ./src/mask/mask_currency.ts ***!
+  \***********************************/
+/*! exports provided: InputMaskCurrency */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InputMaskCurrency", function() { return InputMaskCurrency; });
+/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../jsonobject */ "./src/jsonobject.ts");
+/* harmony import */ var _mask_numeric__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./mask_numeric */ "./src/mask/mask_numeric.ts");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+var InputMaskCurrency = /** @class */ (function (_super) {
+    __extends(InputMaskCurrency, _super);
+    function InputMaskCurrency() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    InputMaskCurrency.prototype.getType = function () {
+        return "currencymask";
+    };
+    InputMaskCurrency.prototype.wrapText = function (str) {
+        var prefixValue = this.prefix || "";
+        var suffixValue = this.suffix || "";
+        var result = str;
+        if (!result)
+            return result;
+        if (result.indexOf(prefixValue) === -1) {
+            result = prefixValue + result;
+        }
+        if (result.indexOf(suffixValue) === -1) {
+            result += suffixValue;
+        }
+        return result;
+    };
+    InputMaskCurrency.prototype.unwrapInputArgs = function (args) {
+        var result = args.prevValue;
+        if (!result)
+            return;
+        if (this.prefix && result.indexOf(this.prefix) !== -1) {
+            result = result.slice(result.indexOf(this.prefix) + this.prefix.length);
+            var preffixPadding = (this.prefix || "").length;
+            args.selectionStart = Math.max((args.selectionStart - preffixPadding), 0);
+            args.selectionEnd -= preffixPadding;
+        }
+        if (this.suffix && result.indexOf(this.suffix) !== -1) {
+            result = result.slice(0, result.indexOf(this.suffix));
+        }
+        args.prevValue = result;
+    };
+    InputMaskCurrency.prototype.processInput = function (args) {
+        this.unwrapInputArgs(args);
+        var result = _super.prototype.processInput.call(this, args);
+        var preffixPadding = (this.prefix || "").length;
+        if (!!result.value) {
+            result.caretPosition += preffixPadding;
+        }
+        result.value = this.wrapText(result.value);
+        return result;
+    };
+    InputMaskCurrency.prototype.getMaskedValue = function (src) {
+        var result = _super.prototype.getMaskedValue.call(this, src);
+        return this.wrapText(result);
+    };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], InputMaskCurrency.prototype, "prefix", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], InputMaskCurrency.prototype, "suffix", void 0);
+    return InputMaskCurrency;
+}(_mask_numeric__WEBPACK_IMPORTED_MODULE_1__["InputMaskNumeric"]));
+
+_jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("currencymask", [
+    { name: "prefix" },
+    { name: "suffix" },
+], function () {
+    return new InputMaskCurrency();
+}, "numericmask");
+
+
+/***/ }),
+
+/***/ "./src/mask/mask_datetime.ts":
+/*!***********************************!*\
+  !*** ./src/mask/mask_datetime.ts ***!
+  \***********************************/
+/*! exports provided: getDateTimeLexems, InputMaskDateTime */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getDateTimeLexems", function() { return getDateTimeLexems; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InputMaskDateTime", function() { return InputMaskDateTime; });
+/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../jsonobject */ "./src/jsonobject.ts");
+/* harmony import */ var _mask_pattern__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./mask_pattern */ "./src/mask/mask_pattern.ts");
+/* harmony import */ var _mask_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mask_utils */ "./src/mask/mask_utils.ts");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+function getMaxCountLexem(currentLexemType, count) {
+    switch (currentLexemType) {
+        case ("day"):
+        case ("month"): {
+            return 2;
+        }
+        case ("year"): {
+            return count;
+        }
+        default: {
+            return 1;
+        }
+    }
+}
+function trimDatePart(lexem, data) {
+    var result = data;
+    if (lexem.count < lexem.maxCount && ((lexem.type === "day" && parseInt(data[0]) === 0) || (lexem.type === "month" && parseInt(data[0]) === 0))) {
+        result = data.slice(1, data.length);
+    }
+    return result;
+}
+function getDefaultYearForValidation(minYear, maxYear) {
+    var defaultVal = 2000;
+    if (defaultVal > maxYear) {
+        defaultVal = parseInt(maxYear.toString().slice(0, maxYear.toString().length - 2)) * 100;
+    }
+    if (defaultVal < minYear) {
+        var middle = (maxYear - minYear) / 2 + minYear;
+        defaultVal = parseInt(middle.toString().slice(0, middle.toString().length - 1)) * 10;
+    }
+    if (defaultVal >= minYear && defaultVal <= maxYear) {
+        return defaultVal;
+    }
+    return minYear;
+}
+function getDateTimeLexems(pattern) {
+    var result = [];
+    var prevLexemType;
+    var createOrUpdateLexem = function (currentLexemType, currentChar) {
+        if (!!prevLexemType && prevLexemType === currentLexemType) {
+            result[result.length - 1].count++;
+            var maxCount = getMaxCountLexem(currentLexemType, result[result.length - 1].count);
+            result[result.length - 1].maxCount = maxCount;
+        }
+        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 });
+        }
+    };
+    for (var index = 0; index < pattern.length; index++) {
+        var currentChar = pattern[index];
+        switch (currentChar) {
+            case "m":
+                createOrUpdateLexem("month", "m");
+                break;
+            case "d":
+                createOrUpdateLexem("day", "d");
+                break;
+            case "y":
+                createOrUpdateLexem("year", "y");
+                break;
+            default:
+                result.push({ type: "separator", value: currentChar, count: 1, maxCount: 1 });
+                break;
+        }
+        prevLexemType = result[result.length - 1].type;
+    }
+    return result;
+}
+var InputMaskDateTime = /** @class */ (function (_super) {
+    __extends(InputMaskDateTime, _super);
+    function InputMaskDateTime() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.turnOfTheCentury = 68;
+        _this.lexems = [];
+        _this.inputDateTimeData = [];
+        return _this;
+    }
+    InputMaskDateTime.prototype.getType = function () {
+        return "datetimemask";
+    };
+    InputMaskDateTime.prototype.updateLiterals = function () {
+        this.lexems = getDateTimeLexems(this.pattern || "");
+    };
+    InputMaskDateTime.prototype.leaveOnlyNumbers = function (input) {
+        var result = "";
+        for (var index = 0; index < input.length; index++) {
+            if (input[index].match(_mask_utils__WEBPACK_IMPORTED_MODULE_2__["numberDefinition"])) {
+                result += input[index];
+            }
+        }
+        return result;
+    };
+    InputMaskDateTime.prototype.getMaskedStrFromISO = function (str) {
+        var _this = this;
+        var date = new Date(str);
+        this.initInputDateTimeData();
+        if (!isNaN(date)) {
+            this.lexems.forEach(function (lexem, index) {
+                var inputData = _this.inputDateTimeData[index];
+                inputData.isCompleted = true;
+                switch (lexem.type) {
+                    case ("day"): {
+                        inputData.value = date.getDate().toString();
+                        break;
+                    }
+                    case ("month"): {
+                        inputData.value = (date.getMonth() + 1).toString();
+                        break;
+                    }
+                    case ("year"): {
+                        var year = date.getFullYear();
+                        if (lexem.count == 2)
+                            year = year % 100;
+                        inputData.value = year.toString();
+                        break;
+                    }
+                    default: {
+                        break;
+                    }
+                }
+            });
+        }
+        return this.getFormatedString(true);
+    };
+    InputMaskDateTime.prototype.initInputDateTimeData = function () {
+        var _this = this;
+        this.inputDateTimeData = [];
+        this.lexems.forEach(function (lexem) {
+            _this.inputDateTimeData.push({ lexem: lexem, isCompleted: false, value: undefined });
+        });
+    };
+    InputMaskDateTime.prototype.getISO_8601Format = function (dateTime) {
+        if (dateTime.year === undefined || dateTime.month === undefined || dateTime.day === undefined)
+            return "";
+        var year = this.getPlaceholder(4, dateTime.year.toString(), "0") + dateTime.year;
+        var month = this.getPlaceholder(2, dateTime.month.toString(), "0") + dateTime.month;
+        var day = this.getPlaceholder(2, dateTime.day.toString(), "0") + dateTime.day;
+        return [year, month, day].join("-");
+    };
+    InputMaskDateTime.prototype.isYearValid = function (dateTime) {
+        if (dateTime.min === undefined && dateTime.max === undefined)
+            return false;
+        var data = dateTime.year.toString();
+        var minYearPart = dateTime.min.toISOString().slice(0, data.length);
+        var maxYearPart = dateTime.max.toISOString().slice(0, data.length);
+        return dateTime.year >= parseInt(minYearPart) && dateTime.year <= parseInt(maxYearPart);
+    };
+    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;
+        return !isNaN(date) &&
+            date.getDate() === day &&
+            date.getMonth() === monthIndex &&
+            date.getFullYear() === year &&
+            date >= 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.updateInputDateTimeData = function (newItem, dateTime) {
+        var data = newItem.value;
+        if (!data)
+            return;
+        var propertyName = newItem.lexem.type;
+        dateTime[propertyName] = parseInt(data);
+        if (data.length === newItem.lexem.maxCount) {
+            if (this.isDateValid(dateTime)) {
+                newItem.isCompleted = true;
+            }
+            else {
+                data = data.slice(0, data.length - 1);
+            }
+        }
+        else if (propertyName === "year" && !this.isYearValid(dateTime)) {
+            data = data.slice(0, data.length - 1);
+        }
+        else if ((propertyName === "day" && parseInt(data[0]) > 3) || (propertyName === "month" && parseInt(data[0]) > 1)) {
+            newItem.isCompleted = true;
+        }
+        newItem.value = data;
+        dateTime[propertyName] = parseInt(data) > 0 ? parseInt(data) : undefined;
+    };
+    InputMaskDateTime.prototype.getCorrectDatePartFormat = function (inputData, matchWholeMask) {
+        var lexem = inputData.lexem;
+        var dataStr = inputData.value || "";
+        if (!!dataStr && inputData.isCompleted) {
+            dataStr = parseInt(dataStr).toString();
+        }
+        if (!!dataStr && inputData.isCompleted) {
+            var zeroPaddings = this.getPlaceholder(lexem.count, dataStr, "0");
+            dataStr = zeroPaddings + dataStr;
+        }
+        else {
+            // !!!
+            dataStr = trimDatePart(lexem, dataStr);
+            if (matchWholeMask) {
+                dataStr += this.getPlaceholder(lexem.count, dataStr, lexem.value);
+            }
+        }
+        return dataStr;
+    };
+    InputMaskDateTime.prototype.createIDateTimeComposition = function () {
+        var tempDateTime = {
+            day: undefined,
+            month: undefined,
+            year: undefined,
+            min: new Date(this.min || "0001-01-01"),
+            max: new Date(this.max || "9999-12-31")
+        };
+        return tempDateTime;
+    };
+    InputMaskDateTime.prototype.parseTwoDigitYear = function (data) {
+        var inputData = data.value;
+        if (data.lexem.type !== "year" || data.lexem.count > 2)
+            return inputData;
+        if (!!this.max && this.max.length >= 4) {
+            this.turnOfTheCentury = parseInt(this.max.slice(2, 4));
+        }
+        var year = parseInt(inputData);
+        var result = (year > this.turnOfTheCentury ? "19" : "20") + inputData;
+        return result;
+    };
+    InputMaskDateTime.prototype.getFormatedString = function (matchWholeMask) {
+        var result = "";
+        var prevSeparator = "";
+        var prevIsCompleted = false;
+        for (var index = 0; index < this.inputDateTimeData.length; index++) {
+            var inputData = this.inputDateTimeData[index];
+            switch (inputData.lexem.type) {
+                case "day":
+                case "month":
+                case "year":
+                    if (inputData.value === undefined && !matchWholeMask) {
+                        result += (prevIsCompleted ? prevSeparator : "");
+                        return result;
+                    }
+                    else {
+                        var data = this.getCorrectDatePartFormat(inputData, matchWholeMask);
+                        result += (prevSeparator + data);
+                        prevIsCompleted = inputData.isCompleted;
+                    }
+                    break;
+                case "separator":
+                    prevSeparator = inputData.lexem.value;
+                    break;
+            }
+        }
+        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) {
+                var inputData = _this.inputDateTimeData[index];
+                var currentPart = numberParts[numberPartsArrayIndex];
+                var _data = _this.leaveOnlyNumbers(currentPart);
+                inputData.value = _data.slice(0, lexem.maxCount);
+                numberPartsArrayIndex++;
+            }
+        });
+    };
+    InputMaskDateTime.prototype._getMaskedValue = function (src, matchWholeMask) {
+        var _this = this;
+        if (matchWholeMask === void 0) { matchWholeMask = true; }
+        var input = (src === undefined || src === null) ? "" : src.toString();
+        var inputParts = this.getParts(input);
+        this.setInputDateTimeData(inputParts);
+        var tempDateTime = this.createIDateTimeComposition();
+        this.inputDateTimeData.forEach(function (itemData) { return _this.updateInputDateTimeData(itemData, tempDateTime); });
+        var result = this.getFormatedString(matchWholeMask);
+        return result;
+    };
+    InputMaskDateTime.prototype.getPartsOld = function (input) {
+        var inputParts = [];
+        var separatorLexems = this.lexems.filter(function (l) { return l.type === "separator"; });
+        var separatorLexemsIndex = 0;
+        do {
+            if (!separatorLexems[separatorLexemsIndex]) {
+                if (!!input) {
+                    inputParts.push(input);
+                    input = "";
+                }
+                break;
+            }
+            var separatorCharIndex = input.indexOf(separatorLexems[separatorLexemsIndex].value);
+            if (separatorCharIndex !== -1) {
+                var part = input.slice(0, separatorCharIndex);
+                if (!!part) {
+                    inputParts.push(part);
+                }
+                input = input.slice(separatorCharIndex + 1);
+            }
+            else {
+            }
+            separatorLexemsIndex++;
+        } while (!!input);
+        return inputParts;
+    };
+    InputMaskDateTime.prototype.getParts = function (input) {
+        var inputParts = [];
+        var lexemsWithValue = this.lexems.filter(function (l) { return l.type !== "separator"; });
+        var separators = this.lexems.filter(function (l) { return l.type === "separator"; }).map(function (s) { return s.value; });
+        var curPart = "";
+        var foundSeparator = false;
+        var foundPseudoSeparator = false;
+        for (var i = 0; i < input.length; i++) {
+            var inputChar = input[i];
+            if (inputChar.match(_mask_utils__WEBPACK_IMPORTED_MODULE_2__["numberDefinition"]) || inputChar === lexemsWithValue[inputParts.length].value) {
+                foundSeparator = false;
+                foundPseudoSeparator = false;
+                curPart += inputChar;
+            }
+            else {
+                if (separators.indexOf(inputChar) !== -1) {
+                    if (!foundPseudoSeparator) {
+                        foundSeparator = true;
+                        inputParts.push(curPart);
+                        curPart = "";
+                    }
+                }
+                else {
+                    if (!foundSeparator) {
+                        foundPseudoSeparator = true;
+                        inputParts.push(curPart);
+                        curPart = "";
+                    }
+                }
+            }
+            if (inputParts.length >= lexemsWithValue.length) {
+                foundSeparator = false;
+                break;
+            }
+        }
+        if (curPart != "" || foundSeparator) {
+            inputParts.push(curPart);
+        }
+        return inputParts;
+    };
+    InputMaskDateTime.prototype.getUnmaskedValue = function (src) {
+        var _this = this;
+        var input = (src === undefined || src === null) ? "" : src.toString();
+        var inputParts = this.getParts(input);
+        this.setInputDateTimeData(inputParts);
+        var tempDateTime = this.createIDateTimeComposition();
+        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));
+        });
+        return this.getISO_8601Format(tempDateTime);
+    };
+    InputMaskDateTime.prototype.getMaskedValue = function (src) {
+        if (this.saveMaskedValue) {
+            return this._getMaskedValue(src);
+        }
+        else {
+            return this.getMaskedStrFromISO(src);
+        }
+    };
+    InputMaskDateTime.prototype.processInput = function (args) {
+        var result = { value: args.prevValue, caretPosition: args.selectionEnd, cancelPreventDefault: false };
+        var leftPart = args.prevValue.slice(0, args.selectionStart);
+        var rightPart = args.prevValue.slice(args.selectionEnd);
+        result.value = this._getMaskedValue(leftPart + (args.insertedChars || "") + rightPart);
+        if (!args.insertedChars && args.inputDirection === "backward") {
+            result.caretPosition = args.selectionStart;
+        }
+        else {
+            result.caretPosition = this._getMaskedValue(leftPart + (args.insertedChars || ""), false).length;
+        }
+        return result;
+    };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], InputMaskDateTime.prototype, "min", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], InputMaskDateTime.prototype, "max", void 0);
+    return InputMaskDateTime;
+}(_mask_pattern__WEBPACK_IMPORTED_MODULE_1__["InputMaskPattern"]));
+
+_jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("datetimemask", [
+    {
+        name: "min",
+        type: "datetime",
+        enableIf: function (obj) {
+            return !!obj.pattern;
+        }
+    },
+    {
+        name: "max",
+        type: "datetime",
+        enableIf: function (obj) {
+            return !!obj.pattern;
+        }
+    }
+], function () {
+    return new InputMaskDateTime();
+}, "patternmask");
+
+
+/***/ }),
+
+/***/ "./src/mask/mask_numeric.ts":
+/*!**********************************!*\
+  !*** ./src/mask/mask_numeric.ts ***!
+  \**********************************/
+/*! exports provided: splitString, InputMaskNumeric */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "splitString", function() { return splitString; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InputMaskNumeric", function() { return InputMaskNumeric; });
+/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../jsonobject */ "./src/jsonobject.ts");
+/* harmony import */ var _mask_base__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./mask_base */ "./src/mask/mask_base.ts");
+/* harmony import */ var _mask_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mask_utils */ "./src/mask/mask_utils.ts");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+function splitString(str, reverse, n) {
+    if (reverse === void 0) { reverse = true; }
+    if (n === void 0) { n = 3; }
+    var arr = [];
+    if (reverse) {
+        for (var i = str.length - n; i > -n; i -= n) {
+            arr.push(str.substring(i, i + n));
+        }
+        arr = arr.reverse();
+    }
+    else {
+        for (var i = 0; i < str.length; i += n) {
+            arr.push(str.substring(i, i + n));
+        }
+    }
+    return arr;
+}
+var InputMaskNumeric = /** @class */ (function (_super) {
+    __extends(InputMaskNumeric, _super);
+    function InputMaskNumeric() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    InputMaskNumeric.prototype.calccaretPosition = function (leftPart, args, maskedValue) {
+        var leftPartMaskedLength = !!leftPart ? this.displayNumber(this.parseNumber(leftPart), false).length : 0;
+        var validCharIndex = 0;
+        var result = args.selectionStart;
+        // let result = 0;
+        var isDeleteKeyOperation = !args.insertedChars && args.inputDirection === "forward";
+        for (var index = 0; index < maskedValue.length; index++) {
+            var currentChar = maskedValue[index];
+            if (currentChar !== this.thousandsSeparator) {
+                validCharIndex++;
+            }
+            if (validCharIndex === (leftPartMaskedLength + (isDeleteKeyOperation ? 1 : 0))) {
+                if (isDeleteKeyOperation) {
+                    result = index;
+                }
+                else {
+                    result = index + 1;
+                }
+                break;
+            }
+            // if (validCharIndex === leftPartMaskedLength) {
+            //   result = index + 1;
+            //   break;
+            // }
+        }
+        return result;
+    };
+    InputMaskNumeric.prototype.displayNumber = function (parsedNumber, insertThousandsSeparator, matchWholeMask) {
+        if (insertThousandsSeparator === void 0) { insertThousandsSeparator = true; }
+        if (matchWholeMask === void 0) { matchWholeMask = false; }
+        var displayIntegralPart = parsedNumber.integralPart;
+        if (insertThousandsSeparator && !!displayIntegralPart) {
+            displayIntegralPart = splitString(displayIntegralPart).join(this.thousandsSeparator);
+        }
+        var displayFractionalPart = parsedNumber.fractionalPart;
+        var minusSign = parsedNumber.isNegative ? "-" : "";
+        if (displayFractionalPart === "") {
+            if (matchWholeMask) {
+                return (!displayIntegralPart || displayIntegralPart === "0") ? displayIntegralPart : minusSign + displayIntegralPart;
+            }
+            else {
+                var displayDecimalSeparator = parsedNumber.hasDecimalSeparator && !matchWholeMask ? this.decimalSeparator : "";
+                var src = displayIntegralPart + displayDecimalSeparator;
+                return src === "0" ? src : minusSign + src;
+            }
+        }
+        else {
+            displayIntegralPart = displayIntegralPart || "0";
+            displayFractionalPart = displayFractionalPart.substring(0, this.precision);
+            return [minusSign + displayIntegralPart, displayFractionalPart].join(this.decimalSeparator);
+        }
+    };
+    InputMaskNumeric.prototype.convertNumber = function (parsedNumber) {
+        var value;
+        var minusSign = parsedNumber.isNegative ? "-" : "";
+        if (!!parsedNumber.fractionalPart) {
+            value = parseFloat(minusSign + (parsedNumber.integralPart || "0") + "." + parsedNumber.fractionalPart.substring(0, this.precision));
+        }
+        else {
+            value = parseInt(minusSign + parsedNumber.integralPart || "0");
+        }
+        return value;
+    };
+    InputMaskNumeric.prototype.validateNumber = function (number) {
+        var min = this.min || Number.MIN_SAFE_INTEGER;
+        var max = this.max || Number.MAX_SAFE_INTEGER;
+        if (this.min !== undefined || this.max !== undefined) {
+            var value = this.convertNumber(number);
+            if (Number.isNaN(value)) {
+                return true;
+            }
+            return value >= min && value <= max;
+        }
+        return true;
+    };
+    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];
+            switch (currentChar) {
+                case "-": {
+                    if (this.allowNegativeValues) {
+                        minusCharCount++;
+                    }
+                    break;
+                }
+                case this.decimalSeparator: {
+                    if (this.precision > 0) {
+                        result.hasDecimalSeparator = true;
+                    }
+                    break;
+                }
+                case this.thousandsSeparator: {
+                    break;
+                }
+                default: {
+                    if (currentChar.match(_mask_utils__WEBPACK_IMPORTED_MODULE_2__["numberDefinition"])) {
+                        if (result.hasDecimalSeparator) {
+                            result.fractionalPart += currentChar;
+                        }
+                        else {
+                            result.integralPart += currentChar;
+                        }
+                    }
+                }
+            }
+        }
+        result.isNegative = minusCharCount % 2 !== 0;
+        if (result.integralPart.length > 1 && result.integralPart[0] === "0") {
+            result.integralPart = result.integralPart.slice(1);
+        }
+        return result;
+    };
+    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 displayText = this.displayNumber(parsedNumber, true, matchWholeMask);
+        return displayText;
+    };
+    InputMaskNumeric.prototype.getNumberUnmaskedValue = function (str) {
+        var parsedNumber = this.parseNumber(str);
+        return this.convertNumber(parsedNumber);
+    };
+    InputMaskNumeric.prototype.getMaskedValue = function (src) {
+        return this.getNumberMaskedValue(src, true);
+    };
+    InputMaskNumeric.prototype.getUnmaskedValue = function (src) {
+        return this.getNumberUnmaskedValue(src);
+    };
+    InputMaskNumeric.prototype.processInput = function (args) {
+        var result = { value: args.prevValue, caretPosition: args.selectionEnd, cancelPreventDefault: false };
+        var leftPart = args.prevValue.slice(0, args.selectionStart) + (args.insertedChars || "");
+        var rightPart = args.prevValue.slice(args.selectionEnd);
+        var src = leftPart + rightPart;
+        var parsedNumber = this.parseNumber(src);
+        if (!this.validateNumber(parsedNumber)) {
+            return result;
+        }
+        var maskedValue = this.getNumberMaskedValue(src);
+        var caretPosition = this.calccaretPosition(leftPart, args, maskedValue);
+        result.value = maskedValue;
+        result.caretPosition = caretPosition;
+        return result;
+    };
+    InputMaskNumeric.prototype.getType = function () {
+        return "numericmask";
+    };
+    InputMaskNumeric.prototype.isPropertyEmpty = function (value) {
+        return value === "" || value === undefined || value === null;
+    };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], InputMaskNumeric.prototype, "allowNegativeValues", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], InputMaskNumeric.prototype, "decimalSeparator", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], InputMaskNumeric.prototype, "precision", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], InputMaskNumeric.prototype, "thousandsSeparator", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], InputMaskNumeric.prototype, "min", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
+    ], InputMaskNumeric.prototype, "max", void 0);
+    return InputMaskNumeric;
+}(_mask_base__WEBPACK_IMPORTED_MODULE_1__["InputMaskBase"]));
+
+_jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("numericmask", [
+    { name: "allowNegativeValues:boolean", default: true },
+    { name: "decimalSeparator", default: ".", maxLength: 1 },
+    { name: "thousandsSeparator", default: ",", maxLength: 1 },
+    { name: "precision:number", default: 2, minValue: 0 },
+    { name: "min:number" },
+    { name: "max:number" },
+], function () {
+    return new InputMaskNumeric();
+}, "masksettings");
+
+
+/***/ }),
+
+/***/ "./src/mask/mask_pattern.ts":
+/*!**********************************!*\
+  !*** ./src/mask/mask_pattern.ts ***!
+  \**********************************/
+/*! exports provided: getLiterals, getMaskedValueByPattern, getUnmaskedValueByPattern, InputMaskPattern */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLiterals", function() { return getLiterals; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getMaskedValueByPattern", function() { return getMaskedValueByPattern; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getUnmaskedValueByPattern", function() { return getUnmaskedValueByPattern; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InputMaskPattern", function() { return InputMaskPattern; });
+/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../settings */ "./src/settings.ts");
+/* harmony import */ var _jsonobject__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../jsonobject */ "./src/jsonobject.ts");
+/* harmony import */ var _mask_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mask_base */ "./src/mask/mask_base.ts");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+function getLiterals(pattern) {
+    var result = [];
+    var prevCharIsEscaped = false;
+    var definitionsKeys = Object.keys(_settings__WEBPACK_IMPORTED_MODULE_0__["settings"].maskSettings.patternDefinitions);
+    for (var index = 0; index < pattern.length; index++) {
+        var currentChar = pattern[index];
+        if (currentChar === _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].maskSettings.patternEscapeChar) {
+            prevCharIsEscaped = true;
+        }
+        else if (prevCharIsEscaped) {
+            prevCharIsEscaped = false;
+            result.push({ type: "fixed", value: currentChar });
+        }
+        else {
+            result.push({ type: definitionsKeys.indexOf(currentChar) !== -1 ? "regex" : "const", value: currentChar });
+        }
+    }
+    return result;
+}
+function getFirstMatch(str, strIndex, literal) {
+    var currentDefinition = _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].maskSettings.patternDefinitions[literal.value];
+    while (strIndex < str.length) {
+        if (str[strIndex].match(currentDefinition)) {
+            return strIndex;
+        }
+        strIndex++;
+    }
+    return strIndex;
+}
+function getMaskedValueByPattern(src, pattern, matchWholeMask) {
+    var input = (src === undefined || src === null) ? "" : src;
+    var result = "";
+    var strIndex = 0;
+    var literals = (typeof pattern === "string") ? getLiterals(pattern) : pattern;
+    for (var maskIndex = 0; maskIndex < literals.length; maskIndex++) {
+        switch (literals[maskIndex].type) {
+            case "regex":
+                if (strIndex < input.length) {
+                    strIndex = getFirstMatch(input, strIndex, literals[maskIndex]);
+                }
+                if (strIndex < input.length) {
+                    result += input[strIndex];
+                }
+                else if (matchWholeMask) {
+                    result += _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].maskSettings.patternPlaceholderChar;
+                }
+                else {
+                    return result;
+                }
+                strIndex++;
+                break;
+            case "const":
+            case "fixed":
+                result += literals[maskIndex].value;
+                if (literals[maskIndex].value === input[strIndex]) {
+                    strIndex++;
+                }
+                break;
+        }
+    }
+    return result;
+}
+function getUnmaskedValueByPattern(str, pattern, matchWholeMask, skipFixedChar) {
+    if (skipFixedChar === void 0) { skipFixedChar = false; }
+    var result = "";
+    if (!str)
+        return result;
+    var literals = (typeof pattern === "string") ? getLiterals(pattern) : pattern;
+    for (var index = 0; index < literals.length; index++) {
+        if (literals[index].type === "fixed" && !skipFixedChar) {
+            result += literals[index].value;
+        }
+        if (literals[index].type === "regex") {
+            var currentDefinition = _settings__WEBPACK_IMPORTED_MODULE_0__["settings"].maskSettings.patternDefinitions[literals[index].value];
+            if (!!str[index] && str[index].match(currentDefinition)) {
+                result += str[index];
+            }
+            else if (matchWholeMask) {
+                result = "";
+                break;
+            }
+            else {
+                break;
+            }
+        }
+    }
+    return result;
+}
+var InputMaskPattern = /** @class */ (function (_super) {
+    __extends(InputMaskPattern, _super);
+    function InputMaskPattern() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.literals = [];
+        return _this;
+    }
+    InputMaskPattern.prototype.updateLiterals = function () {
+        this.literals = getLiterals(this.pattern || "");
+    };
+    InputMaskPattern.prototype.onPropertyValueChanged = function (name, oldValue, newValue) {
+        if (name === "pattern") {
+            this.updateLiterals();
+        }
+    };
+    InputMaskPattern.prototype.getType = function () {
+        return "patternmask";
+    };
+    InputMaskPattern.prototype.fromJSON = function (json, options) {
+        _super.prototype.fromJSON.call(this, json, options);
+        this.updateLiterals();
+    };
+    InputMaskPattern.prototype._getMaskedValue = function (src, matchWholeMask) {
+        if (matchWholeMask === void 0) { matchWholeMask = false; }
+        var input = (src === undefined || src === null) ? "" : src;
+        return getMaskedValueByPattern(input, this.literals, matchWholeMask);
+    };
+    InputMaskPattern.prototype._getUnmaskedValue = function (src, matchWholeMask) {
+        if (matchWholeMask === void 0) { matchWholeMask = false; }
+        var input = (src === undefined || src === null) ? "" : src;
+        return getUnmaskedValueByPattern(input, this.literals, matchWholeMask);
+    };
+    InputMaskPattern.prototype.processInput = function (args) {
+        var result = { value: args.prevValue, caretPosition: args.selectionEnd, cancelPreventDefault: false };
+        if (!args.insertedChars && args.selectionStart === args.selectionEnd) {
+            return result;
+        }
+        var leftPart = args.prevValue.slice(0, args.selectionStart) + (args.insertedChars || "");
+        var leftPartUnmasked = getUnmaskedValueByPattern(args.prevValue.slice(0, args.selectionStart), this.literals.slice(0, args.selectionStart), false);
+        var rightPartUnmasked = getUnmaskedValueByPattern(args.prevValue.slice(args.selectionEnd), this.literals.slice(args.selectionEnd), false, true);
+        result.value = this._getMaskedValue(leftPartUnmasked + (args.insertedChars || "") + rightPartUnmasked, true);
+        if (!args.insertedChars && args.inputDirection === "backward") {
+            result.caretPosition = args.selectionStart;
+        }
+        else {
+            result.caretPosition = this._getMaskedValue(leftPart).length;
+        }
+        return result;
+    };
+    InputMaskPattern.prototype.getMaskedValue = function (src) {
+        return this._getMaskedValue(src, true);
+    };
+    InputMaskPattern.prototype.getUnmaskedValue = function (src) {
+        return this._getUnmaskedValue(src, true);
+    };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], InputMaskPattern.prototype, "pattern", void 0);
+    return InputMaskPattern;
+}(_mask_base__WEBPACK_IMPORTED_MODULE_2__["InputMaskBase"]));
+
+_jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("patternmask", [
+    { name: "pattern" },
+], function () {
+    return new InputMaskPattern();
+}, "masksettings");
+
+
+/***/ }),
+
+/***/ "./src/mask/mask_utils.ts":
+/*!********************************!*\
+  !*** ./src/mask/mask_utils.ts ***!
+  \********************************/
+/*! exports provided: numberDefinition */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "numberDefinition", function() { return numberDefinition; });
+var numberDefinition = /[0-9]/;
+
+
 /***/ }),
 
 /***/ "./src/multiSelectListModel.ts":
@@ -40590,7 +41844,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             vals.push(!onGetValueCallback ? value[i] : onGetValueCallback(i));
         }
         if (_helpers__WEBPACK_IMPORTED_MODULE_8__["Helpers"].isTwoValueEquals(this.value, vals)) {
-            this.getMultipleSelectedItems().forEach(function (item) { return strs.push(_this.getItemDisplayValue(item)); });
+            this.getMultipleSelectedItems().forEach(function (item, index) { return strs.push(_this.getItemDisplayValue(item, vals[index])); });
         }
         if (strs.length === 0) {
             for (var i = 0; i < vals.length; i++) {
@@ -40602,9 +41856,15 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         }
         return strs.join(", ");
     };
-    QuestionSelectBase.prototype.getItemDisplayValue = function (item) {
-        if (item === this.otherItem && this.comment)
-            return this.comment;
+    QuestionSelectBase.prototype.getItemDisplayValue = function (item, val) {
+        if (item === this.otherItem) {
+            if (this.hasOther && this.showCommentArea && !!val) {
+                return val;
+            }
+            if (this.comment) {
+                return this.comment;
+            }
+        }
         return item.locText.textOrHtml;
     };
     QuestionSelectBase.prototype.getFilteredChoices = function () {
@@ -40844,7 +42104,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
                 newValue = this.setOtherValueIntoValue(newValue);
             }
             else {
-                newComment = this.data.getComment(this.getValueName());
+                if (this.data) {
+                    newComment = this.data.getComment(this.getValueName());
+                }
             }
         }
         _super.prototype.updateValueFromSurvey.call(this, newValue, clearData);
@@ -45795,6 +47057,7 @@ var QuestionFileModel = /** @class */ (function (_super) {
             id: "sv-file-choose-file",
             iconSize: "auto",
             data: { question: _this },
+            enabledIf: function () { return !_this.isInputReadOnly; },
             component: "sv-file-choose-btn"
         });
         _this.startCameraAction = new _actions_action__WEBPACK_IMPORTED_MODULE_8__["Action"]({
@@ -61859,6 +63122,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./error */ "./src/error.ts");
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
 /* harmony import */ var _question_textbase__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./question_textbase */ "./src/question_textbase.ts");
+/* harmony import */ var _mask_input_element_adapter__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./mask/input_element_adapter */ "./src/mask/input_element_adapter.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -61874,6 +63138,13 @@ var __extends = (undefined && undefined.__extends) || (function () {
         d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
     };
 })();
+var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
 
 
 
@@ -61923,7 +63194,8 @@ var QuestionTextModel = /** @class */ (function (_super) {
             _this.onTextKeyDownHandler(event);
         };
         _this.onChange = function (event) {
-            if (event.target === _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].environment.root.activeElement) {
+            var elementIsFocused = event.target === _settings__WEBPACK_IMPORTED_MODULE_6__["settings"].environment.root.activeElement;
+            if (elementIsFocused) {
                 if (_this.isInputTextUpdate) {
                     _this.updateValueOnEvent(event);
                 }
@@ -61942,6 +63214,7 @@ var QuestionTextModel = /** @class */ (function (_super) {
         };
         _this.createLocalizableString("minErrorText", _this, true, "minError");
         _this.createLocalizableString("maxErrorText", _this, true, "maxError");
+        _this.setNewMaskSettingsProperty();
         _this.locDataListValue = new _localizablestring__WEBPACK_IMPORTED_MODULE_2__["LocalizableStrings"](_this);
         _this.locDataListValue.onValueChanged = function (oldValue, newValue) {
             _this.propertyValueChanged("dataList", oldValue, newValue);
@@ -61955,6 +63228,57 @@ var QuestionTextModel = /** @class */ (function (_super) {
         });
         return _this;
     }
+    QuestionTextModel.prototype.createMaskAdapter = function () {
+        if (!!this.input && !this.maskTypeIsEmpty) {
+            this.maskInputAdapter = new _mask_input_element_adapter__WEBPACK_IMPORTED_MODULE_8__["InputElementAdapter"](this.maskInstance, this.input, this.value);
+        }
+    };
+    QuestionTextModel.prototype.deleteMaskAdapter = function () {
+        if (this.maskInputAdapter) {
+            this.maskInputAdapter.dispose();
+            this.maskInputAdapter = undefined;
+        }
+    };
+    QuestionTextModel.prototype.updateMaskAdapter = function () {
+        this.deleteMaskAdapter();
+        this.createMaskAdapter();
+    };
+    QuestionTextModel.prototype.onSetMaskType = function (newValue) {
+        this.setNewMaskSettingsProperty();
+        this.updateMaskAdapter();
+    };
+    Object.defineProperty(QuestionTextModel.prototype, "maskTypeIsEmpty", {
+        get: function () {
+            return this.maskType === "none";
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionTextModel.prototype, "maskSettings", {
+        get: function () {
+            return this.getPropertyValue("maskSettings");
+        },
+        set: function (val) {
+            if (!val)
+                return;
+            this.setNewMaskSettingsProperty();
+            this.maskSettings.fromJSON(val.toJSON());
+            this.updateMaskAdapter();
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionTextModel.prototype.setNewMaskSettingsProperty = function () {
+        this.setPropertyValue("maskSettings", this.createMaskSettings());
+    };
+    QuestionTextModel.prototype.createMaskSettings = function () {
+        var maskClassName = (!this.maskType || this.maskType === "none") ? "masksettings" : (this.maskType + "mask");
+        if (!_jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].findClass(maskClassName)) {
+            maskClassName = "masksettings";
+        }
+        var inputMask = _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].createClass(maskClassName);
+        return inputMask;
+    };
     QuestionTextModel.prototype.isTextValue = function () {
         return ["text", "number", "password"].indexOf(this.inputType) > -1;
     };
@@ -62201,6 +63525,30 @@ var QuestionTextModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionTextModel.prototype, "maskInstance", {
+        get: function () {
+            return this.maskSettings;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionTextModel.prototype, "inputValue", {
+        get: function () {
+            return !this.maskTypeIsEmpty ? this.maskInstance.getMaskedValue(this.value) : this.value;
+        },
+        set: function (val) {
+            var value = val;
+            if (!this.maskTypeIsEmpty) {
+                value = this.maskInstance.getUnmaskedValue(val);
+                if (!!value && this.maskSettings.saveMaskedValue) {
+                    value = this.maskInstance.getMaskedValue(value);
+                }
+            }
+            this.value = value;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionTextModel.prototype.onCheckForErrors = function (errors, isOnValueChanged) {
         var _this = this;
         _super.prototype.onCheckForErrors.call(this, errors, isOnValueChanged);
@@ -62399,9 +63747,24 @@ var QuestionTextModel = /** @class */ (function (_super) {
     QuestionTextModel.prototype.updateValueOnEvent = function (event) {
         var newValue = event.target.value;
         if (!this.isTwoValueEquals(this.value, newValue)) {
-            this.value = newValue;
+            this.inputValue = newValue;
+        }
+    };
+    QuestionTextModel.prototype.afterRenderQuestionElement = function (el) {
+        if (!!el) {
+            this.input = el instanceof HTMLInputElement ? el : el.querySelector("input");
+            this.createMaskAdapter();
         }
+        _super.prototype.afterRenderQuestionElement.call(this, el);
     };
+    QuestionTextModel.prototype.beforeDestroyQuestionElement = function (el) {
+        this.deleteMaskAdapter();
+    };
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({
+            onSet: function (newValue, target) { target.onSetMaskType(newValue); }
+        })
+    ], QuestionTextModel.prototype, "maskType", void 0);
     return QuestionTextModel;
 }(_question_textbase__WEBPACK_IMPORTED_MODULE_7__["QuestionTextBase"]));
 
@@ -62565,6 +63928,30 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("text", [
             return isMinMaxType(obj);
         },
     },
+    {
+        name: "maskType:masktype",
+        default: "none",
+        visibleIndex: 0,
+        dependsOn: "inputType",
+        visibleIf: function (obj) {
+            return obj.inputType === "text";
+        }
+    },
+    {
+        name: "maskSettings:masksettings",
+        className: "masksettings",
+        visibleIndex: 1,
+        dependsOn: "inputType",
+        visibleIf: function (obj) {
+            return obj.inputType === "text";
+        },
+        onGetValue: function (obj) {
+            return obj.maskSettings.getData();
+        },
+        onSetValue: function (obj, value) {
+            obj.maskSettings.setData(value);
+        },
+    },
     {
         name: "step:number",
         dependsOn: "inputType",
@@ -63656,6 +65043,19 @@ var SurveyActionBar = /** @class */ (function (_super) {
             this.model.resetResponsivityManager();
         }
     };
+    SurveyActionBar.prototype.componentDidUpdate = function (prevProps, prevState) {
+        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
+        if (prevProps.model == this.props.model) {
+            return;
+        }
+        if (!!this.model.hasActions) {
+            this.model.resetResponsivityManager();
+            var container = this.rootRef.current;
+            if (!!container) {
+                this.model.initResponsivityManager(container, function (callback) { setTimeout(callback); });
+            }
+        }
+    };
     SurveyActionBar.prototype.getStateElement = function () {
         return this.model;
     };
@@ -72266,7 +73666,7 @@ var SurveyQuestionText = /** @class */ (function (_super) {
         var inputClass = this.question.getControlClass();
         var placeholder = this.question.renderedPlaceholder;
         if (this.question.isReadOnlyRenderDiv()) {
-            return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, this.question.value);
+            return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, this.question.inputValue);
         }
         var counter = !!this.question.getMaxLength() ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_character_counter__WEBPACK_IMPORTED_MODULE_3__["CharacterCounterComponent"], { counter: this.question.characterCounter, remainingCharacterCounter: this.question.cssClasses.remainingCharacterCounter })) : null;
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
@@ -72282,6 +73682,12 @@ var SurveyQuestionText = /** @class */ (function (_super) {
                 this.renderDataList()) :
             this.renderInput());
     };
+    SurveyQuestionText.prototype.setValueCore = function (newValue) {
+        this.question.inputValue = newValue;
+    };
+    SurveyQuestionText.prototype.getValueCore = function () {
+        return this.question.inputValue;
+    };
     SurveyQuestionText.prototype.renderDataList = function () {
         if (!this.question.dataListId)
             return null;
@@ -73870,7 +75276,16 @@ var settings = {
             "impp",
         ]
     },
-    legacyProgressBarView: false
+    legacyProgressBarView: false,
+    maskSettings: {
+        patternPlaceholderChar: "_",
+        patternEscapeChar: "\\",
+        patternDefinitions: {
+            "9": /[0-9]/,
+            "a": /[a-zA-Z]/,
+            "#": /[a-zA-Z0-9]/
+        }
+    }
 };
 
 
@@ -74533,13 +75948,25 @@ var SurveyElement = /** @class */ (function (_super) {
         if (!elementId || typeof root === "undefined")
             return false;
         var el = root.getElementById(elementId);
+        return SurveyElement.ScrollElementToViewCore(el, false, scrollIfVisible);
+    };
+    SurveyElement.ScrollElementToViewCore = function (el, checkLeft, scrollIfVisible) {
         if (!el || !el.scrollIntoView)
             return false;
-        var elemTop = scrollIfVisible ? -1 : el.getBoundingClientRect().top;
-        var needScroll = elemTop < 0;
-        if (!needScroll && !!window) {
+        var elTop = scrollIfVisible ? -1 : el.getBoundingClientRect().top;
+        var needScroll = elTop < 0;
+        var elLeft = -1;
+        if (!needScroll && checkLeft) {
+            elLeft = el.getBoundingClientRect().left;
+            needScroll = elLeft < 0;
+        }
+        if (!!window && !needScroll) {
             var height = window.innerHeight;
-            needScroll = height > 0 && height < elemTop;
+            needScroll = height > 0 && height < elTop;
+            if (!needScroll && checkLeft) {
+                var width = window.innerWidth;
+                needScroll = width > 0 && width < elLeft;
+            }
         }
         if (needScroll) {
             el.scrollIntoView();
@@ -74582,6 +76009,7 @@ var SurveyElement = /** @class */ (function (_super) {
         var el = root.getElementById(elementId);
         // https://stackoverflow.com/questions/19669786/check-if-element-is-visible-in-dom
         if (el && !el["disabled"] && el.style.display !== "none" && el.offsetParent !== null) {
+            SurveyElement.ScrollElementToViewCore(el, true, false);
             el.focus();
             return true;
         }
@@ -78959,6 +80387,9 @@ var SurveyModel = /** @class */ (function (_super) {
                 this.onEditingObjPropertyChanged = function (sender, options) {
                     if (!_jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].hasOriginalProperty(_this.editingObj, options.name))
                         return;
+                    if (options.name === "locale") {
+                        _this.setDataCore({});
+                    }
                     _this.updateOnSetValue(options.name, _this.editingObj[options.name], options.oldValue);
                 };
                 this.editingObj.onPropertyChanged.add(this.onEditingObjPropertyChanged);
@@ -80364,7 +81795,7 @@ var SurveyModel = /** @class */ (function (_super) {
             return;
         if (this.isShowingPreview) {
             this.runningPages = this.pages.slice(0, this.pages.length);
-            this.setupPagesForPageModes(true);
+            this.setupPagesForPageModes(true, false);
         }
         else {
             if (this.runningPages) {
@@ -80391,7 +81822,8 @@ var SurveyModel = /** @class */ (function (_super) {
             }
         }
     };
-    SurveyModel.prototype.onQuestionsOnPageModeChanged = function (oldValue) {
+    SurveyModel.prototype.onQuestionsOnPageModeChanged = function (oldValue, isFirstLoad) {
+        if (isFirstLoad === void 0) { isFirstLoad = false; }
         if (this.isShowingPreview)
             return;
         if (this.questionsOnPageMode == "standard" || this.isDesignMode) {
@@ -80404,7 +81836,7 @@ var SurveyModel = /** @class */ (function (_super) {
             if (!oldValue || oldValue == "standard") {
                 this.originalPages = this.pages.slice(0, this.pages.length);
             }
-            this.setupPagesForPageModes(this.isSinglePage);
+            this.setupPagesForPageModes(this.isSinglePage, isFirstLoad);
         }
         this.runConditions();
         this.updateVisibleIndexes();
@@ -80421,9 +81853,9 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.getPageStartIndex = function () {
         return this.firstPageIsStarted && this.pages.length > 0 ? 1 : 0;
     };
-    SurveyModel.prototype.setupPagesForPageModes = function (isSinglePage) {
+    SurveyModel.prototype.setupPagesForPageModes = function (isSinglePage, isFirstLoad) {
         this.questionHashesClear();
-        this.isCreatingPagesForPreview = true;
+        this.isLockingUpdateOnPageModes = !isFirstLoad;
         var startIndex = this.getPageStartIndex();
         _super.prototype.startLoadingFromJson.call(this);
         var newPages = this.createPagesForQuestionOnPageMode(isSinglePage, startIndex);
@@ -80438,7 +81870,7 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         this.doElementsOnLoad();
         this.updateCurrentPage();
-        this.isCreatingPagesForPreview = false;
+        this.isLockingUpdateOnPageModes = false;
     };
     SurveyModel.prototype.createPagesForQuestionOnPageMode = function (isSinglePage, startIndex) {
         if (isSinglePage) {
@@ -82310,7 +83742,7 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.endLoadingFromJson = function () {
         this.isEndLoadingFromJson = "processing";
         this.onFirstPageIsStartedChanged();
-        this.onQuestionsOnPageModeChanged("standard");
+        this.onQuestionsOnPageModeChanged("standard", true);
         _super.prototype.endLoadingFromJson.call(this);
         if (this.hasCookie) {
             this.isCompletedBefore = true;
@@ -82639,7 +84071,7 @@ var SurveyModel = /** @class */ (function (_super) {
     SurveyModel.prototype.setValue = function (name, newQuestionValue, locNotification, allowNotifyValueChanged, questionName) {
         if (locNotification === void 0) { locNotification = false; }
         if (allowNotifyValueChanged === void 0) { allowNotifyValueChanged = true; }
-        if (this.isCreatingPagesForPreview)
+        if (this.isLockingUpdateOnPageModes)
             return;
         var newValue = newQuestionValue;
         if (allowNotifyValueChanged) {