survey-react 1.9.123 → 1.9.124

package/survey.react.js

@@ -1,6 +1,6 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.123
- * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
+ * surveyjs - Survey JavaScript library v1.9.124
+ * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -1964,6 +1964,13 @@ var Base = /** @class */ (function () {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(Base.prototype, "isDesignModeV2", {
+        get: function () {
+            return _settings__WEBPACK_IMPORTED_MODULE_3__["settings"].supportCreatorV2 && this.isDesignMode;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(Base.prototype, "inSurvey", {
         /**
          * Returns `true` if the object is included in a survey.
@@ -2139,6 +2146,7 @@ var Base = /** @class */ (function () {
     Base.prototype.resetPropertyValue = function (name) {
         var locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
         if (locStr) {
+            this.setLocalizableStringText(name, undefined);
             locStr.clear();
         }
         else {
@@ -3152,6 +3160,10 @@ var ChoicesRestful = /** @class */ (function (_super) {
         _this.createItemValue = function (value) {
             return new _itemvalue__WEBPACK_IMPORTED_MODULE_1__["ItemValue"](value);
         };
+        _this.registerPropertyChangedHandlers(["url"], function () {
+            if (_this.owner)
+                _this.owner.setPropertyValue("isUsingRestful", !!_this.url);
+        });
         return _this;
     }
     Object.defineProperty(ChoicesRestful, "EncodeParameters", {
@@ -3444,7 +3456,7 @@ var ChoicesRestful = /** @class */ (function (_super) {
          * @see titleName
          */
         get: function () {
-            return this.getPropertyValue("url", "");
+            return this.getPropertyValue("url") || "";
         },
         set: function (val) {
             this.setPropertyValue("url", val);
@@ -3482,8 +3494,7 @@ var ChoicesRestful = /** @class */ (function (_super) {
          * @see titleName
          */
         get: function () {
-            var res = this.getPropertyValue("path");
-            return !!res ? res : "";
+            return this.getPropertyValue("path") || "";
         },
         set: function (val) {
             this.setPropertyValue("path", val);
@@ -6145,8 +6156,6 @@ var DragDropInfo = /** @class */ (function () {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DragDropPageHelperV1", function() { return DragDropPageHelperV1; });
 /* harmony import */ var _drag_drop_helper_v1__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./drag-drop-helper-v1 */ "./src/drag-drop-helper-v1.ts");
-/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
-
 
 var DragDropPageHelperV1 = /** @class */ (function () {
     function DragDropPageHelperV1(page) {
@@ -6244,7 +6253,7 @@ var DragDropPageHelperV1 = /** @class */ (function () {
         var elementsToResetSWNL = [];
         if (!isCancel && !!row) {
             var isSamePanel = false;
-            if (this.page.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].supportCreatorV2) {
+            if (this.page.isDesignModeV2) {
                 var srcRow = src && src.parent && src.parent.dragDropFindRow(src);
                 if (row.panel.elements[targetIndex] && row.panel.elements[targetIndex].startWithNewLine && row.elements.length > 1 && row.panel.elements[targetIndex] === dest) {
                     elementsToSetSWNL.push(target);
@@ -6263,8 +6272,8 @@ var DragDropPageHelperV1 = /** @class */ (function () {
                     elementsToResetSWNL.push(target);
                 }
             }
+            this.page.survey.startMovingQuestion();
             if (!!src && !!src.parent) {
-                this.page.survey.startMovingQuestion();
                 isSamePanel = row.panel == src.parent;
                 if (isSamePanel) {
                     row.panel.dragDropMoveElement(src, target, targetIndex);
@@ -6307,7 +6316,7 @@ var DragDropPageHelperV1 = /** @class */ (function () {
         var destination = this.dragDropInfo.destination;
         if (!this.dragDropCanDropCore(source, destination))
             return false;
-        if (this.page.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].supportCreatorV2) {
+        if (this.page.isDesignModeV2) {
             var rowSource = this.page.dragDropFindRow(source);
             var rowDestination = this.page.dragDropFindRow(destination);
             if (rowSource !== rowDestination) {
@@ -6373,8 +6382,6 @@ var DragDropPageHelperV1 = /** @class */ (function () {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DragDropPanelHelperV1", function() { return DragDropPanelHelperV1; });
 /* harmony import */ var _drag_drop_helper_v1__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./drag-drop-helper-v1 */ "./src/drag-drop-helper-v1.ts");
-/* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
-
 
 var DragDropPanelHelperV1 = /** @class */ (function () {
     function DragDropPanelHelperV1(panel) {
@@ -6479,7 +6486,7 @@ var DragDropPanelHelperV1 = /** @class */ (function () {
         var index = destRow.elements.indexOf(dragDropInfo.destination);
         if (index == 0 &&
             !dragDropInfo.isBottom) {
-            if (this.panel.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].supportCreatorV2) {
+            if (this.panel.isDesignModeV2) {
             }
             else if (destRow.elements[0].startWithNewLine) {
                 if (destRow.index > 0) {
@@ -6517,7 +6524,7 @@ var DragDropPanelHelperV1 = /** @class */ (function () {
     };
     DragDropPanelHelperV1.prototype.dragDropAddTargetToNewRow = function (dragDropInfo, destRow, prevRow) {
         var targetRow = destRow.panel.createRowAndSetLazy(destRow.panel.rows.length);
-        if (this.panel.isDesignMode && _settings__WEBPACK_IMPORTED_MODULE_1__["settings"].supportCreatorV2) {
+        if (this.panel.isDesignModeV2) {
             targetRow.setIsLazyRendering(false);
         }
         targetRow.addElement(dragDropInfo.target);
@@ -9443,8 +9450,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.123";
-ReleaseDate = "" + "2023-12-26";
+Version = "" + "1.9.124";
+ReleaseDate = "" + "2024-01-04";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -10567,7 +10574,7 @@ var defaultBootstrapMaterialCss = _plugins_themes_bootstrapmaterial_cssbootstrap
 /*!***************************************!*\
   !*** ./src/entries/react-ui-model.ts ***!
   \***************************************/
-/*! exports provided: Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
+/*! exports provided: Survey, attachKey2click, ReactSurveyElementsWrapper, SurveyNavigationBase, SurveyTimerPanel, SurveyPage, SurveyRow, SurveyPanel, SurveyFlowPanel, SurveyQuestion, SurveyElementErrors, SurveyQuestionAndErrorsCell, ReactSurveyElement, SurveyElementBase, SurveyQuestionElementBase, SurveyQuestionCommentItem, SurveyQuestionComment, SurveyQuestionCheckbox, SurveyQuestionCheckboxItem, SurveyQuestionRanking, SurveyQuestionRankingItem, RatingItem, RatingItemStar, RatingItemSmiley, RatingDropdownItem, TagboxFilterString, SurveyQuestionOptionItem, SurveyQuestionDropdownBase, SurveyQuestionDropdown, SurveyQuestionTagboxItem, SurveyQuestionTagbox, SurveyQuestionDropdownSelect, SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell, SurveyQuestionHtml, SurveyQuestionFile, SurveyFileChooseButton, SurveyFilePreview, SurveyQuestionMultipleText, SurveyQuestionRadiogroup, SurveyQuestionRadioItem, SurveyQuestionText, SurveyQuestionBoolean, SurveyQuestionBooleanCheckbox, SurveyQuestionBooleanRadio, SurveyQuestionEmpty, SurveyQuestionMatrixDropdownCell, SurveyQuestionMatrixDropdownBase, SurveyQuestionMatrixDropdown, SurveyQuestionMatrixDynamic, SurveyQuestionMatrixDynamicAddButton, SurveyQuestionPanelDynamic, SurveyProgress, SurveyProgressButtons, SurveyProgressToc, SurveyQuestionRating, SurveyQuestionRatingDropdown, SurveyQuestionExpression, PopupSurvey, SurveyWindow, ReactQuestionFactory, ReactElementFactory, SurveyQuestionImagePicker, SurveyQuestionImage, SurveyQuestionSignaturePad, SurveyQuestionButtonGroup, SurveyQuestionCustom, SurveyQuestionComposite, Popup, List, TitleActions, TitleElement, SurveyActionBar, LogoImage, SurveyHeader, SvgIcon, SurveyQuestionMatrixDynamicRemoveButton, SurveyQuestionMatrixDetailButton, SurveyQuestionMatrixDynamicDragDropIcon, SurveyQuestionPanelDynamicAddButton, SurveyQuestionPanelDynamicRemoveButton, SurveyQuestionPanelDynamicPrevButton, SurveyQuestionPanelDynamicNextButton, SurveyQuestionPanelDynamicProgressText, SurveyNavigationButton, MatrixRow, Skeleton, NotifierComponent, ComponentsContainer, CharacterCounterComponent, HeaderMobile, HeaderCell, Header, SurveyLocStringViewer, SurveyLocStringEditor, LoadingIndicatorComponent, SvgBundleComponent */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -10665,6 +10672,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixRow", function() { return _react_reactquestion_matrix__WEBPACK_IMPORTED_MODULE_24__["SurveyQuestionMatrixRow"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixCell", function() { return _react_reactquestion_matrix__WEBPACK_IMPORTED_MODULE_24__["SurveyQuestionMatrixCell"]; });
+
 /* harmony import */ var _react_reactquestion_html__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ../react/reactquestion_html */ "./src/react/reactquestion_html.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionHtml", function() { return _react_reactquestion_html__WEBPACK_IMPORTED_MODULE_25__["SurveyQuestionHtml"]; });
 
@@ -10939,7 +10948,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, 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, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, 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, 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, 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, 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, tryNavigateToPage, tryFocusPage, createTOCListModel, getTocRootCss, TOCModel, SurveyProgressModel, SurveyProgressButtonsModel, 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, 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 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -11460,6 +11469,8 @@ __webpack_require__.r(__webpack_exports__);
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixRow", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["SurveyQuestionMatrixRow"]; });
 
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixCell", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["SurveyQuestionMatrixCell"]; });
+
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionHtml", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["SurveyQuestionHtml"]; });
 
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionFile", function() { return _react_ui_model__WEBPACK_IMPORTED_MODULE_3__["SurveyQuestionFile"]; });
@@ -35729,8 +35740,7 @@ var Question = /** @class */ (function (_super) {
             if (this.forceIsInputReadOnly !== undefined) {
                 return this.forceIsInputReadOnly;
             }
-            var isDesignModeV2 = _settings__WEBPACK_IMPORTED_MODULE_8__["settings"].supportCreatorV2 && this.isDesignMode;
-            return this.isReadOnly || isDesignModeV2;
+            return this.isReadOnly || this.isDesignModeV2;
         },
         enumerable: false,
         configurable: true
@@ -37692,7 +37702,8 @@ var QuestionSelectBase = /** @class */ (function (_super) {
                 _this.onVisibleChoicesChanged();
             }
         });
-        _this.registerPropertyChangedHandlers(["choicesFromQuestion", "choicesFromQuestionMode", "choiceValuesFromQuestion", "choiceTextsFromQuestion", "showNoneItem"], function () {
+        _this.registerPropertyChangedHandlers(["choicesFromQuestion", "choicesFromQuestionMode", "choiceValuesFromQuestion",
+            "choiceTextsFromQuestion", "showNoneItem", "isUsingRestful"], function () {
             _this.onVisibleChoicesChanged();
         });
         _this.registerPropertyChangedHandlers(["hideIfChoicesEmpty"], function () {
@@ -37723,7 +37734,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     }
     Object.defineProperty(QuestionSelectBase.prototype, "waitingChoicesByURL", {
         get: function () {
-            return !this.isChoicesLoaded && !this.choicesByUrl.isEmpty;
+            return !this.isChoicesLoaded && this.hasChoicesUrl;
         },
         enumerable: false,
         configurable: true
@@ -37779,6 +37790,16 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         var mode = selBaseQuestion ? "select" : (arrayQuestion ? "array" : undefined);
         this.setPropertyValue("carryForwardQuestionType", mode);
     };
+    Object.defineProperty(QuestionSelectBase.prototype, "isUsingRestful", {
+        get: function () {
+            return this.getPropertyValueWithoutDefault("isUsingRestful") || false;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionSelectBase.prototype.updateIsUsingRestful = function () {
+        this.setPropertyValueDirectly("isUsingRestful", this.hasChoicesUrl);
+    };
     QuestionSelectBase.prototype.supportGoNextPageError = function () {
         return !this.isOtherSelected || !!this.otherValue;
     };
@@ -38286,7 +38307,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         var value = this.value;
         var valueArray = Array.isArray(value) ? value : [value];
         var hasItemWithoutValues = valueArray.some(function (val) { return !_itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getItemByValue(_this.choices, val); });
-        if (hasItemWithoutValues && (this.choicesLazyLoadEnabled || !this.choicesByUrl.isEmpty)) {
+        if (hasItemWithoutValues && (this.choicesLazyLoadEnabled || this.hasChoicesUrl)) {
             this.waitingGetChoiceDisplayValueResponse = true;
             this.updateIsReady();
             this.survey.getChoiceDisplayValue({
@@ -38676,7 +38697,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     QuestionSelectBase.prototype.addToVisibleChoices = function (items, isAddAll) {
         this.headItemsCount = 0;
         this.footItemsCount = 0;
-        this.addNewItemToVisibleChoices(items, isAddAll);
+        if (!this.hasChoicesUrl) {
+            this.addNewItemToVisibleChoices(items, isAddAll);
+        }
         var dict = new Array();
         this.addNonChoicesItems(dict, isAddAll);
         dict.sort(function (a, b) {
@@ -38738,8 +38761,8 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionSelectBase.prototype, "isAddDefaultItems", {
         get: function () {
-            return _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].supportCreatorV2 && _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].showDefaultItemsInCreatorV2 &&
-                this.isDesignMode && !this.customWidget && !this.isContentElement;
+            return _settings__WEBPACK_IMPORTED_MODULE_9__["settings"].showDefaultItemsInCreatorV2 && this.isDesignModeV2 &&
+                !this.customWidget && !this.isContentElement;
         },
         enumerable: false,
         configurable: true
@@ -38838,6 +38861,8 @@ var QuestionSelectBase = /** @class */ (function (_super) {
                 question.addDependedQuestion(this);
                 return this.getChoicesFromArrayQuestion(question);
             }
+            if (this.isDesignModeV2 && this.hasChoicesUrl)
+                return [];
             return this.choicesFromUrl ? this.choicesFromUrl : this.getChoices();
         },
         enumerable: false,
@@ -39000,7 +39025,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         return (this.storeOthersAsComment === true ||
             (this.storeOthersAsComment == "default" &&
                 (this.survey != null ? this.survey.storeOthersAsComment : true)) ||
-            (!this.choicesByUrl.isEmpty && !this.choicesFromUrl));
+            (this.hasChoicesUrl && !this.choicesFromUrl));
     };
     QuestionSelectBase.prototype.onSurveyLoad = function () {
         this.runChoicesByUrl();
@@ -39062,7 +39087,8 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         }
     };
     QuestionSelectBase.prototype.runChoicesByUrl = function () {
-        if (!this.choicesByUrl || this.isLoadingFromJson || this.isRunningChoices)
+        this.updateIsUsingRestful();
+        if (!this.choicesByUrl || this.isLoadingFromJson || this.isRunningChoices || this.isDesignModeV2)
             return;
         var processor = this.surveyImpl
             ? this.surveyImpl.getTextProcessor()
@@ -39236,6 +39262,13 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     QuestionSelectBase.prototype.randomizeArray = function (array) {
         return _helpers__WEBPACK_IMPORTED_MODULE_8__["Helpers"].randomizeArray(array);
     };
+    Object.defineProperty(QuestionSelectBase.prototype, "hasChoicesUrl", {
+        get: function () {
+            return this.choicesByUrl && !!this.choicesByUrl.url;
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionSelectBase.prototype.clearIncorrectValues = function () {
         if (!this.hasValueToClearIncorrectValues())
             return;
@@ -39244,8 +39277,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         if (!!this.survey &&
             this.survey.questionsByValueName(this.getValueName()).length > 1)
             return;
-        if (!!this.choicesByUrl &&
-            !this.choicesByUrl.isEmpty &&
+        if (this.hasChoicesUrl &&
             (!this.choicesFromUrl || this.choicesFromUrl.length == 0))
             return;
         if (this.clearIncorrectValuesCallback) {
@@ -41174,8 +41206,20 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
 _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].addClass("checkbox", [
     { name: "showSelectAllItem:boolean", alternativeName: "hasSelectAll" },
     { name: "separateSpecialChoices", visible: true },
-    { name: "maxSelectedChoices:number", default: 0 },
-    { name: "minSelectedChoices:number", default: 0 },
+    { name: "maxSelectedChoices:number", default: 0, onSettingValue: function (obj, val) {
+            if (val <= 0)
+                return 0;
+            var min = obj.minSelectedChoices;
+            return min > 0 && val < min ? min : val;
+        }
+    },
+    { name: "minSelectedChoices:number", default: 0, onSettingValue: function (obj, val) {
+            if (val <= 0)
+                return 0;
+            var max = obj.maxSelectedChoices;
+            return max > 0 && val > max ? max : val;
+        }
+    },
     {
         name: "selectAllText",
         serializationProperty: "locSelectAllText",
@@ -46121,6 +46165,23 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
     QuestionMatrixModel.prototype.getType = function () {
         return "matrix";
     };
+    Object.defineProperty(QuestionMatrixModel.prototype, "cellComponent", {
+        /**
+         * The name of a component used to render cells.
+         */
+        get: function () {
+            return this.getPropertyValue("cellComponent");
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionMatrixModel.prototype, "itemComponent", {
+        set: function (value) {
+            this.setPropertyValue("cellComponent", value);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionMatrixModel.prototype, "hasSingleInput", {
         get: function () {
             return false;
@@ -46544,6 +46605,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_3__["Serializer"].addClass("matrix", [
     },
     "isAllRowRequired:boolean",
     "hideIfRowsEmpty:boolean",
+    { name: "cellComponent", visible: false, default: "survey-matrix-cell" }
 ], function () {
     return new QuestionMatrixModel("");
 }, "matrixbase");
@@ -46841,6 +46903,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
 /* harmony import */ var _question_matrixdropdowncolumn__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./question_matrixdropdowncolumn */ "./src/question_matrixdropdowncolumn.ts");
 /* harmony import */ var _question_matrixdropdownrendered__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./question_matrixdropdownrendered */ "./src/question_matrixdropdownrendered.ts");
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -46870,6 +46933,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var MatrixDropdownCell = /** @class */ (function () {
     function MatrixDropdownCell(column, row, data) {
         this.column = column;
@@ -47217,12 +47281,17 @@ var MatrixDropdownRowModelBase = /** @class */ (function () {
         if (!!this.data) {
             values[MatrixDropdownRowModelBase.OwnerVariableName] = this.data.value;
         }
-        values[MatrixDropdownRowModelBase.IndexVariableName] = this.rowIndex;
+        var rowIndex = this.rowIndex;
+        values[MatrixDropdownRowModelBase.IndexVariableName] = rowIndex;
         values[MatrixDropdownRowModelBase.RowValueVariableName] = this.rowName;
         var newProps = _helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].createCopy(properties);
         newProps[MatrixDropdownRowModelBase.RowVariableName] = this;
+        var rowValues = rowIndex > 0 ? this.data.getRowValue(this.rowIndex - 1) : this.value;
         for (var i = 0; i < this.cells.length; i++) {
-            values[MatrixDropdownRowModelBase.RowVariableName] = this.value;
+            if (i > 0) {
+                Object(_utils_utils__WEBPACK_IMPORTED_MODULE_14__["mergeValues"])(this.value, rowValues);
+            }
+            values[MatrixDropdownRowModelBase.RowVariableName] = rowValues;
             this.cells[i].runCondition(values, newProps);
         }
         if (!!this.detailPanel) {
@@ -48366,7 +48435,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
             if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isArraysEqual(curVisibleChoices, newVisibleChoices, true, false, false))
                 return true;
         }
-        return curVis != column.isVisible;
+        return curVis !== column.isColumnVisible;
     };
     QuestionMatrixDropdownModelBase.prototype.updateNewVisibleChoices = function (q, dest) {
         var choices = q.visibleChoices;
@@ -50443,6 +50512,13 @@ var QuestionMatrixDropdownRenderedCell = /** @class */ (function () {
         this.classNameValue = "";
         this.idValue = QuestionMatrixDropdownRenderedCell.counter++;
     }
+    Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "requiredText", {
+        get: function () {
+            return this.column && this.column.isRenderedRequired ? this.column.requiredText : undefined;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionMatrixDropdownRenderedCell.prototype, "hasQuestion", {
         get: function () {
             return !!this.question && !this.isErrorsCell;
@@ -50777,9 +50853,9 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(QuestionMatrixDropdownRenderedTable.prototype, "allowRowsDragAndDrop", {
+    Object.defineProperty(QuestionMatrixDropdownRenderedTable.prototype, "isRowsDragAndDrop", {
         get: function () {
-            return this.matrix.allowRowsDragAndDrop && this.matrix.isColumnLayoutHorizontal;
+            return this.matrix.isRowsDragAndDrop && this.matrix.isColumnLayoutHorizontal;
         },
         enumerable: false,
         configurable: true
@@ -50938,7 +51014,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         if (!isShown)
             return;
         this.headerRowValue = this.createRenderedRow(this.cssClasses);
-        if (this.allowRowsDragAndDrop) {
+        if (this.isRowsDragAndDrop) {
             this.headerRow.cells.push(this.createHeaderCell(null, "action"));
         }
         if (this.hasActionCellInRows("start")) {
@@ -50982,7 +51058,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
         if (!this.showFooter)
             return;
         this.footerRowValue = this.createRenderedRow(this.cssClasses);
-        if (this.allowRowsDragAndDrop) {
+        if (this.isRowsDragAndDrop) {
             this.footerRow.cells.push(this.createHeaderCell(null));
         }
         if (this.hasActionCellInRows("start")) {
@@ -51227,7 +51303,7 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
     };
     QuestionMatrixDropdownRenderedTable.prototype.createHorizontalRow = function (row, useAsHeader) {
         var res = this.createRenderedRow(this.cssClasses);
-        if (this.allowRowsDragAndDrop) {
+        if (this.isRowsDragAndDrop) {
             var rowIndex = this.matrix.visibleRows.indexOf(row);
             res.cells.push(this.getRowDragCell(rowIndex));
         }
@@ -51375,9 +51451,6 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
                 .append(hCell.className)
                 .append(this.cssClasses.rowTextCell)
                 .append(this.cssClasses.columnTitleCell).toString();
-            if (!choice) {
-                this.setRequriedToHeaderCell(column, hCell);
-            }
             res.cells.push(hCell);
         }
         var rows = this.matrix.visibleRows;
@@ -51507,26 +51580,11 @@ var QuestionMatrixDropdownRenderedTable = /** @class */ (function (_super) {
     };
     QuestionMatrixDropdownRenderedTable.prototype.setHeaderCell = function (column, cell) {
         this.setHeaderCellWidth(column, cell);
-        this.setRequriedToHeaderCell(column, cell);
     };
     QuestionMatrixDropdownRenderedTable.prototype.setHeaderCellWidth = function (column, cell) {
         cell.minWidth = column != null ? this.matrix.getColumnWidth(column) : this.matrix.getRowTitleWidth();
         cell.width = column != null ? column.width : this.matrix.getRowTitleWidth();
     };
-    QuestionMatrixDropdownRenderedTable.prototype.setRequriedToHeaderCell = function (column, cell) {
-        if (!!column && column.isRequired && this.matrix.survey) {
-            cell.requiredText = this.matrix.survey.requiredText;
-        }
-    };
-    QuestionMatrixDropdownRenderedTable.prototype.createRemoveRowCell = function (row) {
-        var res = new QuestionMatrixDropdownRenderedCell();
-        res.row = row;
-        res.isRemoveRow = this.canRemoveRow(row);
-        if (!!this.cssClasses.cell) {
-            res.className = this.cssClasses.cell;
-        }
-        return res;
-    };
     QuestionMatrixDropdownRenderedTable.prototype.createTextCell = function (locTitle) {
         var cell = new QuestionMatrixDropdownRenderedCell();
         cell.locTitle = locTitle;
@@ -51684,7 +51742,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["hideColumnsIfEmpty", "allowAddRows"], function () {
             _this.updateShowTableAndAddRow();
         });
-        _this.registerPropertyChangedHandlers(["allowRowsDragAndDrop"], function () { _this.clearRowsAndResetRenderedTable(); });
+        _this.registerPropertyChangedHandlers(["allowRowsDragAndDrop", "isReadOnly"], function () { _this.clearRowsAndResetRenderedTable(); });
         _this.dragOrClickHelper = new _utils_dragOrClickHelper__WEBPACK_IMPORTED_MODULE_9__["DragOrClickHelper"](_this.startDragMatrixRow);
         return _this;
     }
@@ -51703,7 +51761,7 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
         return true;
     };
     QuestionMatrixDynamicModel.prototype.onPointerDown = function (pointerDownEvent, row) {
-        if (!row || !this.allowRowsDragAndDrop)
+        if (!row || !this.isRowsDragAndDrop)
             return;
         if (this.isBanStartDrag(pointerDownEvent))
             return;
@@ -51900,8 +51958,6 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
          * Default value: `false`
          */
         get: function () {
-            if (this.readOnly)
-                return false;
             return this.getPropertyValue("allowRowsDragAndDrop");
         },
         set: function (val) {
@@ -51910,6 +51966,13 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionMatrixDynamicModel.prototype, "isRowsDragAndDrop", {
+        get: function () {
+            return this.allowRowsDragAndDrop && !this.isReadOnly;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionMatrixDynamicModel.prototype, "iconDragElement", {
         get: function () {
             return this.cssClasses.iconDragElement;
@@ -54329,9 +54392,10 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          * @see visiblePanels
          */
         get: function () {
-            return this.template.visibleIf;
+            return this.getPropertyValue("templateVisibleIf");
         },
         set: function (val) {
+            this.setPropertyValue("templateVisibleIf", val);
             this.template.visibleIf = val;
         },
         enumerable: false,
@@ -67850,18 +67914,20 @@ _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__["ReactQuestionFactory"].Inst
 /*!********************************************!*\
   !*** ./src/react/reactquestion_matrix.tsx ***!
   \********************************************/
-/*! exports provided: SurveyQuestionMatrix, SurveyQuestionMatrixRow */
+/*! exports provided: SurveyQuestionMatrix, SurveyQuestionMatrixRow, SurveyQuestionMatrixCell */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrix", function() { return SurveyQuestionMatrix; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixRow", function() { return SurveyQuestionMatrixRow; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionMatrixCell", function() { return SurveyQuestionMatrixCell; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
 /* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactquestion_factory */ "./src/react/reactquestion_factory.tsx");
 /* harmony import */ var _reactsurveymodel__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactsurveymodel */ "./src/react/reactsurveymodel.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -67881,6 +67947,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var SurveyQuestionMatrix = /** @class */ (function (_super) {
     __extends(SurveyQuestionMatrix, _super);
     function SurveyQuestionMatrix(props) {
@@ -67950,10 +68017,7 @@ var SurveyQuestionMatrix = /** @class */ (function (_super) {
 var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
     __extends(SurveyQuestionMatrixRow, _super);
     function SurveyQuestionMatrixRow(props) {
-        var _this = _super.call(this, props) || this;
-        _this.handleOnChange = _this.handleOnChange.bind(_this);
-        _this.handleOnMouseDown = _this.handleOnMouseDown.bind(_this);
-        return _this;
+        return _super.call(this, props) || this;
     }
     Object.defineProperty(SurveyQuestionMatrixRow.prototype, "question", {
         get: function () {
@@ -67969,13 +68033,6 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    SurveyQuestionMatrixRow.prototype.handleOnChange = function (event) {
-        this.row.value = event.target.value;
-        this.setState({ value: this.row.value });
-    };
-    SurveyQuestionMatrixRow.prototype.handleOnMouseDown = function (event) {
-        this.question.onMouseDown();
-    };
     SurveyQuestionMatrixRow.prototype.wrapCell = function (cell, element, reason) {
         if (!reason) {
             return element;
@@ -68010,33 +68067,35 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
         var _this = this;
         var tds = [];
         var row = this.row;
-        for (var i = 0; i < this.question.visibleColumns.length; i++) {
+        var cellComponent = this.question.cellComponent;
+        var _loop_1 = function () {
             var td = null;
-            var column = this.question.visibleColumns[i];
+            var column = this_1.question.visibleColumns[i];
             var key = "value" + i;
-            var isChecked = row.value == column.value;
-            var itemClass = this.question.getItemClass(row, column);
-            var inputId = this.question.inputId + "_" + row.name + "_" + i;
-            if (this.question.hasCellText) {
-                var getHandler = !this.question.isInputReadOnly
+            var itemClass = this_1.question.getItemClass(row, column);
+            if (this_1.question.hasCellText) {
+                var getHandler = !this_1.question.isInputReadOnly
                     ? function (column) { return function () { return _this.cellClick(row, column); }; }
                     : null;
-                td = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: key, className: itemClass, onClick: getHandler ? getHandler(column) : function () { } }, this.renderLocString(this.question.getCellDisplayLocText(row.name, column))));
+                td = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: key, className: itemClass, onClick: getHandler ? getHandler(column) : function () { } }, this_1.renderLocString(this_1.question.getCellDisplayLocText(row.name, column))));
             }
             else {
-                var mobileSpan = this.question.isMobile ?
-                    (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.cellResponsiveTitle }, this.renderLocString(column.locText)))
-                    : undefined;
-                td = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: key, "data-responsive-title": column.locText.renderedHtml, className: this.question.cssClasses.cell },
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { onMouseDown: this.handleOnMouseDown, className: itemClass },
-                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { id: inputId, type: "radio", className: this.cssClasses.itemValue, name: row.fullName, value: column.value, disabled: this.isDisplayMode, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.getCellAriaLabel(row.locText.renderedHtml, column.locText.renderedHtml), "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-describedby": this.question.a11y_input_ariaDescribedBy }),
-                        react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
-                            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", { className: this.cssClasses.itemDecorator },
-                                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", { xlinkHref: this.question.itemSvgIcon })) :
-                            null),
-                        mobileSpan)));
+                var renderedCell = _element_factory__WEBPACK_IMPORTED_MODULE_4__["ReactElementFactory"].Instance.createElement(cellComponent, {
+                    question: this_1.question,
+                    row: this_1.row,
+                    column: column,
+                    columnIndex: i,
+                    cssClasses: this_1.cssClasses,
+                    isDisplayMode: this_1.isDisplayMode,
+                    cellChanged: function () { _this.cellClick(_this.row, column); }
+                });
+                td = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: key, "data-responsive-title": column.locText.renderedHtml, className: this_1.question.cssClasses.cell }, renderedCell));
             }
             tds.push(td);
+        };
+        var this_1 = this;
+        for (var i = 0; i < this.question.visibleColumns.length; i++) {
+            _loop_1();
         }
         return tds;
     };
@@ -68047,6 +68106,77 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
     return SurveyQuestionMatrixRow;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElement"]));
 
+var SurveyQuestionMatrixCell = /** @class */ (function (_super) {
+    __extends(SurveyQuestionMatrixCell, _super);
+    function SurveyQuestionMatrixCell(props) {
+        var _this = _super.call(this, props) || this;
+        _this.handleOnMouseDown = _this.handleOnMouseDown.bind(_this);
+        _this.handleOnChange = _this.handleOnChange.bind(_this);
+        return _this;
+    }
+    SurveyQuestionMatrixCell.prototype.handleOnChange = function (event) {
+        if (!!this.props.cellChanged) {
+            this.props.cellChanged();
+        }
+    };
+    SurveyQuestionMatrixCell.prototype.handleOnMouseDown = function (event) {
+        this.question.onMouseDown();
+    };
+    Object.defineProperty(SurveyQuestionMatrixCell.prototype, "question", {
+        get: function () {
+            return this.props.question;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyQuestionMatrixCell.prototype, "row", {
+        get: function () {
+            return this.props.row;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyQuestionMatrixCell.prototype, "column", {
+        get: function () {
+            return this.props.column;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyQuestionMatrixCell.prototype, "columnIndex", {
+        get: function () {
+            return this.props.columnIndex;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyQuestionMatrixCell.prototype.canRender = function () {
+        return !!this.question && !!this.row;
+    };
+    SurveyQuestionMatrixCell.prototype.renderElement = function () {
+        var isChecked = this.row.value == this.column.value;
+        var inputId = this.question.inputId + "_" + this.row.name + "_" + this.columnIndex;
+        var itemClass = this.question.getItemClass(this.row, this.column);
+        var mobileSpan = this.question.isMobile ?
+            (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.cellResponsiveTitle }, this.renderLocString(this.column.locText)))
+            : undefined;
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("label", { onMouseDown: this.handleOnMouseDown, className: itemClass },
+            this.renderInput(inputId, isChecked),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.question.cssClasses.materialDecorator }, this.question.itemSvgIcon ?
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("svg", { className: this.cssClasses.itemDecorator },
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("use", { xlinkHref: this.question.itemSvgIcon })) :
+                null),
+            mobileSpan));
+    };
+    SurveyQuestionMatrixCell.prototype.renderInput = function (inputId, isChecked) {
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { id: inputId, type: "radio", className: this.cssClasses.itemValue, name: this.row.fullName, value: this.column.value, disabled: this.isDisplayMode, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.getCellAriaLabel(this.row.locText.renderedHtml, this.column.locText.renderedHtml), "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-describedby": this.question.a11y_input_ariaDescribedBy }));
+    };
+    return SurveyQuestionMatrixCell;
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElement"]));
+
+_element_factory__WEBPACK_IMPORTED_MODULE_4__["ReactElementFactory"].Instance.registerElement("survey-matrix-cell", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionMatrixCell, props);
+});
 _reactquestion_factory__WEBPACK_IMPORTED_MODULE_2__["ReactQuestionFactory"].Instance.registerQuestion("matrix", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionMatrix, props);
 });
@@ -73873,6 +74003,7 @@ var SurveyModel = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["renderBackgroundImage", "backgroundOpacity", "backgroundImageFit", "fitToContainer", "backgroundImageAttachment"], function () {
             _this.updateBackgroundImageStyle();
         });
+        _this.registerPropertyChangedHandlers(["showPrevButton", "showCompleteButton"], function () { _this.updateButtonsVisibility(); });
         _this.onGetQuestionNo.onCallbacksChanged = function () {
             _this.resetVisibleIndexes();
         };
@@ -74456,6 +74587,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * - `"none"` - Hides the navigation buttons. This setting may be useful if you [implement custom external navigation](https://surveyjs.io/form-library/examples/external-form-navigation-system/).
          * @see goNextPageAutomatic
          * @see showPrevButton
+         * @see showCompleteButton
          */
         get: function () {
             return this.getPropertyValue("showNavigationButtons");
@@ -74476,6 +74608,7 @@ var SurveyModel = /** @class */ (function (_super) {
         /**
          * Specifies whether to display the Previous button. Set this property to `false` if respondents should not move backward along the survey.
          * @see showNavigationButtons
+         * @see showCompleteButton
          */
         get: function () {
             return this.getPropertyValue("showPrevButton");
@@ -74486,6 +74619,21 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "showCompleteButton", {
+        /**
+         * Specifies whether to display the Complete button. Set this property to `false` if respondents should not complete the survey.
+         * @see showNavigationButtons
+         * @see showPrevButton
+         */
+        get: function () {
+            return this.getPropertyValue("showCompleteButton", true);
+        },
+        set: function (val) {
+            this.setPropertyValue("showCompleteButton", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyModel.prototype, "showTOC", {
         /**
          * Gets or sets the visibility of the table of contents.
@@ -77827,7 +77975,7 @@ var SurveyModel = /** @class */ (function (_super) {
         var state = this.state;
         return this.isEditMode && (this.state === "running" &&
             (this.isLastPage && !this.isShowPreviewBeforeComplete || this.canBeCompletedByTrigger)
-            || state === "preview");
+            || state === "preview") && this.showCompleteButton;
     };
     SurveyModel.prototype.calcIsPreviewButtonVisible = function () {
         return (this.isEditMode &&
@@ -80112,7 +80260,7 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         this.updateVisibleIndexes();
         this.setCalculatedWidthModeUpdater();
-        if (!this.isMovingQuestion || this.isDesignMode && !_settings__WEBPACK_IMPORTED_MODULE_14__["settings"].supportCreatorV2) {
+        if (this.canFireAddElement()) {
             this.onQuestionAdded.fire(this, {
                 question: question,
                 name: question.name,
@@ -80124,6 +80272,9 @@ var SurveyModel = /** @class */ (function (_super) {
             });
         }
     };
+    SurveyModel.prototype.canFireAddElement = function () {
+        return !this.isMovingQuestion || this.isDesignMode && !_settings__WEBPACK_IMPORTED_MODULE_14__["settings"].supportCreatorV2;
+    };
     SurveyModel.prototype.questionRemoved = function (question) {
         this.questionHashesRemoved(question, question.name, question.getValueName());
         this.updateVisibleIndexes();
@@ -80197,15 +80348,17 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         this.questionHashesPanelAdded(panel);
         this.updateVisibleIndexes();
-        this.onPanelAdded.fire(this, {
-            panel: panel,
-            name: panel.name,
-            index: index,
-            parent: parentPanel,
-            page: rootPanel,
-            parentPanel: parentPanel,
-            rootPanel: rootPanel,
-        });
+        if (this.canFireAddElement()) {
+            this.onPanelAdded.fire(this, {
+                panel: panel,
+                name: panel.name,
+                index: index,
+                parent: parentPanel,
+                page: rootPanel,
+                parentPanel: parentPanel,
+                rootPanel: rootPanel,
+            });
+        }
     };
     SurveyModel.prototype.panelRemoved = function (panel) {
         this.updateVisibleIndexes();
@@ -80934,7 +81087,7 @@ var SurveyModel = /** @class */ (function (_super) {
         var containerLayoutElements = [];
         for (var _i = 0, _a = this.layoutElements; _i < _a.length; _i++) {
             var layoutElement = _a[_i];
-            if (isStrCiEqual(layoutElement.id, "timerpanel")) {
+            if (this.mode !== "display" && isStrCiEqual(layoutElement.id, "timerpanel")) {
                 if (container === "header") {
                     if (this.isTimerPanelShowingOnTop && !this.isShowStartingPage) {
                         containerLayoutElements.push(layoutElement);
@@ -81834,9 +81987,12 @@ var SurveyTimerModel = /** @class */ (function (_super) {
                     _this.progress = Math.floor((spent + 1) / limit * 100) / 100;
                 }, 0);
             }
-            else if (spent !== limit) {
+            else if (spent <= limit) {
                 this.progress = Math.floor((spent + 1) / limit * 100) / 100;
             }
+            if (this.progress > 1) {
+                this.progress = undefined;
+            }
         }
     };
     SurveyTimerModel.prototype.updateText = function () {
@@ -83377,12 +83533,13 @@ var CssClassBuilder = /** @class */ (function () {
 /*!******************************!*\
   !*** ./src/utils/devices.ts ***!
   \******************************/
-/*! exports provided: IsMobile, IsTouch, _setIsTouch */
+/*! exports provided: IsMobile, mouseInfo, IsTouch, _setIsTouch */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IsMobile", function() { return IsMobile; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mouseInfo", function() { return mouseInfo; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "IsTouch", function() { return IsTouch; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "_setIsTouch", function() { return _setIsTouch; });
 // isMobile
@@ -83406,12 +83563,18 @@ if (typeof navigator !== "undefined" &&
 })(vendor);
 var _IPad = false;
 var IsMobile = _isMobile || _IPad;
-// isTouch
-var _isTouch = false;
-if (typeof window !== "undefined") {
-    _isTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0;
-}
-var IsTouch = IsMobile && _isTouch;
+var mouseInfo = {
+    get isTouch() {
+        return !this.hasMouse && this.hasTouchEvent;
+    },
+    get hasTouchEvent() {
+        return typeof window !== "undefined" && ("ontouchstart" in window || navigator.maxTouchPoints > 0);
+    },
+    hasMouse: true
+};
+var pointerMatches = (typeof matchMedia !== "undefined" && !!matchMedia && matchMedia("(pointer:fine)")) || undefined;
+mouseInfo.hasMouse = !!pointerMatches && !!pointerMatches.matches;
+var IsTouch = mouseInfo.isTouch;
 //for tests
 function _setIsTouch(val) {
     IsTouch = val;
@@ -84750,7 +84913,7 @@ var RegexValidator = /** @class */ (function (_super) {
         if (properties === void 0) { properties = null; }
         if (!this.regex || this.isValueEmpty(value))
             return null;
-        var re = new RegExp(this.regex);
+        var re = this.createRegExp();
         if (Array.isArray(value)) {
             for (var i = 0; i < value.length; i++) {
                 var res = this.hasError(re, value[i], name);
@@ -84778,6 +84941,19 @@ var RegexValidator = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(RegexValidator.prototype, "insensitive", {
+        get: function () {
+            return this.getPropertyValue("insensitive");
+        },
+        set: function (val) {
+            this.setPropertyValue("insensitive", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    RegexValidator.prototype.createRegExp = function () {
+        return new RegExp(this.regex, this.insensitive ? "i" : "");
+    };
     return RegexValidator;
 }(SurveyValidator));
 
@@ -84918,7 +85094,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("textvalidator",
 _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("answercountvalidator", ["minCount:number", "maxCount:number"], function () {
     return new AnswerCountValidator();
 }, "surveyvalidator");
-_jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("regexvalidator", ["regex"], function () {
+_jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("regexvalidator", ["regex", { name: "insensitive:boolean", visible: false }], function () {
     return new RegexValidator();
 }, "surveyvalidator");
 _jsonobject__WEBPACK_IMPORTED_MODULE_2__["Serializer"].addClass("emailvalidator", [], function () {