survey-js-ui 2.3.7 → 2.3.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-js-ui",
-  "version": "2.3.7",
+  "version": "2.3.9",
   "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",
@@ -31,7 +31,7 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "survey-core": "2.3.7",
+    "survey-core": "2.3.9",
     "@types/react-dom": "*",
     "@types/react": "*"
   }

package/survey-js-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.3.7
+ * surveyjs - Survey JavaScript library v2.3.9
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -23,7 +23,7 @@ return /******/ (() => { // webpackBootstrap
 /***/ (function(module) {
 
 /*!
- * surveyjs - Survey JavaScript library v2.3.7
+ * surveyjs - Survey JavaScript library v2.3.9
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -830,7 +830,7 @@ path.keys().forEach(function (key) {
 /***/ (function(module) {
 
 /*!
- * surveyjs - Survey JavaScript library v2.3.7
+ * surveyjs - Survey JavaScript library v2.3.9
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -3504,11 +3504,12 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 var ListItem = /** @class */ (function (_super) {
     __extends(ListItem, _super);
-    function ListItem() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
+    function ListItem(props) {
+        var _this = _super.call(this, props) || this;
         _this.handleKeydown = function (event) {
             _this.model.onKeyDown(event);
         };
+        _this.elementRef = react__WEBPACK_IMPORTED_MODULE_0__.createRef();
         return _this;
     }
     Object.defineProperty(ListItem.prototype, "model", {
@@ -3535,7 +3536,7 @@ var ListItem = /** @class */ (function (_super) {
         var className = this.model.getItemClass(this.item);
         var itemContent = this.item.component || this.model.itemComponent;
         var newElement = _element_factory__WEBPACK_IMPORTED_MODULE_1__.ReactElementFactory.Instance.createElement(itemContent, { item: this.item, key: this.item.id, model: this.model });
-        var contentWrap = react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { style: this.model.getItemStyle(this.item), className: this.model.cssClasses.itemBody, title: this.item.getTooltip(), onMouseOver: function (event) { _this.model.onItemHover(_this.item); }, onMouseLeave: function (event) { _this.model.onItemLeave(_this.item); } }, newElement);
+        var contentWrap = react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { ref: this.elementRef, style: this.model.getItemStyle(this.item), className: this.model.cssClasses.itemBody, title: this.item.getTooltip(), onMouseOver: function (event) { _this.model.onItemHover(_this.item); }, onMouseLeave: function (event) { _this.model.onItemLeave(_this.item); } }, newElement);
         var separator = this.item.needSeparator ? react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.model.cssClasses.itemSeparator }) : null;
         var isVisible = this.model.isItemVisible(this.item);
         var style = {
@@ -3549,8 +3550,9 @@ var ListItem = /** @class */ (function (_super) {
             contentWrap), this.item);
     };
     ListItem.prototype.componentDidMount = function () {
+        var _a;
         _super.prototype.componentDidMount.call(this);
-        this.model.onLastItemRended(this.item);
+        this.model.onItemRended(this.item, (_a = this.elementRef) === null || _a === void 0 ? void 0 : _a.current);
     };
     return ListItem;
 }(_reactquestion_element__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
@@ -4816,10 +4818,12 @@ var QuestionErrorComponent = /** @class */ (function (_super) {
         return _super !== null && _super.apply(this, arguments) || this;
     }
     QuestionErrorComponent.prototype.render = function () {
+        var error = this.props.error;
+        var classes = this.props.cssClasses;
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", null,
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: this.props.cssClasses.error.icon || undefined, "aria-hidden": "true" }),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: error.getCssIcon(classes), "aria-hidden": "true" }),
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: this.props.cssClasses.error.item || undefined },
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_string_viewer__WEBPACK_IMPORTED_MODULE_2__.SurveyLocStringViewer, { locStr: this.props.error.locText }))));
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_string_viewer__WEBPACK_IMPORTED_MODULE_2__.SurveyLocStringViewer, { locStr: error.locText }))));
     };
     return QuestionErrorComponent;
 }(react__WEBPACK_IMPORTED_MODULE_0__.Component));
