survey-react-ui 1.9.127 → 1.9.128

package/survey-react-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.9.127
+ * surveyjs - Survey JavaScript library v1.9.128
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2166,14 +2166,14 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _react_reactquestion_paneldynamic__WEBPACK_IMPORTED_MODULE_39__ = __webpack_require__(/*! ../react/reactquestion_paneldynamic */ "./src/react/reactquestion_paneldynamic.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionPanelDynamic", function() { return _react_reactquestion_paneldynamic__WEBPACK_IMPORTED_MODULE_39__["SurveyQuestionPanelDynamic"]; });
 
-/* harmony import */ var _react_reactSurveyProgress__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../react/reactSurveyProgress */ "./src/react/reactSurveyProgress.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgress", function() { return _react_reactSurveyProgress__WEBPACK_IMPORTED_MODULE_40__["SurveyProgress"]; });
+/* harmony import */ var _react_progress__WEBPACK_IMPORTED_MODULE_40__ = __webpack_require__(/*! ../react/progress */ "./src/react/progress.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgress", function() { return _react_progress__WEBPACK_IMPORTED_MODULE_40__["SurveyProgress"]; });
 
-/* harmony import */ var _react_reactSurveyProgressButtons__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../react/reactSurveyProgressButtons */ "./src/react/reactSurveyProgressButtons.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtons", function() { return _react_reactSurveyProgressButtons__WEBPACK_IMPORTED_MODULE_41__["SurveyProgressButtons"]; });
+/* harmony import */ var _react_progressButtons__WEBPACK_IMPORTED_MODULE_41__ = __webpack_require__(/*! ../react/progressButtons */ "./src/react/progressButtons.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtons", function() { return _react_progressButtons__WEBPACK_IMPORTED_MODULE_41__["SurveyProgressButtons"]; });
 
-/* harmony import */ var _react_reactSurveyProgressToc__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../react/reactSurveyProgressToc */ "./src/react/reactSurveyProgressToc.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressToc", function() { return _react_reactSurveyProgressToc__WEBPACK_IMPORTED_MODULE_42__["SurveyProgressToc"]; });
+/* harmony import */ var _react_progressToc__WEBPACK_IMPORTED_MODULE_42__ = __webpack_require__(/*! ../react/progressToc */ "./src/react/progressToc.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressToc", function() { return _react_progressToc__WEBPACK_IMPORTED_MODULE_42__["SurveyProgressToc"]; });
 
 /* harmony import */ var _react_reactquestion_rating__WEBPACK_IMPORTED_MODULE_43__ = __webpack_require__(/*! ../react/reactquestion_rating */ "./src/react/reactquestion_rating.tsx");
 /* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SurveyQuestionRating", function() { return _react_reactquestion_rating__WEBPACK_IMPORTED_MODULE_43__["SurveyQuestionRating"]; });
@@ -2620,7 +2620,7 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.127", "survey-react-ui");
+Object(survey_core__WEBPACK_IMPORTED_MODULE_2__["checkLibraryVersion"])("" + "1.9.128", "survey-react-ui");
 
 
 /***/ }),
