survey-js-ui 1.12.12 → 1.12.13

package/package.json

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

package/survey-js-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v1.12.12
+ * surveyjs - Survey JavaScript library v1.12.13
  * Copyright (c) 2015-2024 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.12
+ * surveyjs - Survey JavaScript library v1.12.13
  * Copyright (c) 2015-2024 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.12
+ * surveyjs - Survey JavaScript library v1.12.13
  * Copyright (c) 2015-2024 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -3722,7 +3722,7 @@ var title_element_TitleElement = /** @class */ (function (_super) {
         if (!this.element.getCssTitleExpandableSvg())
             return null;
         var iconName = this.element.isExpanded ? "icon-collapse-16x16" : "icon-expand-16x16";
-        return xn.createElement(svg_icon_SvgIcon, { className: this.element.getCssTitleExpandableSvg(), iconName: iconName, size: 16 });
+        return xn.createElement(svg_icon_SvgIcon, { className: this.element.getCssTitleExpandableSvg(), iconName: iconName, size: "auto" });
     };
     TitleElement.prototype.render = function () {
         var element = this.element;
@@ -3834,6 +3834,7 @@ var text_area_TextAreaComponent = /** @class */ (function (_super) {
     function TextAreaComponent(props) {
         var _this = _super.call(this, props) || this;
         _this.initialValue = _this.viewModel.getTextValue() || "";
+        _this.textareaRef = xn.createRef();
         return _this;
     }
     Object.defineProperty(TextAreaComponent.prototype, "viewModel", {
@@ -3846,9 +3847,20 @@ var text_area_TextAreaComponent = /** @class */ (function (_super) {
     TextAreaComponent.prototype.canRender = function () {
         return !!this.viewModel.question;
     };
+    TextAreaComponent.prototype.componentDidMount = function () {
+        _super.prototype.componentDidMount.call(this);
+        var el = this.textareaRef.current;
+        if (!!el) {
+            this.viewModel.setElement(el);
+        }
+    };
+    TextAreaComponent.prototype.componentWillUnmount = function () {
+        _super.prototype.componentWillUnmount.call(this);
+        this.viewModel.resetElement();
+    };
     TextAreaComponent.prototype.renderElement = function () {
         var _this = this;
-        return (xn.createElement("textarea", { id: this.viewModel.id, className: this.viewModel.className, ref: function (textarea) { return (_this.viewModel.setElement(textarea)); }, disabled: this.viewModel.isDisabledAttr, readOnly: this.viewModel.isReadOnlyAttr, rows: this.viewModel.rows, cols: this.viewModel.cols, placeholder: this.viewModel.placeholder, maxLength: this.viewModel.maxLength, defaultValue: this.initialValue, onChange: function (event) { _this.viewModel.onTextAreaInput(event); }, onFocus: function (event) { _this.viewModel.onTextAreaFocus(event); }, onBlur: function (event) { _this.viewModel.onTextAreaBlur(event); }, onKeyDown: function (event) { _this.viewModel.onTextAreaKeyDown(event); }, "aria-required": this.viewModel.ariaRequired, "aria-label": this.viewModel.ariaLabel, "aria-labelledby": this.viewModel.ariaLabelledBy, "aria-describedby": this.viewModel.ariaDescribedBy, "aria-invalid": this.viewModel.ariaInvalid, "aria-errormessage": this.viewModel.ariaErrormessage, style: { resize: this.viewModel.question.resizeStyle } }));
+        return (xn.createElement("textarea", { id: this.viewModel.id, className: this.viewModel.className, ref: this.textareaRef, disabled: this.viewModel.isDisabledAttr, readOnly: this.viewModel.isReadOnlyAttr, rows: this.viewModel.rows, cols: this.viewModel.cols, placeholder: this.viewModel.placeholder, maxLength: this.viewModel.maxLength, defaultValue: this.initialValue, onChange: function (event) { _this.viewModel.onTextAreaInput(event); }, onFocus: function (event) { _this.viewModel.onTextAreaFocus(event); }, onBlur: function (event) { _this.viewModel.onTextAreaBlur(event); }, onKeyDown: function (event) { _this.viewModel.onTextAreaKeyDown(event); }, "aria-required": this.viewModel.ariaRequired, "aria-label": this.viewModel.ariaLabel, "aria-labelledby": this.viewModel.ariaLabelledBy, "aria-describedby": this.viewModel.ariaDescribedBy, "aria-invalid": this.viewModel.ariaInvalid, "aria-errormessage": this.viewModel.ariaErrormessage, style: { resize: this.viewModel.question.resizeStyle } }));
     };
     return TextAreaComponent;
 }(reactquestion_element_SurveyElementBase));
@@ -11481,7 +11493,7 @@ var preact = compat_module_namespaceObject;
 
 
 
-Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.12", "survey-js-ui");
+Object(external_root_Survey_commonjs2_survey_core_commonjs_survey_core_amd_survey_core_["checkLibraryVersion"])("" + "1.12.13", "survey-js-ui");
 
 
 /***/ }),