@@ -7111,6 +7115,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _panel_base__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./panel-base */ "../survey-react-ui/src/panel-base.tsx");
 /* harmony import */ var _components_title_title_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/title/title-element */ "../survey-react-ui/src/components/title/title-element.tsx");
 /* harmony import */ var _reactquestion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactquestion */ "../survey-react-ui/src/reactquestion.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./element-factory */ "../survey-react-ui/src/element-factory.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -7131,6 +7136,7 @@ var __extends = (undefined && undefined.__extends) || (function () {
 
 
 
+
 var SurveyPage = /** @class */ (function (_super) {
     __extends(SurveyPage, _super);
     function SurveyPage(props) {
@@ -7169,6 +7175,9 @@ var SurveyPage = /** @class */ (function (_super) {
     return SurveyPage;
 }(_panel_base__WEBPACK_IMPORTED_MODULE_2__.SurveyPanelBase));
 
+_element_factory__WEBPACK_IMPORTED_MODULE_5__.ReactElementFactory.Instance.registerElement("sv-page", function (props) {
+    return react__WEBPACK_IMPORTED_MODULE_0__.createElement(SurveyPage, props);
+});
 
 
 /***/ }),
@@ -7977,21 +7986,20 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "./node_modules/preact/compat/dist/compat.module.js");
 /* 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 _page__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./page */ "../survey-react-ui/src/page.tsx");
-/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./reactquestion_element */ "../survey-react-ui/src/reactquestion_element.tsx");
-/* harmony import */ var _components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/survey-header/survey-header */ "../survey-react-ui/src/components/survey-header/survey-header.tsx");
-/* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./reactquestion_factory */ "../survey-react-ui/src/reactquestion_factory.tsx");
-/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./element-factory */ "../survey-react-ui/src/element-factory.tsx");
-/* harmony import */ var _components_brand_info__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/brand-info */ "../survey-react-ui/src/components/brand-info.tsx");
-/* harmony import */ var _components_notifier__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/notifier */ "../survey-react-ui/src/components/notifier.tsx");
-/* harmony import */ var _components_components_container__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./components/components-container */ "../survey-react-ui/src/components/components-container.tsx");
-/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./svgbundle */ "../survey-react-ui/src/svgbundle.tsx");
-/* harmony import */ var _components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./components/popup/popup-modal */ "../survey-react-ui/src/components/popup/popup-modal.tsx");
-/* harmony import */ var survey_core_icons_iconsV1__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! survey-core/icons/iconsV1 */ "../survey-core/build/icons/iconsV1.js");
-/* harmony import */ var survey_core_icons_iconsV1__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(survey_core_icons_iconsV1__WEBPACK_IMPORTED_MODULE_12__);
-/* harmony import */ var survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! survey-core/icons/iconsV2 */ "../survey-core/build/icons/iconsV2.js");
-/* harmony import */ var survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_13__);
-/* harmony import */ var _components_scroll__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./components/scroll */ "../survey-react-ui/src/components/scroll.tsx");
+/* harmony import */ var _reactquestion_element__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./reactquestion_element */ "../survey-react-ui/src/reactquestion_element.tsx");
+/* harmony import */ var _components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/survey-header/survey-header */ "../survey-react-ui/src/components/survey-header/survey-header.tsx");
+/* harmony import */ var _reactquestion_factory__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./reactquestion_factory */ "../survey-react-ui/src/reactquestion_factory.tsx");
+/* harmony import */ var _element_factory__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./element-factory */ "../survey-react-ui/src/element-factory.tsx");
+/* harmony import */ var _components_brand_info__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./components/brand-info */ "../survey-react-ui/src/components/brand-info.tsx");
+/* harmony import */ var _components_notifier__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./components/notifier */ "../survey-react-ui/src/components/notifier.tsx");
+/* harmony import */ var _components_components_container__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./components/components-container */ "../survey-react-ui/src/components/components-container.tsx");
+/* harmony import */ var _svgbundle__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./svgbundle */ "../survey-react-ui/src/svgbundle.tsx");
+/* harmony import */ var _components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./components/popup/popup-modal */ "../survey-react-ui/src/components/popup/popup-modal.tsx");
+/* harmony import */ var survey_core_icons_iconsV1__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! survey-core/icons/iconsV1 */ "../survey-core/build/icons/iconsV1.js");
+/* harmony import */ var survey_core_icons_iconsV1__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(survey_core_icons_iconsV1__WEBPACK_IMPORTED_MODULE_11__);
+/* harmony import */ var survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! survey-core/icons/iconsV2 */ "../survey-core/build/icons/iconsV2.js");
+/* harmony import */ var survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_12__);
+/* harmony import */ var _components_scroll__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./components/scroll */ "../survey-react-ui/src/components/scroll.tsx");
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
         extendStatics = Object.setPrototypeOf ||
