survey-js-ui 1.12.17 → 1.12.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "survey-js-ui",
-  "version": "1.12.17",
+  "version": "1.12.19",
   "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.17",
+    "survey-core": "1.12.19",
     "@types/react-dom": "*",
     "@types/react": "*"
   }

package/survey-js-ui.js

@@ -1,6 +1,6 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.17
- * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
+ * surveyjs - Survey JavaScript library v1.12.19
+ * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -110,8 +110,8 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ (function(module, exports, __webpack_require__) {
 
 /*!
- * surveyjs - Survey JavaScript library v1.12.17
- * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
+ * surveyjs - Survey JavaScript library v1.12.19
+ * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -1043,8 +1043,8 @@ 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.17
- * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
+ * surveyjs - Survey JavaScript library v1.12.19
+ * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
 (function webpackUniversalModuleDefinition(root, factory) {
@@ -6560,13 +6560,14 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
         return g("div", null, this.question.readOnlyText);
     };
     SurveyQuestionDropdownBase.prototype.renderSelect = function (cssClasses) {
+        var _this = this;
         var _a, _b;
         var selectElement = null;
         if (this.question.isReadOnly) {
             var text = (this.question.selectedItemLocText) ? this.renderLocString(this.question.selectedItemLocText) : "";
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            selectElement = g("div", { id: this.question.inputId, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, tabIndex: this.question.isDisabledAttr ? undefined : 0, className: this.question.getControlClass() },
+            selectElement = g("div", { id: this.question.inputId, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, tabIndex: this.question.isDisabledAttr ? undefined : 0, className: this.question.getControlClass(), ref: function (div) { return (_this.setControl(div)); } },
                 text,
                 this.renderReadOnlyElement());
         }
@@ -6600,7 +6601,7 @@ var dropdown_base_SurveyQuestionDropdownBase = /** @class */ (function (_super)
         return (g("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            disabled: this.question.isDisabledAttr, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, onFocus: this.focus, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, "aria-expanded": this.question.ariaExpanded, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant },
+            disabled: this.question.isDisabledAttr, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, onFocus: this.focus, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, "aria-expanded": this.question.ariaExpanded, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, ref: function (div) { return (_this.setControl(div)); } },
             dropdownListModel.showHintPrefix ?
                 (g("div", { className: this.question.cssClasses.hintPrefix },
                     g("span", null, dropdownListModel.hintStringPrefix))) : null,
@@ -6789,7 +6790,7 @@ var reactquestion_tagbox_SurveyQuestionTagbox = /** @class */ (function (_super)
         return (g("div", { id: this.question.inputId, className: this.question.getControlClass(), tabIndex: dropdownListModel.noTabIndex ? undefined : 0, 
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
-            disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, "aria-expanded": this.question.ariaExpanded, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant },
+            disabled: this.question.isInputReadOnly, required: this.question.isRequired, onKeyDown: this.keyhandler, onBlur: this.blur, role: this.question.ariaRole, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, "aria-expanded": this.question.ariaExpanded, "aria-controls": dropdownListModel.listElementId, "aria-activedescendant": dropdownListModel.ariaActivedescendant, ref: function (div) { return (_this.setControl(div)); } },
             g("div", { className: this.question.cssClasses.controlValue },
                 items,
                 g(tagbox_filter_TagboxFilterString, { model: dropdownMultiSelectListModel, question: this.question })),
@@ -8493,13 +8494,13 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixTable = /** @class */ (
         var matrixrow = [];
         var cells = row.cells;
         for (var i = 0; i < cells.length; i++) {
-            matrixrow.push(this.renderCell(cells[i], i, cssClasses, reason));
+            matrixrow.push(this.renderCell(cells[i], cssClasses, reason));
         }
         var key = "row" + keyValue;
         return (g(k, { key: key }, (reason == "row-footer") ? g("tr", null, matrixrow) : g(row_MatrixRow, { model: row, parentMatrix: this.question }, matrixrow)));
     };
-    SurveyQuestionMatrixTable.prototype.renderCell = function (cell, index, cssClasses, reason) {
-        var key = "cell" + index;
+    SurveyQuestionMatrixTable.prototype.renderCell = function (cell, cssClasses, reason) {
+        var key = "cell" + cell.id;
         if (cell.hasQuestion) {
             return (g(reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell, { key: key, cssClasses: cssClasses, cell: cell, creator: this.creator, reason: reason }));
         }
@@ -8772,7 +8773,9 @@ var reactquestion_matrixdropdownbase_SurveyQuestionMatrixDropdownCell = /** @cla
     };
     SurveyQuestionMatrixDropdownCell.prototype.renderCellContent = function () {
         var content = _super.prototype.renderCellContent.call(this);
-        var responsiveTitle = this.cell.showResponsiveTitle ? (g("span", { className: this.cell.responsiveTitleCss }, this.renderLocString(this.cell.responsiveLocTitle))) : null;
+        var responsiveTitle = this.cell.showResponsiveTitle ? (g("span", { className: this.cell.responsiveTitleCss },
+            this.renderLocString(this.cell.responsiveLocTitle),
+            g(reactquestion_matrixdropdownbase_SurveyQuestionMatrixHeaderRequired, { column: this.cell.column, question: this.cell.matrix }))) : null;
         return g(k, null,
             responsiveTitle,
             content);
@@ -9572,7 +9575,7 @@ var list_item_ListItem = /** @class */ (function (_super) {
         var className = this.model.getItemClass(this.item);
         var itemContent = this.item.component || this.model.itemComponent;
         var newElement = ReactElementFactory.Instance.createElement(itemContent, { item: this.item, key: this.item.id, model: this.model });
-        var contentWrap = Rn.createElement("div", { style: this.model.getItemStyle(this.item), className: this.model.cssClasses.itemBody, title: this.item.locTitle.calculatedText, onMouseOver: function (event) { _this.model.onItemHover(_this.item); }, onMouseLeave: function (event) { _this.model.onItemLeave(_this.item); } }, newElement);
+        var contentWrap = Rn.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 separator = this.item.needSeparator ? Rn.createElement("div", { className: this.model.cssClasses.itemSeparator }) : null;
         var isVisible = this.model.isItemVisible(this.item);
         var style = {
@@ -10252,7 +10255,7 @@ var imagepicker_SurveyQuestionImagePickerItem = /** @class */ (function (_super)
                 g("div", { className: this.question.cssClasses.itemDecorator },
                     g("div", { className: this.question.cssClasses.imageContainer },
                         !!this.question.cssClasses.checkedItemDecorator ?
-                            g("span", { className: this.question.cssClasses.checkedItemDecorator }, !!this.question.cssClasses.checkedItemSvgIconId ? g(svg_icon_SvgIcon, { size: "auto", className: this.question.cssClasses.checkedItemSvgIcon, iconName: this.question.cssClasses.checkedItemSvgIconId }) : null) : null,
+                            g("span", { className: this.question.cssClasses.checkedItemDecorator, "aria-hidden": "true" }, !!this.question.cssClasses.checkedItemSvgIconId ? g(svg_icon_SvgIcon, { size: "auto", className: this.question.cssClasses.checkedItemSvgIcon, iconName: this.question.cssClasses.checkedItemSvgIconId }) : null) : null,
                         control),
                     text))));
         return renderedItem;
@@ -11484,7 +11487,7 @@ var preact = compat_module_namespaceObject;
 
 
 
-Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.17", "survey-js-ui");
+Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.19", "survey-js-ui");
 
 
 /***/ }),