survey-react-ui 1.9.124 → 1.9.126

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-react-ui",
-  "version": "1.9.124",
+  "version": "1.9.126",
   "description": "survey.js is a JavaScript Survey Library. It is a modern way to add a survey to your website. It uses JSON for survey metadata and results.",
   "keywords": [
     "Survey",

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.124
+ * surveyjs - Survey JavaScript library v1.9.126
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -420,6 +420,20 @@ var Base = /** @class */ (function () {
         }
         return _helpers__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isValueEmpty(value);
     };
+    Base.prototype.equals = function (obj) {
+        if (!obj)
+            return false;
+        if (this.isDisposed || obj.isDisposed)
+            return false;
+        if (this.getType() != obj.getType())
+            return false;
+        return this.equalsCore(obj);
+    };
+    Base.prototype.equalsCore = function (obj) {
+        if (this.name !== obj.name)
+            return false;
+        return _helpers__WEBPACK_IMPORTED_MODULE_1__["Helpers"].isTwoValueEquals(this.toJSON(), obj.toJSON(), false, true, false);
+    };
     Base.prototype.trimValue = function (value) {
         if (!!value && (typeof value === "string" || value instanceof String))
             return value.trim();
@@ -959,8 +973,8 @@ var Base = /** @class */ (function () {
     Base.prototype.createCustomLocalizableObj = function (name) {
         var locStr = this.getLocalizableString(name);
         if (locStr)
-            return;
-        this.createLocalizableString(name, this, false, true);
+            return locStr;
+        return this.createLocalizableString(name, this, false, true);
     };
     Base.prototype.getLocale = function () {
         var locOwner = this.getSurvey();
@@ -2606,7 +2620,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.124", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.126", "survey-react-ui");
 
 
 /***/ }),
@@ -6941,21 +6955,11 @@ var Helpers = /** @class */ (function () {
             return x == y;
         if (!Helpers.isValueObject(x) || !Helpers.isValueObject(y))
             return false;
-        if (x["equals"])
+        if (x["equals"] && y["equals"])
             return x.equals(y);
-        if (!!x.toJSON && !!y.toJSON && !!x.getType && !!y.getType) {
-            if (x.isDisposed || y.isDisposed)
-                return false;
-            if (x.getType() !== y.getType())
-                return false;
-            if (!!x.name && x.name !== y.name)
-                return false;
-            return this.isTwoValueEquals(x.toJSON(), y.toJSON(), ignoreOrder, caseSensitive, trimStrings);
-        }
-        if (Array.isArray(x) && Array.isArray(y))
+        if (Array.isArray(x) && Array.isArray(y)) {
             return Helpers.isArraysEqual(x, y, ignoreOrder, caseSensitive, trimStrings);
-        if (!!x.equalsTo && y.equalsTo)
-            return x.equalsTo(y);
+        }
         for (var p in x) {
             if (!x.hasOwnProperty(p))
                 continue;
@@ -7490,7 +7494,12 @@ var JsonObjectProperty = /** @class */ (function () {
             return this.isRequiredValue;
         },
         set: function (val) {
-            this.isRequiredValue = val;
+            if (val !== this.isRequired) {
+                this.isRequiredValue = val;
+                if (!!this.classInfo) {
+                    this.classInfo.resetAllProperties();
+                }
+            }
         },
         enumerable: false,
         configurable: true
@@ -7525,7 +7534,7 @@ var JsonObjectProperty = /** @class */ (function () {
     JsonObjectProperty.prototype.getDefaultValue = function (obj) {
         var result = !!this.defaultValueFunc ? this.defaultValueFunc(obj) : this.defaultValueValue;
         if (!!JsonObjectProperty.getItemValuesDefaultValue &&
-            JsonObject.metaData.isDescendantOf(this.className, "itemvalue")) {
+            Serializer.isDescendantOf(this.className, "itemvalue")) {
             result = JsonObjectProperty.getItemValuesDefaultValue(this.defaultValueValue || [], this.className);
         }
         return result;
@@ -7870,7 +7879,8 @@ var CustomPropertiesCollection = /** @class */ (function () {
         if (prop.isLocalizable &&
             prop.serializationProperty &&
             obj.createCustomLocalizableObj) {
-            obj.createCustomLocalizableObj(prop.name);
+            var locStr = obj.createCustomLocalizableObj(prop.name);
+            locStr.defaultValue = prop.defaultValue;
             var locDesc = {
                 get: function () {
                     return obj.getLocalizableString(prop.name);
@@ -7879,7 +7889,7 @@ var CustomPropertiesCollection = /** @class */ (function () {
             Object.defineProperty(obj, prop.serializationProperty, locDesc);
             var desc = {
                 get: function () {
-                    return obj.getLocalizableStringText(prop.name, prop.defaultValue);
+                    return obj.getLocalizableStringText(prop.name);
                 },
                 set: function (v) {
                     obj.setLocalizableStringText(prop.name, v);
@@ -7891,7 +7901,7 @@ var CustomPropertiesCollection = /** @class */ (function () {
             var defaultValue = prop.defaultValue;
             var isArrayProp = prop.isArray || prop.type === "multiplevalues";
             if (typeof obj.createNewArray === "function") {
-                if (JsonObject.metaData.isDescendantOf(prop.className, "itemvalue")) {
+                if (Serializer.isDescendantOf(prop.className, "itemvalue")) {
                     obj.createNewArray(prop.name, function (item) {
                         item.locOwner = obj;
                         item.ownerPropertyName = prop.name;
@@ -7982,8 +7992,20 @@ var JsonMetadataClass = /** @class */ (function () {
         this.fillAllProperties();
         return this.allProperties;
     };
+    JsonMetadataClass.prototype.getRequiredProperties = function () {
+        if (!!this.requiredProperties)
+            return this.requiredProperties;
+        this.requiredProperties = [];
+        var props = this.getAllProperties();
+        for (var i = 0; i < props.length; i++) {
+            if (props[i].isRequired)
+                this.requiredProperties.push(props[i]);
+        }
+        return this.requiredProperties;
+    };
     JsonMetadataClass.prototype.resetAllProperties = function () {
         this.allProperties = undefined;
+        this.requiredProperties = undefined;
         this.hashProperties = undefined;
         var childClasses = Serializer.getChildrenClasses(this.name);
         for (var i = 0; i < childClasses.length; i++) {
@@ -8253,6 +8275,7 @@ var JsonMetadata = /** @class */ (function () {
         this.classes = {};
         this.alternativeNames = {};
         this.childrenClasses = {};
+        this.dynamicPropsCache = {};
     }
     JsonMetadata.prototype.getObjPropertyValue = function (obj, name) {
         if (this.isObjWrapper(obj)) {
@@ -8365,14 +8388,18 @@ var JsonMetadata = /** @class */ (function () {
         if (dynamicType === void 0) { dynamicType = null; }
         if (!obj || !obj.getType || (!obj.getDynamicType && !dynamicType))
             return [];
+        var objType = obj.getType();
         var dType = !!dynamicType ? dynamicType : obj.getDynamicType();
         if (!dType)
             return [];
+        var cacheType = dType + "-" + objType;
+        if (this.dynamicPropsCache[cacheType])
+            return this.dynamicPropsCache[cacheType];
         var dynamicProps = this.getProperties(dType);
         if (!dynamicProps || dynamicProps.length == 0)
             return [];
         var hash = {};
-        var props = this.getProperties(obj.getType());
+        var props = this.getProperties(objType);
         for (var i = 0; i < props.length; i++) {
             hash[props[i].name] = props[i];
         }
@@ -8383,6 +8410,7 @@ var JsonMetadata = /** @class */ (function () {
                 res.push(dProp);
             }
         }
+        this.dynamicPropsCache[cacheType] = res;
         return res;
     };
     JsonMetadata.prototype.hasOriginalProperty = function (obj, propName) {
@@ -8492,12 +8520,13 @@ var JsonMetadata = /** @class */ (function () {
         return result;
     };
     JsonMetadata.prototype.getRequiredProperties = function (name) {
-        var properties = this.getProperties(name);
+        var metaClass = this.findClass(name);
+        if (!metaClass)
+            return [];
+        var props = metaClass.getRequiredProperties();
         var res = [];
-        for (var i = 0; i < properties.length; i++) {
-            if (properties[i].isRequired) {
-                res.push(properties[i].name);
-            }
+        for (var i = 0; i < props.length; i++) {
+            res.push(props[i].name);
         }
         return res;
     };
@@ -8516,6 +8545,7 @@ var JsonMetadata = /** @class */ (function () {
             return null;
         var property = metaDataClass.createProperty(propertyInfo, true);
         if (property) {
+            this.clearDynamicPropsCache(metaDataClass);
             metaDataClass.resetAllProperties();
         }
         return property;
@@ -8526,11 +8556,15 @@ var JsonMetadata = /** @class */ (function () {
             return false;
         var property = metaDataClass.find(propertyName);
         if (property) {
+            this.clearDynamicPropsCache(metaDataClass);
             this.removePropertyFromClass(metaDataClass, property);
             metaDataClass.resetAllProperties();
             CustomPropertiesCollection.removeProperty(metaDataClass.name, propertyName);
         }
     };
+    JsonMetadata.prototype.clearDynamicPropsCache = function (metaDataClass) {
+        this.dynamicPropsCache = {};
+    };
     JsonMetadata.prototype.removePropertyFromClass = function (metaDataClass, property) {
         var index = metaDataClass.properties.indexOf(property);
         if (index < 0)
@@ -8757,7 +8791,7 @@ var JsonUnknownPropertyError = /** @class */ (function (_super) {
             "' is unknown.") || this;
         _this.propertyName = propertyName;
         _this.className = className;
-        var properties = JsonObject.metaData.getProperties(className);
+        var properties = Serializer.getProperties(className);
         if (properties) {
             _this.description = "The list of available properties are: ";
             for (var i = 0; i < properties.length; i++) {
@@ -8780,7 +8814,7 @@ var JsonMissingTypeErrorBase = /** @class */ (function (_super) {
         _this.type = type;
         _this.message = message;
         _this.description = "The following types are available: ";
-        var types = JsonObject.metaData.getChildrenClasses(baseClassName, true);
+        var types = Serializer.getChildrenClasses(baseClassName, true);
         for (var i = 0; i < types.length; i++) {
             if (i > 0)
                 _this.description += ", ";
@@ -8886,9 +8920,9 @@ var JsonObject = /** @class */ (function () {
         var needAddErrors = true;
         if (obj.getType) {
             objType = obj.getType();
-            properties = JsonObject.metaData.getProperties(objType);
+            properties = Serializer.getProperties(objType);
             needAddErrors =
-                !!objType && !JsonObject.metaData.isDescendantOf(objType, "itemvalue");
+                !!objType && !Serializer.isDescendantOf(objType, "itemvalue");
         }
         if (!properties)
             return;
@@ -8928,7 +8962,7 @@ var JsonObject = /** @class */ (function () {
         if (property != null && !property.className) {
             result[JsonObject.typePropertyName] = property.getObjType(obj.getType());
         }
-        this.propertiesToJson(obj, JsonObject.metaData.getProperties(obj.getType()), result, storeDefaults);
+        this.propertiesToJson(obj, Serializer.getProperties(obj.getType()), result, storeDefaults);
         this.propertiesToJson(obj, this.getDynamicProperties(obj), result, storeDefaults);
         return result;
     };
@@ -9046,7 +9080,7 @@ var JsonObject = /** @class */ (function () {
         var result = { newObj: null, error: null };
         var className = this.getClassNameForNewObj(value, property);
         result.newObj = className
-            ? JsonObject.metaData.createClass(className, value)
+            ? Serializer.createClass(className, value)
             : null;
         result.error = this.checkNewObjectOnErrors(result.newObj, value, property, className);
         return result;
@@ -9088,16 +9122,18 @@ var JsonObject = /** @class */ (function () {
     JsonObject.prototype.getRequiredError = function (obj, jsonValue) {
         if (!obj.getType || typeof obj.getData === "function")
             return null;
-        var className = obj.getType();
-        var requiredProperties = JsonObject.metaData.getRequiredProperties(className);
-        if (!Array.isArray(requiredProperties))
+        var metaClass = Serializer.findClass(obj.getType());
+        if (!metaClass)
+            return null;
+        var props = metaClass.getRequiredProperties();
+        if (!Array.isArray(props))
             return null;
-        for (var i = 0; i < requiredProperties.length; i++) {
-            var prop = Serializer.findProperty(className, requiredProperties[i]);
-            if (!prop || !_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(prop.defaultValue))
+        for (var i = 0; i < props.length; i++) {
+            var prop = props[i];
+            if (!_helpers__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isValueEmpty(prop.defaultValue))
                 continue;
             if (!jsonValue[prop.name]) {
-                return new JsonRequiredPropertyError(prop.name, className);
+                return new JsonRequiredPropertyError(prop.name, obj.getType());
             }
         }
         return null;
@@ -9313,7 +9349,7 @@ var LocalizableString = /** @class */ (function () {
                 }
             }
             if (!res)
-                res = "";
+                res = this.defaultValue || "";
             return res;
         },
         enumerable: false,
@@ -9811,6 +9847,7 @@ var englishStrings = {
     requiredError: "Response required.",
     requiredErrorInPanel: "Response required: answer at least one question.",
     requiredInAllRowsError: "Response required: answer questions in all rows.",
+    eachRowUniqueError: "Each row must have a unique value.",
     numericError: "The value should be numeric.",
     minError: "The value should not be less than {0}",
     maxError: "The value should not be greater than {0}",
@@ -11679,8 +11716,9 @@ var SurveyQuestionPanelDynamicAddButton = /** @class */ (function (_super) {
     SurveyQuestionPanelDynamicAddButton.prototype.renderElement = function () {
         if (!this.question.canAddPanel)
             return null;
+        var btnText = this.renderLocString(this.question.locPanelAddText);
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", { type: "button", className: this.question.getAddButtonCss(), onClick: this.handleClick },
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { className: this.question.cssClasses.buttonAddText }, this.question.panelAddText)));
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { className: this.question.cssClasses.buttonAddText }, btnText)));
     };
     return SurveyQuestionPanelDynamicAddButton;
 }(SurveyQuestionPanelDynamicAction));
@@ -11898,8 +11936,9 @@ var SurveyQuestionPanelDynamicRemoveButton = /** @class */ (function (_super) {
         return _this;
     }
     SurveyQuestionPanelDynamicRemoveButton.prototype.renderElement = function () {
+        var btnText = this.renderLocString(this.question.locPanelRemoveText);
         return (react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", { className: this.question.getPanelRemoveButtonCss(), onClick: this.handleClick, type: "button" },
-            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { className: this.question.cssClasses.buttonRemoveText }, this.question.panelRemoveText),
+            react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { className: this.question.cssClasses.buttonRemoveText }, btnText),
             react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", { className: this.question.cssClasses.iconRemove })));
     };
     return SurveyQuestionPanelDynamicRemoveButton;
@@ -14542,11 +14581,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyWindow", function() { return SurveyWindow; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _reactSurvey__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactSurvey */ "./src/react/reactSurvey.tsx");
-/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactquestion_element */ "./src/react/reactquestion_element.tsx");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! survey-core */ "survey-core");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
+/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _reactSurvey__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactSurvey */ "./src/react/reactSurvey.tsx");
+/* harmony import */ var _components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -14566,7 +14604,6 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
 var PopupSurvey = /** @class */ (function (_super) {
     __extends(PopupSurvey, _super);
     function PopupSurvey(props) {
@@ -14584,46 +14621,65 @@ var PopupSurvey = /** @class */ (function (_super) {
         return _super.prototype.canRender.call(this) && this.popup.isShowing;
     };
     PopupSurvey.prototype.renderElement = function () {
+        var _this = this;
         var header = this.renderWindowHeader();
-        var body = this.popup.isExpanded ? this.renderBody() : null;
-        var style = {
-            position: "fixed",
-            bottom: 3,
-            right: 10
-        };
+        var body = this.renderBody();
+        var style = {};
         if (!!this.popup.renderedWidth) {
             style.width = this.popup.renderedWidth;
             style.maxWidth = this.popup.renderedWidth;
         }
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.popup.cssRoot, style: style },
-            header,
-            body));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.popup.cssRoot, style: style, onScroll: function () { return _this.popup.onScroll(); } },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.popup.cssRootContent },
+                header,
+                body)));
     };
     PopupSurvey.prototype.renderWindowHeader = function () {
-        var _this = this;
-        var styleA = { width: "100%", cursor: "pointer" };
-        var styleTitle = { paddingRight: "10px" };
-        var glyphClassName = this.popup.cssButton;
-        glyphClassName = "glyphicon pull-right " + glyphClassName;
-        var title = _reactquestion_element__WEBPACK_IMPORTED_MODULE_2__["SurveyElementBase"].renderLocString(this.survey.locTitle);
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.popup.cssHeaderRoot },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { onClick: this.handleOnExpanded, style: styleA },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.popup.cssHeaderTitle, style: styleTitle }, title),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: glyphClassName, "aria-hidden": "true" })),
-            this.popup.allowClose ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.popup.cssHeaderButton, onClick: function () { _this.popup.hide(); }, style: { transform: "rotate(45deg)", float: "right", cursor: "pointer", width: "24px", height: "24px" } },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_4__["SvgIcon"], { iconName: "icon-expanddetail", size: 16 }))) : null,
-            this.popup.isExpanded ? (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: this.popup.cssHeaderButton, onClick: this.handleOnExpanded, style: { float: "right", cursor: "pointer", width: "24px", height: "24px" } },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_4__["SvgIcon"], { iconName: "icon-collapsedetail", size: 16 }))) : null));
+        var popup = this.popup;
+        var headerCss = popup.cssHeaderRoot;
+        var titleCollapsed = null;
+        var expandCollapseIcon;
+        var closeButton = null;
+        if (popup.isCollapsed) {
+            headerCss += " " + popup.cssRootCollapsedMod;
+            titleCollapsed = this.renderTitleCollapsed(popup);
+            expandCollapseIcon = this.renderExpandIcon();
+        }
+        else {
+            expandCollapseIcon = this.renderCollapseIcon();
+        }
+        if (popup.allowClose) {
+            closeButton = this.renderCloseButton(this.popup);
+        }
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: popup.cssHeaderRoot },
+            titleCollapsed,
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: popup.cssHeaderButtonsContainer },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: popup.cssHeaderCollapseButton, onClick: this.handleOnExpanded }, expandCollapseIcon),
+                closeButton)));
+    };
+    PopupSurvey.prototype.renderTitleCollapsed = function (popup) {
+        if (!popup.locTitle)
+            return null;
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: popup.cssHeaderTitleCollapsed }, popup.locTitle.renderedHtml);
+    };
+    PopupSurvey.prototype.renderExpandIcon = function () {
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { iconName: "icon-restore_16x16", size: 16 });
+    };
+    PopupSurvey.prototype.renderCollapseIcon = function () {
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { iconName: "icon-minimize_16x16", size: 16 });
+    };
+    PopupSurvey.prototype.renderCloseButton = function (popup) {
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: popup.cssHeaderCloseButton, onClick: function () { popup.hide(); } },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_3__["SvgIcon"], { iconName: "icon-close_16x16", size: 16 })));
     };
     PopupSurvey.prototype.renderBody = function () {
-        var _this = this;
-        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.popup.cssBody, onScroll: function () { return _this.popup.onScroll(); } }, this.doRender());
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.popup.cssBody }, this.doRender());
     };
     PopupSurvey.prototype.createSurvey = function (newProps) {
         if (!newProps)
             newProps = {};
         _super.prototype.createSurvey.call(this, newProps);
-        this.popup = new survey_core__WEBPACK_IMPORTED_MODULE_3__["PopupSurveyModel"](null, this.survey);
+        this.popup = new survey_core__WEBPACK_IMPORTED_MODULE_1__["PopupSurveyModel"](null, this.survey);
         if (newProps.closeOnCompleteTimeout) {
             this.popup.closeOnCompleteTimeout = newProps.closeOnCompleteTimeout;
         }
@@ -14633,7 +14689,7 @@ var PopupSurvey = /** @class */ (function (_super) {
             this.popup.expand();
     };
     return PopupSurvey;
-}(_reactSurvey__WEBPACK_IMPORTED_MODULE_1__["Survey"]));
+}(_reactSurvey__WEBPACK_IMPORTED_MODULE_2__["Survey"]));
 
 /**
  * Obsolete. Please use PopupSurvey
@@ -15286,13 +15342,11 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressToc", function() { return SurveyProgressToc; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! survey-core */ "survey-core");
-/* harmony import */ var survey_core__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(survey_core__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactSurveyNavigationBase */ "./src/react/reactSurveyNavigationBase.tsx");
-/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
-/* harmony import */ var _components_list_list__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/list/list */ "./src/react/components/list/list.tsx");
-/* harmony import */ var _components_popup_popup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/popup/popup */ "./src/react/components/popup/popup.tsx");
-/* harmony import */ var _components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
+/* harmony import */ var _reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./reactSurveyNavigationBase */ "./src/react/reactSurveyNavigationBase.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./element-factory */ "./src/react/element-factory.tsx");
+/* harmony import */ var _components_list_list__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/list/list */ "./src/react/components/list/list.tsx");
+/* harmony import */ var _components_popup_popup__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/popup/popup */ "./src/react/components/popup/popup.tsx");
+/* harmony import */ var _components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/svg-icon/svg-icon */ "./src/react/components/svg-icon/svg-icon.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -15314,29 +15368,28 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
-
 var SurveyProgressToc = /** @class */ (function (_super) {
     __extends(SurveyProgressToc, _super);
     function SurveyProgressToc() {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     SurveyProgressToc.prototype.render = function () {
-        var tocModel = new survey_core__WEBPACK_IMPORTED_MODULE_1__["TOCModel"](this.props.model);
+        var tocModel = this.props.model;
         var content;
         if (tocModel.isMobile) {
             content = react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { onClick: tocModel.togglePopup },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_6__["SvgIcon"], { iconName: tocModel.icon, size: 24 }),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_popup_popup__WEBPACK_IMPORTED_MODULE_5__["Popup"], { model: tocModel.popupModel }));
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_icon_svg_icon__WEBPACK_IMPORTED_MODULE_5__["SvgIcon"], { iconName: tocModel.icon, size: 24 }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_popup_popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], { model: tocModel.popupModel }));
         }
         else {
-            content = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_list_list__WEBPACK_IMPORTED_MODULE_4__["List"], { model: tocModel.listModel });
+            content = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_list_list__WEBPACK_IMPORTED_MODULE_3__["List"], { model: tocModel.listModel });
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: tocModel.containerCss }, content));
     };
     return SurveyProgressToc;
