saasufy-components 3.17.1 → 3.18.0

package/README.md

@@ -566,6 +566,7 @@ This component can be configured to provide its data to multiple components (con
 - `computable-value`: If this attribute is present, it will be possible to execute expressions using the `{{expression}}` syntax inside the `value` attribute.
 - `autocapitalize`: Can be `on` or `off` - It will set the auto-capitalize attribute on the inner input element. This is useful for mobile devices to enable or disable auto-capitalization of the first character which is typed into the input element.
 - `autocorrect`: Can be `on` or `off` - It will set the auto-correct attribute on the inner input element. This is useful for mobile devices to enable or disable auto-correct.
+- `input-props`: Can be used to set additional attributes on the inner `input` element. Must be in the format `attr1=value1,attr2=value2`.
 
 ### input-combiner
 

package/input-provider.js

@@ -1,7 +1,8 @@
 import {
   debouncer,
   renderTemplate,
-  updateConsumerElements
+  updateConsumerElements,
+  convertStringToFieldParams
 } from './utils.js';
 
 const DEFAULT_DEBOUNCE_DELAY = 800;
@@ -24,7 +25,6 @@ class InputProvider extends HTMLElement {
 
   static get observedAttributes() {
     return [
-      'input-id',
       'list',
       'type',
       'placeholder',
@@ -34,7 +34,9 @@ class InputProvider extends HTMLElement {
       'value',
       'height',
       'autocapitalize',
-      'autocorrect'
+      'autocorrect',
+      'input-id',
+      'input-props'
     ];
   }
 
@@ -99,6 +101,7 @@ class InputProvider extends HTMLElement {
     let options = this.getAttribute('options');
     let height = this.getAttribute('height');
     let value = this.getAttribute('value') || '';
+    let inputProps = this.getAttribute('input-props');
 
     let elementType;
     if (type === 'select') {
@@ -140,6 +143,15 @@ class InputProvider extends HTMLElement {
     if (placeholder) {
       this.inputElement.setAttribute('placeholder', placeholder);
     }
+    if (inputProps) {
+      let {
+        fieldNames: attrNames,
+        fieldValues: attrValues
+      } = convertStringToFieldParams(inputProps);
+      for (let attr of attrNames) {
+        this.inputElement.setAttribute(attr, attrValues[attr]);
+      }
+    }
 
     this.appendChild(this.inputElement);
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "saasufy-components",
-  "version": "3.17.1",
+  "version": "3.18.0",
   "description": "Components for Saasufy.",
   "main": "index.js",
   "scripts": {