Added the autocapitalize attribute support

Author: AlexMiniApps

README.md

@@ -141,6 +141,7 @@ Example with only bottom borders:
 | <b>`initialFocusField`</b> | number | - | The index of the input box for initial focusing. When the component will appear the focus will be placed on the input with this index. <br/> Note: If you need to dynamically hide the component it is needed to use <b>*ngIf</b> directive instead of the `[hidden]` attribute |
 | <b>`code`</b> | string / number | - | The input code value for the component. If the parameter contains non digits chars and `isCharsCode` is `false` the value will be <b>ignored</b> |
 | <b>`disabled`</b> | boolean | false | When `true` then the component will not handle user actions, like in regular html input element with the `disabled` attribute  |
+| <b>`autocapitalize`</b> | string | - | The autocapitalize attribute is an enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user  |
 
 #### Events
 

angular-code-input/README.md

@@ -141,6 +141,7 @@ Example with only bottom borders:
 | <b>`initialFocusField`</b> | number | - | The index of the input box for initial focusing. When the component will appear the focus will be placed on the input with this index. <br/> Note: If you need to dynamically hide the component it is needed to use <b>*ngIf</b> directive instead of the `[hidden]` attribute |
 | <b>`code`</b> | string / number | - | The input code value for the component. If the parameter contains non digits chars and `isCharsCode` is `false` the value will be <b>ignored</b> |
 | <b>`disabled`</b> | boolean | false | When `true` then the component will not handle user actions, like in regular html input element with the `disabled` attribute  |
+| <b>`autocapitalize`</b> | string | - | The autocapitalize attribute is an enumerated attribute that controls whether and how text input is automatically capitalized as it is entered/edited by the user  |
 
 #### Events
 

angular-code-input/src/lib/code-input.component.config.ts

@@ -12,6 +12,7 @@ export interface CodeInputComponentConfig {
   isFocusingOnLastByClickIfFilled?: boolean;
   code?: string | number;
   disabled?: boolean;
+  autocapitalize?: string;
 }
 
 export const defaultComponentConfig: CodeInputComponentConfig = {
@@ -23,5 +24,6 @@ export const defaultComponentConfig: CodeInputComponentConfig = {
   isPrevFocusableAfterClearing: true,
   isFocusingOnLastByClickIfFilled: false,
   code: undefined,
-  disabled: false
+  disabled: false,
+  autocapitalize: undefined
 };

angular-code-input/src/lib/code-input.component.html

@@ -7,5 +7,6 @@
          (keydown)="onKeydown($event, i)"
          [type]="inputType"
          [disabled]="disabled"
+         [attr.autocapitalize]="autocapitalize"
          autocomplete="one-time-code"/>
 </span>

angular-code-input/src/lib/code-input.component.ts

@@ -46,6 +46,7 @@ export class CodeInputComponent implements AfterViewInit, OnInit, OnChanges, Aft
   @Input() isFocusingOnLastByClickIfFilled !: boolean;
   @Input() code ?: string | number;
   @Input() disabled !: boolean;
+  @Input() autocapitalize ?: string;
 
   @Output() readonly codeChanged = new EventEmitter<string>();
   @Output() readonly codeCompleted = new EventEmitter<string>();