@@ -7701,8 +7701,15 @@ var JsonObjectProperty = /** @class */ (function () {
         var isLayout = !this.layout || this.layout == layout;
         if (!this.visible || !isLayout)
             return false;
-        if (!!this.visibleIf && !!obj)
+        if (!!this.visibleIf && !!obj) {
+            if (obj.getOriginalObj) {
+                var orjObj = obj.getOriginalObj();
+                if (orjObj && Serializer.findProperty(orjObj.getType(), this.name)) {
+                    obj = orjObj;
+                }
+            }
             return this.visibleIf(obj);
+        }
         return true;
     };
     Object.defineProperty(JsonObjectProperty.prototype, "visible", {
@@ -9903,6 +9910,8 @@ var englishStrings = {
     startSurveyText: "Start",
     otherItemText: "Other (describe)",
     noneItemText: "None",
+    refuseItemText: "Refuse to answer",
+    dontKnowItemText: "Don't know",
     selectAllItemText: "Select All",
     progressText: "Page {0} of {1}",
     indexText: "{0} of {1}",
@@ -14578,6 +14587,289 @@ _element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.re
 });
 
 
+/***/ }),
+
+/***/ "./src/react/progress.tsx":
+/*!********************************!*\
+  !*** ./src/react/progress.tsx ***!
+  \********************************/
+/*! exports provided: SurveyProgress */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyProgress", function() { return SurveyProgress; });
+/* 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");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+
+var SurveyProgress = /** @class */ (function (_super) {
+    __extends(SurveyProgress, _super);
+    function SurveyProgress(props) {
+        return _super.call(this, props) || this;
+    }
+    Object.defineProperty(SurveyProgress.prototype, "isTop", {
+        get: function () {
+            return this.props.isTop;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyProgress.prototype, "progress", {
+        get: function () {
+            return this.survey.progressValue;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyProgress.prototype, "progressText", {
+        get: function () {
+            return this.survey.progressText;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyProgress.prototype.render = function () {
+        var progressStyle = {
+            width: this.progress + "%",
+        };
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.getProgressCssClasses(this.props.container) },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextInBarCss(this.css) }, this.progressText)),
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextUnderBarCss(this.css) }, this.progressText)));
+    };
+    return SurveyProgress;
+}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__["SurveyNavigationBase"]));
+
+_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-pages", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
+});
+_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-questions", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
+});
+_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-correctquestions", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
+});
+_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-requiredquestions", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
+});
+
+
+/***/ }),
+
+/***/ "./src/react/progressButtons.tsx":
+/*!***************************************!*\
+  !*** ./src/react/progressButtons.tsx ***!
+  \***************************************/
+/*! exports provided: SurveyProgressButtons */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtons", function() { return SurveyProgressButtons; });
+/* 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");
+var __extends = (undefined && undefined.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+
+var SurveyProgressButtons = /** @class */ (function (_super) {
+    __extends(SurveyProgressButtons, _super);
+    function SurveyProgressButtons(props) {
+        var _this = _super.call(this, props) || this;
+        _this.listContainerRef = react__WEBPACK_IMPORTED_MODULE_0__["createRef"]();
+        return _this;
+    }
+    Object.defineProperty(SurveyProgressButtons.prototype, "model", {
+        get: function () {
+            return this.props.model;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    Object.defineProperty(SurveyProgressButtons.prototype, "container", {
+        get: function () {
+            return this.props.container;
+        },
+        enumerable: false,
+        configurable: true
+    });
+    SurveyProgressButtons.prototype.onResize = function (canShowItemTitles) {
+        this.setState({ canShowItemTitles: canShowItemTitles });
+        this.setState({ canShowHeader: !canShowItemTitles });
+    };
+    SurveyProgressButtons.prototype.onUpdateScroller = function (hasScroller) {
+        this.setState({ hasScroller: hasScroller });
+    };
+    SurveyProgressButtons.prototype.onUpdateSettings = function () {
+        this.setState({ canShowItemTitles: this.model.showItemTitles });
+        this.setState({ canShowFooter: !this.model.showItemTitles });
+    };
+    SurveyProgressButtons.prototype.render = function () {
+        var _this = this;
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.model.getRootCss(this.props.container), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
+            this.state.canShowHeader ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsHeader },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageTitle, title: this.model.headerText }, this.model.headerText)) : null,
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsContainer },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, true), role: "button", onClick: function () {
+                        return _this.clickScrollButton(_this.listContainerRef.current, true);
+                    } }),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsListContainer, ref: this.listContainerRef },
+                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", { className: this.css.progressButtonsList }, this.getListElements())),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.model.getScrollButtonCss(this.state.hasScroller, false), role: "button", onClick: function () {
+                        return _this.clickScrollButton(_this.listContainerRef.current, false);
+                    } })),
+            this.state.canShowFooter ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsFooter },
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageTitle, title: this.model.footerText }, this.model.footerText)) : null));
+    };
+    SurveyProgressButtons.prototype.getListElements = function () {
+        var _this = this;
+        var buttons = [];
+        this.survey.visiblePages.forEach(function (page, index) {
+            buttons.push(_this.renderListElement(page, index));
+        });
+        return buttons;
+    };
+    SurveyProgressButtons.prototype.renderListElement = function (page, index) {
+        var _this = this;
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", { key: "listelement" + index, className: this.model.getListElementCss(index), onClick: this.model.isListElementClickable(index)
+                ? function () { return _this.model.clickListElement(page); }
+                : undefined, "data-page-number": this.model.getItemNumber(page) },
+            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsConnector }),
+            this.state.canShowItemTitles ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null,
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, page.renderedNavigationTitle),
+                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)) : null));
+    };
+    SurveyProgressButtons.prototype.clickScrollButton = function (listContainerElement, isLeftScroll) {
+        if (!!listContainerElement) {
+            listContainerElement.scrollLeft += (isLeftScroll ? -1 : 1) * 70;
+        }
+    };
+    SurveyProgressButtons.prototype.componentDidMount = function () {
+        var _this = this;
+        _super.prototype.componentDidMount.call(this);
+        setTimeout(function () {
+            _this.respManager = new survey_core__WEBPACK_IMPORTED_MODULE_1__["ProgressButtonsResponsivityManager"](_this.model, _this.listContainerRef.current, _this);
+        }, 10);
+    };
+    SurveyProgressButtons.prototype.componentWillUnmount = function () {
+        this.respManager.dispose();
+        _super.prototype.componentWillUnmount.call(this);
+    };
+    return SurveyProgressButtons;
+}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__["SurveyNavigationBase"]));
+
+_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-buttons", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgressButtons, props);
+});
+
+
+/***/ }),
+
+/***/ "./src/react/progressToc.tsx":
+/*!***********************************!*\
+  !*** ./src/react/progressToc.tsx ***!
+  \***********************************/
+/*! exports provided: SurveyProgressToc */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__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 _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 ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+
+
+
+
+
+
+var SurveyProgressToc = /** @class */ (function (_super) {
+    __extends(SurveyProgressToc, _super);
+    function SurveyProgressToc() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SurveyProgressToc.prototype.render = function () {
+        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_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_3__["List"], { model: tocModel.listModel });
+        }
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: tocModel.containerCss }, content));
+    };
+    return SurveyProgressToc;
+}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_1__["SurveyNavigationBase"]));
+
+_element_factory__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("sv-navigation-toc", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgressToc, props);
+});
+
+
 /***/ }),
 
 /***/ "./src/react/rating-dropdown.tsx":
