survey-react 1.9.90 → 1.9.92

package/survey.react.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.90
+ * surveyjs - Survey JavaScript library v1.9.92
  * Copyright (c) 2015-2023 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2077,7 +2077,7 @@ var Base = /** @class */ (function () {
      */
     Base.prototype.getPropertyValue = function (name, defaultValue) {
         if (defaultValue === void 0) { defaultValue = null; }
-        var res = this.getPropertyValueCore(this.propertyHash, name);
+        var res = this.getPropertyValueWithoutDefault(name);
         if (this.isPropertyEmpty(res)) {
             var locStr = this.localizableStrings ? this.localizableStrings[name] : undefined;
             if (locStr)
@@ -2103,6 +2103,9 @@ var Base = /** @class */ (function () {
             return prop.onGetValue(this);
         return undefined;
     };
+    Base.prototype.getPropertyValueWithoutDefault = function (name) {
+        return this.getPropertyValueCore(this.propertyHash, name);
+    };
     Base.prototype.getPropertyValueCore = function (propertiesHash, name) {
         if (!this.isLoadingFromJson) {
             Base.collectDependency(this, name);
@@ -6279,7 +6282,7 @@ var DragDropChoices = /** @class */ (function (_super) {
         }
         var draggedElementShortcut = document.createElement("div");
         // draggedElementShortcut.innerText = text;
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 1000;\n          font-family: var(--font-family, $font-family);\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--font-family, $font-family);\n        ";
         var isDeepClone = true;
         var clone = (draggedElementNode
             .closest("[data-sv-drop-target-item-value]")
@@ -6302,7 +6305,7 @@ var DragDropChoices = /** @class */ (function (_super) {
     };
     DragDropChoices.prototype.createImagePickerShortcut = function (item, text, draggedElementNode, event) {
         var draggedElementShortcut = document.createElement("div");
-        draggedElementShortcut.style.cssText = " \n      cursor: grabbing;\n      position: absolute;\n      z-index: 1000;\n      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);\n      padding: 4px;\n      border-radius: 4px;\n      background: white;\n    ";
+        draggedElementShortcut.style.cssText = " \n      cursor: grabbing;\n      position: absolute;\n      z-index: 10000;\n      box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);\n      padding: 4px;\n      border-radius: 4px;\n      background: white;\n    ";
         var itemValueNode = draggedElementNode.closest("[data-sv-drop-target-item-value]");
         var controlsNode = itemValueNode.querySelector(".svc-image-item-value-controls");
         var imageContainerNode = itemValueNode.querySelector(".sd-imagepicker__image-container");
@@ -6900,7 +6903,7 @@ var DragDropMatrixRows = /** @class */ (function (_super) {
         var _this = this;
         var draggedElementShortcut = document.createElement("div");
         // draggedElementShortcut.innerText = text;
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 1000;\n          font-family: var(--font-family, $font-family);\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          font-family: var(--font-family, $font-family);\n        ";
         var isDeepClone = true;
         if (!!draggedElementNode) {
             var row = (draggedElementNode
@@ -7075,7 +7078,7 @@ var DragDropRankingChoices = /** @class */ (function (_super) {
     DragDropRankingChoices.prototype.createDraggedElementShortcut = function (text, draggedElementNode, event) {
         var draggedElementShortcut = document.createElement("div");
         draggedElementShortcut.className = this.shortcutClass + " sv-ranking-shortcut";
-        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 1000;\n          border-radius: 36px;\n          min-width: 100px;\n          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);\n          background-color: var(--background, white);\n          font-family: var(--font-family, $font-family);\n        ";
+        draggedElementShortcut.style.cssText = " \n          cursor: grabbing;\n          position: absolute;\n          z-index: 10000;\n          border-radius: 36px;\n          min-width: 100px;\n          box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1), 0px 2px 6px rgba(0, 0, 0, 0.1);\n          background-color: var(--background, white);\n          font-family: var(--font-family, $font-family);\n        ";
         var isDeepClone = true;
         var clone = draggedElementNode.cloneNode(isDeepClone);
         draggedElementShortcut.appendChild(clone);
@@ -7246,11 +7249,9 @@ var DropdownListModel = /** @class */ (function (_super) {
         question.onPropertyChanged.add(function (sender, options) {
             if (options.name == "value") {
                 _this.showInputFieldComponent = _this.question.showInputFieldComponent;
-                _this.showSelectedItemLocText = _this.question.showSelectedItemLocText;
             }
         });
         _this.showInputFieldComponent = _this.question.showInputFieldComponent;
-        _this.showSelectedItemLocText = _this.question.showSelectedItemLocText;
         _this.listModel = _this.createListModel();
         _this.updateAfterListModelCreated(_this.listModel);
         _this.setSearchEnabled(_this.question.searchEnabled);
@@ -7317,6 +7318,7 @@ var DropdownListModel = /** @class */ (function (_super) {
         this._popupModel = new _popup__WEBPACK_IMPORTED_MODULE_3__["PopupModel"]("sv-list", { model: this.listModel }, "bottom", "center", false);
         this._popupModel.displayMode = _utils_devices__WEBPACK_IMPORTED_MODULE_6__["IsTouch"] ? "overlay" : "popup";
         this._popupModel.positionMode = "fixed";
+        this._popupModel.isFocusedContainer = false;
         this._popupModel.isFocusedContent = _utils_devices__WEBPACK_IMPORTED_MODULE_6__["IsTouch"];
         this._popupModel.setWidthByTarget = !_utils_devices__WEBPACK_IMPORTED_MODULE_6__["IsTouch"];
         this.updatePopupFocusFirstInputSelector();
@@ -7435,6 +7437,13 @@ var DropdownListModel = /** @class */ (function (_super) {
             updateAfterFilterStringChanged();
         }
     };
+    Object.defineProperty(DropdownListModel.prototype, "isAllDataLoaded", {
+        get: function () {
+            return !!this.itemsSettings.totalCount && this.itemsSettings.items.length == this.itemsSettings.totalCount;
+        },
+        enumerable: false,
+        configurable: true
+    });
     DropdownListModel.prototype.applyInputString = function (item) {
         var hasHtml = item === null || item === void 0 ? void 0 : item.locText.hasHtml;
         if (hasHtml || this.question.inputFieldComponentName) {
@@ -7758,13 +7767,9 @@ var DropdownListModel = /** @class */ (function (_super) {
             defaultValue: "",
             onSet: function (newValue, target) {
                 target.question.inputHasValue = !!newValue;
-                target.showSelectedItemLocText = target.question.showSelectedItemLocText;
             }
         })
     ], DropdownListModel.prototype, "inputString", void 0);
-    __decorate([
-        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({})
-    ], DropdownListModel.prototype, "showSelectedItemLocText", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({})
     ], DropdownListModel.prototype, "showInputFieldComponent", void 0);
@@ -8635,148 +8640,149 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _surveyProgressButtons__WEBPACK_IMPORTED_MODULE_57__ = __webpack_require__(/*! ../../surveyProgressButtons */ "./src/surveyProgressButtons.ts");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtonsModel", function() { return _surveyProgressButtons__WEBPACK_IMPORTED_MODULE_57__["SurveyProgressButtonsModel"]; });
 
-/* harmony import */ var _survey__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../../survey */ "./src/survey.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyModel", function() { return _survey__WEBPACK_IMPORTED_MODULE_58__["SurveyModel"]; });
+/* harmony import */ var _themes__WEBPACK_IMPORTED_MODULE_58__ = __webpack_require__(/*! ../../themes */ "./src/themes.ts");
+/* empty/unused harmony star reexport *//* harmony import */ var _survey__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../../survey */ "./src/survey.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyModel", function() { return _survey__WEBPACK_IMPORTED_MODULE_59__["SurveyModel"]; });
 
-/* harmony import */ var _trigger__WEBPACK_IMPORTED_MODULE_59__ = __webpack_require__(/*! ../../trigger */ "./src/trigger.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTrigger", function() { return _trigger__WEBPACK_IMPORTED_MODULE_59__["SurveyTrigger"]; });
+/* harmony import */ var _trigger__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../../trigger */ "./src/trigger.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTrigger", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["SurveyTrigger"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerComplete", function() { return _trigger__WEBPACK_IMPORTED_MODULE_59__["SurveyTriggerComplete"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerComplete", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["SurveyTriggerComplete"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerSetValue", function() { return _trigger__WEBPACK_IMPORTED_MODULE_59__["SurveyTriggerSetValue"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerSetValue", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["SurveyTriggerSetValue"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerVisible", function() { return _trigger__WEBPACK_IMPORTED_MODULE_59__["SurveyTriggerVisible"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerVisible", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["SurveyTriggerVisible"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerCopyValue", function() { return _trigger__WEBPACK_IMPORTED_MODULE_59__["SurveyTriggerCopyValue"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerCopyValue", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["SurveyTriggerCopyValue"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerRunExpression", function() { return _trigger__WEBPACK_IMPORTED_MODULE_59__["SurveyTriggerRunExpression"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyTriggerRunExpression", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["SurveyTriggerRunExpression"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Trigger", function() { return _trigger__WEBPACK_IMPORTED_MODULE_59__["Trigger"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Trigger", function() { return _trigger__WEBPACK_IMPORTED_MODULE_60__["Trigger"]; });
 
-/* harmony import */ var _popup_survey__WEBPACK_IMPORTED_MODULE_60__ = __webpack_require__(/*! ../../popup-survey */ "./src/popup-survey.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupSurveyModel", function() { return _popup_survey__WEBPACK_IMPORTED_MODULE_60__["PopupSurveyModel"]; });
+/* harmony import */ var _popup_survey__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../../popup-survey */ "./src/popup-survey.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupSurveyModel", function() { return _popup_survey__WEBPACK_IMPORTED_MODULE_61__["PopupSurveyModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyWindowModel", function() { return _popup_survey__WEBPACK_IMPORTED_MODULE_60__["SurveyWindowModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyWindowModel", function() { return _popup_survey__WEBPACK_IMPORTED_MODULE_61__["SurveyWindowModel"]; });
 
-/* harmony import */ var _textPreProcessor__WEBPACK_IMPORTED_MODULE_61__ = __webpack_require__(/*! ../../textPreProcessor */ "./src/textPreProcessor.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TextPreProcessor", function() { return _textPreProcessor__WEBPACK_IMPORTED_MODULE_61__["TextPreProcessor"]; });
+/* harmony import */ var _textPreProcessor__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../../textPreProcessor */ "./src/textPreProcessor.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "TextPreProcessor", function() { return _textPreProcessor__WEBPACK_IMPORTED_MODULE_62__["TextPreProcessor"]; });
 
-/* harmony import */ var _notifier__WEBPACK_IMPORTED_MODULE_62__ = __webpack_require__(/*! ../../notifier */ "./src/notifier.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Notifier", function() { return _notifier__WEBPACK_IMPORTED_MODULE_62__["Notifier"]; });
+/* harmony import */ var _notifier__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../../notifier */ "./src/notifier.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "Notifier", function() { return _notifier__WEBPACK_IMPORTED_MODULE_63__["Notifier"]; });
 
-/* harmony import */ var _dxSurveyService__WEBPACK_IMPORTED_MODULE_63__ = __webpack_require__(/*! ../../dxSurveyService */ "./src/dxSurveyService.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "dxSurveyService", function() { return _dxSurveyService__WEBPACK_IMPORTED_MODULE_63__["dxSurveyService"]; });
+/* harmony import */ var _dxSurveyService__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../../dxSurveyService */ "./src/dxSurveyService.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "dxSurveyService", function() { return _dxSurveyService__WEBPACK_IMPORTED_MODULE_64__["dxSurveyService"]; });
 
-/* harmony import */ var _localization_english__WEBPACK_IMPORTED_MODULE_64__ = __webpack_require__(/*! ../../localization/english */ "./src/localization/english.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "englishStrings", function() { return _localization_english__WEBPACK_IMPORTED_MODULE_64__["englishStrings"]; });
+/* harmony import */ var _localization_english__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../../localization/english */ "./src/localization/english.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "englishStrings", function() { return _localization_english__WEBPACK_IMPORTED_MODULE_65__["englishStrings"]; });
 
-/* harmony import */ var _surveyStrings__WEBPACK_IMPORTED_MODULE_65__ = __webpack_require__(/*! ../../surveyStrings */ "./src/surveyStrings.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyLocalization", function() { return _surveyStrings__WEBPACK_IMPORTED_MODULE_65__["surveyLocalization"]; });
+/* harmony import */ var _surveyStrings__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../../surveyStrings */ "./src/surveyStrings.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyLocalization", function() { return _surveyStrings__WEBPACK_IMPORTED_MODULE_66__["surveyLocalization"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyStrings", function() { return _surveyStrings__WEBPACK_IMPORTED_MODULE_65__["surveyStrings"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyStrings", function() { return _surveyStrings__WEBPACK_IMPORTED_MODULE_66__["surveyStrings"]; });
 
-/* harmony import */ var _questionCustomWidgets__WEBPACK_IMPORTED_MODULE_66__ = __webpack_require__(/*! ../../questionCustomWidgets */ "./src/questionCustomWidgets.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionCustomWidget", function() { return _questionCustomWidgets__WEBPACK_IMPORTED_MODULE_66__["QuestionCustomWidget"]; });
+/* harmony import */ var _questionCustomWidgets__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../../questionCustomWidgets */ "./src/questionCustomWidgets.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionCustomWidget", function() { return _questionCustomWidgets__WEBPACK_IMPORTED_MODULE_67__["QuestionCustomWidget"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CustomWidgetCollection", function() { return _questionCustomWidgets__WEBPACK_IMPORTED_MODULE_66__["CustomWidgetCollection"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CustomWidgetCollection", function() { return _questionCustomWidgets__WEBPACK_IMPORTED_MODULE_67__["CustomWidgetCollection"]; });
 
-/* harmony import */ var _question_custom__WEBPACK_IMPORTED_MODULE_67__ = __webpack_require__(/*! ../../question_custom */ "./src/question_custom.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionCustomModel", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_67__["QuestionCustomModel"]; });
+/* harmony import */ var _question_custom__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../../question_custom */ "./src/question_custom.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionCustomModel", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_68__["QuestionCustomModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionCompositeModel", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_67__["QuestionCompositeModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionCompositeModel", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_68__["QuestionCompositeModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComponentQuestionJSON", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_67__["ComponentQuestionJSON"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComponentQuestionJSON", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_68__["ComponentQuestionJSON"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComponentCollection", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_67__["ComponentCollection"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ComponentCollection", function() { return _question_custom__WEBPACK_IMPORTED_MODULE_68__["ComponentCollection"]; });
 
-/* harmony import */ var _stylesmanager__WEBPACK_IMPORTED_MODULE_68__ = __webpack_require__(/*! ../../stylesmanager */ "./src/stylesmanager.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StylesManager", function() { return _stylesmanager__WEBPACK_IMPORTED_MODULE_68__["StylesManager"]; });
+/* harmony import */ var _stylesmanager__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../../stylesmanager */ "./src/stylesmanager.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "StylesManager", function() { return _stylesmanager__WEBPACK_IMPORTED_MODULE_69__["StylesManager"]; });
 
-/* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_69__ = __webpack_require__(/*! ../../list */ "./src/list.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ListModel", function() { return _list__WEBPACK_IMPORTED_MODULE_69__["ListModel"]; });
+/* harmony import */ var _list__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../../list */ "./src/list.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ListModel", function() { return _list__WEBPACK_IMPORTED_MODULE_70__["ListModel"]; });
 
-/* harmony import */ var _multiSelectListModel__WEBPACK_IMPORTED_MODULE_70__ = __webpack_require__(/*! ../../multiSelectListModel */ "./src/multiSelectListModel.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultiSelectListModel", function() { return _multiSelectListModel__WEBPACK_IMPORTED_MODULE_70__["MultiSelectListModel"]; });
+/* harmony import */ var _multiSelectListModel__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../../multiSelectListModel */ "./src/multiSelectListModel.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "MultiSelectListModel", function() { return _multiSelectListModel__WEBPACK_IMPORTED_MODULE_71__["MultiSelectListModel"]; });
 
-/* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_71__ = __webpack_require__(/*! ../../popup */ "./src/popup.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupModel", function() { return _popup__WEBPACK_IMPORTED_MODULE_71__["PopupModel"]; });
+/* harmony import */ var _popup__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../../popup */ "./src/popup.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupModel", function() { return _popup__WEBPACK_IMPORTED_MODULE_72__["PopupModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createDialogOptions", function() { return _popup__WEBPACK_IMPORTED_MODULE_71__["createDialogOptions"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createDialogOptions", function() { return _popup__WEBPACK_IMPORTED_MODULE_72__["createDialogOptions"]; });
 
-/* harmony import */ var _popup_view_model__WEBPACK_IMPORTED_MODULE_72__ = __webpack_require__(/*! ../../popup-view-model */ "./src/popup-view-model.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupBaseViewModel", function() { return _popup_view_model__WEBPACK_IMPORTED_MODULE_72__["PopupBaseViewModel"]; });
+/* harmony import */ var _popup_view_model__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../../popup-view-model */ "./src/popup-view-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupBaseViewModel", function() { return _popup_view_model__WEBPACK_IMPORTED_MODULE_73__["PopupBaseViewModel"]; });
 
-/* harmony import */ var _popup_dropdown_view_model__WEBPACK_IMPORTED_MODULE_73__ = __webpack_require__(/*! ../../popup-dropdown-view-model */ "./src/popup-dropdown-view-model.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupDropdownViewModel", function() { return _popup_dropdown_view_model__WEBPACK_IMPORTED_MODULE_73__["PopupDropdownViewModel"]; });
+/* harmony import */ var _popup_dropdown_view_model__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../../popup-dropdown-view-model */ "./src/popup-dropdown-view-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupDropdownViewModel", function() { return _popup_dropdown_view_model__WEBPACK_IMPORTED_MODULE_74__["PopupDropdownViewModel"]; });
 
-/* harmony import */ var _popup_modal_view_model__WEBPACK_IMPORTED_MODULE_74__ = __webpack_require__(/*! ../../popup-modal-view-model */ "./src/popup-modal-view-model.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupModalViewModel", function() { return _popup_modal_view_model__WEBPACK_IMPORTED_MODULE_74__["PopupModalViewModel"]; });
+/* harmony import */ var _popup_modal_view_model__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../../popup-modal-view-model */ "./src/popup-modal-view-model.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PopupModalViewModel", function() { return _popup_modal_view_model__WEBPACK_IMPORTED_MODULE_75__["PopupModalViewModel"]; });
 
-/* harmony import */ var _popup_utils__WEBPACK_IMPORTED_MODULE_75__ = __webpack_require__(/*! ../../popup-utils */ "./src/popup-utils.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createPopupViewModel", function() { return _popup_utils__WEBPACK_IMPORTED_MODULE_75__["createPopupViewModel"]; });
+/* harmony import */ var _popup_utils__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../../popup-utils */ "./src/popup-utils.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createPopupViewModel", function() { return _popup_utils__WEBPACK_IMPORTED_MODULE_76__["createPopupViewModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createPopupModalViewModel", function() { return _popup_utils__WEBPACK_IMPORTED_MODULE_75__["createPopupModalViewModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createPopupModalViewModel", function() { return _popup_utils__WEBPACK_IMPORTED_MODULE_76__["createPopupModalViewModel"]; });
 
-/* harmony import */ var _dropdownListModel__WEBPACK_IMPORTED_MODULE_76__ = __webpack_require__(/*! ../../dropdownListModel */ "./src/dropdownListModel.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropdownListModel", function() { return _dropdownListModel__WEBPACK_IMPORTED_MODULE_76__["DropdownListModel"]; });
+/* harmony import */ var _dropdownListModel__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../../dropdownListModel */ "./src/dropdownListModel.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropdownListModel", function() { return _dropdownListModel__WEBPACK_IMPORTED_MODULE_77__["DropdownListModel"]; });
 
-/* harmony import */ var _dropdownMultiSelectListModel__WEBPACK_IMPORTED_MODULE_77__ = __webpack_require__(/*! ../../dropdownMultiSelectListModel */ "./src/dropdownMultiSelectListModel.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropdownMultiSelectListModel", function() { return _dropdownMultiSelectListModel__WEBPACK_IMPORTED_MODULE_77__["DropdownMultiSelectListModel"]; });
+/* harmony import */ var _dropdownMultiSelectListModel__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../../dropdownMultiSelectListModel */ "./src/dropdownMultiSelectListModel.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DropdownMultiSelectListModel", function() { return _dropdownMultiSelectListModel__WEBPACK_IMPORTED_MODULE_78__["DropdownMultiSelectListModel"]; });
 
-/* harmony import */ var _question_buttongroup__WEBPACK_IMPORTED_MODULE_78__ = __webpack_require__(/*! ../../question_buttongroup */ "./src/question_buttongroup.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionButtonGroupModel", function() { return _question_buttongroup__WEBPACK_IMPORTED_MODULE_78__["QuestionButtonGroupModel"]; });
+/* harmony import */ var _question_buttongroup__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../../question_buttongroup */ "./src/question_buttongroup.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "QuestionButtonGroupModel", function() { return _question_buttongroup__WEBPACK_IMPORTED_MODULE_79__["QuestionButtonGroupModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonGroupItemModel", function() { return _question_buttongroup__WEBPACK_IMPORTED_MODULE_78__["ButtonGroupItemModel"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonGroupItemModel", function() { return _question_buttongroup__WEBPACK_IMPORTED_MODULE_79__["ButtonGroupItemModel"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonGroupItemValue", function() { return _question_buttongroup__WEBPACK_IMPORTED_MODULE_78__["ButtonGroupItemValue"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ButtonGroupItemValue", function() { return _question_buttongroup__WEBPACK_IMPORTED_MODULE_79__["ButtonGroupItemValue"]; });
 
-/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_79__ = __webpack_require__(/*! ../../utils/devices */ "./src/utils/devices.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IsMobile", function() { return _utils_devices__WEBPACK_IMPORTED_MODULE_79__["IsMobile"]; });
+/* harmony import */ var _utils_devices__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../../utils/devices */ "./src/utils/devices.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IsMobile", function() { return _utils_devices__WEBPACK_IMPORTED_MODULE_80__["IsMobile"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IsTouch", function() { return _utils_devices__WEBPACK_IMPORTED_MODULE_79__["IsTouch"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "IsTouch", function() { return _utils_devices__WEBPACK_IMPORTED_MODULE_80__["IsTouch"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_setIsTouch", function() { return _utils_devices__WEBPACK_IMPORTED_MODULE_79__["_setIsTouch"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "_setIsTouch", function() { return _utils_devices__WEBPACK_IMPORTED_MODULE_80__["_setIsTouch"]; });
 
-/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_80__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "confirmAction", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_80__["confirmAction"]; });
+/* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../../utils/utils */ "./src/utils/utils.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "confirmAction", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["confirmAction"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "detectIEOrEdge", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_80__["detectIEOrEdge"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "detectIEOrEdge", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["detectIEOrEdge"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickUp", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_80__["doKey2ClickUp"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickUp", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["doKey2ClickUp"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickDown", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_80__["doKey2ClickDown"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickDown", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["doKey2ClickDown"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickBlur", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_80__["doKey2ClickBlur"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "doKey2ClickBlur", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["doKey2ClickBlur"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "loadFileFromBase64", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_80__["loadFileFromBase64"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "loadFileFromBase64", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["loadFileFromBase64"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "increaseHeightByContent", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_80__["increaseHeightByContent"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "increaseHeightByContent", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["increaseHeightByContent"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSvg", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_80__["createSvg"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createSvg", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["createSvg"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_80__["sanitizeEditableContent"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "sanitizeEditableContent", function() { return _utils_utils__WEBPACK_IMPORTED_MODULE_81__["sanitizeEditableContent"]; });
 
-/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_81__ = __webpack_require__(/*! ../../utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_81__["CssClassBuilder"]; });
+/* harmony import */ var _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../../utils/cssClassBuilder */ "./src/utils/cssClassBuilder.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "CssClassBuilder", function() { return _utils_cssClassBuilder__WEBPACK_IMPORTED_MODULE_82__["CssClassBuilder"]; });
 
-/* harmony import */ var _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_82__ = __webpack_require__(/*! ../../defaultCss/defaultV2Css */ "./src/defaultCss/defaultV2Css.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyCss", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_82__["surveyCss"]; });
+/* harmony import */ var _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../../defaultCss/defaultV2Css */ "./src/defaultCss/defaultV2Css.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "surveyCss", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_83__["surveyCss"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultV2Css", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_82__["defaultV2Css"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultV2Css", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_83__["defaultV2Css"]; });
 
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultV2ThemeName", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_82__["defaultV2ThemeName"]; });
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "defaultV2ThemeName", function() { return _defaultCss_defaultV2Css__WEBPACK_IMPORTED_MODULE_83__["defaultV2ThemeName"]; });
 
-/* harmony import */ var _dragdrop_core__WEBPACK_IMPORTED_MODULE_83__ = __webpack_require__(/*! ../../dragdrop/core */ "./src/dragdrop/core.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropCore", function() { return _dragdrop_core__WEBPACK_IMPORTED_MODULE_83__["DragDropCore"]; });
+/* harmony import */ var _dragdrop_core__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../../dragdrop/core */ "./src/dragdrop/core.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropCore", function() { return _dragdrop_core__WEBPACK_IMPORTED_MODULE_84__["DragDropCore"]; });
 
-/* harmony import */ var _dragdrop_choices__WEBPACK_IMPORTED_MODULE_84__ = __webpack_require__(/*! ../../dragdrop/choices */ "./src/dragdrop/choices.ts");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropChoices", function() { return _dragdrop_choices__WEBPACK_IMPORTED_MODULE_84__["DragDropChoices"]; });
+/* harmony import */ var _dragdrop_choices__WEBPACK_IMPORTED_MODULE_85__ = __webpack_require__(/*! ../../dragdrop/choices */ "./src/dragdrop/choices.ts");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "DragDropChoices", function() { return _dragdrop_choices__WEBPACK_IMPORTED_MODULE_85__["DragDropChoices"]; });
 
 // styles
 // import "../../main.scss";
 //import "../../modern.scss";
 var Version;
-Version = "" + "1.9.90";
+Version = "" + "1.9.92";
 function checkLibraryVersion(ver, libraryName) {
     if (Version != ver) {
         var str = "survey-core has version '" + Version + "' and " + libraryName
@@ -8849,6 +8855,7 @@ function checkLibraryVersion(ver, libraryName) {
 
 
 
+
 
 
 // export { cultureInfo } from "../../cultureInfo";
@@ -14740,6 +14747,14 @@ var OperandMaker = /** @class */ (function () {
         var opStr = OperandMaker.signs[operatorName];
         return opStr == null ? operatorName : opStr;
     };
+    OperandMaker.convertValForDateCompare = function (val, second) {
+        if (second instanceof Date && typeof val === "string") {
+            var res = new Date(val);
+            res.setHours(0, 0, 0);
+            return res;
+        }
+        return val;
+    };
     OperandMaker.unaryFunctions = {
         empty: function (value) {
             return _helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isValueEmpty(value);
@@ -14804,11 +14819,15 @@ var OperandMaker = /** @class */ (function () {
         greater: function (left, right) {
             if (left == null || right == null)
                 return false;
+            left = OperandMaker.convertValForDateCompare(left, right);
+            right = OperandMaker.convertValForDateCompare(right, left);
             return left > right;
         },
         less: function (left, right) {
             if (left == null || right == null)
                 return false;
+            left = OperandMaker.convertValForDateCompare(left, right);
+            right = OperandMaker.convertValForDateCompare(right, left);
             return left < right;
         },
         greaterorequal: function (left, right) {
@@ -14822,6 +14841,8 @@ var OperandMaker = /** @class */ (function () {
             return OperandMaker.binaryFunctions.less(left, right);
         },
         equal: function (left, right) {
+            left = OperandMaker.convertValForDateCompare(left, right);
+            right = OperandMaker.convertValForDateCompare(right, left);
             return OperandMaker.isTwoValueEquals(left, right);
         },
         notequal: function (left, right) {
@@ -16526,7 +16547,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 /**
- * Array of ItemValue is used in checkox, dropdown and radiogroup choices, matrix columns and rows.
+ * Array of ItemValue is used in checkbox, dropdown and radiogroup choices, matrix columns and rows.
  * It has two main properties: value and text. If text is empty, value is used for displaying.
  * The text property is localizable and support markdown.
  */
@@ -17520,6 +17541,7 @@ var JsonObjectProperty = /** @class */ (function () {
         "categoryIndex",
         "visibleIndex",
         "nextToProperty",
+        "overridingProperty",
         "showMode",
         "dependedProperties",
         "visibleIf",
@@ -17840,6 +17862,9 @@ var JsonMetadataClass = /** @class */ (function () {
             if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(propInfo.nextToProperty)) {
                 prop.nextToProperty = propInfo.nextToProperty;
             }
+            if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(propInfo.overridingProperty)) {
+                prop.overridingProperty = propInfo.overridingProperty;
+            }
             if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(propInfo.visibleIndex)) {
                 prop.visibleIndex = propInfo.visibleIndex;
             }
@@ -29381,7 +29406,7 @@ function setStyles() {
         ".sv-ranking--drag-handle-area-icon .sv-ranking-item__icon--hover": "cursor: pointer;",
         // EO ranking
         // drag drop
-        ".sv-dragged-element-shortcut": "height: 24px; min-width: 100px; border-radius: 36px; background-color: white; padding: 16px; cursor: grabbing; position: absolute; z-index: 1000; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); font-family: var(--font-family, $font-family); font-size: 16px; padding-left: 20px;line-height: 24px;",
+        ".sv-dragged-element-shortcut": "height: 24px; min-width: 100px; border-radius: 36px; background-color: white; padding: 16px; cursor: grabbing; position: absolute; z-index: 10000; box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1); font-family: var(--font-family, $font-family); font-size: 16px; padding-left: 20px;line-height: 24px;",
         ".sv-matrixdynamic__drag-icon": "padding-top:14px",
         ".sv-matrixdynamic__drag-icon:after": "content: ' '; display: block; height: 6px; width: 20px; border: 1px solid #e7e7e7; box-sizing: border-box; border-radius: 10px; cursor: move; margin-top: 12px;",
         ".sv-matrix-row--drag-drop-ghost-mod td": "background-color: #f3f3f3;",
@@ -30367,6 +30392,13 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(PopupBaseViewModel.prototype, "isFocusedContainer", {
+        get: function () {
+            return this.model.isFocusedContainer;
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(PopupBaseViewModel.prototype, "showFooter", {
         get: function () {
             return this.getShowFooter();
@@ -30448,6 +30480,9 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
         if (this.isFocusedContent) {
             this.focusFirstInput();
         }
+        else if (this.isFocusedContainer) {
+            this.focusContainer();
+        }
     };
     PopupBaseViewModel.prototype.updateOnShowing = function () {
         this.prevActiveElement = _settings__WEBPACK_IMPORTED_MODULE_4__["settings"].environment.root.activeElement;
@@ -30461,6 +30496,11 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
             this.prevActiveElement.focus();
         }
     };
+    PopupBaseViewModel.prototype.focusContainer = function () {
+        if (!this.container)
+            return;
+        this.container.children[0].focus();
+    };
     PopupBaseViewModel.prototype.focusFirstInput = function () {
         var _this = this;
         setTimeout(function () {
@@ -30470,7 +30510,7 @@ var PopupBaseViewModel = /** @class */ (function (_super) {
             if (!!el)
                 el.focus();
             else
-                _this.container.children[0].focus();
+                _this.focusContainer();
         }, 100);
     };
     PopupBaseViewModel.prototype.clickOutside = function () {
@@ -30651,6 +30691,9 @@ var PopupModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: true })
     ], PopupModel.prototype, "isFocusedContent", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: true })
+    ], PopupModel.prototype, "isFocusedContainer", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: function () { } })
     ], PopupModel.prototype, "onCancel", void 0);
@@ -32213,7 +32256,7 @@ var Question = /** @class */ (function (_super) {
     });
     Object.defineProperty(Question.prototype, "questionValue", {
         get: function () {
-            return this.getPropertyValue("value");
+            return this.getPropertyValueWithoutDefault("value");
         },
         set: function (val) {
             this.setPropertyValue("value", val);
@@ -32223,7 +32266,7 @@ var Question = /** @class */ (function (_super) {
     });
     Object.defineProperty(Question.prototype, "questionComment", {
         get: function () {
-            return this.getPropertyValue("comment");
+            return this.getPropertyValueWithoutDefault("comment");
         },
         set: function (val) {
             this.setPropertyValue("comment", val);
@@ -32935,6 +32978,8 @@ var Question = /** @class */ (function (_super) {
         }
     };
     Question.prototype.setNewValue = function (newValue) {
+        if (this.isNewValueEqualsToValue(newValue))
+            return;
         var oldAnswered = this.isAnswered;
         this.setNewValueInData(newValue);
         this.allowNotifyValueChanged && this.onValueChanged();
@@ -32942,6 +32987,13 @@ var Question = /** @class */ (function (_super) {
             this.updateQuestionCss();
         }
     };
+    Question.prototype.isNewValueEqualsToValue = function (newValue) {
+        var val = this.value;
+        if (!this.isTwoValueEquals(newValue, val))
+            return false;
+        var isObj = newValue === val && !!val && (Array.isArray(val) || typeof val === "object");
+        return !isObj;
+    };
     Question.prototype.isTextValue = function () {
         return false;
     };
@@ -33254,7 +33306,7 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("question", [
         default: "default",
         choices: ["default", "collapsed", "expanded"],
     },
-    { name: "visible:switch", default: true },
+    { name: "visible:switch", default: true, overridingProperty: "visibleIf" },
     { name: "useDisplayValuesInDynamicTexts:boolean", alternativeName: "useDisplayValuesInTitle", default: true, layout: "row" },
     "visibleIf:condition",
     { name: "width" },
@@ -33336,13 +33388,13 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("question", [
         default: "default",
         choices: ["default", "none", "onComplete", "onHidden"],
     },
-    "isRequired:switch",
+    { name: "isRequired:switch", overridingProperty: "requiredIf" },
     "requiredIf:condition",
     {
         name: "requiredErrorText:text",
         serializationProperty: "locRequiredErrorText",
     },
-    "readOnly:switch",
+    { name: "readOnly:switch", overridingProperty: "enableIf" },
     {
         name: "validators:validators",
         baseClassName: "surveyvalidator",
@@ -33705,6 +33757,16 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             res.text = text;
         return res;
     };
+    Object.defineProperty(QuestionSelectBase.prototype, "isUsingCarryForward", {
+        get: function () {
+            return this.getPropertyValue("isUsingCarrayForward", false);
+        },
+        enumerable: false,
+        configurable: true
+    });
+    QuestionSelectBase.prototype.setIsUsingCarrayForward = function (val) {
+        this.setPropertyValue("isUsingCarrayForward", val);
+    };
     QuestionSelectBase.prototype.supportGoNextPageError = function () {
         return !this.isOtherSelected || !!this.otherValue;
     };
@@ -33888,7 +33950,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     };
     QuestionSelectBase.prototype.runCondition = function (values, properties) {
         _super.prototype.runCondition.call(this, values, properties);
-        if (this.isUsingCarrayForward)
+        if (this.isUsingCarryForward)
             return;
         this.runItemsEnableCondition(values, properties);
         this.runItemsCondition(values, properties);
@@ -33958,7 +34020,18 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     QuestionSelectBase.prototype.onEnableItemCallBack = function (item) {
         return true;
     };
-    QuestionSelectBase.prototype.onSelectedItemValuesChangedHandler = function (newValue) { };
+    QuestionSelectBase.prototype.onSelectedItemValuesChangedHandler = function (newValue) {
+        var _a;
+        (_a = this.survey) === null || _a === void 0 ? void 0 : _a.loadedChoicesFromServer(this);
+    };
+    QuestionSelectBase.prototype.getItemIfChoicesNotContainThisValue = function (value, text) {
+        if (!this.isReady) {
+            return this.createItemValue(value, text);
+        }
+        else {
+            return null;
+        }
+    };
     QuestionSelectBase.prototype.getSingleSelectedItem = function () {
         var selectedItemValues = this.selectedItemValues;
         if (this.isEmpty())
@@ -33968,9 +34041,12 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         if (!itemValue && !selectedItemValues) {
             this.updateSelectedItemValues();
         }
-        return itemValue || selectedItemValues || (this.isOtherSelected ? this.otherItem : this.createItemValue(this.value));
+        return itemValue || selectedItemValues || (this.isOtherSelected ? this.otherItem : this.getItemIfChoicesNotContainThisValue(this.value));
     };
     QuestionSelectBase.prototype.onGetSingleSelectedItem = function (selectedItemByValue) { };
+    QuestionSelectBase.prototype.getMultipleSelectedItems = function () {
+        return [];
+    };
     QuestionSelectBase.prototype.setConditionalChoicesRunner = function () {
         if (this.choicesVisibleIf) {
             if (!this.conditionChoicesVisibleIfRunner) {
@@ -34307,10 +34383,12 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         },
         set: function (val) {
             var question = this.getQuestionWithChoices();
-            if (!!question) {
+            this.isLockVisibleChoices = !!question && question.name === val;
+            if (!!question && question.name !== val) {
                 question.removeFromDependedQuestion(this);
             }
             this.setPropertyValue("choicesFromQuestion", val);
+            this.isLockVisibleChoices = false;
         },
         enumerable: false,
         configurable: true
@@ -34549,7 +34627,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
             if (!this.newItemValue) {
                 this.newItemValue = this.createItemValue("newitem"); //TODO
             }
-            if (this.canShowOptionItem(this.newItemValue, isAddAll, false)) {
+            if (!this.isUsingCarryForward && this.canShowOptionItem(this.newItemValue, isAddAll, false)) {
                 items.push(this.newItemValue);
             }
         }
@@ -34631,17 +34709,28 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     QuestionSelectBase.prototype.getChoicesDisplayValue = function (items, val) {
         if (val == this.otherItemValue.value)
             return this.otherValue ? this.otherValue : this.locOtherText.textOrHtml;
+        var selItem = this.getSingleSelectedItem();
+        if (!!selItem && selItem.value === val)
+            return selItem.locText.textOrHtml;
         var str = _itemvalue__WEBPACK_IMPORTED_MODULE_3__["ItemValue"].getTextOrHtmlByValue(items, val);
         return str == "" && val ? val : str;
     };
     QuestionSelectBase.prototype.getDisplayArrayValue = function (keysAsText, value, onGetValueCallback) {
         var items = this.visibleChoices;
         var strs = [];
+        var vals = [];
         for (var i = 0; i < value.length; i++) {
-            var val = !onGetValueCallback ? value[i] : onGetValueCallback(i);
-            var valStr = this.getChoicesDisplayValue(items, val);
-            if (valStr) {
-                strs.push(valStr);
+            vals.push(!onGetValueCallback ? value[i] : onGetValueCallback(i));
+        }
+        if (_helpers__WEBPACK_IMPORTED_MODULE_8__["Helpers"].isTwoValueEquals(this.value, vals)) {
+            this.getMultipleSelectedItems().forEach(function (item) { return strs.push(item.locText.textOrHtml); });
+        }
+        if (strs.length === 0) {
+            for (var i = 0; i < vals.length; i++) {
+                var valStr = this.getChoicesDisplayValue(items, vals[i]);
+                if (valStr) {
+                    strs.push(valStr);
+                }
             }
         }
         return strs.join(", ");
@@ -34654,8 +34743,8 @@ var QuestionSelectBase = /** @class */ (function (_super) {
     Object.defineProperty(QuestionSelectBase.prototype, "activeChoices", {
         get: function () {
             var question = this.getQuestionWithChoices();
-            this.isUsingCarrayForward = !!question;
-            if (this.isUsingCarrayForward) {
+            this.setIsUsingCarrayForward(!!question);
+            if (this.isUsingCarryForward) {
                 this.addIntoDependedQuestion(question);
                 return this.getChoicesFromQuestion(question);
             }
@@ -34671,6 +34760,8 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         return !!res && !!res.visibleChoices && Array.isArray(res.dependedQuestions) && res !== this ? res : null;
     };
     QuestionSelectBase.prototype.getChoicesFromQuestion = function (question) {
+        if (this.isDesignMode)
+            return [];
         var res = [];
         var isSelected = this.choicesFromQuestionMode == "selected"
             ? true
@@ -34750,7 +34841,9 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         errors.push(otherEmptyError);
     };
     QuestionSelectBase.prototype.setSurveyImpl = function (value, isLight) {
+        this.isRunningChoices = true;
         _super.prototype.setSurveyImpl.call(this, value, isLight);
+        this.isRunningChoices = false;
         this.runChoicesByUrl();
         if (this.isAddDefaultItems) {
             this.updateVisibleChoices();
@@ -34852,12 +34945,11 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         if (this.enableOnLoadingChoices) {
             this.readOnly = false;
         }
+        var errors = [];
         if (!this.isReadOnly) {
-            var errors = [];
             if (this.choicesByUrl && this.choicesByUrl.error) {
                 errors.push(this.choicesByUrl.error);
             }
-            this.errors = errors;
         }
         var newChoices = null;
         var checkCachedValuesOnExisting = true;
@@ -34906,6 +34998,10 @@ var QuestionSelectBase = /** @class */ (function (_super) {
                 }
             }
         }
+        if (!this.isReadOnly && !newChoices && !this.isFirstLoadChoicesFromUrl) {
+            this.value = null;
+        }
+        this.errors = errors;
         this.choicesLoaded();
     };
     QuestionSelectBase.prototype.createCachedValueForUrlRequests = function (val, checkOnExisting) {
@@ -34947,7 +35043,8 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         return { value: value };
     };
     QuestionSelectBase.prototype.updateChoicesDependedQuestions = function () {
-        if (this.isLoadingFromJson || this.isUpdatingChoicesDependedQuestions)
+        if (this.isLoadingFromJson || this.isUpdatingChoicesDependedQuestions ||
+            !this.allowNotifyValueChanged || this.choicesByUrl.isRunning)
             return;
         this.isUpdatingChoicesDependedQuestions = true;
         for (var i = 0; i < this.dependedQuestions.length; i++) {
@@ -34962,7 +35059,7 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         this.updateChoicesDependedQuestions();
     };
     QuestionSelectBase.prototype.onVisibleChoicesChanged = function () {
-        if (this.isLoadingFromJson)
+        if (this.isLoadingFromJson || this.isLockVisibleChoices)
             return;
         this.updateVisibleChoices();
         this.onVisibleChanged();
@@ -34979,6 +35076,8 @@ var QuestionSelectBase = /** @class */ (function (_super) {
         return !filteredChoices || filteredChoices.length > 0;
     };
     QuestionSelectBase.prototype.sortVisibleChoices = function (array) {
+        if (this.isDesignMode)
+            return array;
         var order = this.choicesOrder.toLowerCase();
         if (order == "asc")
             return this.sortArray(array, 1);
@@ -36448,6 +36547,9 @@ var QuestionCheckboxModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    QuestionCheckboxModel.prototype.getMultipleSelectedItems = function () {
+        return this.selectedChoices;
+    };
     QuestionCheckboxModel.prototype.validateItemValues = function (itemValues) {
         if (!!itemValues.length)
             return itemValues;
@@ -37277,8 +37379,10 @@ var QuestionCustomModelBase = /** @class */ (function (_super) {
         el.disableDesignActions = true;
     };
     QuestionCustomModelBase.prototype.setSurveyImpl = function (value, isLight) {
+        this.isSettingValOnLoading = true;
         _super.prototype.setSurveyImpl.call(this, value, isLight);
         this.initElement(this.getElement());
+        this.isSettingValOnLoading = false;
     };
     QuestionCustomModelBase.prototype.onSurveyLoad = function () {
         _super.prototype.onSurveyLoad.call(this);
@@ -37713,6 +37817,7 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
         _super.prototype.onReadOnlyChanged.call(this);
     };
     QuestionCompositeModel.prototype.onSurveyLoad = function () {
+        this.isSettingValOnLoading = true;
         if (!!this.contentPanel) {
             this.contentPanel.readOnly = this.isReadOnly;
             this.setIsContentElement(this.contentPanel);
@@ -37724,6 +37829,7 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
                 this.value = val;
             }
         }
+        this.isSettingValOnLoading = false;
     };
     QuestionCompositeModel.prototype.setIsContentElement = function (panel) {
         panel.isContentElement = true;
@@ -37765,21 +37871,30 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
         return !!this.contentPanel ? this.contentPanel.getQuestionByName(name) : undefined;
     };
     QuestionCompositeModel.prototype.setValue = function (name, newValue, locNotification, allowNotifyValueChanged) {
-        if (this.settingNewValue)
+        if (this.settingNewValue) {
+            this.setNewValueIntoQuestion(name, newValue);
             return;
+        }
         if (this.isValueChanging(name, newValue))
             return;
         this.settingNewValue = true;
         if (!this.isEditingSurveyElement && !!this.contentPanel) {
-            var panelValue = this.contentPanel.getValue();
-            if (!this.isTwoValueEquals(this.getValueCore(), panelValue)) {
-                this.setValueCore(panelValue);
-            }
+            var index = 0;
+            var maxTimes = this.contentPanel.questions.length + 1;
+            while (index < maxTimes && this.updateValueCoreWithPanelValue())
+                index++;
         }
         this.setNewValueIntoQuestion(name, newValue);
         _super.prototype.setValue.call(this, name, newValue, locNotification, allowNotifyValueChanged);
         this.settingNewValue = false;
     };
+    QuestionCompositeModel.prototype.updateValueCoreWithPanelValue = function () {
+        var panelValue = this.contentPanel.getValue();
+        if (this.isTwoValueEquals(this.getValueCore(), panelValue))
+            return false;
+        this.setValueCore(panelValue);
+        return true;
+    };
     QuestionCompositeModel.prototype.setNewValueIntoQuestion = function (name, newValue) {
         var q = this.getQuestionByName(name);
         if (!!q && !this.isTwoValueEquals(newValue, q.value)) {
@@ -37823,6 +37938,7 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
     QuestionCompositeModel.prototype.setValuesIntoQuestions = function (newValue) {
         if (!this.contentPanel)
             return;
+        var oldSettingNewValue = this.settingNewValue;
         this.settingNewValue = true;
         var questions = this.contentPanel.questions;
         for (var i = 0; i < questions.length; i++) {
@@ -37833,8 +37949,7 @@ var QuestionCompositeModel = /** @class */ (function (_super) {
                 q.value = val;
             }
         }
-        this.runCondition(this.getDataFilteredValues(), this.getDataFilteredProperties());
-        this.settingNewValue = false;
+        this.settingNewValue = oldSettingNewValue;
     };
     QuestionCompositeModel.prototype.getDisplayValueCore = function (keyAsText, value) {
         return _super.prototype.getContentDisplayValueCore.call(this, keyAsText, value, this.contentPanel);
@@ -38202,6 +38317,7 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
     QuestionDropdownModel.prototype.onSelectedItemValuesChangedHandler = function (newValue) {
         var _a;
         (_a = this.dropdownListModel) === null || _a === void 0 ? void 0 : _a.setInputStringFromSelectedItem(newValue);
+        _super.prototype.onSelectedItemValuesChangedHandler.call(this, newValue);
     };
     QuestionDropdownModel.prototype.hasUnknownValue = function (val, includeOther, isFilteredChoices, checkEmptyValue) {
         if (this.choicesLazyLoadEnabled) {
@@ -38216,6 +38332,14 @@ var QuestionDropdownModel = /** @class */ (function (_super) {
             return false;
         return _super.prototype.hasUnknownValue.call(this, val, true, false);
     };
+    QuestionDropdownModel.prototype.getItemIfChoicesNotContainThisValue = function (value, text) {
+        if (this.choicesLazyLoadEnabled && !this.dropdownListModel.isAllDataLoaded) {
+            return this.createItemValue(value, text);
+        }
+        else {
+            return _super.prototype.getItemIfChoicesNotContainThisValue.call(this, value, text);
+        }
+    };
     QuestionDropdownModel.prototype.onVisibleChoicesChanged = function () {
         _super.prototype.onVisibleChoicesChanged.call(this);
         if (this.popupModel) {
@@ -38476,9 +38600,7 @@ var QuestionExpressionModel = /** @class */ (function (_super) {
             this.expressionRunner = new _conditions__WEBPACK_IMPORTED_MODULE_4__["ExpressionRunner"](this.expression);
         }
         this.expressionRunner.onRunComplete = function (newValue) {
-            if (!_helpers__WEBPACK_IMPORTED_MODULE_0__["Helpers"].isTwoValueEquals(newValue, _this.value)) {
-                _this.value = newValue;
-            }
+            _this.value = newValue;
             _this.unlocCalculation();
         };
         this.expressionRunner.run(values, properties);
@@ -46034,7 +46156,13 @@ var QuestionMatrixDynamicModel = /** @class */ (function (_super) {
     };
     QuestionMatrixDynamicModel.prototype.isBanStartDrag = function (pointerDownEvent) {
         var target = pointerDownEvent.target;
-        return target.getAttribute("contenteditable") === "true" || target.nodeName === "INPUT";
+        return target.getAttribute("contenteditable") === "true" || target.nodeName === "INPUT" || !this.isDragHandleAreaValid(target);
+    };
+    QuestionMatrixDynamicModel.prototype.isDragHandleAreaValid = function (node) {
+        if (this.survey.matrixDragHandleArea === "icon") {
+            return node.classList.contains(this.cssClasses.dragElementDecorator);
+        }
+        return true;
     };
     QuestionMatrixDynamicModel.prototype.onPointerDown = function (pointerDownEvent, row) {
         if (!row || !this.allowRowsDragAndDrop)
@@ -51276,7 +51404,7 @@ var QuestionRatingModel = /** @class */ (function (_super) {
     QuestionRatingModel.prototype.initColors = function () {
         if (this.colorMode === "monochrome")
             return;
-        if (!document)
+        if (typeof document === "undefined" || !document)
             return;
         if (QuestionRatingModel.badColor && QuestionRatingModel.normalColor && QuestionRatingModel.goodColor)
             return;
@@ -52341,7 +52469,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _question_checkbox__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./question_checkbox */ "./src/question_checkbox.ts");
 /* harmony import */ var _dropdownMultiSelectListModel__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./dropdownMultiSelectListModel */ "./src/dropdownMultiSelectListModel.ts");
 /* harmony import */ var _settings__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./settings */ "./src/settings.ts");
-/* harmony import */ var _itemvalue__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./itemvalue */ "./src/itemvalue.ts");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -52369,7 +52496,6 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
 
 
 
-
 /**
  * A Model for a tagbox question
  *
@@ -52494,6 +52620,15 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
             this.dropdownListModel.updateItems();
         }
     };
+    QuestionTagboxModel.prototype.getItemIfChoicesNotContainThisValue = function (value, text) {
+        var _a;
+        if (this.choicesLazyLoadEnabled && !((_a = this.dropdownListModel) === null || _a === void 0 ? void 0 : _a.isAllDataLoaded)) {
+            return this.createItemValue(value, text);
+        }
+        else {
+            return _super.prototype.getItemIfChoicesNotContainThisValue.call(this, value, text);
+        }
+    };
     QuestionTagboxModel.prototype.validateItemValues = function (itemValues) {
         var _this = this;
         this.updateItemDisplayNameMap();
@@ -52507,7 +52642,10 @@ var QuestionTagboxModel = /** @class */ (function (_super) {
         }
         var itemValueValues = itemValues.map(function (iV) { return iV.value; });
         val.filter(function (item) { return itemValueValues.indexOf(item) === -1; }).forEach(function (item) {
-            itemValues.push(new _itemvalue__WEBPACK_IMPORTED_MODULE_6__["ItemValue"](item, _this.itemDisplayNameMap[item]));
+            var newItem = _this.getItemIfChoicesNotContainThisValue(item, _this.itemDisplayNameMap[item]);
+            if (newItem) {
+                itemValues.push(newItem);
+            }
         });
         itemValues.sort(function (a, b) { return val.indexOf(a.value) - val.indexOf(b.value); });
         return itemValues;
@@ -53604,7 +53742,7 @@ var QuestionTextBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionTextBase.prototype, "a11y_input_ariaLabel", {
         get: function () {
-            if (this.hasTitle) {
+            if (this.hasTitle && !this.parentQuestion) {
                 return null;
             }
             else {
@@ -53616,7 +53754,7 @@ var QuestionTextBase = /** @class */ (function (_super) {
     });
     Object.defineProperty(QuestionTextBase.prototype, "a11y_input_ariaLabelledBy", {
         get: function () {
-            if (this.hasTitle) {
+            if (this.hasTitle && !this.parentQuestion) {
                 return this.ariaTitleId;
             }
             else {
@@ -58250,14 +58388,10 @@ var Survey = /** @class */ (function (_super) {
         }
         var rootCss = this.survey.getRootCss();
         var cssClasses = this.rootNodeClassName ? this.rootNodeClassName + " " + rootCss : rootCss;
-        var rootStyle = {
-            backgroundImage: this.survey.renderBackgroundImage,
-            backgroundSize: this.survey.backgroundImageFit
-        };
         var formStyle = {
             backgroundColor: this.survey.renderBackgroundOpacity
         };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: rootStyle },
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: this.survey.themeVariables },
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("form", { onSubmit: onSubmit, style: formStyle },
                 customHeader,
                 react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.container },
@@ -59902,7 +60036,7 @@ var SurveyElementBase = /** @class */ (function (_super) {
     };
     SurveyElementBase.renderQuestionDescription = function (question) {
         var descriptionText = SurveyElementBase.renderLocString(question.locDescription);
-        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: question.isDescriptionVisible ? undefined : { display: "none" }, className: question.cssDescription }, descriptionText);
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: question.hasDescription ? undefined : { display: "none" }, className: question.cssDescription }, descriptionText);
     };
     SurveyElementBase.prototype.componentDidMount = function () {
         this.makeBaseElementsReact();
@@ -64166,7 +64300,12 @@ var SurveyElementCore = /** @class */ (function (_super) {
     });
     SurveyElementCore.prototype.getDefaultTitleValue = function () { return undefined; };
     SurveyElementCore.prototype.updateDescriptionVisibility = function (newDescription) {
-        this.hasDescription = !!newDescription;
+        var showPlaceholder = false;
+        if (this.isDesignMode) {
+            var property_1 = _jsonobject__WEBPACK_IMPORTED_MODULE_0__["Serializer"].findProperty(this.getType(), "description");
+            showPlaceholder = !!(property_1 === null || property_1 === void 0 ? void 0 : property_1.placeholder);
+        }
+        this.hasDescription = !!newDescription || showPlaceholder;
     };
     Object.defineProperty(SurveyElementCore.prototype, "locDescription", {
         get: function () {
@@ -64269,7 +64408,7 @@ var SurveyElementCore = /** @class */ (function (_super) {
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_0__["property"])({
             localizable: true,
             onSet: function (newDescription, self) {
-                self.updateDescriptionVisibility(self, newDescription);
+                self.updateDescriptionVisibility(newDescription);
             }
         })
     ], SurveyElementCore.prototype, "description", void 0);
@@ -64641,7 +64780,7 @@ var SurveyElement = /** @class */ (function (_super) {
         return _super.prototype.canRunConditions.call(this) && !!this.data;
     };
     SurveyElement.prototype.getDataFilteredValues = function () {
-        return !!this.data ? this.data.getFilteredValues() : null;
+        return !!this.data ? this.data.getFilteredValues() : {};
     };
     SurveyElement.prototype.getDataFilteredProperties = function () {
         var props = !!this.data ? this.data.getFilteredProperties() : {};
@@ -64780,6 +64919,7 @@ var SurveyElement = /** @class */ (function (_super) {
          * - [`onUpdateChoiceItemCss`](https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onUpdateChoiceItemCss)
          */
         get: function () {
+            var _dummy = this.cssClassesValue;
             if (!this.survey)
                 return this.calcCssClasses(this.css);
             this.ensureCssClassesValue();
@@ -64906,6 +65046,7 @@ var SurveyElement = /** @class */ (function (_super) {
         if (!this.survey) {
             this.onSurveyLoad();
         }
+        this.updateDescriptionVisibility(this.description);
     };
     SurveyElement.prototype.setVisibleIndex = function (index) {
         return 0;
@@ -65252,13 +65393,6 @@ var SurveyElement = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
-    Object.defineProperty(SurveyElement.prototype, "isDescriptionVisible", {
-        get: function () {
-            return (!!this.description || this.isDesignMode);
-        },
-        enumerable: false,
-        configurable: true
-    });
     Object.defineProperty(SurveyElement.prototype, "rootStyle", {
         get: function () {
             var style = {};
@@ -66146,6 +66280,7 @@ var SurveyModel = /** @class */ (function (_super) {
          */
         _this.hideRequiredErrors = false;
         //#endregion
+        _this.cssVariables = {};
         _this._isMobile = false;
         _this._isCompact = false;
         _this._isDesignMode = false;
@@ -67538,6 +67673,16 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "themeVariables", {
+        get: function () {
+            var result = Object.assign({}, this.cssVariables);
+            result.backgroundImage = this.renderBackgroundImage;
+            result.backgroundSize = this.backgroundImageFit;
+            return result;
+        },
+        enumerable: false,
+        configurable: true
+    });
     SurveyModel.prototype.setIsMobile = function (newVal) {
         if (newVal === void 0) { newVal = true; }
         if (this.isMobile !== newVal) {
@@ -68796,6 +68941,24 @@ var SurveyModel = /** @class */ (function (_super) {
         enumerable: false,
         configurable: true
     });
+    Object.defineProperty(SurveyModel.prototype, "matrixDragHandleArea", {
+        /**
+         * Specifies which part of a choice item responds to a drag gesture in MatrixDynamic questions.
+         *
+         * Possible values:
+         *
+         * - `"entireItem"` (default) - Users can use the entire choice item as a drag handle.
+         * - `"icon"` - Users can only use the choice item icon as a drag handle.
+         */
+        get: function () {
+            return this.getPropertyValue("matrixDragHandleArea", "entireItem");
+        },
+        set: function (val) {
+            this.setPropertyValue("matrixDragHandleArea", val);
+        },
+        enumerable: false,
+        configurable: true
+    });
     Object.defineProperty(SurveyModel.prototype, "isShowingPage", {
         /**
          * Survey is showing a page right now. It is in "running", "preview" or starting state.
@@ -69727,7 +69890,7 @@ var SurveyModel = /** @class */ (function (_super) {
             return false;
         if (doComplete) {
             this.currentPage.passed = true;
-            return this.doComplete();
+            return this.doComplete(this.canBeCompletedByTrigger);
         }
         this.doNextPage();
         return true;
@@ -72935,6 +73098,14 @@ var SurveyModel = /** @class */ (function (_super) {
         }
         return containerLayoutElements;
     };
+    SurveyModel.prototype.applyTheme = function (theme) {
+        var _this = this;
+        if (!theme)
+            return;
+        Object.keys(theme).forEach(function (key) {
+            _this[key] = theme[key];
+        });
+    };
     /**
      * Use this method to dispose survey model properly.
      */
@@ -72966,6 +73137,12 @@ var SurveyModel = /** @class */ (function (_super) {
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "showBrandInfo", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])({ defaultValue: {} })
+    ], SurveyModel.prototype, "cssVariables", void 0);
+    __decorate([
+        Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
+    ], SurveyModel.prototype, "backgroundImagePosition", void 0);
     __decorate([
         Object(_jsonobject__WEBPACK_IMPORTED_MODULE_1__["property"])()
     ], SurveyModel.prototype, "_isMobile", void 0);
@@ -73087,6 +73264,12 @@ _jsonobject__WEBPACK_IMPORTED_MODULE_1__["Serializer"].addClass("survey", [
         default: "initial",
         choices: ["initial", "random"],
     },
+    {
+        name: "matrixDragHandleArea",
+        visible: false,
+        default: "entireItem",
+        choices: ["entireItem", "icon"]
+    },
     "showPageNumbers:boolean",
     {
         name: "showQuestionNumbers",
@@ -73654,9 +73837,10 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-function tryNavigateToPage(survey, index) {
+function tryNavigateToPage(survey, page) {
     if (survey.isDesignMode)
         return;
+    var index = survey.visiblePages.indexOf(page);
     if (index < survey.currentPageNo) {
         survey.currentPageNo = index;
     }
@@ -73669,7 +73853,7 @@ function tryNavigateToPage(survey, index) {
     return true;
 }
 function createTOCListModel(survey) {
-    var items = survey.pages.map(function (page, index) {
+    var items = survey.pages.map(function (page) {
         return new _actions_action__WEBPACK_IMPORTED_MODULE_0__["Action"]({
             id: page.name,
             title: page.navigationTitle || page.title || page.name,
@@ -73677,7 +73861,7 @@ function createTOCListModel(survey) {
                 if (typeof document !== undefined && !!document.activeElement) {
                     !!document.activeElement.blur && document.activeElement.blur();
                 }
-                return tryNavigateToPage(survey, index);
+                return tryNavigateToPage(survey, page);
             },
             visible: new _base__WEBPACK_IMPORTED_MODULE_1__["ComputedUpdater"](function () { return page.isVisible && !page.isStartPage; })
         });
@@ -74122,6 +74306,20 @@ var QuestionTextProcessor = /** @class */ (function () {
 
 
 
+/***/ }),
+
+/***/ "./src/themes.ts":
+/*!***********************!*\
+  !*** ./src/themes.ts ***!
+  \***********************/
+/*! no exports provided */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+
+
 /***/ }),
 
 /***/ "./src/trigger.ts":