fleetcor-lwc 3.13.5 → 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 (9) hide show
  1. package/README.md +50 -34
  2. package/frontend/components/flt/icon/icon.scss +2 -4
  3. package/frontend/components/flt/inputEmail/inputEmail.js +1 -0
  4. package/frontend/components/flt/inputPhone/inputPhone.html +1 -0
  5. package/frontend/components/flt/inputText/inputText.html +1 -0
  6. package/frontend/components/flt/inputText/inputText.js +1 -0
  7. package/frontend/components/flt/inputWithPicklist/inputWithPicklist.html +2 -0
  8. package/frontend/components/flt/inputWithPicklist/inputWithPicklist.js +2 -0
  9. package/package.json +1 -1
package/README.md CHANGED
@@ -529,22 +529,23 @@ Add / update `lwc.config.json` file in your project
529
529
 
530
530
  #### Input Text variables
531
531
 
532
- | @api variables | type | values | required | description |
533
- | ------------------ | ------ | ------------ | -------- | ----------- |
534
- | name | string | | + | |
535
- | label | string | | - | |
536
- | value | string | | - | |
537
- | error-message | string | | - | |
538
- | required | bool | | - | |
539
- | disabled | bool | | - | |
540
- | placeholde-visible | bool | | - | |
541
- | prefix | html | | - | |
542
- | reg-exp | string | | - | |
543
- | placeholder | string | | - | |
544
- | max-length | int | | - | |
545
- | min-value | int | | - | |
546
- | max-value | int | | - | |
547
- | type | string | `text`,`tel` | - | |
532
+ | @api variables | type | values | required | description |
533
+ | ------------------ | ------ | -------------------------------------------------------- | -------- | ----------- |
534
+ | name | string | | + | |
535
+ | label | string | | - | |
536
+ | value | string | | - | |
537
+ | error-message | string | | - | |
538
+ | required | bool | | - | |
539
+ | disabled | bool | | - | |
540
+ | placeholde-visible | bool | | - | |
541
+ | prefix | html | | - | |
542
+ | reg-exp | string | | - | |
543
+ | placeholder | string | | - | |
544
+ | max-length | int | | - | |
545
+ | min-value | int | | - | |
546
+ | max-value | int | | - | |
547
+ | type | string | `text`,`tel` | - | |
548
+ | inputmode | string | `text`,`tel`,`decimal`, `email`, `none`, `url`, `search` | - | |
548
549
 
549
550
  #### Input Text methods
550
551
 
@@ -650,6 +651,8 @@ This component fully extends from `Input Text`
650
651
  min-value="100"
651
652
  max-value="1000"
652
653
  max-length="4000"
654
+ inputmode="text"
655
+ inputType="text"
653
656
  reg-exp="^([0-9]{1,1}||([1-9]{1,1}[0-9]{1,9}))$"
654
657
  error-message="Error message Mounthly Sequrity"
655
658
  options="[{label:'Label 1', value:'val_1'}, {label:'Label 2', value:'val_2'}]"
@@ -661,24 +664,26 @@ This component fully extends from `Input Text`
661
664
 
662
665
  #### Input With Picklist variables
663
666
 
664
- | @api variables | type | values | required | description |
665
- | ------------------------- | ------ | ------ | -------- | --------------------------------------------------------------------------------------------- |
666
- | name | object | | + | in format `{picklist:'value', input:'value'}` |
667
- | label | object | | - | in format `{picklist:'value', input:'value'}` |
668
- | value | object | | - | in format `{picklist:'value', input:'value'}` |
669
- | placeholder | object | | - | in format `{picklist:'value', input:'value'}` |
670
- | error-message | string | | - | |
671
- | required | bool | | - | |
672
- | hide-placeholder-picklist | bool | | - | Hide placeholder on picklist in desktop version and if value is exist |
673
- | disabled | bool | | - | |
674
- | show-dropdown-as-modal | bool | | - | Show modal with selected options |
675
- | modal-dimention-start | int | 1280 | - | If showDropdownAsModal is true, by default modal become visible window width less then 1280px |
676
- | prefix | html | | - | |
677
- | reg-exp | string | | - | |
678
- | max-length | int | | - | |
679
- | min-value | int | | - | |
680
- | options | array | | + | Array of available items with `label` and `value` as unique string |
681
- | 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 | | - | |
682
687
 
683
688
  #### Input With Picklist methods
684
689
 
@@ -947,6 +952,17 @@ You can override them as you wish by global css variables as priority.
947
952
  <details>
948
953
  <summary>Click to expand/collapse</summary>
949
954
 
955
+ v.3.15.0
956
+
957
+ - Added to `flt-input-with-picklist` api attribute `inputmode` and `input-type`
958
+
959
+ ---
960
+ v.3.14.0
961
+
962
+ - Added to `flt-input-text`, `flt-input-email`, `flt-input-phone` api attribute `inputmode`
963
+
964
+ ---
965
+
950
966
  v.3.13.5
951
967
 
952
968
  - Update `flt-input-phone` component
package/frontend/components/flt/icon/icon.scss CHANGED
@@ -1,15 +1,13 @@
1
- $FLT_ICON_COLOR: var(--flt-icon-color, #111827);
2
-
3
1
  .flt-icon {
4
2
  width: 24px;
5
3
  height: 24px;
6
4
  display: inline-flex;
7
5
 
8
6
  &__prop-stroke {
9
- stroke: $FLT_ICON_COLOR;
7
+ stroke: var(--flt-icon-color, #111827);
10
8
  }
11
9
 
12
10
  &__prop-fill {
13
- fill: $FLT_ICON_COLOR;
11
+ fill: var(--flt-icon-color, #111827);
14
12
  }
15
13
  }
package/frontend/components/flt/inputEmail/inputEmail.js CHANGED
@@ -5,4 +5,5 @@ export default class InputEmail extends InputText {
5
5
  required = true
6
6
  regExp = '^\\w+([.-]\\w+)*@\\w+([.-]\\w+)*(\\.\\w{2,7})+$'
7
7
  @api type = 'email'
8
+ @api inputmode = 'email'
8
9
  }
package/frontend/components/flt/inputPhone/inputPhone.html CHANGED
@@ -16,6 +16,7 @@
16
16
  <flt-input-text
17
17
  class="flt-input-phone__number"
18
18
  prefix={prefix}
19
+ inputmode="tel"
19
20
  disabled={disabled}
20
21
  onfocus={handleFocus}
21
22
  onblur={handleBlur}
package/frontend/components/flt/inputText/inputText.html CHANGED
@@ -11,6 +11,7 @@
11
11
  class="flt-input-text__input"
12
12
  maxlength={maxLength}
13
13
  type={type}
14
+ inputmode={inputmode}
14
15
  disabled={disabled}
15
16
  value={displayValue}
16
17
  oninput={handleInput}
package/frontend/components/flt/inputText/inputText.js CHANGED
@@ -7,6 +7,7 @@ export default class InputText extends InputElement {
7
7
  touched
8
8
  @api prefix
9
9
  @api type = 'text'
10
+ @api inputmode = 'text'
10
11
  @api placeholderVisible
11
12
  @api errorMessage
12
13
 
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.13.5",
3
+ "version": "3.15.0",
4
4
  "description": "LWC framework by Fleetcor",
5
5
  "repository": {
6
6
  "type": "git",