@@ -15197,275 +15489,6 @@ var SurveyNavigationBase = /** @class */ (function (_super) {
 
 
 
-/***/ }),
-
-/***/ "./src/react/reactSurveyProgress.tsx":
-/*!*******************************************!*\
-  !*** ./src/react/reactSurveyProgress.tsx ***!
-  \*******************************************/
-/*! exports provided: SurveyProgress */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyProgress", function() { return SurveyProgress; });
-/* 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");
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-
-
-
-
-var SurveyProgress = /** @class */ (function (_super) {
-    __extends(SurveyProgress, _super);
-    function SurveyProgress(props) {
-        return _super.call(this, props) || this;
-    }
-    Object.defineProperty(SurveyProgress.prototype, "isTop", {
-        get: function () {
-            return this.props.isTop;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SurveyProgress.prototype, "progress", {
-        get: function () {
-            return this.survey.progressValue;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    Object.defineProperty(SurveyProgress.prototype, "progressText", {
-        get: function () {
-            return this.survey.progressText;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    SurveyProgress.prototype.render = function () {
-        var progressStyle = {
-            width: this.progress + "%",
-        };
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.survey.getProgressCssClasses(this.props.container) },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { style: progressStyle, className: this.css.progressBar, role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": "progress" },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextInBarCss(this.css) }, this.progressText)),
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", { className: survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressModel"].getProgressTextUnderBarCss(this.css) }, this.progressText)));
-    };
-    return SurveyProgress;
-}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__["SurveyNavigationBase"]));
-
-_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-pages", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
-});
-_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-questions", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
-});
-_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-correctquestions", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
-});
-_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-requiredquestions", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgress, props);
-});
-
-
-/***/ }),
-
-/***/ "./src/react/reactSurveyProgressButtons.tsx":
-/*!**************************************************!*\
-  !*** ./src/react/reactSurveyProgressButtons.tsx ***!
-  \**************************************************/
-/*! exports provided: SurveyProgressButtons */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SurveyProgressButtons", function() { return SurveyProgressButtons; });
-/* 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");
-var __extends = (undefined && undefined.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-
-
-
-
-var SurveyProgressButtons = /** @class */ (function (_super) {
-    __extends(SurveyProgressButtons, _super);
-    function SurveyProgressButtons(props) {
-        var _this = _super.call(this, props) || this;
-        _this.updateScroller = undefined;
-        _this.progressButtonsModel = new survey_core__WEBPACK_IMPORTED_MODULE_1__["SurveyProgressButtonsModel"](_this.survey);
-        _this.listContainerRef = react__WEBPACK_IMPORTED_MODULE_0__["createRef"]();
-        return _this;
-    }
-    SurveyProgressButtons.prototype.render = function () {
-        var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsContainerCenter },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsContainer },
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.getScrollButtonCss(true), role: "button", onClick: function () {
-                        return _this.clickScrollButton(_this.listContainerRef.current, true);
-                    } }),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsListContainer, ref: this.listContainerRef },
-                    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", { className: this.css.progressButtonsList }, this.getListElements())),
-                react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.getScrollButtonCss(false), role: "button", onClick: function () {
-                        return _this.clickScrollButton(_this.listContainerRef.current, false);
-                    } }))));
-    };
-    SurveyProgressButtons.prototype.getListElements = function () {
-        var _this = this;
-        var buttons = [];
-        this.survey.visiblePages.forEach(function (page, index) {
-            buttons.push(_this.renderListElement(page, index));
-        });
-        return buttons;
-    };
-    SurveyProgressButtons.prototype.renderListElement = function (page, index) {
-        var _this = this;
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", { key: "listelement" + index, className: this.getListElementCss(index), onClick: this.isListElementClickable(index)
-                ? function () { return _this.clickListElement(index); }
-                : undefined },
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageTitle, title: page.renderedNavigationTitle }, page.renderedNavigationTitle),
-            react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: this.css.progressButtonsPageDescription, title: page.navigationDescription }, page.navigationDescription)));
-    };
-    SurveyProgressButtons.prototype.isListElementClickable = function (index) {
-        return this.progressButtonsModel.isListElementClickable(index);
-    };
-    SurveyProgressButtons.prototype.getListElementCss = function (index) {
-        return this.progressButtonsModel.getListElementCss(index);
-    };
-    SurveyProgressButtons.prototype.clickListElement = function (index) {
-        this.progressButtonsModel.clickListElement(index);
-    };
-    SurveyProgressButtons.prototype.getScrollButtonCss = function (isLeftScroll) {
-        return this.progressButtonsModel.getScrollButtonCss(this.state.hasScroller, isLeftScroll);
-    };
-    SurveyProgressButtons.prototype.clickScrollButton = function (listContainerElement, isLeftScroll) {
-        if (!!listContainerElement) {
-            listContainerElement.scrollLeft += (isLeftScroll ? -1 : 1) * 70;
-        }
-    };
-    SurveyProgressButtons.prototype.componentDidMount = function () {
-        var _this = this;
-        this.updateScroller = setInterval(function () {
-            if (!!_this.listContainerRef.current) {
-                _this.setState({ hasScroller: _this.listContainerRef.current.scrollWidth > _this.listContainerRef.current.offsetWidth, });
-            }
-        }, 100);
-    };
-    SurveyProgressButtons.prototype.componentWillUnmount = function () {
-        if (typeof this.updateScroller !== "undefined") {
-            clearInterval(this.updateScroller);
-            this.updateScroller = undefined;
-        }
-    };
-    return SurveyProgressButtons;
-}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_2__["SurveyNavigationBase"]));
-
-_element_factory__WEBPACK_IMPORTED_MODULE_3__["ReactElementFactory"].Instance.registerElement("sv-progress-buttons", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgressButtons, props);
-});
-
-
-/***/ }),
-
-/***/ "./src/react/reactSurveyProgressToc.tsx":
-/*!**********************************************!*\
-  !*** ./src/react/reactSurveyProgressToc.tsx ***!
-  \**********************************************/
-/*! exports provided: SurveyProgressToc */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__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 _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 ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-
-
-
-
-
-
-var SurveyProgressToc = /** @class */ (function (_super) {
-    __extends(SurveyProgressToc, _super);
-    function SurveyProgressToc() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SurveyProgressToc.prototype.render = function () {
-        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_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_3__["List"], { model: tocModel.listModel });
-        }
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", { className: tocModel.containerCss }, content));
-    };
-    return SurveyProgressToc;
-}(_reactSurveyNavigationBase__WEBPACK_IMPORTED_MODULE_1__["SurveyNavigationBase"]));
-
-_element_factory__WEBPACK_IMPORTED_MODULE_2__["ReactElementFactory"].Instance.registerElement("sv-navigation-toc", function (props) {
-    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SurveyProgressToc, props);
-});
-
-
 /***/ }),
 
 /***/ "./src/react/reactquestion.tsx":