@@ -8032,10 +8040,9 @@ var __assign = (undefined && undefined.__assign) || function () {
 
 
 
-
-(0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v1", survey_core_icons_iconsV1__WEBPACK_IMPORTED_MODULE_12__.icons);
-(0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v2", survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_13__.icons);
-survey_core__WEBPACK_IMPORTED_MODULE_1__.SvgRegistry.registerIcons(survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_13__.icons);
+(0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v1", survey_core_icons_iconsV1__WEBPACK_IMPORTED_MODULE_11__.icons);
+(0,survey_core__WEBPACK_IMPORTED_MODULE_1__.addIconsToThemeSet)("v2", survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_12__.icons);
+survey_core__WEBPACK_IMPORTED_MODULE_1__.SvgRegistry.registerIcons(survey_core_icons_iconsV2__WEBPACK_IMPORTED_MODULE_12__.icons);
 var Survey = /** @class */ (function (_super) {
     __extends(Survey, _super);
     function Survey(props) {
@@ -8114,7 +8121,7 @@ var Survey = /** @class */ (function (_super) {
             renderResult = this.renderSurvey();
         }
         var backgroundImage = !!this.survey.backgroundImage ? react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.css.rootBackgroundImage, style: this.survey.backgroundImageStyle }) : null;
-        var header = this.survey.headerView === "basic" ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_4__.SurveyHeader, { survey: this.survey }) : null;
+        var header = this.survey.headerView === "basic" ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_survey_header_survey_header__WEBPACK_IMPORTED_MODULE_3__.SurveyHeader, { survey: this.survey }) : null;
         var onSubmit = function (event) {
             event.preventDefault();
         };
@@ -8125,20 +8132,20 @@ var Survey = /** @class */ (function (_super) {
         var rootCss = this.survey.getRootCss();
         var cssClasses = this.rootNodeClassName ? this.rootNodeClassName + " " + rootCss : rootCss;
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { id: this.rootNodeId, ref: this.rootRef, className: cssClasses, style: this.survey.themeVariables, lang: this.survey.locale || "en", dir: this.survey.localeDir },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_scroll__WEBPACK_IMPORTED_MODULE_14__.Scroll, { disabled: this.survey.rootScrollDisabled },
-                this.survey.needRenderIcons ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_svgbundle__WEBPACK_IMPORTED_MODULE_10__.SvgBundleComponent, null) : null,
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_11__.PopupModal, null),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_scroll__WEBPACK_IMPORTED_MODULE_13__.Scroll, { disabled: this.survey.rootScrollDisabled },
+                this.survey.needRenderIcons ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_svgbundle__WEBPACK_IMPORTED_MODULE_9__.SvgBundleComponent, null) : null,
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_popup_popup_modal__WEBPACK_IMPORTED_MODULE_10__.PopupModal, null),
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.survey.wrapperFormCss },
                     backgroundImage,
                     react__WEBPACK_IMPORTED_MODULE_0__.createElement("form", { onSubmit: onSubmit },
-                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_scroll__WEBPACK_IMPORTED_MODULE_14__.Scroll, { disabled: this.survey.formScrollDisabled },
+                        react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_scroll__WEBPACK_IMPORTED_MODULE_13__.Scroll, { disabled: this.survey.formScrollDisabled },
                             customHeader,
                             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.css.container },
                                 header,
-                                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_9__.ComponentsContainer, { survey: this.survey, container: "header", needRenderWrapper: false }),
+                                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_8__.ComponentsContainer, { survey: this.survey, container: "header", needRenderWrapper: false }),
                                 renderResult,
