survey-core 1.9.122 → 1.9.124

package/survey.core.js

@@ -1,6 +1,6 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.122
- * 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.
@@ -2029,10 +2036,12 @@ var Base = /** @class */ (function () {
      * The JSON object should contain only serializable properties of this SurveyJS object. Event handlers and properties that do not belong to the SurveyJS object are ignored.
      *
      * @param json A JSON object with properties that you want to apply to the current SurveyJS object.
+     * @param options An object with configuration options.
+     * @param {boolean} options.validatePropertyValues Pass `true` if you want to validate property values. Use the [`jsonErrors`](#jsonErrors) array to access validation errors.
      * @see toJSON
      */
-    Base.prototype.fromJSON = function (json) {
-        new _jsonobject__WEBPACK_IMPORTED_MODULE_2__["JsonObject"]().toObject(json, this);
+    Base.prototype.fromJSON = function (json, options) {
+        new _jsonobject__WEBPACK_IMPORTED_MODULE_2__["JsonObject"]().toObject(json, this, options);
         this.onSurveyLoad();
     };
     Base.prototype.onSurveyLoad = function () { };
@@ -2137,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 {
@@ -3135,7 +3145,7 @@ var XmlParser = /** @class */ (function () {
  * }
  * ```
  *
- * Typically, you should assign this object to a question's [`choicesByUrl`](https://surveyjs.io/Documentation/Library?id=QuestionSelectBase#choicesByUrl) property.
+ * Typically, you should assign this object to a question's [`choicesByUrl`](https://surveyjs.io/Documentation/Library?id=QuestionSelectBase#choicesByUrl) property. You can also specify additional application-wide settings using the [`settings.web`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) object.
  */
 var ChoicesRestful = /** @class */ (function (_super) {
     __extends(ChoicesRestful, _super);
@@ -3150,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", {
@@ -3193,6 +3207,16 @@ var ChoicesRestful = /** @class */ (function (_super) {
             }
         }
     };
+    Object.defineProperty(ChoicesRestful, "onBeforeSendRequest", {
+        get: function () {
+            return _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].web.onBeforeRequestChoices;
+        },
+        set: function (val) {
+            _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].web.onBeforeRequestChoices = val;
+        },
+        enumerable: false,
+        configurable: true
+    });
     ChoicesRestful.getCachedItemsResult = function (obj) {
         var hash = obj.objHash;
         var res = ChoicesRestful.itemsResult[hash];
@@ -3329,8 +3353,8 @@ var ChoicesRestful = /** @class */ (function (_super) {
             }
         };
         var options = { request: xhr };
-        if (!!ChoicesRestful.onBeforeSendRequest) {
-            ChoicesRestful.onBeforeSendRequest(this, options);
+        if (!!_settings__WEBPACK_IMPORTED_MODULE_4__["settings"].web.onBeforeRequestChoices) {
+            _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].web.onBeforeRequestChoices(this, options);
         }
         this.beforeSendRequest();
         options.request.send();
@@ -3432,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);
@@ -3470,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);
@@ -3533,6 +3556,11 @@ var ChoicesRestful = /** @class */ (function (_super) {
         configurable: true
     });
     Object.defineProperty(ChoicesRestful.prototype, "allowEmptyResponse", {
+        /**
+         * Specifies whether the service is allowed to return an empty response or an empty array in a response.
+         *
+         * Default value: `false`
+         */
         get: function () {
             return this.getPropertyValue("allowEmptyResponse");
         },
@@ -3767,10 +3795,10 @@ var ChoicesRestfull = /** @class */ (function (_super) {
     };
     Object.defineProperty(ChoicesRestfull, "onBeforeSendRequest", {
         get: function () {
-            return ChoicesRestful.onBeforeSendRequest;
+            return _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].web.onBeforeRequestChoices;
         },
         set: function (val) {
-            ChoicesRestful.onBeforeSendRequest = val;
+            _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].web.onBeforeRequestChoices = val;
         },
         enumerable: false,
         configurable: true
@@ -6128,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) {
@@ -6227,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);
@@ -6246,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);
@@ -6290,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) {
@@ -6356,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) {
@@ -6462,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) {
@@ -6500,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);
@@ -9315,8 +9339,8 @@ __webpack_require__.r(__webpack_exports__);
 //import "../../modern.scss";
 var Version;
 var ReleaseDate;
-Version = "" + "1.9.122";
-ReleaseDate = "" + "2023-12-19";
+Version = "" + "1.9.124";
+ReleaseDate = "" + "2024-01-04";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -15756,7 +15780,7 @@ var Helpers = /** @class */ (function () {
         if (x["equals"])
             return x.equals(y);
         if (!!x.toJSON && !!y.toJSON && !!x.getType && !!y.getType) {
-            if (x.isDiposed || y.isDiposed)
+            if (x.isDisposed || y.isDisposed)
                 return false;
             if (x.getType() !== y.getType())
                 return false;
@@ -17164,7 +17188,7 @@ var ItemValue = /** @class */ (function (_super) {
     };
     Object.defineProperty(ItemValue.prototype, "visibleIf", {
         get: function () {
-            return this.getPropertyValue("visibleIf", "");
+            return this.getPropertyValueWithoutDefault("visibleIf") || "";
         },
         set: function (val) {
             this.setPropertyValue("visibleIf", val);
@@ -17174,7 +17198,7 @@ var ItemValue = /** @class */ (function (_super) {
     });
     Object.defineProperty(ItemValue.prototype, "enableIf", {
         get: function () {
-            return this.getPropertyValue("enableIf", "");
+            return this.getPropertyValueWithoutDefault("enableIf") || "";
         },
         set: function (val) {
             this.setPropertyValue("enableIf", val);
@@ -17184,7 +17208,8 @@ var ItemValue = /** @class */ (function (_super) {
     });
     Object.defineProperty(ItemValue.prototype, "isVisible", {
         get: function () {
-            return this.getPropertyValue("isVisible", true);
+            var res = this.getPropertyValueWithoutDefault("isVisible");
+            return res !== undefined ? res : true;
         },
         enumerable: false,
         configurable: true
@@ -17194,7 +17219,8 @@ var ItemValue = /** @class */ (function (_super) {
     };
     Object.defineProperty(ItemValue.prototype, "isEnabled", {
         get: function () {
-            return this.getPropertyValue("isEnabled", true);
+            var res = this.getPropertyValueWithoutDefault("isEnabled");
+            return res !== undefined ? res : true;
         },
         enumerable: false,
         configurable: true
@@ -17339,7 +17365,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("itemvalue", [
 /*!***************************!*\
   !*** ./src/jsonobject.ts ***!
   \***************************/
-/*! exports provided: property, propertyArray, JsonObjectProperty, CustomPropertiesCollection, JsonMetadataClass, JsonMetadata, JsonError, JsonUnknownPropertyError, JsonMissingTypeErrorBase, JsonMissingTypeError, JsonIncorrectTypeError, JsonRequiredPropertyError, JsonRequiredArrayPropertyError, JsonObject, Serializer */
+/*! exports provided: property, propertyArray, JsonObjectProperty, CustomPropertiesCollection, JsonMetadataClass, JsonMetadata, JsonError, JsonUnknownPropertyError, JsonMissingTypeErrorBase, JsonMissingTypeError, JsonIncorrectTypeError, JsonRequiredPropertyError, JsonRequiredArrayPropertyError, JsonIncorrectPropertyValueError, JsonObject, Serializer */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -17357,6 +17383,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "JsonIncorrectTypeError", function() { return JsonIncorrectTypeError; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "JsonRequiredPropertyError", function() { return JsonRequiredPropertyError; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "JsonRequiredArrayPropertyError", function() { return JsonRequiredArrayPropertyError; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "JsonIncorrectPropertyValueError", function() { return JsonIncorrectPropertyValueError; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "JsonObject", function() { return JsonObject; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Serializer", function() { return Serializer; });
 /* harmony import */ var _surveyStrings__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./surveyStrings */ "./src/surveyStrings.ts");
@@ -17693,6 +17720,12 @@ var JsonObjectProperty = /** @class */ (function () {
             }
         }
     };
+    JsonObjectProperty.prototype.validateValue = function (value) {
+        var choices = this.choices;
+        if (!Array.isArray(choices) || choices.length === 0)
+            return true;
+        return choices.indexOf(value) > -1;
+    };
     JsonObjectProperty.prototype.getObjType = function (objType) {
         if (!this.classNamePart)
             return objType;
@@ -18770,8 +18803,8 @@ var JsonMetadata = /** @class */ (function () {
     };
     JsonMetadata.prototype.getChemeRefName = function (className, isRoot) {
         //Fix for #6486, according to https://niem.github.io/json/reference/json-schema/references/#:~:text=In%20a%20JSON%20schema%2C%20a,%2C%20an%20in%2Dschema%20reference
-        return "#/definitions/" + className;
-        //return isRoot ? "#/definitions/" + className : className + "#";
+        //Checked by https://www.jsonschemavalidator.net/
+        return isRoot ? "#/definitions/" + className : className;
     };
     JsonMetadata.prototype.generateChemaClass = function (className, schemaDef, isRoot) {
         if (!!schemaDef[className])
@@ -18926,6 +18959,17 @@ var JsonRequiredArrayPropertyError = /** @class */ (function (_super) {
     return JsonRequiredArrayPropertyError;
 }(JsonError));
 
+var JsonIncorrectPropertyValueError = /** @class */ (function (_super) {
+    __extends(JsonIncorrectPropertyValueError, _super);
+    function JsonIncorrectPropertyValueError(property, value) {
+        var _this = _super.call(this, "incorrectvalue", "The property value: '" + value + "' is incorrect for property '" + property.name + "'.") || this;
+        _this.property = property;
+        _this.value = value;
+        return _this;
+    }
+    return JsonIncorrectPropertyValueError;
+}(JsonError));
+
 var JsonObject = /** @class */ (function () {
     function JsonObject() {
         this.errors = new Array();
@@ -18942,14 +18986,14 @@ var JsonObject = /** @class */ (function () {
         if (storeDefaults === void 0) { storeDefaults = false; }
         return this.toJsonObjectCore(obj, null, storeDefaults);
     };
-    JsonObject.prototype.toObject = function (jsonObj, obj) {
-        this.toObjectCore(jsonObj, obj);
+    JsonObject.prototype.toObject = function (jsonObj, obj, options) {
+        this.toObjectCore(jsonObj, obj, options);
         var error = this.getRequiredError(obj, jsonObj);
         if (!!error) {
             this.addNewError(error, jsonObj, obj);
         }
     };
-    JsonObject.prototype.toObjectCore = function (jsonObj, obj) {
+    JsonObject.prototype.toObjectCore = function (jsonObj, obj, options) {
         if (!jsonObj)
             return;
         var properties = null;
@@ -18967,6 +19011,7 @@ var JsonObject = /** @class */ (function () {
             obj.startLoadingFromJson(jsonObj);
         }
         properties = this.addDynamicProperties(obj, jsonObj, properties);
+        this.options = options;
         for (var key in jsonObj) {
             if (key === JsonObject.typePropertyName)
                 continue;
@@ -18981,8 +19026,9 @@ var JsonObject = /** @class */ (function () {
                 }
                 continue;
             }
-            this.valueToObj(jsonObj[key], obj, property, jsonObj);
+            this.valueToObj(jsonObj[key], obj, property, jsonObj, options);
         }
+        this.options = undefined;
         if (obj.endLoadingFromJson) {
             obj.endLoadingFromJson();
         }
@@ -19055,7 +19101,7 @@ var JsonObject = /** @class */ (function () {
             }
         }
     };
-    JsonObject.prototype.valueToObj = function (value, obj, property, jsonObj) {
+    JsonObject.prototype.valueToObj = function (value, obj, property, jsonObj, options) {
         if (value === null || value === undefined)
             return;
         this.removePos(property, value);
@@ -19069,17 +19115,22 @@ var JsonObject = /** @class */ (function () {
             this.addNewError(new JsonRequiredArrayPropertyError(propName, obj.getType()), !!jsonObj ? jsonObj : value, obj);
         }
         if (this.isValueArray(value)) {
-            this.valueToArray(value, obj, property.name, property);
+            this.valueToArray(value, obj, property.name, property, options);
             return;
         }
         var newObj = this.createNewObj(value, property);
         if (newObj.newObj) {
-            this.toObjectCore(value, newObj.newObj);
+            this.toObjectCore(value, newObj.newObj, options);
             value = newObj.newObj;
         }
         if (!newObj.error) {
             if (property != null) {
                 property.setValue(obj, value, this);
+                if (!!options && options.validatePropertyValues) {
+                    if (!property.validateValue(value)) {
+                        this.addNewError(new JsonIncorrectPropertyValueError(property, value), jsonObj, obj);
+                    }
+                }
             }
             else {
                 obj[property.name] = value;
@@ -19178,17 +19229,17 @@ var JsonObject = /** @class */ (function () {
         error.at = posObj.start;
         error.end = posObj.end;
     };
-    JsonObject.prototype.valueToArray = function (value, obj, key, property) {
+    JsonObject.prototype.valueToArray = function (value, obj, key, property, options) {
         if (obj[key] && !this.isValueArray(obj[key]))
             return;
         if (obj[key] && value.length > 0)
             obj[key].splice(0, obj[key].length);
         var valueRes = obj[key] ? obj[key] : [];
-        this.addValuesIntoArray(value, valueRes, property);
+        this.addValuesIntoArray(value, valueRes, property, options);
         if (!obj[key])
             obj[key] = valueRes;
     };
-    JsonObject.prototype.addValuesIntoArray = function (value, result, property) {
+    JsonObject.prototype.addValuesIntoArray = function (value, result, property, options) {
         for (var i = 0; i < value.length; i++) {
             var newValue = this.createNewObj(value[i], property);
             if (newValue.newObj) {
@@ -19199,7 +19250,7 @@ var JsonObject = /** @class */ (function () {
                     newValue.newObj.valueName = value[i].valueName.toString();
                 }
                 result.push(newValue.newObj);
-                this.toObjectCore(value[i], newValue.newObj);
+                this.toObjectCore(value[i], newValue.newObj, options);
             }
             else {
                 if (!newValue.error) {
@@ -20041,14 +20092,21 @@ var LocalizableString = /** @class */ (function () {
         if (this.htmlValues[loc] !== undefined)
             return !!this.htmlValues[loc];
         var renderedText = this.calculatedText;
-        if (!renderedText)
+        if (!renderedText) {
+            this.setHtmlValue(loc, "");
             return false;
-        if (!!this.getLocalizationName() && renderedText === this.getLocalizationStr())
+        }
+        if (!!this.getLocalizationName() && renderedText === this.getLocalizationStr()) {
+            this.setHtmlValue(loc, "");
             return false;
+        }
         var res = this.owner.getMarkdownHtml(renderedText, this.name);
-        this.htmlValues[loc] = res;
+        this.setHtmlValue(loc, res);
         return !!res;
     };
+    LocalizableString.prototype.setHtmlValue = function (loc, val) {
+        this.htmlValues[loc] = val;
+    };
     LocalizableString.prototype.getHtmlValue = function () {
         var loc = this.locale;
         if (!loc)
@@ -26561,8 +26619,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
@@ -27663,6 +27720,9 @@ var Question = /** @class */ (function (_super) {
         if (this.questionComment === newValue)
             return;
         this.questionComment = newValue;
+        this.setCommentIntoData(newValue);
+    };
+    Question.prototype.setCommentIntoData = function (newValue) {
         if (this.data != null) {
             this.data.setComment(this.getValueName(), newValue, this.isSurveyInputTextUpdate ? "text" : false);
         }
@@ -28521,7 +28581,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 () {
@@ -28552,7 +28613,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
@@ -28608,6 +28669,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;
     };
@@ -29046,7 +29117,16 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             if (this.getStoreOthersAsComment() && !this.autoOtherMode) {
                 this.prevOtherValue = this.otherValue;
             }
-            this.otherValue = "";
+            this.makeCommentEmpty = true;
+            this.otherValueCore = "";
+            this.setPropertyValue("comment", "");
+        }
+    };
+    QuestionSelectBase.prototype.setValueCore = function (newValue) {
+        _super.prototype.setValueCore.call(this, newValue);
+        if (this.makeCommentEmpty) {
+            this.setCommentIntoData("");
+            this.makeCommentEmpty = false;
         }
     };
     QuestionSelectBase.prototype.setNewValue = function (newValue) {
@@ -29106,7 +29186,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({
@@ -29169,9 +29249,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     };
     Object.defineProperty(QuestionSelectBase.prototype, "choicesByUrl", {
         /**
-         * Configures access to a RESTful service that returns choice items. Refer to the [ChoicesRestful](https://surveyjs.io/form-library/documentation/choicesrestful) class description for more information.
+         * Configures access to a RESTful service that returns choice items. Refer to the [`ChoicesRestful`](https://surveyjs.io/form-library/documentation/choicesrestful) class description for more information. You can also specify additional application-wide settings using the [`settings.web`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) object.
          *
-         * [View Demo](https://surveyjs.io/form-library/examples/questiontype-dropdownrestfull/ (linkStyle))
+         * [View Demo](https://surveyjs.io/form-library/examples/dropdown-menu-load-data-from-restful-service/ (linkStyle))
          * @see choices
          * @see [settings.specialChoicesOrder](https://surveyjs.io/form-library/documentation/api-reference/settings#specialChoicesOrder)
          */
@@ -29496,7 +29576,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) {
@@ -29558,8 +29640,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
@@ -29658,6 +29740,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,
@@ -29820,7 +29904,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();
@@ -29882,7 +29966,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()
@@ -30056,6 +30141,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;
@@ -30064,8 +30156,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) {
@@ -31994,8 +32085,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",
@@ -36941,6 +37044,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;
@@ -37021,13 +37141,15 @@ var QuestionMatrixModel = /** @class */ (function (_super) {
         var isChecked = row.value == column.value;
         var isDisabled = this.isReadOnly;
         var allowHover = !isChecked && !isDisabled;
+        var hasCellText = this.hasCellText;
+        var css = this.cssClasses;
         return new _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_11__["CssClassBuilder"]()
-            .append(this.cssClasses.cell, this.hasCellText)
-            .append(this.hasCellText ? this.cssClasses.cellText : this.cssClasses.label)
-            .append(this.cssClasses.itemOnError, !this.hasCellText && this.hasCssError())
-            .append(this.hasCellText ? this.cssClasses.cellTextSelected : this.cssClasses.itemChecked, isChecked)
-            .append(this.hasCellText ? this.cssClasses.cellTextDisabled : this.cssClasses.itemDisabled, isDisabled)
-            .append(this.cssClasses.itemHover, allowHover && !this.hasCellText)
+            .append(css.cell, hasCellText)
+            .append(hasCellText ? css.cellText : css.label)
+            .append(css.itemOnError, !hasCellText && this.hasCssError())
+            .append(hasCellText ? css.cellTextSelected : css.itemChecked, isChecked)
+            .append(hasCellText ? css.cellTextDisabled : css.itemDisabled, isDisabled)
+            .append(css.itemHover, allowHover && !hasCellText)
             .toString();
     };
     Object.defineProperty(QuestionMatrixModel.prototype, "itemSvgIcon", {
@@ -37362,6 +37484,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");
@@ -37659,6 +37782,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 ||
@@ -37688,6 +37812,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var MatrixDropdownCell = /** @class */ (function () {
     function MatrixDropdownCell(column, row, data) {
         this.column = column;
@@ -38035,12 +38160,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) {
@@ -38120,7 +38250,7 @@ var MatrixDropdownRowModelBase = /** @class */ (function () {
         if (this.data.isValidateOnValueChanging && this.hasQuestonError(changedQuestion))
             return;
         var isDeleting = newColumnValue == null && !changedQuestion ||
-            isComment && !newColumnValue && !!changedQuestion && changedQuestion.autoOtherMode;
+            isComment && !newColumnValue && !!changedQuestion;
         this.data.onRowChanged(this, changedName, newValue, isDeleting);
         if (changedName) {
             this.runTriggers(MatrixDropdownTotalRowModel.RowVariableName + "." + changedName, newValue);
@@ -38821,6 +38951,7 @@ var QuestionMatrixDropdownModelBase = /** @class */ (function (_super) {
         this.resetRenderedTable();
         this.fireCallback(this.columnsChangedCallback);
     };
+    //For internal use
     QuestionMatrixDropdownModelBase.prototype.resetRenderedTable = function () {
         if (this.lockResetRenderedTable || this.isUpdateLocked)
             return;
@@ -39183,7 +39314,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;
@@ -40288,16 +40419,17 @@ function onUpdateSelectBaseCellQuestion(cellQuestion, column, question, data) {
         cellQuestion.choicesByUrl.run(data.getTextProcessor());
     }
 }
+function onUpdateSelectDropdownCellQuestion(cellQuestion, column, question, data) {
+    onUpdateSelectBaseCellQuestion(cellQuestion, column, question, data);
+    if (!!cellQuestion.locPlaceholder && cellQuestion.locPlaceholder.isEmpty && !question.locPlaceholder.isEmpty) {
+        cellQuestion.optionsCaption = question.optionsCaption;
+    }
+}
 var matrixDropdownColumnTypes = {
     dropdown: {
         onCellQuestionUpdate: function (cellQuestion, column, question, data) {
-            onUpdateSelectBaseCellQuestion(cellQuestion, column, question, data);
-            if (!!cellQuestion.locPlaceholder &&
-                cellQuestion.locPlaceholder.isEmpty &&
-                !question.locPlaceholder.isEmpty) {
-                cellQuestion.optionsCaption = question.optionsCaption;
-            }
-        },
+            onUpdateSelectDropdownCellQuestion(cellQuestion, column, question, data);
+        }
     },
     checkbox: {
         onCellQuestionUpdate: function (cellQuestion, column, question, data) {
@@ -40313,7 +40445,11 @@ var matrixDropdownColumnTypes = {
                 column.colCount > -1 ? column.colCount : question.columnColCount;
         },
     },
-    tagbox: {},
+    tagbox: {
+        onCellQuestionUpdate: function (cellQuestion, column, question, data) {
+            onUpdateSelectBaseCellQuestion(cellQuestion, column, question, data);
+        }
+    },
     text: {},
     comment: {},
     boolean: {
@@ -41255,6 +41391,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;
@@ -41371,6 +41514,8 @@ var QuestionMatrixDropdownRenderedCell = /** @class */ (function () {
                         return "";
                     return this.cell.column.locCellHint.renderedHtml;
                 }
+                if (this.hasQuestion && this.question.isVisible && this.question.title)
+                    return this.question.title;
                 return this.cell.column.title;
             }
             if (this.hasQuestion && this.question.isVisible) {
@@ -41587,9 +41732,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
@@ -41748,7 +41893,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")) {
@@ -41792,7 +41937,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")) {
@@ -42037,7 +42182,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));
         }
@@ -42185,9 +42330,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;
@@ -42317,26 +42459,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;
@@ -42494,7 +42621,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;
     }
@@ -42513,7 +42640,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;
@@ -42710,8 +42837,6 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
          * Default value: `false`
          */
         get: function () {
-            if (this.readOnly)
-                return false;
             return this.getPropertyValue("allowRowsDragAndDrop");
         },
         set: function (val) {
@@ -42720,6 +42845,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;
@@ -44916,7 +45048,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         _this.registerPropertyChangedHandlers(["panelsState"], function () {
             _this.setPanelsState();
         });
-        _this.registerPropertyChangedHandlers(["isMobile"], function () {
+        _this.registerPropertyChangedHandlers(["isMobile", "newPanelPosition", "showRangeInProgress", "renderMode"], function () {
             _this.updateFooterActions();
         });
         _this.registerPropertyChangedHandlers(["allowAddPanel"], function () { _this.updateNoEntriesTextDefaultLoc(); });
@@ -45139,9 +45271,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,
@@ -45745,6 +45878,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
          * Specifies whether users are allowed to add new panels.
          *
          * Default value: `true`
+         *
+         * By default, users add new panels to the end. If you want to let users insert a new panel after the current panel, set the [`newPanelPosition`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#newPanelPosition) property to `"next"`.
          * @see canAddPanel
          * @see allowRemovePanel
          */
@@ -45757,6 +45892,26 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionPanelDynamicModel.prototype, "newPanelPosition", {
+        /**
+         * Specifies the position of newly added panels.
+         *
+         * Possible values:
+         *
+         * - `"last"` (default) - New panels are added to the end.
+         * - `"next"` - New panels are inserted after the current panel.
+         * @see allowAddPanel
+         * @see addPanel
+         */
+        get: function () {
+            return this.getPropertyValue("newPanelPosition");
+        },
+        set: function (val) {
+            this.setPropertyValue("newPanelPosition", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(QuestionPanelDynamicModel.prototype, "allowRemovePanel", {
         /**
          * Specifies whether users are allowed to delete panels.
@@ -45860,7 +46015,6 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setPropertyValue("showRangeInProgress", val);
-            this.updateFooterActions();
             this.fireCallback(this.currentIndexChangedCallback);
         },
         enumerable: false,
@@ -45883,7 +46037,6 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         },
         set: function (val) {
             this.setPropertyValue("renderMode", val);
-            this.updateFooterActions();
             this.fireCallback(this.renderModeChangedCallback);
         },
         enumerable: false,
@@ -45966,7 +46119,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         get: function () {
             if (this.isDesignMode)
                 return false;
-            if (this.isDefaultV2Theme && !this.legacyNavigation && !this.isRenderModeList && this.currentIndex < this.visiblePanelCount - 1) {
+            if (this.isDefaultV2Theme && !this.legacyNavigation && !this.isRenderModeList &&
+                (this.currentIndex < this.visiblePanelCount - 1 && this.newPanelPosition !== "next")) {
                 return false;
             }
             return (this.allowAddPanel &&
@@ -46123,6 +46277,8 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
      * @param index *(Optional)* An index at which to insert the new panel. `undefined` adds the panel to the end or inserts it after the current panel if [`renderMode`](https://surveyjs.io/form-library/documentation/api-reference/dynamic-panel-model#renderMode) is `"tab"`. A negative index (for instance, -1) adds the panel to the end in all cases, regardless of the `renderMode` value.
      * @see panelCount
      * @see panels
+     * @see allowAddPanel
+     * @see newPanelPosition
      */
     QuestionPanelDynamicModel.prototype.addPanel = function (index) {
         var curIndex = this.currentIndex;
@@ -46187,13 +46343,23 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         var _this = this;
         if (!this.canRemovePanel)
             return;
-        if (this.confirmDelete) {
+        if (this.isRequireConfirmOnDelete(value)) {
             Object(_utils_utils__WEBPACK_IMPORTED_MODULE_9__["confirmActionAsync"])(this.confirmDeleteText, function () { _this.removePanel(value); });
         }
         else {
             this.removePanel(value);
         }
     };
+    QuestionPanelDynamicModel.prototype.isRequireConfirmOnDelete = function (val) {
+        if (!this.confirmDelete)
+            return false;
+        var index = this.getVisualPanelIndex(val);
+        if (index < 0 || index >= this.visiblePanelCount)
+            return false;
+        var panelValue = this.visiblePanels[index].getValue();
+        return !this.isValueEmpty(panelValue) &&
+            (this.isValueEmpty(this.defaultPanelValue) || !this.isTwoValueEquals(panelValue, this.defaultPanelValue));
+    };
     /**
      * Switches Dynamic Panel to the next panel. Returns `true` in case of success, or `false` if `renderMode` is `"list"` or the current panel contains validation errors.
      * @see renderMode
@@ -46423,6 +46589,7 @@ var QuestionPanelDynamicModel = /** @class */ (function (_super) {
         if (this.isReadOnly || !this.allowAddPanel) {
             this.updateNoEntriesTextDefaultLoc();
         }
+        this.updateFooterActions();
         _super.prototype.onSurveyLoad.call(this);
     };
     QuestionPanelDynamicModel.prototype.onFirstRendering = function () {
@@ -47247,6 +47414,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_5__["Serializer"].addClass("paneldynamic",
     { name: "noEntriesText:text", serializationProperty: "locNoEntriesText" },
     { name: "allowAddPanel:boolean", default: true },
     { name: "allowRemovePanel:boolean", default: true },
+    { name: "newPanelPosition", choices: ["next", "last"], default: "last", category: "layout" },
     {
         name: "panelCount:number",
         isBindable: true,
@@ -49872,6 +50040,7 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         _this.onOpened = _this.addEvent();
         _this.createLocalizableString("placeholder", _this, false, true);
         _this.createLocalizableString("clearCaption", _this, false, true);
+        _this.createLocalizableString("readOnlyText", _this, true);
         _this.registerPropertyChangedHandlers(["value", "renderAs", "showOtherItem", "otherText", "placeholder", "choices", "visibleChoices"], function () {
             _this.updateReadOnlyText();
         });
@@ -49933,6 +50102,23 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(QuestionTagboxModel.prototype, "readOnlyText", {
+        get: function () {
+            return this.getLocalizableStringText("readOnlyText");
+        },
+        set: function (val) {
+            this.setLocalizableStringText("readOnlyText", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(QuestionTagboxModel.prototype, "locReadOnlyText", {
+        get: function () {
+            return this.getLocalizableString("readOnlyText");
+        },
+        enumerable: false,
+        configurable: true
+    });
     QuestionTagboxModel.prototype.getType = function () {
         return "tagbox";
     };
@@ -50058,9 +50244,6 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: "" })
-    ], QuestionTagboxModel.prototype, "readOnlyText", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
     ], QuestionTagboxModel.prototype, "allowClear", void 0);
@@ -51465,14 +51648,8 @@ var settings = {
         showEmptyTitles: true
     },
     //#region designMode section, Obsolete properties
-    /**
-     * This property is obsolete. Use the [`settings.designMode.showEmptyDescriptions`](https://surveyjs.io/form-library/documentation/api-reference/settings#designMode) property instead.
-     */
     get allowShowEmptyDescriptionInDesignMode() { return this.designMode.showEmptyDescriptions; },
     set allowShowEmptyDescriptionInDesignMode(val) { this.designMode.showEmptyDescriptions = val; },
-    /**
-     * This property is obsolete. Use the [`settings.designMode.showEmptyTitles`](https://surveyjs.io/form-library/documentation/api-reference/settings#designMode) property instead.
-     */
     get allowShowEmptyTitleInDesignMode() { return this.designMode.showEmptyTitles; },
     set allowShowEmptyTitleInDesignMode(val) { this.designMode.showEmptyTitles = val; },
     //#endregion
@@ -51496,19 +51673,10 @@ var settings = {
         defaultLocaleName: "default"
     },
     //#region localization section, obsolete properties
-    /**
-     * This property is obsolete. Use the [`settings.localization.useLocalTimeZone`](https://surveyjs.io/form-library/documentation/api-reference/settings#localization) property instead.
-     */
     get useLocalTimeZone() { return this.localization.useLocalTimeZone; },
     set useLocalTimeZone(val) { this.localization.useLocalTimeZone = val; },
-    /**
-     * This property is obsolete. Use the [`settings.localization.storeDuplicatedTranslations`](https://surveyjs.io/form-library/documentation/api-reference/settings#localization) property instead.
-     */
     get storeDuplicatedTranslations() { return this.localization.storeDuplicatedTranslations; },
     set storeDuplicatedTranslations(val) { this.localization.storeDuplicatedTranslations = val; },
-    /**
-     * This property is obsolete. Use the [`settings.localization.defaultLocaleName`](https://surveyjs.io/form-library/documentation/api-reference/settings#localization) property instead.
-     */
     get defaultLocaleName() { return this.localization.defaultLocaleName; },
     set defaultLocaleName(val) { this.localization.defaultLocaleName = val; },
     //#endregion
@@ -51521,41 +51689,41 @@ var settings = {
      * Specifies whether to encode URL parameters when you access a web service. Default value: `true`.
      *
      * - `cacheLoadedChoices`: `boolean`\
-     * Specifies whether to cache [choices](https://surveyjs.io/form-library/documentation/api-reference/checkbox-question-model#choicesByUrl) loaded from a web service. Default value: `true`.
+     * Specifies whether to cache [choices loaded from a web service](https://surveyjs.io/form-library/documentation/api-reference/questionselectbase#choicesByUrl). Default value: `true`.
      *
      * - `disableQuestionWhileLoadingChoices`: `boolean`\
      * Disables a question while its choices are being loaded from a web service. Default value: `false`.
      *
      * - `surveyServiceUrl`: `string`\
      * The URL of the SurveyJS Service API endpoint.
+     *
+     * - `onBeforeRequestChoices`: `(sender: ChoicesRestful, options: { request: XMLHttpRequest })`\
+     * An event that is raised before a request for choices is send. Applies to questions with a specified [`choiceByUrl`](https://surveyjs.io/form-library/documentation/api-reference/questionselectbase#choicesByUrl) property. Use the `options.request` parameter to access and modify the `XMLHttpRequest` object. For instance, you can add authentication headers to it:
+     *
+     *     ```js
+     *     import { settings } from "survey-core";
+     *
+     *     settings.web.onBeforeSendRequest = (sender, options) => {
+     *       options.request.setRequestHeader('RequestVerificationToken', requestVerificationToken);
+     *     };
+     *     ```
      */
     web: {
+        onBeforeRequestChoices: function (sender, options) { },
         encodeUrlParams: true,
         cacheLoadedChoices: true,
         disableQuestionWhileLoadingChoices: false,
         surveyServiceUrl: "https://api.surveyjs.io/public/v1/Survey"
     },
     //#region web section, obsolete properties
-    /**
-     * This property is obsolete. Use the [`settings.web.encodeUrlParams`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) property instead.
-     */
     get webserviceEncodeParameters() { return this.web.encodeUrlParams; },
     set webserviceEncodeParameters(val) { this.web.encodeUrlParams = val; },
-    /**
-     * This property is obsolete. Use the [`settings.web.cacheLoadedChoices`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) property instead.
-     */
     get useCachingForChoicesRestful() { return this.web.cacheLoadedChoices; },
     set useCachingForChoicesRestful(val) { this.web.cacheLoadedChoices = val; },
     get useCachingForChoicesRestfull() { return this.web.cacheLoadedChoices; },
     set useCachingForChoicesRestfull(val) { this.web.cacheLoadedChoices = val; },
-    /**
-     * This property is obsolete. Use the [`settings.web.disableQuestionWhileLoadingChoices`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) property instead.
-     */
     get disableOnGettingChoicesFromWeb() { return this.web.disableQuestionWhileLoadingChoices; },
     set disableOnGettingChoicesFromWeb(val) { this.web.disableQuestionWhileLoadingChoices = val; },
-    /**
-     * This property is obsolete. Use the [`settings.web.surveyServiceUrl`](https://surveyjs.io/form-library/documentation/api-reference/settings#web) property instead.
-     */
     get surveyServiceUrl() { return this.web.surveyServiceUrl; },
     set surveyServiceUrl(val) { this.web.surveyServiceUrl = val; },
     //#endregion
@@ -51581,19 +51749,10 @@ var settings = {
         executeSkipOnValueChanged: true
     },
     //#region triggers section, Obsolete properties
-    /**
-     * This property is obsolete. Use the [`settings.triggers.executeCompleteOnValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/settings#triggers) property instead.
-     */
     get executeCompleteTriggerOnValueChanged() { return this.triggers.executeCompleteOnValueChanged; },
     set executeCompleteTriggerOnValueChanged(val) { this.triggers.executeCompleteOnValueChanged = val; },
-    /**
-     * This property is obsolete. Use the [`settings.triggers.changeNavigationButtonsOnComplete`](https://surveyjs.io/form-library/documentation/api-reference/settings#triggers) property instead.
-     */
     get changeNavigationButtonsOnCompleteTrigger() { return this.triggers.changeNavigationButtonsOnComplete; },
     set changeNavigationButtonsOnCompleteTrigger(val) { this.triggers.changeNavigationButtonsOnComplete = val; },
-    /**
-     * This property is obsolete. Use the [`settings.triggers.executeSkipOnValueChanged`](https://surveyjs.io/form-library/documentation/api-reference/settings#triggers) property instead.
-     */
     get executeSkipTriggerOnValueChanged() { return this.triggers.executeSkipOnValueChanged; },
     set executeSkipTriggerOnValueChanged(val) { this.triggers.executeSkipOnValueChanged = val; },
     //#endregion
@@ -51631,19 +51790,10 @@ var settings = {
         localizableStringSerializeAsObject: false
     },
     //#region serialization section, Obsolete properties
-    /**
-     * This property is obsolete. Use the [`settings.serialization.itemValueSerializeAsObject`](https://surveyjs.io/form-library/documentation/api-reference/settings#serialization) property instead.
-     */
     get itemValueAlwaysSerializeAsObject() { return this.serialization.itemValueSerializeAsObject; },
     set itemValueAlwaysSerializeAsObject(val) { this.serialization.itemValueSerializeAsObject = val; },
-    /**
-     * This property is obsolete. Use the [`settings.serialization.itemValueSerializeDisplayText`](https://surveyjs.io/form-library/documentation/api-reference/settings#serialization) property instead.
-     */
     get itemValueAlwaysSerializeText() { return this.serialization.itemValueSerializeDisplayText; },
     set itemValueAlwaysSerializeText(val) { this.serialization.itemValueSerializeDisplayText = val; },
-    /**
-     * This property is obsolete. Use the [`settings.serialization.localizableStringSerializeAsObject`](https://surveyjs.io/form-library/documentation/api-reference/settings#serialization) property instead.
-     */
     get serializeLocalizableStringAsObject() { return this.serialization.localizableStringSerializeAsObject; },
     set serializeLocalizableStringAsObject(val) { this.serialization.localizableStringSerializeAsObject = val; },
     //#endregion
@@ -51662,9 +51812,6 @@ var settings = {
         firstBatchSize: 3
     },
     //#region lazyRender section, Obsolete properties
-    /**
-     * This property is obsolete. Use the [`settings.lazyRender.enabled`](https://surveyjs.io/form-library/documentation/api-reference/settings#lazyRender) property instead.
-     */
     get lazyRowsRendering() { return this.lazyRender.enabled; },
     set lazyRowsRendering(val) { this.lazyRender.enabled = val; },
     get lazyRowsRenderingStartRow() { return this.lazyRender.firstBatchSize; },
@@ -51714,34 +51861,16 @@ var settings = {
         rateSize: "small",
     },
     //#region matrix section, Obsolete properties
-    /**
-     * This property is obsolete. Use the [`settings.matrix.defaultRowName`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
-     */
     get matrixDefaultRowName() { return this.matrix.defaultRowName; },
     set matrixDefaultRowName(val) { this.matrix.defaultRowName = val; },
-    /**
-     * This property is obsolete. Use the [`settings.matrix.defaultCellType`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
-     */
     get matrixDefaultCellType() { return this.matrix.defaultCellType; },
     set matrixDefaultCellType(val) { this.matrix.defaultCellType = val; },
-    /**
-     * This property is obsolete. Use the [`settings.matrix.totalsSuffix`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
-     */
     get matrixTotalValuePostFix() { return this.matrix.totalsSuffix; },
     set matrixTotalValuePostFix(val) { this.matrix.totalsSuffix = val; },
-    /**
-     * This property is obsolete. Use the [`settings.matrix.maxRowCount`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
-     */
     get matrixMaximumRowCount() { return this.matrix.maxRowCount; },
     set matrixMaximumRowCount(val) { this.matrix.maxRowCount = val; },
-    /**
-     * This property is obsolete. Use the [`settings.matrix.maxRowCountInCondition`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
-     */
     get matrixMaxRowCountInCondition() { return this.matrix.maxRowCountInCondition; },
     set matrixMaxRowCountInCondition(val) { this.matrix.maxRowCountInCondition = val; },
-    /**
-     * This property is obsolete. Use the [`settings.matrix.renderRemoveAsIcon`](https://surveyjs.io/form-library/documentation/api-reference/settings#matrix) property instead.
-     */
     get matrixRenderRemoveAsIcon() { return this.matrix.renderRemoveAsIcon; },
     set matrixRenderRemoveAsIcon(val) { this.matrix.renderRemoveAsIcon = val; },
     //#endregion
@@ -51763,14 +51892,8 @@ var settings = {
         maxPanelCountInCondition: 1
     },
     //#region panel section, Obsolete properties
-    /**
-     * This property is obsolete. Use the [`settings.panel.maxPanelCountInCondition`](https://surveyjs.io/form-library/documentation/api-reference/settings#panel) property instead.
-     */
     get panelDynamicMaxPanelCountInCondition() { return this.panel.maxPanelCountInCondition; },
     set panelDynamicMaxPanelCountInCondition(val) { this.panel.maxPanelCountInCondition = val; },
-    /**
-     * This property is obsolete. Use the [`settings.panel.maxPanelCount`](https://surveyjs.io/form-library/documentation/api-reference/settings#panel) property instead.
-     */
     get panelMaximumPanelCount() { return this.panel.maxPanelCount; },
     set panelMaximumPanelCount(val) { this.panel.maxPanelCount = val; },
     //#endregion
@@ -51791,14 +51914,8 @@ var settings = {
         textRenderMode: "input"
     },
     //#region readOnly section, Obsolete properties
-    /**
-     * This property is obsolete. Use the [`settings.readOnly.commentRenderMode`](https://surveyjs.io/form-library/documentation/api-reference/settings#readOnly) property instead.
-     */
     get readOnlyCommentRenderMode() { return this.readOnly.commentRenderMode; },
     set readOnlyCommentRenderMode(val) { this.readOnly.commentRenderMode = val; },
-    /**
-     * This property is obsolete. Use the [`settings.readOnly.textRenderMode`](https://surveyjs.io/form-library/documentation/api-reference/settings#readOnly) property instead.
-     */
     get readOnlyTextRenderMode() { return this.readOnly.textRenderMode; },
     set readOnlyTextRenderMode(val) { this.readOnly.textRenderMode = val; },
     //#endregion
@@ -51818,14 +51935,8 @@ var settings = {
         includeQuestionsWithHiddenTitle: false
     },
     //#region numbering section, Obsolete properties
-    /**
-     * This property is obsolete. Use the [`settings.numbering.includeQuestionsWithHiddenTitle`](https://surveyjs.io/form-library/documentation/api-reference/settings#numbering) property instead.
-     */
     get setQuestionVisibleIndexForHiddenTitle() { return this.numbering.includeQuestionsWithHiddenTitle; },
     set setQuestionVisibleIndexForHiddenTitle(val) { this.numbering.includeQuestionsWithHiddenTitle = val; },
-    /**
-     * This property is obsolete. Use the [`settings.numbering.includeQuestionsWithHiddenNumber`](https://surveyjs.io/form-library/documentation/api-reference/settings#numbering) property instead.
-     */
     get setQuestionVisibleIndexForHiddenNumber() { return this.numbering.includeQuestionsWithHiddenNumber; },
     set setQuestionVisibleIndexForHiddenNumber(val) { this.numbering.includeQuestionsWithHiddenNumber = val; },
     //#endregion
@@ -53223,6 +53334,16 @@ var SurveyElement = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyElement.prototype, "cssClassesValue", {
+        get: function () {
+            return this.getPropertyValueWithoutDefault("cssClassesValue");
+        },
+        set: function (val) {
+            this.setPropertyValue("cssClassesValue", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyElement.prototype.ensureCssClassesValue = function () {
         if (!this.cssClassesValue) {
             this.cssClassesValue = this.calcCssClasses(this.css);
@@ -53276,7 +53397,7 @@ var SurveyElement = /** @class */ (function (_super) {
     SurveyElement.prototype.getIsLoadingFromJson = function () {
         if (_super.prototype.getIsLoadingFromJson.call(this))
             return true;
-        return this.survey ? this.survey.isLoadingFromJson : false;
+        return this.surveyValue ? this.surveyValue.isLoadingFromJson : false;
     };
     Object.defineProperty(SurveyElement.prototype, "name", {
         /**
@@ -53801,9 +53922,6 @@ var SurveyElement = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
     ], SurveyElement.prototype, "isDragMe", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])()
-    ], SurveyElement.prototype, "cssClassesValue", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({ defaultValue: false })
     ], SurveyElement.prototype, "hasVisibleErrors", void 0);
@@ -54764,6 +54882,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();
         };
@@ -55347,6 +55466,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");
@@ -55367,6 +55487,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");
@@ -55377,6 +55498,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.
@@ -55826,7 +55962,7 @@ var SurveyModel = /** @class */ (function (_super) {
          * [Survey Localization demo](https://surveyjs.io/form-library/examples/survey-localization/ (linkStyle))
          */
         get: function () {
-            return this.getPropertyValue("locale", _surveyStrings__WEBPACK_IMPORTED_MODULE_8__["surveyLocalization"].currentLocale);
+            return this.getPropertyValueWithoutDefault("locale") || _surveyStrings__WEBPACK_IMPORTED_MODULE_8__["surveyLocalization"].currentLocale;
         },
         set: function (value) {
             if (value === _surveyStrings__WEBPACK_IMPORTED_MODULE_8__["surveyLocalization"].defaultLocale && !_surveyStrings__WEBPACK_IMPORTED_MODULE_8__["surveyLocalization"].currentLocale) {
@@ -56227,6 +56363,7 @@ var SurveyModel = /** @class */ (function (_super) {
             if (newVal !== this._isCompact) {
                 this._isCompact = newVal;
                 this.updateElementCss();
+                this.triggerResponsiveness(true);
             }
         },
         enumerable: false,
@@ -58178,21 +58315,16 @@ var SurveyModel = /** @class */ (function (_super) {
         var visPages = this.visiblePages;
         var firstErrorPage = null;
         var res = true;
+        var rec = { fireCallback: fireCallback, focuseOnFirstError: focusOnFirstError, firstErrorQuestion: null, result: false };
         for (var i = 0; i < visPages.length; i++) {
-            if (!visPages[i].validate(fireCallback, false)) {
+            if (!visPages[i].validate(fireCallback, focusOnFirstError, rec)) {
                 if (!firstErrorPage)
                     firstErrorPage = visPages[i];
                 res = false;
             }
         }
-        if (focusOnFirstError && !!firstErrorPage) {
-            var questions = firstErrorPage.getQuestions(true);
-            for (var i_2 = 0; i_2 < questions.length; i_2++) {
-                if (questions[i_2].errors.length > 0) {
-                    questions[i_2].focus(true);
-                    break;
-                }
-            }
+        if (focusOnFirstError && !!firstErrorPage && !!rec.firstErrorQuestion) {
+            rec.firstErrorQuestion.focus(true);
         }
         if (!res || !onAsyncValidation)
             return res;
@@ -58722,7 +58854,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 &&
@@ -60232,8 +60364,8 @@ var SurveyModel = /** @class */ (function (_super) {
             this.calculatedValues[i].doCalculation(this.calculatedValues, this.conditionValues, properties);
         }
         _super.prototype.runConditionCore.call(this, this.conditionValues, properties);
-        for (var i_3 = 0; i_3 < pages.length; i_3++) {
-            pages[i_3].runCondition(this.conditionValues, properties);
+        for (var i_2 = 0; i_2 < pages.length; i_2++) {
+            pages[i_2].runCondition(this.conditionValues, properties);
         }
     };
     SurveyModel.prototype.runQuestionsTriggers = function (name, value) {
@@ -60405,13 +60537,13 @@ var SurveyModel = /** @class */ (function (_super) {
             page.num = isPageVisible ? page.visibleIndex + 1 : -1;
         }
     };
-    SurveyModel.prototype.fromJSON = function (json) {
+    SurveyModel.prototype.fromJSON = function (json, options) {
         if (!json)
             return;
         this.questionHashesClear();
         this.jsonErrors = null;
         var jsonConverter = new _jsonobject__WEBPACK_IMPORTED_MODULE_1__["JsonObject"]();
-        jsonConverter.toObject(json, this);
+        jsonConverter.toObject(json, this, options);
         if (jsonConverter.errors.length > 0) {
             this.jsonErrors = jsonConverter.errors;
         }
@@ -61007,7 +61139,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,
@@ -61019,6 +61151,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();
@@ -61092,15 +61227,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();
@@ -61829,7 +61966,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);
@@ -62137,7 +62274,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
         onSetValue: function (obj, value, jsonConverter) {
             obj.pages.splice(0, obj.pages.length);
             var page = obj.addNewPage("");
-            jsonConverter.toObject({ questions: value }, page);
+            jsonConverter.toObject({ questions: value }, page, jsonConverter === null || jsonConverter === void 0 ? void 0 : jsonConverter.options);
         },
     },
     {
@@ -62729,9 +62866,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 () {
@@ -64272,12 +64412,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
@@ -64301,12 +64442,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;
@@ -65645,7 +65792,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);
@@ -65673,6 +65820,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));
 
@@ -65813,7 +65973,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 () {