survey-creator-core 1.9.133 → 1.9.134

package/survey-creator-core.js

@@ -1,5 +1,5 @@
 /*!
- * SurveyJS Creator v1.9.133
+ * SurveyJS Creator v1.9.134
  * (c) 2015-2024 Devsoft Baltic OÜ - http://surveyjs.io/
  * Github: https://github.com/surveyjs/survey-creator
  * License: https://surveyjs.io/Licenses#SurveyCreator
@@ -130,7 +130,7 @@ License: MIT
 /***/ (function(module, exports, __webpack_require__) {
 
 /*!
- * 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)
  */
@@ -4720,15 +4720,8 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
         _this.actionContainer = new SurveyElementActionContainer();
         _this.actionContainer.dotsItem.iconSize = 16;
         _this.actionContainer.dotsItem.popupModel.horizontalPosition = "center";
-        var actions = [];
-        _this.buildActions(actions);
-        _this.setSurveyElement(surveyElement, false);
-        if (_this.surveyElement) {
-            _this.creator.sidebar.onPropertyChanged.add(_this.sidebarFlyoutModeChangedFunc);
-            _this.creator.onElementMenuItemsChanged(_this.surveyElement, actions);
-            _this.actionContainer.setItems(actions);
-            _this.updateActionsProperties();
-        }
+        _this.setSurveyElement(surveyElement);
+        _this.creator.sidebar.onPropertyChanged.add(_this.sidebarFlyoutModeChangedFunc);
         _this.setShowAddQuestionButton(true);
         return _this;
     }
@@ -4742,12 +4735,17 @@ var SurveyElementAdornerBase = /** @class */ (function (_super) {
             surveyElement.onPropertyChanged.add(this.selectedPropPageFunc);
         }
     };
-    SurveyElementAdornerBase.prototype.setSurveyElement = function (surveyElement, updateActions) {
-        if (updateActions === void 0) { updateActions = true; }
+    SurveyElementAdornerBase.prototype.setSurveyElement = function (surveyElement) {
         this.detachElement(this.surveyElement);
         this.surveyElement = surveyElement;
         this.attachElement(this.surveyElement);
-        if (updateActions) {
+        if (this.surveyElement) {
+            var actions = [];
+            this.buildActions(actions);
+            this.creator.onElementMenuItemsChanged(this.surveyElement, actions);
+            var prevActions = this.actionContainer.actions;
+            prevActions.forEach(function (action) { return action.dispose && action.dispose(); });
+            this.actionContainer.setItems(actions);
             this.updateActionsProperties();
         }
     };
@@ -8692,8 +8690,8 @@ var StringItemsNavigatorMatrix = /** @class */ (function (_super) {
             propertyName = "rows";
         }
         var newItem = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ItemValue"](Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["getNextValue"])(titleBase, items.map(function (i) { return i.value; })));
-        creator.onItemValueAddedCallback(this.question, propertyName, newItem, items);
         items.push(text || newItem);
+        creator.onItemValueAddedCallback(this.question, propertyName, newItem, items);
     };
     StringItemsNavigatorMatrix.prototype.getItemsPropertyName = function (items) {
         if (items == this.question.columns)
@@ -8717,8 +8715,8 @@ var StringItemsNavigatorMatrixDropdown = /** @class */ (function (_super) {
         if (text === void 0) { text = null; }
         if (items == this.question.columns) {
             var column = new survey_core__WEBPACK_IMPORTED_MODULE_1__["MatrixDropdownColumn"](text || Object(_utils_utils__WEBPACK_IMPORTED_MODULE_3__["getNextValue"])("Column ", items.map(function (i) { return i.value; })));
-            creator.onMatrixDropdownColumnAddedCallback(this.question, column, this.question.columns);
             this.question.columns.push(column);
+            creator.onMatrixDropdownColumnAddedCallback(this.question, column, this.question.columns);
         }
         if (items == this.question.rows)
             _super.prototype.addNewItem.call(this, creator, items, text);
@@ -18391,7 +18389,7 @@ var translationCss = {
 /*!********************************************!*\
   !*** ./src/components/tabs/translation.ts ***!
   \********************************************/
-/*! exports provided: TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, TranslationEditor, createImportCSVAction, createExportCSVAction */
+/*! exports provided: TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, TranslationForEditor, TranslationEditor, createImportCSVAction, createExportCSVAction */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -18401,6 +18399,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TranslationItem", function() { return TranslationItem; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TranslationGroup", function() { return TranslationGroup; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Translation", function() { return Translation; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TranslationForEditor", function() { return TranslationForEditor; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TranslationEditor", function() { return TranslationEditor; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createImportCSVAction", function() { return createImportCSVAction; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createExportCSVAction", function() { return createExportCSVAction; });
@@ -19189,16 +19188,19 @@ var Translation = /** @class */ (function (_super) {
         });
         res.onGetMatrixRowActions.add(function (sender, options) {
             Object(_utils_actions__WEBPACK_IMPORTED_MODULE_9__["updateMatrixRemoveAction"])(options.question, options.actions, options.row);
-            if (_this.options.getHasMachineTranslation() && Object(_utils_actions__WEBPACK_IMPORTED_MODULE_9__["findAction"])(options.actions, "remove-row")) {
+            if (_this.options.getHasMachineTranslation() && Object(_utils_actions__WEBPACK_IMPORTED_MODULE_9__["findAction"])(options.actions, "remove-row") &&
+                Array.isArray(options.question.value)) {
                 var q = options.question;
                 var rowIndex = q.visibleRows.indexOf(options.row);
-                var locale_1 = q.value[rowIndex].name;
-                options.actions.splice(0, 0, new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
-                    iconName: "icon-language",
-                    locTooltipName: "ed.translateUsigAI",
-                    location: "end",
-                    action: function () { return _this.showTranslationEditor(locale_1); }
-                }));
+                if (rowIndex >= 0 && rowIndex < q.value.length) {
+                    var locale_1 = q.value[rowIndex].name;
+                    options.actions.splice(0, 0, new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
+                        iconName: "icon-language",
+                        locTooltipName: "ed.translateUsigAI",
+                        location: "end",
+                        action: function () { return _this.showTranslationEditor(locale_1); }
+                    }));
+                }
             }
             Object(_utils_actions__WEBPACK_IMPORTED_MODULE_9__["updateMatixActionsClasses"])(options.actions);
         });
@@ -19290,6 +19292,9 @@ var Translation = /** @class */ (function (_super) {
         this.stringsHeaderSurvey = this.createStringsHeaderSurvey();
         this.updateReadOnly();
     };
+    Translation.prototype.getSurveyStringsArea = function () { return undefined; };
+    Translation.prototype.getSurveyStringsHeaderArea = function () { return undefined; };
+    Translation.prototype.onSurveyStringsCreated = function (survey) { };
     Translation.prototype.createStringsSurvey = function () {
         var _this = this;
         var json = { autoGrowComment: true, allowResizeComment: false };
@@ -19303,7 +19308,8 @@ var Translation = /** @class */ (function (_super) {
             _this.addTranslationGroupIntoStringsSurvey(survey.pages[0], _this.root);
             survey.data = _this.getStringsSurveyData(survey);
             survey.endLoadingFromJson();
-        });
+            _this.onSurveyStringsCreated(survey);
+        }, this.getSurveyStringsArea());
         var getTransationItem = function (question, rowName) {
             var itemValue = survey_core__WEBPACK_IMPORTED_MODULE_1__["ItemValue"].getItemByValue(question.rows, rowName);
             return !!itemValue ? itemValue["translationData"] : null;
@@ -19364,7 +19370,7 @@ var Translation = /** @class */ (function (_super) {
             _this.addLocaleColumns(matrix);
             newPage.addQuestion(matrix);
             survey.currentPage = survey.pages[0];
-        });
+        }, this.getSurveyStringsHeaderArea());
         return survey;
     };
     Translation.prototype.addTranslationGroupIntoStringsSurvey = function (panel, group) {
@@ -19858,17 +19864,38 @@ var Translation = /** @class */ (function (_super) {
     return Translation;
 }(survey_core__WEBPACK_IMPORTED_MODULE_1__["Base"]));
 
+var TranslationForEditor = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(TranslationForEditor, _super);
+    function TranslationForEditor(survey, options, surveyStringsCreatedCallback) {
+        var _this = _super.call(this, survey, options, true) || this;
+        _this.surveyStringsCreatedCallback = surveyStringsCreatedCallback;
+        return _this;
+    }
+    TranslationForEditor.prototype.getSurveyStringsArea = function () { return "translation-tab:table-popup-editor"; };
+    TranslationForEditor.prototype.getSurveyStringsHeaderArea = function () { return "translation-tab:table-header-popup-editor"; };
+    TranslationForEditor.prototype.onSurveyStringsCreated = function (survey) {
+        this.surveyStringsCreatedCallback(survey);
+    };
+    return TranslationForEditor;
+}(Translation));
+
 var TranslationEditor = /** @class */ (function () {
     function TranslationEditor(survey, locale, options) {
+        var _this = this;
         this.fromLocales = [];
         this.survey = survey;
         this.options = options;
         this.locale = locale;
-        this.translationValue = new Translation(this.survey, this.options, true);
+        this.translationValue = new TranslationForEditor(this.survey, this.options, function (survey) {
+            _this.setupNavigationButtons(survey);
+        });
         this.translation.setEditMode(this.locale);
         this.translation.reset();
         this.fillFromLocales();
-        this.setupNavigationButtons();
+        var action = this.translation.stringsSurvey.navigationBar.getActionById("svc-translation-fromlocale");
+        if (!!action) {
+            action.visible = this.fromLocales.length > 0;
+        }
     }
     Object.defineProperty(TranslationEditor.prototype, "translation", {
         get: function () { return this.translationValue; },
@@ -19976,15 +20003,12 @@ var TranslationEditor = /** @class */ (function () {
             item.fillLocales(_this.fromLocales);
         });
     };
-    TranslationEditor.prototype.setupNavigationButtons = function () {
+    TranslationEditor.prototype.setupNavigationButtons = function (survey) {
         var _this = this;
-        var survey = this.translation.stringsSurvey;
         var actions = survey.navigationBar.actions;
         actions.splice(0, actions.length);
         if (this.options.getHasMachineTranslation()) {
-            if (this.fromLocales.length > 0) {
-                survey.addNavigationItem(this.createLocaleFromAction());
-            }
+            survey.addNavigationItem(this.createLocaleFromAction());
             survey.addNavigationItem(new survey_core__WEBPACK_IMPORTED_MODULE_1__["Action"]({
                 id: "svc-translation-machine",
                 iconName: "icon-language",
@@ -21848,14 +21872,17 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
             el.name = _survey_helper__WEBPACK_IMPORTED_MODULE_9__["SurveyHelper"].getNewPageName(allElements);
         });
     };
+    SurveyCreatorModel.prototype.updateAddingExistingElements = function () {
+        return [].concat(this.survey.getAllQuestions(false, true)).concat(this.survey.getAllPanels());
+    };
     SurveyCreatorModel.prototype.updateAddingPanels = function (survey) {
-        this.updateAddingElements(survey, survey.getAllPanels(), this.survey.getAllPanels(), function (el, allElements) {
+        this.updateAddingElements(survey, survey.getAllPanels(), this.updateAddingExistingElements(), function (el, allElements) {
             el.name = _survey_helper__WEBPACK_IMPORTED_MODULE_9__["SurveyHelper"].getNewPanelName(allElements);
         });
     };
     SurveyCreatorModel.prototype.updateAddingQuestions = function (survey) {
         var logic = new _components_tabs_logic__WEBPACK_IMPORTED_MODULE_14__["SurveyLogic"](survey, this);
-        this.updateAddingElements(survey, survey.getAllQuestions(), this.survey.getAllQuestions(), function (el, allElements) {
+        this.updateAddingElements(survey, survey.getAllQuestions(false, true), this.updateAddingExistingElements(), function (el, allElements) {
             var oldName = el.name;
             el.name = _survey_helper__WEBPACK_IMPORTED_MODULE_9__["SurveyHelper"].getNewQuestionName(allElements);
             logic.renameQuestion(oldName, el.name);
@@ -22219,7 +22246,7 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         this.onGetObjectDisplayName.fire(this, options);
         return options.displayName;
     };
-    SurveyCreatorModel.prototype.createSurvey = function (json, reason, model, callback) {
+    SurveyCreatorModel.prototype.createSurvey = function (json, reason, model, callback, area) {
         var _a;
         var survey = this.createSurveyCore(json, reason);
         if (reason !== "designer" && reason !== "test") {
@@ -22238,10 +22265,11 @@ var SurveyCreatorModel = /** @class */ (function (_super) {
         if (callback) {
             callback(survey);
         }
+        area = area || this.getSurveyInstanceCreatedArea(reason);
         this.onSurveyInstanceCreated.fire(this, {
             survey: survey,
             reason: reason,
-            area: this.getSurveyInstanceCreatedArea(reason),
+            area: area,
             model: !!model ? model : (_a = this.currentPlugin) === null || _a === void 0 ? void 0 : _a.model
         });
         if (reason === "designer") {
@@ -24380,7 +24408,7 @@ var EmptySurveyCreatorOptions = /** @class */ (function () {
     };
     EmptySurveyCreatorOptions.prototype.startUndoRedoTransaction = function () { };
     EmptySurveyCreatorOptions.prototype.stopUndoRedoTransaction = function () { };
-    EmptySurveyCreatorOptions.prototype.createSurvey = function (json, reason, model, callback) {
+    EmptySurveyCreatorOptions.prototype.createSurvey = function (json, reason, model, callback, area) {
         var survey = new survey_core__WEBPACK_IMPORTED_MODULE_0__["SurveyModel"](json);
         if (!!callback) {
             callback(survey);
@@ -25284,9 +25312,9 @@ __webpack_require__.r(__webpack_exports__);
 
 var EditorLocalization = /** @class */ (function () {
     function EditorLocalization() {
+        this.defaultLocaleValue = "en";
+        this.currentLocaleValue = "";
         this.camelCaseBreaking = true;
-        this.defaultLocale = "en";
-        this.currentLocale = "";
         this.locales = {};
         this.peByClass = {};
         this.peHelpByClass = {};
@@ -25295,6 +25323,32 @@ var EditorLocalization = /** @class */ (function () {
         this.peByClass = {};
         this.peHelpByClass = {};
     };
+    Object.defineProperty(EditorLocalization.prototype, "defaultLocale", {
+        get: function () { return this.defaultLocaleValue; },
+        set: function (val) {
+            if (!val)
+                val = "en";
+            if (val !== this.defaultLocale) {
+                this.defaultLocaleValue = val;
+                this.reset();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(EditorLocalization.prototype, "currentLocale", {
+        get: function () { return this.currentLocaleValue; },
+        set: function (val) {
+            if (!val)
+                val = "";
+            if (val !== this.currentLocale) {
+                this.currentLocaleValue = val;
+                this.reset();
+            }
+        },
+        enumerable: false,
+        configurable: true
+    });
     EditorLocalization.prototype.getString = function (strName, locale) {
         if (locale === void 0) { locale = null; }
         if (!locale)
@@ -25646,7 +25700,7 @@ var __spreadArray = function (to, from) {
 /*!******************************!*\
   !*** ./src/entries/index.ts ***!
   \******************************/
-/*! exports provided: Version, enStrings, editorLocalization, defaultStrings, localization, QuestionConvertMode, settings, EmptySurveyCreatorOptions, CreatorAction, TabbedMenuItem, TabbedMenuContainer, ToolbarActionContainer, CreatorEvent, SurveyCreatorModel, CreatorBase, StylesManager, initializeDesignTimeSurveyModel, editableStringRendererName, getElementWrapperComponentName, getQuestionContentWrapperComponentName, getElementWrapperComponentData, getItemValueWrapperComponentName, getItemValueWrapperComponentData, isStringEditable, isTextInput, registerAdorner, removeAdorners, CreatorResponsivityManager, AceJsonEditorModel, TabJsonEditorAcePlugin, JsonEditorBaseModel, TabJsonEditorBasePlugin, TextareaJsonEditorModel, TabJsonEditorTextareaPlugin, TestSurveyTabViewModel, TabTestPlugin, updateColorSettingsJSON, createColor, updateBoxShadowSettingsJSON, createBoxShadow, createBoxShadowReset, parseBoxShadow, DefaultFonts, updateFontSettingsJSON, fontsettingsToCssVariable, fontsettingsFromCssVariable, updateElementSettingsJSON, elementSettingsToCssVariable, elementSettingsFromCssVariable, Themes, PredefinedThemes, PredefinedColors, getThemeFullName, getObjectDiffs, getThemeChanges, findSuitableTheme, ThemeEditorModel, ThemeTabPlugin, initLogicOperator, LogicEvent, SurveyLogic, TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, TranslationEditor, createImportCSVAction, createExportCSVAction, translationCss, TabTranslationPlugin, initialSettingsAllowShowEmptyTitleInDesignMode, TabDesignerViewModel, TabDesignerPlugin, SurveyLogicUI, TabLogicPlugin, logicCss, ToolboxToolViewModel, PageNavigatorViewModel, PageAdorner, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperEditSurvey, MatrixCellWrapperViewModel, SurveySimulatorModel, DEFAULT_MONITOR_DPI, simulatorDevices, SurveyResultsItemModel, SurveyResultsModel, LogoImageViewModel, StringItemsNavigatorBase, StringEditorConnector, StringEditorViewModelBase, QuestionEmbeddedSurveyModel, QuestionLinkValueModel, EditorLocalization, getLocString, SurveyJSON5, QuestionSpinEditorModel, QuestionColorModel, QuestionFileEditorModel, ResetValueAdorner, QuestionTextWithResetModel, QuestionCommentWithResetModel, setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridEditorColor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionCarryForward, PropertyGridEditorQuestionValue, PropertyGridEditorExpression, PropertyGridEditorCondition, PropertyGridEditorMatrix, PropertyGridEditorMatrixItemValues, PropertyGridEditorMatrixRateValues, PropertyGridEditorMatrixColumns, PropertyGridEditorMatrixPages, PropertyGridEditorMatrixCalculatedValues, PropertyGridEditorMatrixHtmlConditions, PropertyGridEditorMatrixUrlConditions, PropertyGridEditorMatrixMutlipleTextItems, PropertyGridEditorMatrixMultipleTypes, PropertyGridEditorMatrixValidators, PropertyGridEditorMatrixTriggers, PropertyGridEditorBindings, PropertyGridViewModel, ObjectSelectorItem, ObjectSelector, ObjectSelectorModel, PropertyGridEditorQuestionRestfull, PropertyGridValueEditorBase, PropertyGridCellsEditor, PropertyGridValueEditor, PropertyGridRowValueEditor, PropertyGridPanelValueEditor, PropertyGridTriggerValueEditor, PropertyGridTriggerValueInLogicEditor, SearchManager, propertyGridCss, QuestionConverter, svgBundle, SurveyTextWorkerError, SurveyTextWorkerParserError, SurveyTextWorkerJsonError, SurveyTextWorker, JsonDuplicateNameError, QuestionToolboxCategory, QuestionToolboxItem, QuestionToolbox, SidebarModel, SidebarTabModel, Switcher, getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, imageMimeTypes, getAcceptedTypesByContentMode, getQuestionFromObj, scrollElementIntoView, ingectAlpha, convertRgbaToString, parseRgbaFromString, parseColor, HSBToRGB, RGBToHSB, assign, ColorCalculator, saveToFileHandler, defaultPropertyGridDefinition, SurveyQuestionEditorDefinition, ObjType, SurveyHelper, ResizeManager, UndoRedoPlugin, undoRedoTransaction, ignoreUndoRedo, UndoRedoManager, Transaction, UndoRedoAction, UndoRedoArrayAction, PagesController */
+/*! exports provided: Version, enStrings, editorLocalization, defaultStrings, localization, QuestionConvertMode, settings, EmptySurveyCreatorOptions, CreatorAction, TabbedMenuItem, TabbedMenuContainer, ToolbarActionContainer, CreatorEvent, SurveyCreatorModel, CreatorBase, StylesManager, initializeDesignTimeSurveyModel, editableStringRendererName, getElementWrapperComponentName, getQuestionContentWrapperComponentName, getElementWrapperComponentData, getItemValueWrapperComponentName, getItemValueWrapperComponentData, isStringEditable, isTextInput, registerAdorner, removeAdorners, CreatorResponsivityManager, AceJsonEditorModel, TabJsonEditorAcePlugin, JsonEditorBaseModel, TabJsonEditorBasePlugin, TextareaJsonEditorModel, TabJsonEditorTextareaPlugin, TestSurveyTabViewModel, TabTestPlugin, updateColorSettingsJSON, createColor, updateBoxShadowSettingsJSON, createBoxShadow, createBoxShadowReset, parseBoxShadow, DefaultFonts, updateFontSettingsJSON, fontsettingsToCssVariable, fontsettingsFromCssVariable, updateElementSettingsJSON, elementSettingsToCssVariable, elementSettingsFromCssVariable, Themes, PredefinedThemes, PredefinedColors, getThemeFullName, getObjectDiffs, getThemeChanges, findSuitableTheme, ThemeEditorModel, ThemeTabPlugin, initLogicOperator, LogicEvent, SurveyLogic, TranslationItemBase, TranslationItemString, TranslationItem, TranslationGroup, Translation, TranslationForEditor, TranslationEditor, createImportCSVAction, createExportCSVAction, translationCss, TabTranslationPlugin, initialSettingsAllowShowEmptyTitleInDesignMode, TabDesignerViewModel, TabDesignerPlugin, SurveyLogicUI, TabLogicPlugin, logicCss, ToolboxToolViewModel, PageNavigatorViewModel, PageAdorner, RowViewModel, QuestionAdornerViewModel, QuestionDropdownAdornerViewModel, QuestionImageAdornerViewModel, QuestionRatingAdornerViewModel, ItemValueWrapperViewModel, ImageItemValueWrapperViewModel, MatrixCellWrapperEditSurvey, MatrixCellWrapperViewModel, SurveySimulatorModel, DEFAULT_MONITOR_DPI, simulatorDevices, SurveyResultsItemModel, SurveyResultsModel, LogoImageViewModel, StringItemsNavigatorBase, StringEditorConnector, StringEditorViewModelBase, QuestionEmbeddedSurveyModel, QuestionLinkValueModel, EditorLocalization, getLocString, SurveyJSON5, QuestionSpinEditorModel, QuestionColorModel, QuestionFileEditorModel, ResetValueAdorner, QuestionTextWithResetModel, QuestionCommentWithResetModel, setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridEditorDateTime, PropertyGridLinkEditor, PropertyGridEditorColor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionCarryForward, PropertyGridEditorQuestionValue, PropertyGridEditorExpression, PropertyGridEditorCondition, PropertyGridEditorMatrix, PropertyGridEditorMatrixItemValues, PropertyGridEditorMatrixRateValues, PropertyGridEditorMatrixColumns, PropertyGridEditorMatrixPages, PropertyGridEditorMatrixCalculatedValues, PropertyGridEditorMatrixHtmlConditions, PropertyGridEditorMatrixUrlConditions, PropertyGridEditorMatrixMutlipleTextItems, PropertyGridEditorMatrixMultipleTypes, PropertyGridEditorMatrixValidators, PropertyGridEditorMatrixTriggers, PropertyGridEditorBindings, PropertyGridViewModel, ObjectSelectorItem, ObjectSelector, ObjectSelectorModel, PropertyGridEditorQuestionRestfull, PropertyGridValueEditorBase, PropertyGridCellsEditor, PropertyGridValueEditor, PropertyGridRowValueEditor, PropertyGridPanelValueEditor, PropertyGridTriggerValueEditor, PropertyGridTriggerValueInLogicEditor, SearchManager, PropertyGridEditorQuestionMaskSettings, PropertyGridEditorMaskType, propertyGridCss, QuestionConverter, svgBundle, SurveyTextWorkerError, SurveyTextWorkerParserError, SurveyTextWorkerJsonError, SurveyTextWorker, JsonDuplicateNameError, QuestionToolboxCategory, QuestionToolboxItem, QuestionToolbox, SidebarModel, SidebarTabModel, Switcher, getNextItemValue, getNextItemText, getNextValue, findParentNode, focusFirstControl, getFirstNonTextElement, getNodesFromKoComponentInfo, propertyExists, isPropertyVisible, toggleHovered, clearNewLines, select, copyObject, copyCssClasses, assignDefaultV2Classes, wrapTextByCurlyBraces, capitalize, notShortCircuitAnd, imageMimeTypes, getAcceptedTypesByContentMode, getQuestionFromObj, scrollElementIntoView, ingectAlpha, convertRgbaToString, parseRgbaFromString, parseColor, HSBToRGB, RGBToHSB, assign, ColorCalculator, saveToFileHandler, defaultPropertyGridDefinition, SurveyQuestionEditorDefinition, ObjType, SurveyHelper, ResizeManager, UndoRedoPlugin, undoRedoTransaction, ignoreUndoRedo, UndoRedoManager, Transaction, UndoRedoAction, UndoRedoArrayAction, PagesController */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -25802,6 +25856,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Translation", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_19__["Translation"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationForEditor", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_19__["TranslationForEditor"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TranslationEditor", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_19__["TranslationEditor"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createImportCSVAction", function() { return _components_tabs_translation__WEBPACK_IMPORTED_MODULE_19__["createImportCSVAction"]; });
@@ -25938,6 +25994,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorString", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_49__["PropertyGridEditorString"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorDateTime", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_49__["PropertyGridEditorDateTime"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridLinkEditor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_49__["PropertyGridLinkEditor"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorColor", function() { return _property_grid__WEBPACK_IMPORTED_MODULE_49__["PropertyGridEditorColor"]; });
@@ -26030,142 +26088,147 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _property_grid_search_manager__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../property-grid/search-manager */ "./src/property-grid/search-manager.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SearchManager", function() { return _property_grid_search_manager__WEBPACK_IMPORTED_MODULE_57__["SearchManager"]; });
 
-/* harmony import */ var _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../property-grid-theme/property-grid */ "./src/property-grid-theme/property-grid.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "propertyGridCss", function() { return _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_58__["propertyGridCss"]; });
+/* harmony import */ var _property_grid_maskSettings__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../property-grid/maskSettings */ "./src/property-grid/maskSettings.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestionMaskSettings", function() { return _property_grid_maskSettings__WEBPACK_IMPORTED_MODULE_58__["PropertyGridEditorQuestionMaskSettings"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMaskType", function() { return _property_grid_maskSettings__WEBPACK_IMPORTED_MODULE_58__["PropertyGridEditorMaskType"]; });
 
-/* harmony import */ var _questionconverter__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../questionconverter */ "./src/questionconverter.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionConverter", function() { return _questionconverter__WEBPACK_IMPORTED_MODULE_59__["QuestionConverter"]; });
+/* harmony import */ var _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../property-grid-theme/property-grid */ "./src/property-grid-theme/property-grid.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "propertyGridCss", function() { return _property_grid_theme_property_grid__WEBPACK_IMPORTED_MODULE_59__["propertyGridCss"]; });
 
-/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../svgbundle */ "./src/svgbundle.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return _svgbundle__WEBPACK_IMPORTED_MODULE_60__["svgBundle"]; });
+/* harmony import */ var _questionconverter__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../questionconverter */ "./src/questionconverter.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionConverter", function() { return _questionconverter__WEBPACK_IMPORTED_MODULE_60__["QuestionConverter"]; });
 
-/* harmony import */ var _textWorker__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../textWorker */ "./src/textWorker.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorkerError", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_61__["SurveyTextWorkerError"]; });
+/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../svgbundle */ "./src/svgbundle.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "svgBundle", function() { return _svgbundle__WEBPACK_IMPORTED_MODULE_61__["svgBundle"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorkerParserError", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_61__["SurveyTextWorkerParserError"]; });
+/* harmony import */ var _textWorker__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../textWorker */ "./src/textWorker.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorkerError", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_62__["SurveyTextWorkerError"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorkerJsonError", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_61__["SurveyTextWorkerJsonError"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorkerParserError", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_62__["SurveyTextWorkerParserError"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorker", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_61__["SurveyTextWorker"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorkerJsonError", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_62__["SurveyTextWorkerJsonError"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "JsonDuplicateNameError", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_61__["JsonDuplicateNameError"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTextWorker", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_62__["SurveyTextWorker"]; });
 
-/* harmony import */ var _toolbox__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../toolbox */ "./src/toolbox.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxCategory", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_62__["QuestionToolboxCategory"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "JsonDuplicateNameError", function() { return _textWorker__WEBPACK_IMPORTED_MODULE_62__["JsonDuplicateNameError"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxItem", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_62__["QuestionToolboxItem"]; });
+/* harmony import */ var _toolbox__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../toolbox */ "./src/toolbox.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxCategory", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_63__["QuestionToolboxCategory"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolbox", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_62__["QuestionToolbox"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolboxItem", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_63__["QuestionToolboxItem"]; });
 
-/* harmony import */ var _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../components/side-bar/side-bar-model */ "./src/components/side-bar/side-bar-model.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SidebarModel", function() { return _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_63__["SidebarModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionToolbox", function() { return _toolbox__WEBPACK_IMPORTED_MODULE_63__["QuestionToolbox"]; });
 
-/* harmony import */ var _components_side_bar_side_bar_tab_model__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../components/side-bar/side-bar-tab-model */ "./src/components/side-bar/side-bar-tab-model.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SidebarTabModel", function() { return _components_side_bar_side_bar_tab_model__WEBPACK_IMPORTED_MODULE_64__["SidebarTabModel"]; });
+/* harmony import */ var _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../components/side-bar/side-bar-model */ "./src/components/side-bar/side-bar-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SidebarModel", function() { return _components_side_bar_side_bar_model__WEBPACK_IMPORTED_MODULE_64__["SidebarModel"]; });
 
-/* harmony import */ var _components_switcher_switcher__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../components/switcher/switcher */ "./src/components/switcher/switcher.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Switcher", function() { return _components_switcher_switcher__WEBPACK_IMPORTED_MODULE_65__["Switcher"]; });
+/* harmony import */ var _components_side_bar_side_bar_tab_model__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../components/side-bar/side-bar-tab-model */ "./src/components/side-bar/side-bar-tab-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SidebarTabModel", function() { return _components_side_bar_side_bar_tab_model__WEBPACK_IMPORTED_MODULE_65__["SidebarTabModel"]; });
 
-/* harmony import */ var _utils_events__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../utils/events */ "./src/utils/events.ts");
-/* empty/unused harmony star reexport *//* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["getNextItemValue"]; });
+/* harmony import */ var _components_switcher_switcher__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../components/switcher/switcher */ "./src/components/switcher/switcher.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Switcher", function() { return _components_switcher_switcher__WEBPACK_IMPORTED_MODULE_66__["Switcher"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemText", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["getNextItemText"]; });
+/* harmony import */ var _utils_events__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../utils/events */ "./src/utils/events.ts");
+/* empty/unused harmony star reexport *//* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../utils/utils */ "./src/utils/utils.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["getNextItemValue"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["getNextValue"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextItemText", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["getNextItemText"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findParentNode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["findParentNode"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNextValue", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["getNextValue"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "focusFirstControl", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["focusFirstControl"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "findParentNode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["findParentNode"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFirstNonTextElement", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["getFirstNonTextElement"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "focusFirstControl", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["focusFirstControl"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNodesFromKoComponentInfo", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["getNodesFromKoComponentInfo"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getFirstNonTextElement", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["getFirstNonTextElement"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "propertyExists", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["propertyExists"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getNodesFromKoComponentInfo", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["getNodesFromKoComponentInfo"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isPropertyVisible", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["isPropertyVisible"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "propertyExists", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["propertyExists"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "toggleHovered", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["toggleHovered"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "isPropertyVisible", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["isPropertyVisible"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "clearNewLines", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["clearNewLines"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "toggleHovered", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["toggleHovered"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "select", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["select"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "clearNewLines", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["clearNewLines"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "copyObject", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["copyObject"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "select", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["select"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "copyCssClasses", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["copyCssClasses"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "copyObject", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["copyObject"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "assignDefaultV2Classes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["assignDefaultV2Classes"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "copyCssClasses", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["copyCssClasses"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "wrapTextByCurlyBraces", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["wrapTextByCurlyBraces"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "assignDefaultV2Classes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["assignDefaultV2Classes"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "capitalize", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["capitalize"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "wrapTextByCurlyBraces", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["wrapTextByCurlyBraces"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "notShortCircuitAnd", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["notShortCircuitAnd"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "capitalize", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["capitalize"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "imageMimeTypes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["imageMimeTypes"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "notShortCircuitAnd", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["notShortCircuitAnd"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getAcceptedTypesByContentMode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["getAcceptedTypesByContentMode"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "imageMimeTypes", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["imageMimeTypes"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getQuestionFromObj", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["getQuestionFromObj"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getAcceptedTypesByContentMode", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["getAcceptedTypesByContentMode"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "scrollElementIntoView", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["scrollElementIntoView"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "getQuestionFromObj", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["getQuestionFromObj"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ingectAlpha", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["ingectAlpha"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "scrollElementIntoView", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["scrollElementIntoView"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "convertRgbaToString", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["convertRgbaToString"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ingectAlpha", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["ingectAlpha"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseRgbaFromString", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["parseRgbaFromString"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "convertRgbaToString", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["convertRgbaToString"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseColor", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["parseColor"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseRgbaFromString", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["parseRgbaFromString"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HSBToRGB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["HSBToRGB"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "parseColor", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["parseColor"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RGBToHSB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["RGBToHSB"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "HSBToRGB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["HSBToRGB"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "assign", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["assign"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "RGBToHSB", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["RGBToHSB"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColorCalculator", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["ColorCalculator"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "assign", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["assign"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "saveToFileHandler", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_67__["saveToFileHandler"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ColorCalculator", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["ColorCalculator"]; });
 
-/* harmony import */ var _question_editor_definition__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../question-editor/definition */ "./src/question-editor/definition.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultPropertyGridDefinition", function() { return _question_editor_definition__WEBPACK_IMPORTED_MODULE_68__["defaultPropertyGridDefinition"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "saveToFileHandler", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_68__["saveToFileHandler"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return _question_editor_definition__WEBPACK_IMPORTED_MODULE_68__["SurveyQuestionEditorDefinition"]; });
+/* harmony import */ var _question_editor_definition__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../question-editor/definition */ "./src/question-editor/definition.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultPropertyGridDefinition", function() { return _question_editor_definition__WEBPACK_IMPORTED_MODULE_69__["defaultPropertyGridDefinition"]; });
 
-/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjType", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_69__["ObjType"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionEditorDefinition", function() { return _question_editor_definition__WEBPACK_IMPORTED_MODULE_69__["SurveyQuestionEditorDefinition"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyHelper", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_69__["SurveyHelper"]; });
+/* harmony import */ var _survey_helper__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../survey-helper */ "./src/survey-helper.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ObjType", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_70__["ObjType"]; });
 
-/* harmony import */ var _utils_resizer__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../utils/resizer */ "./src/utils/resizer.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResizeManager", function() { return _utils_resizer__WEBPACK_IMPORTED_MODULE_70__["ResizeManager"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyHelper", function() { return _survey_helper__WEBPACK_IMPORTED_MODULE_70__["SurveyHelper"]; });
 
-/* harmony import */ var _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../plugins/undo-redo */ "./src/plugins/undo-redo/index.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoPlugin", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_71__["UndoRedoPlugin"]; });
+/* harmony import */ var _utils_resizer__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../utils/resizer */ "./src/utils/resizer.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ResizeManager", function() { return _utils_resizer__WEBPACK_IMPORTED_MODULE_71__["ResizeManager"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "undoRedoTransaction", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_71__["undoRedoTransaction"]; });
+/* harmony import */ var _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../plugins/undo-redo */ "./src/plugins/undo-redo/index.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoPlugin", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_72__["UndoRedoPlugin"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ignoreUndoRedo", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_71__["ignoreUndoRedo"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "undoRedoTransaction", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_72__["undoRedoTransaction"]; });
 
-/* harmony import */ var _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../plugins/undo-redo/undo-redo-manager */ "./src/plugins/undo-redo/undo-redo-manager.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoManager", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_72__["UndoRedoManager"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ignoreUndoRedo", function() { return _plugins_undo_redo__WEBPACK_IMPORTED_MODULE_72__["ignoreUndoRedo"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Transaction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_72__["Transaction"]; });
+/* harmony import */ var _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../plugins/undo-redo/undo-redo-manager */ "./src/plugins/undo-redo/undo-redo-manager.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoManager", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_73__["UndoRedoManager"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_72__["UndoRedoAction"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Transaction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_73__["Transaction"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoArrayAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_72__["UndoRedoArrayAction"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_73__["UndoRedoAction"]; });
 
-/* harmony import */ var _pages_controller__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../pages-controller */ "./src/pages-controller.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PagesController", function() { return _pages_controller__WEBPACK_IMPORTED_MODULE_73__["PagesController"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "UndoRedoArrayAction", function() { return _plugins_undo_redo_undo_redo_manager__WEBPACK_IMPORTED_MODULE_73__["UndoRedoArrayAction"]; });
 
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! survey-core */ "survey-core");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_74___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_74__);
+/* harmony import */ var _pages_controller__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../pages-controller */ "./src/pages-controller.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PagesController", function() { return _pages_controller__WEBPACK_IMPORTED_MODULE_74__["PagesController"]; });
+
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_75___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_75__);
 var Version;
-Version = "" + "1.9.133";
+Version = "" + "1.9.134";
 //should be loaded before other styles for easier override 
 __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-button.scss");
 
@@ -26243,6 +26306,7 @@ __webpack_require__(/*! ../utils/context-button.scss */ "./src/utils/context-but
 
 
 
+
 
 
 __webpack_require__(/*! ../components/property-panel/property-panel-item.scss */ "./src/components/property-panel/property-panel-item.scss");
@@ -26257,8 +26321,8 @@ __webpack_require__(/*! ../property-grid-theme/property-grid.scss */ "./src/prop
 __webpack_require__(/*! ../utils/design.scss */ "./src/utils/design.scss");
 __webpack_require__(/*! ../utils/layout.scss */ "./src/utils/layout.scss");
 
-survey_core__WEBPACK_IMPORTED_MODULE_74__["settings"].supportCreatorV2 = true;
-Object(survey_core__WEBPACK_IMPORTED_MODULE_74__["checkLibraryVersion"])("" + "1.9.133", "survey-creator-core");
+survey_core__WEBPACK_IMPORTED_MODULE_75__["settings"].supportCreatorV2 = true;
+Object(survey_core__WEBPACK_IMPORTED_MODULE_75__["checkLibraryVersion"])("" + "1.9.134", "survey-creator-core");
 
 
 /***/ }),
@@ -28777,6 +28841,28 @@ var enStrings = {
             name: "Name",
             title: "Title",
         },
+        masksettings: {
+            saveMaskedValue: "Save masked value in survey results",
+        },
+        patternmask: {
+            pattern: "Value pattern"
+        },
+        datetimemask: {
+            min: "Minimum value",
+            max: "Maximum value"
+        },
+        numericmask: {
+            allowNegativeValues: "Allow negative values",
+            thousandsSeparator: "Thousands separator",
+            decimalSeparator: "Decimal separator",
+            precision: "Value precision",
+            min: "Minimum value",
+            max: "Maximum value",
+        },
+        currencymask: {
+            prefix: "Currency prefix",
+            suffix: "Currency suffix"
+        },
         imageHeight: "Display area height",
         imageWidth: "Display area width",
         valueName: "Join identifier",
@@ -29017,6 +29103,13 @@ var enStrings = {
         autoGrowComment: "Auto-expand text areas",
         allowResizeComment: "Allow users to resize text areas",
         textUpdateMode: "Update input field values",
+        maskType: "Input mask type",
+        maskTypes: {
+            patternmask: "Pattern",
+            numericmask: "Numeric",
+            datetimemask: "Date and Time",
+            currencymask: "Currency",
+        },
         focusOnFirstError: "Set focus on the first invalid answer",
         checkErrorsMode: "Run validation",
         navigateToUrl: "Redirect to an external link after submission",
@@ -29141,6 +29234,7 @@ var enStrings = {
             templateTitle: "Title template",
             totals: "Totals",
             logic: "Conditions",
+            mask: "Input Mask Settings",
             layout: {
                 panel: "Panel Layout",
                 question: "Layout",
@@ -29205,6 +29299,10 @@ var enStrings = {
         width_placeholder: "Ex.: 6in",
         minWidth_placeholder: "Ex.: 600px",
         maxWidth_placeholder: "Ex.: 50%",
+        pattern_placeholder: "Ex.: +1(999)-999-99-99",
+        datetimepattern_placeholder: "Ex.: mm/dd/yyyy",
+        currencyprefix_placeholder: "Ex.: $",
+        currencysuffix_placeholder: "Ex.: USD",
     },
     // Property values
     pv: {
@@ -29689,7 +29787,25 @@ var enStrings = {
         autocomplete: "Select the data type that the user's browser can retrieve. This data is sourced either from past values entered by the user or from pre-configured values if any have been saved by the user for autocompletion.",
         filePlaceholder: "Applies when \"File source type\" is \"Local file\" or when camera is unavailable",
         photoPlaceholder: "Applies when \"File source type\" is \"Camera\".",
-        fileOrPhotoPlaceholder: "Applies when \"File source type\" is \"Local file or camera\"."
+        fileOrPhotoPlaceholder: "Applies when \"File source type\" is \"Local file or camera\".",
+        masksettings: {
+            saveMaskedValue: "Select if you want to store the question value with an applied mask in survey results.",
+        },
+        patternmask: {
+            pattern: "The pattern can contain string literals and the following placeholders: `9` - for a digit; `a` - for an upper- or lower-case letter; `#` - for a digit or an upper- or lower-case letter. Use backslash `\\` to escape a character.",
+        },
+        datetimemask: {
+            pattern: "The pattern can contain separator characters and the following placeholders: `m` - for month number; `mm` - for month number, with leading zero for single-digit values; `d` - for day of the month; `dd` - for day of the month, with leading zero for single-digit values; `yy` - for the last two digits of the year; `yyyy` - for a four-digit year.",
+        },
+        numericmask: {
+            decimalSeparator: "A symbol used to separate the fractional part from the integer part of a displayed number.",
+            thousandsSeparator: "A symbol used to separate the digits of a large number into groups of three.",
+            precision: "Limits how many digits to retain after the decimal point for a displayed number.",
+        },
+        currencymask: {
+            prefix: "One or several symbols to be displayed before the value.",
+            suffix: "One or several symbols to be displayed after the value."
+        },
     },
     // Properties
     p: {
@@ -30967,7 +31083,10 @@ var propertyGridCss = {
         content: "spg-question__content spg-question__nopadding spg-question-group"
     },
     propertygrid_restfull: {
-        content: "spg-question__content spg-question__nopadding"
+        content: "spg-question__content spg-question__nopadding spg-restfull"
+    },
+    propertygrid_masksettings: {
+        content: "spg-question__content spg-question__nopadding spg-masksettings"
     },
     saveData: {
         root: "",
@@ -32744,7 +32863,7 @@ var FastEntryEditor = /** @class */ (function (_super) {
 /*!************************************!*\
   !*** ./src/property-grid/index.ts ***!
   \************************************/
-/*! exports provided: setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridLinkEditor, PropertyGridEditorColor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionCarryForward, PropertyGridEditorQuestionValue */
+/*! exports provided: setSurveyJSONForPropertyGrid, PropertyEditorSetupValue, PropertyGridEditorCollection, PropertyGridTitleActionsCreator, PropertyJSONGenerator, PropertyGridModel, PropertyGridEditor, PropertyGridEditorBoolean, PropertyGridEditorStringBase, PropertyGridEditorString, PropertyGridEditorDateTime, PropertyGridLinkEditor, PropertyGridEditorColor, PropertyGridEditorNumber, PropertyGridEditorImageSize, PropertyGridEditorText, PropertyGridEditorHtml, PropertyGridEditorStringArray, PropertyGridEditorDropdown, PropertyGridEditorSet, PropertyGridEditorPage, PropertyGridEditorQuestion, PropertyGridEditorQuestionSelectBase, PropertyGridEditorQuestionCarryForward, PropertyGridEditorQuestionValue */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -32759,6 +32878,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorBoolean", function() { return PropertyGridEditorBoolean; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorStringBase", function() { return PropertyGridEditorStringBase; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorString", function() { return PropertyGridEditorString; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorDateTime", function() { return PropertyGridEditorDateTime; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridLinkEditor", function() { return PropertyGridLinkEditor; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorColor", function() { return PropertyGridEditorColor; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorNumber", function() { return PropertyGridEditorNumber; });
@@ -33155,7 +33275,7 @@ var PropertyJSONGenerator = /** @class */ (function () {
             var prop = props[q.name];
             q.property = prop;
             q.obj = this.obj;
-            q.options = this.options;
+            q.creatorOptions = this.options;
             var eventVisibility = this.getVisibilityOnEvent(prop);
             q.readOnly = q.readOnly || this.isPropertyReadOnly(prop);
             q.visible = q.visible && eventVisibility;
@@ -34035,6 +34155,24 @@ var PropertyGridEditorString = /** @class */ (function (_super) {
     return PropertyGridEditorString;
 }(PropertyGridEditorStringBase));
 
+var PropertyGridEditorDateTime = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(PropertyGridEditorDateTime, _super);
+    function PropertyGridEditorDateTime() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PropertyGridEditorDateTime.prototype.fit = function (prop) {
+        return prop.type == "datetime";
+    };
+    PropertyGridEditorDateTime.prototype.getJSON = function (obj, prop, options) {
+        var res = {
+            type: "text",
+            inputType: "date"
+        };
+        return res;
+    };
+    return PropertyGridEditorDateTime;
+}(PropertyGridEditor));
+
 var PropertyGridLinkEditor = /** @class */ (function (_super) {
     Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(PropertyGridLinkEditor, _super);
     function PropertyGridLinkEditor() {
@@ -34508,11 +34646,131 @@ PropertyGridEditorCollection.register(new PropertyGridEditorQuestionSelectBase()
 PropertyGridEditorCollection.register(new PropertyGridEditorQuestionCarryForward());
 PropertyGridEditorCollection.register(new PropertyGridEditorImageSize());
 PropertyGridEditorCollection.register(new PropertyGridEditorColor());
+PropertyGridEditorCollection.register(new PropertyGridEditorDateTime());
 survey_core__WEBPACK_IMPORTED_MODULE_1__["QuestionFactory"].Instance.registerQuestion("buttongroup", function (name) {
     return new survey_core__WEBPACK_IMPORTED_MODULE_1__["QuestionButtonGroupModel"](name);
 });
 
 
+/***/ }),
+
+/***/ "./src/property-grid/maskSettings.ts":
+/*!*******************************************!*\
+  !*** ./src/property-grid/maskSettings.ts ***!
+  \*******************************************/
+/*! exports provided: PropertyGridEditorQuestionMaskSettings, PropertyGridEditorMaskType */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorQuestionMaskSettings", function() { return PropertyGridEditorQuestionMaskSettings; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PropertyGridEditorMaskType", function() { return PropertyGridEditorMaskType; });
+/* harmony import */ var tslib__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! tslib */ "./src/entries/helpers.ts");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./index */ "./src/property-grid/index.ts");
+/* harmony import */ var _editorLocalization__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../editorLocalization */ "./src/editorLocalization.ts");
+
+
+
+
+var json = {
+    name: "propertygrid_masksettings",
+    showInToolbox: false,
+    internal: true,
+    createElements: function (panel) {
+        //tell ComponentCollection that it is composite question
+    }
+};
+if (!survey_core__WEBPACK_IMPORTED_MODULE_1__["ComponentCollection"].Instance.getCustomQuestionByName(json.name)) {
+    survey_core__WEBPACK_IMPORTED_MODULE_1__["ComponentCollection"].Instance.add(json);
+}
+var PropertyGridEditorQuestionMaskSettings = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(PropertyGridEditorQuestionMaskSettings, _super);
+    function PropertyGridEditorQuestionMaskSettings() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    PropertyGridEditorQuestionMaskSettings.prototype.fit = function (prop) {
+        return prop.type == "masksettings";
+    };
+    PropertyGridEditorQuestionMaskSettings.prototype.getJSON = function (obj, prop, options) {
+        return {
+            type: "propertygrid_masksettings",
+            titleLocation: "hidden"
+        };
+    };
+    PropertyGridEditorQuestionMaskSettings.prototype.onCreated = function (obj, question, prop, options) {
+        var masksettings = obj[prop.name];
+        this._propertyGrid = new _index__WEBPACK_IMPORTED_MODULE_2__["PropertyJSONGenerator"](masksettings, options, obj, prop);
+        this._prevMaskType = "";
+        var panel = question["contentPanel"];
+        this._previewQuestion = panel.addNewQuestion("html", "preview");
+        this.updatePanel(obj, question, prop);
+    };
+    PropertyGridEditorQuestionMaskSettings.prototype.onValueChanged = function (obj, prop, question) {
+        if (prop.name === "maskSettings") {
+            this.updatePanel(obj, question, prop);
+        }
+    };
+    PropertyGridEditorQuestionMaskSettings.prototype.updatePanel = function (obj, question, prop) {
+        var panel = question["contentPanel"];
+        var masksettings = obj[prop.name];
+        if (this._prevMaskType !== obj["maskType"]) {
+            this._propertyGrid.obj = masksettings;
+            this._propertyGrid.setupObjPanel(panel, true);
+            this._prevMaskType = obj["maskType"];
+        }
+        this.updatePreviewQuestion(masksettings, panel);
+    };
+    PropertyGridEditorQuestionMaskSettings.prototype.updatePreviewQuestion = function (masksettings, panel) {
+        this._previewQuestion.visible = masksettings.getType() === "masksettings";
+        if (!panel.getElementByName(this._previewQuestion.name)) {
+            panel.addElement(this._previewQuestion);
+        }
+    };
+    return PropertyGridEditorQuestionMaskSettings;
+}(_index__WEBPACK_IMPORTED_MODULE_2__["PropertyGridEditor"]));
+
+_index__WEBPACK_IMPORTED_MODULE_2__["PropertyGridEditorCollection"].register(new PropertyGridEditorQuestionMaskSettings());
+var PropertyGridEditorMaskType = /** @class */ (function (_super) {
+    Object(tslib__WEBPACK_IMPORTED_MODULE_0__["__extends"])(PropertyGridEditorMaskType, _super);
+    function PropertyGridEditorMaskType() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this._noneItem = { value: "none", text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("pv.none") };
+        return _this;
+    }
+    PropertyGridEditorMaskType.prototype.fit = function (prop) {
+        return prop.type == "masktype";
+    };
+    PropertyGridEditorMaskType.prototype.getJSON = function (obj, prop, options) {
+        var result = {
+            type: "dropdown",
+            // optionsCaption: editorLocalization.getString("pe.conditionSelectQuestion"),
+            default: this._noneItem.value,
+            allowClear: false,
+            searchEnabled: false,
+            choices: this.getChoices(obj, prop, options)
+        };
+        return result;
+    };
+    PropertyGridEditorMaskType.prototype.getChoices = function (obj, prop, options) {
+        var classes = survey_core__WEBPACK_IMPORTED_MODULE_1__["Serializer"].getChildrenClasses("masksettings") || [];
+        var choices = classes.map(function (cl) {
+            var value = cl.name;
+            if (cl.name.indexOf("mask") !== -1) {
+                value = value.slice(0, value.indexOf("mask"));
+            }
+            return { value: value, text: Object(_editorLocalization__WEBPACK_IMPORTED_MODULE_3__["getLocString"])("pe.maskTypes." + cl.name) };
+        });
+        choices.splice(0, 0, this._noneItem);
+        return choices;
+    };
+    return PropertyGridEditorMaskType;
+}(_index__WEBPACK_IMPORTED_MODULE_2__["PropertyGridEditor"]));
+
+_index__WEBPACK_IMPORTED_MODULE_2__["PropertyGridEditorCollection"].register(new PropertyGridEditorMaskType());
+
+
 /***/ }),
 
 /***/ "./src/property-grid/matrices.ts":
@@ -34805,11 +35063,11 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         };
         var q = matrix;
         matrix.onCreateDetailPanelCallback = function (row, panel) {
-            new _index__WEBPACK_IMPORTED_MODULE_6__["PropertyJSONGenerator"](row.editingObj, q.options, q.obj, q.property, propGridDefinition).setupObjPanel(panel, true);
+            new _index__WEBPACK_IMPORTED_MODULE_6__["PropertyJSONGenerator"](row.editingObj, q.creatorOptions, q.obj, q.property, propGridDefinition).setupObjPanel(panel, true);
         };
         matrix.allowRowsDragAndDrop = this.getAllowRowDragDrop(prop) && !matrix.isReadOnly;
-        if (!!q.options) {
-            this.setupUsingOptions(obj, matrix, q.options, prop);
+        if (!!q.creatorOptions) {
+            this.setupUsingOptions(obj, matrix, q.creatorOptions, prop);
         }
         if (!!prop.uniquePropertyName) {
             var column = matrix.getColumnByName(prop.uniquePropertyName);
@@ -34826,7 +35084,7 @@ var PropertyGridEditorMatrix = /** @class */ (function (_super) {
         if (!newObj)
             return true;
         var panel = new survey_core__WEBPACK_IMPORTED_MODULE_1__["PanelModel"]("");
-        new _index__WEBPACK_IMPORTED_MODULE_6__["PropertyJSONGenerator"](newObj, matrix.options, matrix.obj, prop, propGridDefinition).setupObjPanel(panel, true);
+        new _index__WEBPACK_IMPORTED_MODULE_6__["PropertyJSONGenerator"](newObj, matrix.creatorOptions, matrix.obj, prop, propGridDefinition).setupObjPanel(panel, true);
         return panel.elements.length > 0;
     };
     PropertyGridEditorMatrix.prototype.getJSON = function (obj, prop, options, propGridDefinition) {
@@ -36761,7 +37019,12 @@ var defaultProperties = {
             { name: "maxLength", tab: "validation" },
             { name: "minErrorText", tab: "validation" },
             { name: "maxErrorText", tab: "validation" },
-            { name: "textUpdateMode", tab: "data" }
+            { name: "textUpdateMode", tab: "data" },
+            { name: "maskType", tab: "mask" },
+            { name: "maskSettings", tab: "mask" },
+        ],
+        tabs: [
+            { name: "mask", index: 250 }
         ]
     },
     boolean: {
@@ -36917,9 +37180,14 @@ var defaultProperties = {
             "step",
             "placeholder",
             "dataList",
-            "maxLength"
+            "maxLength",
+            { name: "maskType", tab: "mask" },
+            { name: "maskSettings", tab: "mask" },
         ],
-        tabs: [{ name: "validators", index: 25 }]
+        tabs: [
+            { name: "mask", index: 20 },
+            { name: "validators", index: 25 }
+        ]
     },
     "matrixdropdowncolumn@comment": {
         properties: ["rows", "placeholder", "maxLength"],
@@ -37188,7 +37456,73 @@ var defaultProperties = {
             "titleName",
             "allowEmptyResponse"
         ]
-    }
+    },
+    "patternmask@maskSettings": {
+        properties: [
+            "pattern",
+            "saveMaskedValue",
+        ]
+    },
+    "datetimemask@maskSettings": {
+        properties: [
+            "pattern",
+            "min",
+            "max",
+            "saveMaskedValue",
+        ]
+    },
+    "numericmask@maskSettings": {
+        properties: [
+            "min",
+            "max",
+            "precision",
+            "decimalSeparator",
+            "thousandsSeparator",
+            "allowNegativeValues",
+            "saveMaskedValue",
+        ]
+    },
+    "currencymask@maskSettings": {
+        properties: [
+            "prefix",
+            "suffix",
+            "min",
+            "max",
+            "precision",
+            "decimalSeparator",
+            "thousandsSeparator",
+            "allowNegativeValues",
+            "saveMaskedValue",
+        ]
+    },
+    "patternmask": {
+        properties: [
+            {
+                name: "pattern",
+                placeholder: "pattern_placeholder"
+            },
+        ]
+    },
+    "datetimemask": {
+        properties: [
+            {
+                name: "pattern",
+                placeholder: "datetimepattern_placeholder"
+            },
+        ]
+    },
+    "currencymask": {
+        properties: [
+            {
+                name: "prefix",
+                placeholder: "currencyprefix_placeholder"
+            },
+            {
+                name: "suffix",
+                placeholder: "currencysuffix_placeholder"
+            },
+        ]
+    },
 };
 var defaultPropertyGridDefinition = {
     autoGenerateProperties: true,
@@ -37712,12 +38046,19 @@ var QuestionConverter = /** @class */ (function () {
         }
         QuestionConverter.convertInfo[className].push(convertToClassName);
     };
+    QuestionConverter.getConvertableClasses = function (className) {
+        var res = QuestionConverter.convertInfo[className];
+        if (!!Array.isArray(res) && res.indexOf(className) < 0) {
+            res.unshift(className);
+        }
+        return res;
+    };
     QuestionConverter.getConvertToClasses = function (className, availableTypes, includeCurrent) {
         if (availableTypes === void 0) { availableTypes = null; }
         if (includeCurrent === void 0) { includeCurrent = false; }
         var res = _creator_settings__WEBPACK_IMPORTED_MODULE_1__["settings"].questionConvertMode == _creator_settings__WEBPACK_IMPORTED_MODULE_1__["QuestionConvertMode"].AllTypes
             ? getAllQuestionTypes(className, includeCurrent)
-            : QuestionConverter.convertInfo[className];
+            : QuestionConverter.getConvertableClasses(className);
         if (!res)
             return [];
         if (Array.isArray(availableTypes) && availableTypes.length > 0) {