-                                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_9__.ComponentsContainer, { survey: this.survey, container: "footer", needRenderWrapper: false })))),
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_notifier__WEBPACK_IMPORTED_MODULE_8__.NotifierComponent, { notifier: this.survey.notifier })))));
+                                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_8__.ComponentsContainer, { survey: this.survey, container: "footer", needRenderWrapper: false })))),
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_notifier__WEBPACK_IMPORTED_MODULE_7__.NotifierComponent, { notifier: this.survey.notifier })))));
     };
     Survey.prototype.renderElement = function () {
         return this.doRender();
@@ -8159,7 +8166,7 @@ var Survey = /** @class */ (function (_super) {
         var htmlValue = { __html: this.survey.processedCompletedHtml };
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment, null,
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { dangerouslySetInnerHTML: htmlValue, className: this.survey.completedCss }),
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_9__.ComponentsContainer, { survey: this.survey, container: "completePage", needRenderWrapper: false })));
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_8__.ComponentsContainer, { survey: this.survey, container: "completePage", needRenderWrapper: false })));
     };
     Survey.prototype.renderCompletedBefore = function () {
         var htmlValue = { __html: this.survey.processedCompletedBeforeHtml };
@@ -8181,18 +8188,23 @@ var Survey = /** @class */ (function (_super) {
             style.maxWidth = this.survey.renderedWidth;
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.survey.bodyContainerCss },
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_9__.ComponentsContainer, { survey: this.survey, container: "left" }),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_8__.ComponentsContainer, { survey: this.survey, container: "left" }),
             react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: "sv-components-column sv-components-column--expandable" },
-                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_9__.ComponentsContainer, { survey: this.survey, container: "center" }),
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_8__.ComponentsContainer, { survey: this.survey, container: "center" }),
                 react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { id: pageId, className: className, style: style },
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_9__.ComponentsContainer, { survey: this.survey, container: "contentTop" }),
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_8__.ComponentsContainer, { survey: this.survey, container: "contentTop" }),
                     activePage,
-                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_9__.ComponentsContainer, { survey: this.survey, container: "contentBottom" }),
-                    this.survey.showBrandInfo ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_brand_info__WEBPACK_IMPORTED_MODULE_7__.BrandInfo, null) : null)),
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_9__.ComponentsContainer, { survey: this.survey, container: "right" })));
+                    react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_8__.ComponentsContainer, { survey: this.survey, container: "contentBottom" }),
+                    this.survey.showBrandInfo ? react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_brand_info__WEBPACK_IMPORTED_MODULE_6__.BrandInfo, null) : null)),
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_components_container__WEBPACK_IMPORTED_MODULE_8__.ComponentsContainer, { survey: this.survey, container: "right" })));
     };
     Survey.prototype.renderPage = function (page) {
-        return (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_page__WEBPACK_IMPORTED_MODULE_2__.SurveyPage, { survey: this.survey, page: page, css: this.css, creator: this }));
+        return _element_factory__WEBPACK_IMPORTED_MODULE_5__.ReactElementFactory.Instance.createElement(this.survey.pageComponent || "sv-page", {
+            survey: this.survey,
+            page: page,
+            css: this.css,
+            creator: this,
+        });
     };
     Survey.prototype.renderEmptySurvey = function () {
         return react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.css.bodyEmpty }, this.survey.emptySurveyText);
