survey-js-ui 2.3.14 → 2.3.16

package/package.json

@@ -1,17 +1,39 @@
 {
   "name": "survey-js-ui",
-  "version": "2.3.14",
-  "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.",
+  "version": "2.3.16",
+  "license": "MIT",
+  "description": "A free MIT-licensed UI component that renders dynamic, interactive JSON-based forms and surveys in apps built with HTML, CSS, and JavaScript. You can use it to collect responses from users and send them to your own database.",
+  "homepage": "https://surveyjs.io/",
+  "author": "DevSoft Baltic OU <info@devsoftbaltic.com>",
   "keywords": [
-    "Survey",
-    "JavaScript",
-    "Bootstrap",
-    "Library",
-    "jquery",
-    "jquery-plugin"
+    "vanilla",
+    "vanilla-js",
+    "survey",
+    "form",
+    "surveyjs",
+    "survey-library",
+    "form-component",
+    "form-rendering",
+    "survey-renderer",
+    "dynamic-form",
+    "interactive-form",
+    "form-library",
+    "form-management",
+    "questionnaire",
+    "data-collection",
+    "data-validation",
+    "form-validation",
+    "input-validation",
+    "ui-component",
+    "json",
+    "json-schema",
+    "schema-form",
+    "survey-renderer",
+    "client-side",
+    "frontend",
+    "javascript",
+    "typescript"
   ],
-  "homepage": "https://surveyjs.io/",
-  "license": "MIT",
   "files": [
     "**/*"
   ],
@@ -31,7 +53,7 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "survey-core": "2.3.14",
+    "survey-core": "2.3.16",
     "@types/react-dom": "*",
     "@types/react": "*"
   }

package/survey-js-ui.js

@@ -1,5 +1,5 @@
 /*!
- * surveyjs - Survey JavaScript library v2.3.14
+ * surveyjs - Survey JavaScript library v2.3.16
  * 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.14
+ * surveyjs - Survey JavaScript library v2.3.16
  * 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.14
+ * surveyjs - Survey JavaScript library v2.3.16
  * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
  * License: MIT (http://www.opensource.org/licenses/mit-license.php)
  */
