Implemented #28 - Disabled state

Author: AlexMiniApps

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

@@ -11,6 +11,7 @@ export interface CodeInputComponentConfig {
   isPrevFocusableAfterClearing?: boolean;
   isFocusingOnLastByClickIfFilled?: boolean;
   code?: string | number;
+  disabled?: boolean;
 }
 
 export const defaultComponentConfig: CodeInputComponentConfig = {
@@ -21,5 +22,6 @@ export const defaultComponentConfig: CodeInputComponentConfig = {
   isCodeHidden: false,
   isPrevFocusableAfterClearing: true,
   isFocusingOnLastByClickIfFilled: false,
-  code: undefined
+  code: undefined,
+  disabled: false
 };

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

@@ -5,5 +5,6 @@
          (paste)="onPaste($event, i)"
          (input)="onInput($event, i)"
          (keydown)="onKeydown($event, i)"
-         [type]="inputType"/>
+         [type]="inputType"
+         [disabled]="disabled"/>
 </span>

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

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