-}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__["SurveyNavigationBase"]));
+}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_1__["SurveyNavigationBase"]));
 
-_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-toc", function (props) {
+_element_factory__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("sv-navigation-toc", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgressToc, props);
 });
 
@@ -17250,7 +17303,7 @@ var SurveyQuestionMatrix = /** @class */ (function (_super) {
         for (var i = 0; i < visibleRows.length; i++) {
             var row = visibleRows[i];
             var key = "row-" + row.name + "-" + i;
-            rows.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionMatrixRow, { key: key, question: this.question, cssClasses: cssClasses, isDisplayMode: this.isDisplayMode, row: row, isFirst: i == 0 }));
+            rows.push(react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyQuestionMatrixRow, { key: key, question: this.question, cssClasses: cssClasses, row: row, isFirst: i == 0 }));
         }
         var header = !this.question.showHeader ? null : (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("thead", null,
             react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("tr", null,
@@ -17271,6 +17324,11 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
     function SurveyQuestionMatrixRow(props) {
         return _super.call(this, props) || this;
     }
+    SurveyQuestionMatrixRow.prototype.getStateElement = function () {
+        if (!!this.row)
+            return this.row.item;
+        return _super.prototype.getStateElement.call(this);
+    };
     Object.defineProperty(SurveyQuestionMatrixRow.prototype, "question", {
         get: function () {
             return this.props.question;
@@ -17308,7 +17366,7 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
                 style.minWidth = this.question.rowTitleWidth;
                 style.width = this.question.rowTitleWidth;
             }
-            rowsTD = react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { style: style, className: this.question.cssClasses.rowTextCell }, this.wrapCell({ row: this.row }, rowText, "row-header"));
+            rowsTD = react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { style: style, className: this.row.rowTextClasses }, this.wrapCell({ row: this.row }, rowText, "row-header"));
         }
         var tds = this.generateTds();
         return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("tr", { className: this.row.rowClasses || undefined },
@@ -17326,9 +17384,7 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
             var key = "value" + i;
             var itemClass = this_1.question.getItemClass(row, column);
             if (this_1.question.hasCellText) {
-                var getHandler = !this_1.question.isInputReadOnly
-                    ? function (column) { return function () { return _this.cellClick(row, column); }; }
-                    : null;
+                var getHandler = function (column) { return function () { return _this.cellClick(row, column); }; };
                 td = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: key, className: itemClass, onClick: getHandler ? getHandler(column) : function () { } }, this_1.renderLocString(this_1.question.getCellDisplayLocText(row.name, column))));
             }
             else {
@@ -17338,7 +17394,6 @@ var SurveyQuestionMatrixRow = /** @class */ (function (_super) {
                     column: column,
                     columnIndex: i,
                     cssClasses: this_1.cssClasses,
-                    isDisplayMode: this_1.isDisplayMode,
                     cellChanged: function () { _this.cellClick(_this.row, column); }
                 });
                 td = (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("td", { key: key, "data-responsive-title": column.locText.renderedHtml, className: this_1.question.cssClasses.cell }, renderedCell));
@@ -17421,7 +17476,7 @@ var SurveyQuestionMatrixCell = /** @class */ (function (_super) {
             mobileSpan));
     };
     SurveyQuestionMatrixCell.prototype.renderInput = function (inputId, isChecked) {
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { id: inputId, type: "radio", className: this.cssClasses.itemValue, name: this.row.fullName, value: this.column.value, disabled: this.isDisplayMode, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.getCellAriaLabel(this.row.locText.renderedHtml, this.column.locText.renderedHtml), "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-describedby": this.question.a11y_input_ariaDescribedBy }));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("input", { id: inputId, type: "radio", className: this.cssClasses.itemValue, name: this.row.fullName, value: this.column.value, disabled: this.row.isReadOnly, checked: isChecked, onChange: this.handleOnChange, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.getCellAriaLabel(this.row.locText.renderedHtml, this.column.locText.renderedHtml), "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-describedby": this.question.a11y_input_ariaDescribedBy }));
     };
     return SurveyQuestionMatrixCell;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElement"]));