@@ -9925,15 +9925,18 @@ var SurveyQuestionFile = /** @class */ (function (_super) {
         var video = this.question.isPlayingVideo ? this.renderVideo() : null;
         var fileDecorator = this.question.showFileDecorator ? this.renderFileDecorator() : null;
         var fileNavigator = this.question.fileNavigatorVisible ? (react__WEBPACK_IMPORTED_MODULE_0__.createElement(_components_action_bar_action_bar__WEBPACK_IMPORTED_MODULE_1__.SurveyActionBar, { model: this.question.fileNavigator })) : null;
+        var acceptedTypes = this.question.renderedAcceptedTypes;
+        var className = !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss();
+        var style = this.isDisplayMode ? { color: "transparent" } : {};
         var fileInput;
         if (this.question.isReadOnlyAttr) {
-            fileInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { readOnly: true, type: "file", className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes });
+            fileInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { readOnly: true, type: "file", className: className, id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: style, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: acceptedTypes });
         }
         else if (this.question.isDisabledAttr) {
-            fileInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { disabled: true, type: "file", className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: this.question.acceptedTypes });
+            fileInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { disabled: true, type: "file", className: className, id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: style, multiple: this.question.allowMultiple, placeholder: this.question.title, accept: acceptedTypes });
         }
         else if (this.question.hasFileUI) {
-            fileInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { type: "file", disabled: this.isDisplayMode, tabIndex: -1, className: !this.isDisplayMode ? this.question.cssClasses.fileInput : this.question.getReadOnlyFileCss(), id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: !this.isDisplayMode ? {} : { color: "transparent" }, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, multiple: this.question.allowMultiple, title: this.question.inputTitle, accept: this.question.acceptedTypes, capture: this.question.renderCapture });
+            fileInput = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { type: "file", disabled: this.isDisplayMode, tabIndex: -1, className: className, id: this.question.inputId, ref: function (input) { return (_this.setControl(input)); }, style: style, "aria-required": this.question.ariaRequired, "aria-label": this.question.ariaLabel, "aria-invalid": this.question.ariaInvalid, "aria-errormessage": this.question.ariaErrormessage, multiple: this.question.allowMultiple, title: this.question.inputTitle, accept: acceptedTypes, capture: this.question.renderCapture });
         }
         else {
             fileInput = null;
@@ -12256,15 +12259,15 @@ var SurveyQuestionSlider = /** @class */ (function (_super) {
         return thumb;
     };
     SurveyQuestionSlider.prototype.getInput = function (i) {
-        var _a = this.question, max = _a.renderedMax, min = _a.renderedMin, step = _a.step, cssClasses = _a.cssClasses, isDisabledAttr = _a.isDisabledAttr, renderedValue = _a.renderedValue, handleOnChange = _a.handleOnChange, handlePointerDown = _a.handlePointerDown, handlePointerUp = _a.handlePointerUp, handleKeyDown = _a.handleKeyDown, handleKeyUp = _a.handleKeyUp, handleOnFocus = _a.handleOnFocus, handleOnBlur = _a.handleOnBlur;
+        var _a = this.question, max = _a.renderedMax, min = _a.renderedMin, step = _a.step, cssClasses = _a.cssClasses, isDisabledAttr = _a.isDisabledAttr, renderedValue = _a.renderedValue, handleOnChange = _a.handleOnChange, handlePointerDown = _a.handlePointerDown, handlePointerUp = _a.handlePointerUp, handleKeyDown = _a.handleKeyDown, handleKeyUp = _a.handleKeyUp, handleOnFocus = _a.handleOnFocus, handleOnBlur = _a.handleOnBlur, id = _a.id;
         var value = renderedValue[i];
-        var input = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { className: cssClasses.input, id: "sjs-slider-input-" + i, type: "range", min: min, max: max, step: step, value: value, onChange: function (e) { handleOnChange(e.nativeEvent, i); }, onPointerDown: function (e) { handlePointerDown(e.nativeEvent); }, onPointerUp: function (e) { e.stopPropagation(); handlePointerUp(e.nativeEvent); }, onKeyDown: function (e) { handleKeyDown(e.nativeEvent); }, onKeyUp: function (e) { handleKeyUp(e.nativeEvent); }, onFocus: function () { handleOnFocus(i); }, onBlur: function () { handleOnBlur(); }, disabled: isDisabledAttr, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage });
+        var input = react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { className: cssClasses.input, id: id + "-sjs-slider-input-" + i, type: "range", min: min, max: max, step: step, value: value, onChange: function (e) { handleOnChange(e.nativeEvent, i); }, onPointerDown: function (e) { handlePointerDown(e.nativeEvent); }, onPointerUp: function (e) { e.stopPropagation(); handlePointerUp(e.nativeEvent); }, onKeyDown: function (e) { handleKeyDown(e.nativeEvent); }, onKeyUp: function (e) { handleKeyUp(e.nativeEvent); }, onFocus: function () { handleOnFocus(i); }, onBlur: function () { handleOnBlur(); }, disabled: isDisabledAttr, "aria-required": this.question.a11y_input_ariaRequired, "aria-label": this.question.a11y_input_ariaLabel, "aria-labelledby": this.question.a11y_input_ariaLabelledBy, "aria-describedby": this.question.a11y_input_ariaDescribedBy, "aria-invalid": this.question.a11y_input_ariaInvalid, "aria-errormessage": this.question.a11y_input_ariaErrormessage });
         return input;
     };
     SurveyQuestionSlider.prototype.getRangeInput = function () {
         var _this = this;
-        var _a = this.question, max = _a.renderedMax, min = _a.renderedMin, step = _a.step, cssClasses = _a.cssClasses, handleRangeOnChange = _a.handleRangeOnChange, handleRangePointerDown = _a.handleRangePointerDown, handleRangePointerUp = _a.handleRangePointerUp;
-        return react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { name: "range-input", id: "sjs-slider-input-range-input", ref: this.rangeInputRef, className: cssClasses.input, type: "range", "aria-hidden": "true", min: min, max: max, step: step, tabIndex: -1, onChange: function (e) { handleRangeOnChange(e.nativeEvent); }, onPointerDown: function (e) { e.persist(); handleRangePointerDown(e.nativeEvent, _this.control); }, onPointerUp: function (e) { handleRangePointerUp(e.nativeEvent, _this.control); } });
+        var _a = this.question, max = _a.renderedMax, min = _a.renderedMin, step = _a.step, cssClasses = _a.cssClasses, handleRangeOnChange = _a.handleRangeOnChange, handleRangePointerDown = _a.handleRangePointerDown, handleRangePointerUp = _a.handleRangePointerUp, id = _a.id;
+        return react__WEBPACK_IMPORTED_MODULE_0__.createElement("input", { name: "range-input", id: id + "-sjs-slider-input-range-input", ref: this.rangeInputRef, className: cssClasses.input, type: "range", "aria-hidden": "true", min: min, max: max, step: step, tabIndex: -1, onChange: function (e) { handleRangeOnChange(e.nativeEvent); }, onPointerDown: function (e) { e.persist(); handleRangePointerDown(e.nativeEvent, _this.control); }, onPointerUp: function (e) { handleRangePointerUp(e.nativeEvent, _this.control); } });
     };
     SurveyQuestionSlider.prototype.getLabels = function () {
         var labels = [];
@@ -13764,7 +13767,7 @@ var preact = react__WEBPACK_IMPORTED_MODULE_0__;
 
 
 
-(0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.3.14"), "survey-js-ui");
+(0,survey_core__WEBPACK_IMPORTED_MODULE_2__.checkLibraryVersion)("".concat("2.3.16"), "survey-js-ui");
 
 })();