@@ -16345,13 +16368,27 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
         _this.state = { comment: _this.getComment() || "" };
         return _this;
     }
-    SurveyQuestionCommentItem.prototype.getStateComment = function () {
-        var comment = this.getComment();
-        var stateComment = this.state.comment;
-        if (stateComment !== undefined && stateComment.trim() !== comment) {
-            stateComment = comment;
+    SurveyQuestionCommentItem.prototype.componentDidUpdate = function (prevProps, prevState) {
+        _super.prototype.componentDidUpdate.call(this, prevProps, prevState);
+        this.updateDomElement();
+    };
+    SurveyQuestionCommentItem.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        this.updateDomElement();
+    };
+    SurveyQuestionCommentItem.prototype.updateDomElement = function () {
+        if (!!this.control) {
+            var control = this.control;
+            var newValue = this.getComment() || "";
+            if (!survey_core__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isTwoValueEquals(newValue, control.value, false, true, false)) {
+                control.value = newValue;
+            }
+        }
+    };
+    SurveyQuestionCommentItem.prototype.setControl = function (element) {
+        if (!!element) {
+            this.control = element;
         }
-        return stateComment !== undefined ? stateComment : comment || "";
     };
     SurveyQuestionCommentItem.prototype.canRender = function () {
         return !!this.props.question;
@@ -16378,18 +16415,11 @@ var SurveyQuestionCommentItem = /** @class */ (function (_super) {
         var _this = this;
         var question = this.props.question;
         var className = this.props.otherCss || this.cssClasses.comment;
-        var handleOnChange = function (event) {
-            _this.setState({ comment: event.target.value });
-            // https://github.com/surveyjs/survey-library/issues/7252
-            if (!survey_core__WEBPACK_IMPORTED_MODULE_2__["Helpers"].isTwoValueEquals(_this.getComment(), event.target.value, false, true, false)) {
-                _this.setComment(event.target.value);
-            }
-        };
-        var comment = this.getStateComment();
         if (question.isReadOnlyRenderDiv()) {
+            var comment = this.getComment() || "";
             return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, comment);
         }
-        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("textarea", { id: this.getId(), className: className, value: comment, disabled: this.isDisplayMode, maxLength: question.getOthersMaxLength(), placeholder: this.getPlaceholder(), onChange: handleOnChange, onBlur: function (e) { _this.onCommentChange(e); handleOnChange(e); }, onInput: function (e) { return _this.onCommentInput(e); }, "aria-required": question.isRequired || question.a11y_input_ariaRequired, "aria-label": question.ariaLabel || question.a11y_input_ariaLabel, style: { resize: question.resizeStyle } }));
+        return (react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("textarea", { id: this.getId(), className: className, ref: function (textarea) { return (_this.setControl(textarea)); }, disabled: this.isDisplayMode, maxLength: question.getOthersMaxLength(), placeholder: this.getPlaceholder(), onBlur: function (e) { _this.onCommentChange(e); }, onInput: function (e) { return _this.onCommentInput(e); }, "aria-required": question.isRequired || question.a11y_input_ariaRequired, "aria-label": question.ariaLabel || question.a11y_input_ariaLabel, style: { resize: question.resizeStyle } }));
     };
     return SurveyQuestionCommentItem;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_1__["ReactSurveyElement"]));