@@ -19932,7 +19987,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "settings", function() { return settings; });
 /* harmony import */ var _utils_utils__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./utils/utils */ "./src/utils/utils.ts");
 
-var document = globalThis.document;
+var document = typeof globalThis !== "undefined" ? globalThis.document : undefined.document;
 var defaultEnvironment = (!!document ? {
     root: document,
     _rootElement: document.body,
@@ -20110,12 +20165,12 @@ var settings = {
      * import { ItemValue, settings } from "survey-core";
      *
      * // `itemValueSerializeAsObject` example
-     * settings.localization.itemValueSerializeAsObject = true;
+     * settings.serialization.itemValueSerializeAsObject = true;
      * const item = new ItemValue(5);
      * const itemString = item.toJSON(); // Produces { value: 5 } instead of 5
      *
      * // `itemValueSerializeDisplayText` example
-     * settings.localization.itemValueSerializeDisplayText = true;
+     * settings.serialization.itemValueSerializeDisplayText = true;
      * const item = new ItemValue("item1");
      * const itemString = item.toJSON(); // Produces { value: "item1", text: "item1" } instead of "item1"
      * ```
@@ -21082,7 +21137,7 @@ function scrollElementByChildId(id) {
         return;
     var scrollableEl = findScrollableParent(el);
     if (!!scrollableEl) {
-        scrollableEl.dispatchEvent(new CustomEvent("scroll"));
+        setTimeout(function () { return scrollableEl.dispatchEvent(new CustomEvent("scroll")); }, 10);
     }
 }
 function navigateToUrl(url) {