@@ -8269,14 +8281,14 @@ var Survey = /** @class */ (function (_super) {
     };
     //ISurveyCreator
     Survey.prototype.createQuestionElement = function (question) {
-        return _reactquestion_factory__WEBPACK_IMPORTED_MODULE_5__.ReactQuestionFactory.Instance.createQuestion(question.isDefaultRendering() ? question.getTemplate() : question.getComponentName(), {
+        return _reactquestion_factory__WEBPACK_IMPORTED_MODULE_4__.ReactQuestionFactory.Instance.createQuestion(question.isDefaultRendering() ? question.getTemplate() : question.getComponentName(), {
             question: question,
             isDisplayMode: question.isInputReadOnly,
             creator: this,
         });
     };
     Survey.prototype.renderError = function (key, error, cssClasses, element) {
-        return _element_factory__WEBPACK_IMPORTED_MODULE_6__.ReactElementFactory.Instance.createElement(this.survey.questionErrorComponent, { key: key, error: error, cssClasses: cssClasses, element: element });
+        return _element_factory__WEBPACK_IMPORTED_MODULE_5__.ReactElementFactory.Instance.createElement(this.survey.questionErrorComponent, { key: key, error: error, cssClasses: cssClasses, element: element });
     };
     Survey.prototype.questionTitleLocation = function () {
         return this.survey.questionTitleLocation;
@@ -8285,9 +8297,9 @@ var Survey = /** @class */ (function (_super) {
         return this.survey.questionErrorLocation;
     };
     return Survey;
-}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_3__.SurveyElementBase));
+}(_reactquestion_element__WEBPACK_IMPORTED_MODULE_2__.SurveyElementBase));
 
-_element_factory__WEBPACK_IMPORTED_MODULE_6__.ReactElementFactory.Instance.registerElement("survey", function (props) {
+_element_factory__WEBPACK_IMPORTED_MODULE_5__.ReactElementFactory.Instance.registerElement("survey", function (props) {
     return react__WEBPACK_IMPORTED_MODULE_0__.createElement(Survey, props);
 });
 function attachKey2click(element, viewModel, options) {
@@ -8642,9 +8654,9 @@ var SurveyElementErrors = /** @class */ (function (_super) {
     };
     SurveyElementErrors.prototype.renderElement = function () {
         var errors = [];
-        for (var i = 0; i < this.element.errors.length; i++) {
+        for (var i = 0; i < this.element.renderedErrors.length; i++) {
             var key = "error" + i;
-            errors.push(this.creator.renderError(key, this.element.errors[i], this.cssClasses, this.element));
+            errors.push(this.creator.renderError(key, this.element.renderedErrors[i], this.cssClasses, this.element));
         }
         return (react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.element.cssError, id: this.id }, errors));
     };
@@ -11107,7 +11119,8 @@ var SurveyQuestionMatrixDynamicAddButton = /** @class */ (function (_super) {
         var addRowText = this.renderLocString(this.matrix.locAddRowText);
         var addButton = (react__WEBPACK_IMPORTED_MODULE_0__.createElement("button", { className: this.matrix.getAddRowButtonCss(this.props.isEmptySection), type: "button", disabled: this.matrix.isInputReadOnly, onClick: this.matrix.isDesignMode ? undefined : this.handleOnRowAddClick },
             addRowText,
-            react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: this.props.cssClasses.iconAdd })));
+            react__WEBPACK_IMPORTED_MODULE_0__.createElement("span", { className: this.props.cssClasses.iconAdd }, this.cssClasses.iconAddId && react__WEBPACK_IMPORTED_MODULE_0__.createElement("svg", null,
+                react__WEBPACK_IMPORTED_MODULE_0__.createElement("use", { xlinkHref: this.cssClasses.iconAddId })))));
         return (this.props.isEmptySection ? addButton : react__WEBPACK_IMPORTED_MODULE_0__.createElement("div", { className: this.props.cssClasses.footer }, addButton));
     };
     return SurveyQuestionMatrixDynamicAddButton;
@@ -13816,7 +13829,7 @@ var preact = react__WEBPACK_IMPORTED_MODULE_0__;
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.3.7"), "survey-js-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.3.9"), "survey-js-ui");
 
 })();