@@ -20537,15 +20567,27 @@ var settings = {
      */
     showItemsInOrder: "default",
     /**
-     * A value to save in survey results when respondents select the None choice item.
+     * A value to save in survey results when respondents select the "None" choice item.
      *
      * Default value: `"none"`
      */
     noneItemValue: "none",
     /**
-     * An object whose properties specify the order of the special choice items (None, Other, Select All) in select-based questions.
+     * A value to save in survey results when respondents select the "Refuse to answer" choice item.
+     *
+     * Default value: `"refused"`
+     */
+    refuseItemValue: "refused",
+    /**
+     * A value to save in survey results when respondents select the "Don't know" choice item.
+     *
+     * Default value: `"dontknow"`
+     */
+    dontKnowItemValue: "dontknow",
+    /**
+     * An object whose properties specify the order of the special choice items ("None", "Other", "Select All", "Refuse to answer", "Don't know") in select-based questions.
      *
-     * Default value: `{ selectAllItem: [-1], noneItem: [1], otherItem: [2] }`
+     * Default value: `{ selectAllItem: [-1], noneItem: [1], otherItem: [2], dontKnowItem: [3], otherItem: [4] }`
      *
      * Use this object to reorder special choices. Each property accepts an array of integer numbers. Negative numbers place a special choice item above regular choice items, positive numbers place it below them. For instance, the code below specifies the following order of choices: None, Select All, regular choices, Other.
      *
@@ -20566,7 +20608,9 @@ var settings = {
     specialChoicesOrder: {
         selectAllItem: [-1],
         noneItem: [1],
-        otherItem: [2]
+        refuseItem: [2],
+        dontKnowItem: [3],
+        otherItem: [4]
     },
     /**
      * A list of supported validators by question type.
@@ -20620,6 +20664,12 @@ var settings = {
      * Default value: `true`
      */
     showMaxLengthIndicator: true,
+    /**
+     * Set to `false` to disable animations
+     *
+     * Default value: `true`
+    */
+    animationEnabled: true,
     /**
      * An object that specifies heading levels (`<h1>`, `<h2>`, etc.) to use when rendering survey, page, panel, and question titles.
      *
@@ -20705,7 +20755,8 @@ var settings = {
             "email",
             "impp",
         ]
-    }
+    },
+    legacyProgressBarView: false
 };