survey-js-ui 1.12.22 → 1.12.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-js-ui",
-  "version": "1.12.22",
+  "version": "1.12.24",
   "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",
@@ -23,7 +23,7 @@
   "typings": "./typings/src/entries/js-ui.d.ts",
   "dependencies": {},
   "peerDependencies": {
-    "survey-core": "1.12.22",
+    "survey-core": "1.12.24",
     "@types/react-dom": "*",
     "@types/react": "*"
   }

package/survey-js-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.22
+ * surveyjs - Survey JavaScript library v1.12.24
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -110,7 +110,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ (function(module, exports, __webpack_require__) {
 
 /*!
- * surveyjs - Survey JavaScript library v1.12.22
+ * surveyjs - Survey JavaScript library v1.12.24
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -1043,7 +1043,7 @@ module.exports = "<svg viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\
 /***/ (function(module, exports, __webpack_require__) {
 
 /*!
- * surveyjs - Survey JavaScript library v1.12.22
+ * surveyjs - Survey JavaScript library v1.12.24
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -2770,19 +2770,17 @@ var element_SurveyRowElement = /** @class */ (function (_super) {
                 el.focusIn();
             }
         };
-        return (g("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": innerElement.key, key: innerElement.key, onFocus: focusIn, ref: this.rootRef }, innerElement));
+        return (g("div", { className: css.questionWrapper, style: element.rootStyle, "data-key": element.name + this.index, onFocus: focusIn, ref: this.rootRef }, innerElement));
     };
     SurveyRowElement.prototype.createElement = function (element, elementIndex) {
-        var index = elementIndex ? "-" + elementIndex : 0;
         if (!this.row.isNeedRender) {
-            return ReactElementFactory.Instance.createElement(element.skeletonComponentName, { key: element.name + index, element: element, css: this.css, });
+            return ReactElementFactory.Instance.createElement(element.skeletonComponentName, { element: element, css: this.css, });
         }
         var elementType = element.getTemplate();
         if (!ReactElementFactory.Instance.isElementRegistered(elementType)) {
             elementType = "question";
         }
         return ReactElementFactory.Instance.createElement(elementType, {
-            key: element.name + index,
             element: element,
             creator: this.creator,
             survey: this.survey,
@@ -2862,9 +2860,7 @@ var row_SurveyRow = /** @class */ (function (_super) {
     SurveyRow.prototype.renderElementContent = function () {
         var _this = this;
         var elements = this.row.visibleElements.map(function (element, elementIndex) {
-            var index = elementIndex ? "-" + elementIndex : 0;
-            var key = element.name + index;
-            return (g(element_SurveyRowElement, { element: element, index: elementIndex, row: _this.row, survey: _this.survey, creator: _this.creator, css: _this.css, key: key }));
+            return (g(element_SurveyRowElement, { element: element, index: elementIndex, row: _this.row, survey: _this.survey, creator: _this.creator, css: _this.css, key: element.id }));
         });
         return (g("div", { ref: this.rootRef, className: this.row.getRowCss() }, elements));
     };
@@ -4176,7 +4172,6 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
             var el = this.rootRef.current;
             if (el && el.getAttribute("data-rendered") !== "r") {
                 el.setAttribute("data-rendered", "r");
-                el.setAttribute("data-name", this.question.name);
                 if (this.question.afterRender) {
                     this.question.afterRender(el);
                 }
@@ -4227,7 +4222,7 @@ var reactquestion_SurveyQuestion = /** @class */ (function (_super) {
         var rootStyle = question.getRootStyle();
         var questionContent = this.wrapQuestionContent(this.renderQuestionContent());
         return (g(k, null,
-            g("div", { ref: this.rootRef, id: question.id, className: question.getRootCss(), style: rootStyle, role: question.ariaRole, "aria-required": this.question.ariaRequired, "aria-invalid": this.question.ariaInvalid, "aria-labelledby": question.ariaLabelledBy, "aria-describedby": question.ariaDescribedBy, "aria-expanded": question.ariaExpanded },
+            g("div", { ref: this.rootRef, id: question.id, className: question.getRootCss(), style: rootStyle, role: question.ariaRole, "aria-required": this.question.ariaRequired, "aria-invalid": this.question.ariaInvalid, "aria-labelledby": question.ariaLabelledBy, "aria-describedby": question.ariaDescribedBy, "aria-expanded": question.ariaExpanded, "data-name": question.name },
                 errorsAboveQuestion,
                 headerTop,
                 questionContent,
@@ -9208,6 +9203,8 @@ var reactquestion_paneldynamic_SurveyQuestionPanelDynamic = /** @class */ (funct
         var navV2 = this.renderNavigatorV2();
         var noEntriesPlaceholder = this.renderPlaceholder();
         return (g("div", { className: this.question.cssClasses.root },
+            this.question.hasTabbedMenu ? g("div", { className: this.question.getTabsContainerCss() },
+                g(action_bar_SurveyActionBar, { model: this.question.tabbedMenu })) : null,
             noEntriesPlaceholder,
             navTop,
             g("div", { className: this.question.cssClasses.panelsContainer }, panels),
@@ -10251,7 +10248,7 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
         }
         var renderedItem = (g("div", { className: itemClass },
             g("label", { className: cssClasses.label },
-                g("input", { className: cssClasses.itemControl, id: this.question.getItemId(item), type: this.question.inputType, name: this.question.questionName, checked: isChecked, value: item.value, disabled: !this.question.getItemEnabled(item), readOnly: this.question.isReadOnlyAttr, onChange: this.handleOnChange, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
+                g("input", { className: cssClasses.itemControl, id: this.question.getItemId(item), type: this.question.inputType, name: this.question.questionName, checked: isChecked, value: item.value, disabled: !this.question.getItemEnabled(item), readOnly: this.question.isReadOnlyAttr, onChange: this.handleOnChange, "aria-required": this.question.ariaRequired, "aria-label": item.locText.renderedHtml, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage }),
                 g("div", { className: this.question.cssClasses.itemDecorator },
                     g("div", { className: this.question.cssClasses.imageContainer },
                         !!this.question.cssClasses.checkedItemDecorator ?
@@ -11487,7 +11484,7 @@ var preact = compat_module_namespaceObject;
 
 
 
-Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.22", "survey-js-ui");
+Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.24", "survey-js-ui");
 
 
 /***/ }),