fleetcor-lwc 3.14.0 → 3.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/README.md +27 -18
  2. package/frontend/components/flt/inputWithPicklist/inputWithPicklist.html +2 -0
  3. package/frontend/components/flt/inputWithPicklist/inputWithPicklist.js +2 -0
  4. package/package.json +1 -1
package/README.md CHANGED
@@ -651,6 +651,8 @@ This component fully extends from `Input Text`
651
651
  min-value="100"
652
652
  max-value="1000"
653
653
  max-length="4000"
654
+ inputmode="text"
655
+ inputType="text"
654
656
  reg-exp="^([0-9]{1,1}||([1-9]{1,1}[0-9]{1,9}))$"
655
657
  error-message="Error message Mounthly Sequrity"
656
658
  options="[{label:'Label 1', value:'val_1'}, {label:'Label 2', value:'val_2'}]"
@@ -662,24 +664,26 @@ This component fully extends from `Input Text`
662
664
 
663
665
  #### Input With Picklist variables
664
666
 
665
- | @api variables | type | values | required | description |
666
- | ------------------------- | ------ | ------ | -------- | --------------------------------------------------------------------------------------------- |
667
- | name | object | | + | in format `{picklist:'value', input:'value'}` |
668
- | label | object | | - | in format `{picklist:'value', input:'value'}` |
669
- | value | object | | - | in format `{picklist:'value', input:'value'}` |
670
- | placeholder | object | | - | in format `{picklist:'value', input:'value'}` |
671
- | error-message | string | | - | |
672
- | required | bool | | - | |
673
- | hide-placeholder-picklist | bool | | - | Hide placeholder on picklist in desktop version and if value is exist |
674
- | disabled | bool | | - | |
675
- | show-dropdown-as-modal | bool | | - | Show modal with selected options |
676
- | modal-dimention-start | int | 1280 | - | If showDropdownAsModal is true, by default modal become visible window width less then 1280px |
677
- | prefix | html | | - | |
678
- | reg-exp | string | | - | |
679
- | max-length | int | | - | |
680
- | min-value | int | | - | |
681
- | options | array | | + | Array of available items with `label` and `value` as unique string |
682
- | max-value | int | | - | |
667
+ | @api variables | type | values | required | description |
668
+ | ------------------------- | ------ | -------------------------------------------------------- | -------- | --------------------------------------------------------------------------------------------- |
669
+ | name | object | | + | in format `{picklist:'value', input:'value'}` |
670
+ | label | object | | - | in format `{picklist:'value', input:'value'}` |
671
+ | value | object | | - | in format `{picklist:'value', input:'value'}` |
672
+ | placeholder | object | | - | in format `{picklist:'value', input:'value'}` |
673
+ | error-message | string | | - | |
674
+ | required | bool | | - | |
675
+ | hide-placeholder-picklist | bool | | - | Hide placeholder on picklist in desktop version and if value is exist |
676
+ | disabled | bool | | - | |
677
+ | show-dropdown-as-modal | bool | | - | Show modal with selected options |
678
+ | modal-dimention-start | int | 1280 | - | If showDropdownAsModal is true, by default modal become visible window width less then 1280px |
679
+ | prefix | html | | - | |
680
+ | reg-exp | string | | - | |
681
+ | input-type | string | `text`,`tel` | - | |
682
+ | inputmode | string | `text`,`tel`,`decimal`, `email`, `none`, `url`, `search` | - | |
683
+ | max-length | int | | - | |
684
+ | min-value | int | | - | |
685
+ | options | array | | + | Array of available items with `label` and `value` as unique string |
686
+ | max-value | int | | - | |
683
687
 
684
688
  #### Input With Picklist methods
685
689
 
@@ -948,6 +952,11 @@ You can override them as you wish by global css variables as priority.
948
952
  <details>
949
953
  <summary>Click to expand/collapse</summary>
950
954
 
955
+ v.3.15.0
956
+
957
+ - Added to `flt-input-with-picklist` api attribute `inputmode` and `input-type`
958
+
959
+ ---
951
960
  v.3.14.0
952
961
 
953
962
  - Added to `flt-input-text`, `flt-input-email`, `flt-input-phone` api attribute `inputmode`
package/frontend/components/flt/inputWithPicklist/inputWithPicklist.html CHANGED
@@ -21,6 +21,8 @@
21
21
  prefix={inputPrefix}
22
22
  label={label.input}
23
23
  value={value.input}
24
+ inputmode={inputmode}
25
+ type={inputType}
24
26
  required={required}
25
27
  disabled={disabled}
26
28
  min-value={minValue}
package/frontend/components/flt/inputWithPicklist/inputWithPicklist.js CHANGED
@@ -14,6 +14,8 @@ export default class InputWithPicklist extends UserDataValidator {
14
14
  @api regExp
15
15
  @api options
16
16
  @api inputPrefix
17
+ @api inputType = 'text'
18
+ @api inputmode = 'text'
17
19
  @api hidePlaceholderPicklist
18
20
  @api showDropdownAsModal
19
21
  @api modalDimentionStart = 1280
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "fleetcor-lwc",
3
- "version": "3.14.0",
3
+ "version": "3.15.0",
4
4
  "description": "LWC framework by Fleetcor",
5
5
  "repository": {
6
6
  "type": "git",