Release v 1.5.0:

- Have implemented the feature #28
- Have fixed the issue #36

Author: AlexMiniApps

README.md

@@ -1,15 +1,15 @@
-# Code/pincode input component for angular 
+# Code/pincode input component for angular
 
 ![](https://img.shields.io/npm/dm/angular-code-input?color=55aa33)
 ![](https://img.shields.io/github/stars/AlexMiniApps/angular-code-input)
 ![](https://badgen.net/badge/icon/typescript?icon=typescript&label&color=99aabb)
 ![](https://img.shields.io/github/license/AlexMiniApps/angular-code-input?color=00ccbb)
 
-Robust and <b>tested</b> code (number/chars) input component for Angular 7 - 11+ projects.<br />
+Robust and <b>tested</b> code (number/chars) input component for Angular 7 - 12+ projects.<br />
 Ionic 4, 5 + is supported, can be used in iOS and Android.<br />
 <b>Clipboard</b> events are supported.
 
-<img src="https://github.com/AlexMiniApps/angular-code-input/blob/master/star.jpg" alt="Star"/> Star it to inspire us to build the best component!
+<img src="https://github.com/AlexMiniApps/angular-code-input/blob/master/star.jpg" alt="Star"/> Star it to inspire us to build the best component! <img src="https://github.com/AlexMiniApps/angular-code-input/blob/master/star.jpg" alt="Star"/>
 
 Preview
 
@@ -19,7 +19,7 @@ Preview
 
 ## Supported platforms
 
-<b>Angular</b> 7, 8, 9, 10, 11 +<br />
+<b>Angular</b> 7, 8, 9, 10, 11, 12 +<br />
 <b>Ionic</b> 4, 5 +<br />
 Mobile browsers and WebViews on: <b>Android</b> and <b>iOS</b><br />
 Desktop browsers: <b>Chrome, Firefox, Safari, Edge v.79 +</b><br />
@@ -86,7 +86,7 @@ Inside a page script:
 
 #### View
 
-It is possible to configure the component via CSS vars 
+It is possible to configure the component via CSS vars
 <br />or using `::ng-deep` (deprecated) angular CSS selector
 [::ng-deep](https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep)
 
@@ -140,6 +140,7 @@ Example with only bottom borders:
 | <b>`isFocusingOnLastByClickIfFilled`</b> | boolean | false | When `true` and the code is filled then the focus will be moved to the last input element when clicked |
 | <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  |
 
 #### Events
 
@@ -156,12 +157,12 @@ It can be reached as follows.
 Inside the page template HTML add a template ref:
 
 ```html
-  <code-input 
-    ...
-    #codeInput
-    ...
-  >
-  </code-input>
+  <code-input
+        ...
+        #codeInput
+        ...
+>
+</code-input>
 ```
 
 Inside a page script attach the component:

angular-code-input/CHANGELOG.md

@@ -1,3 +1,8 @@
+# 1.5.0 (09.02.2021)
+**Note:** The following changes have been made:
+- Have implemented the feature 'Disabled state' [#28](https://github.com/AlexMiniApps/angular-code-input/issues/28)
+- Have fixed the issue 'Insert code "from messages" doesn't appear on iOS' [#36](https://github.com/AlexMiniApps/angular-code-input/issues/36)
+
 # 1.4.0 (09.02.2021)
 **Note:** The following changes have been made:
 - Have fixed the issue 'initialFocusField not working for 0 as index bug' [#26](https://github.com/AlexMiniApps/angular-code-input/issues/26)

angular-code-input/README.md

@@ -5,11 +5,11 @@
 ![](https://badgen.net/badge/icon/typescript?icon=typescript&label&color=99aabb)
 ![](https://img.shields.io/github/license/AlexMiniApps/angular-code-input?color=00ccbb)
 
-Robust and <b>tested</b> code (number/chars) input component for Angular 7 - 11+ projects.<br />
+Robust and <b>tested</b> code (number/chars) input component for Angular 7 - 12+ projects.<br />
 Ionic 4, 5 + is supported, can be used in iOS and Android.<br />
 <b>Clipboard</b> events are supported.
 
-<img src="https://github.com/AlexMiniApps/angular-code-input/blob/master/star.jpg" alt="Star"/> Star it to inspire us to build the best component!
+<img src="https://github.com/AlexMiniApps/angular-code-input/blob/master/star.jpg" alt="Star"/> Star it to inspire us to build the best component! <img src="https://github.com/AlexMiniApps/angular-code-input/blob/master/star.jpg" alt="Star"/>
 
 Preview
 
@@ -19,7 +19,7 @@ Preview
 
 ## Supported platforms
 
-<b>Angular</b> 7, 8, 9, 10, 11 +<br />
+<b>Angular</b> 7, 8, 9, 10, 11, 12 +<br />
 <b>Ionic</b> 4, 5 +<br />
 Mobile browsers and WebViews on: <b>Android</b> and <b>iOS</b><br />
 Desktop browsers: <b>Chrome, Firefox, Safari, Edge v.79 +</b><br />
@@ -140,6 +140,7 @@ Example with only bottom borders:
 | <b>`isFocusingOnLastByClickIfFilled`</b> | boolean | false | When `true` and the code is filled then the focus will be moved to the last input element when clicked |
 | <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  |
 
 #### Events
 

angular-code-input/package.json

@@ -1,7 +1,7 @@
 {
   "name": "angular-code-input",
-  "version": "1.4.0",
-  "description": "Code or pin code input for Angular 7 - 11+ / Ionic 4, 5 + projects",
+  "version": "1.5.0",
+  "description": "Code or pin code input for Angular 7 - 12 + / Ionic 4, 5 + projects",
   "keywords": ["angular", "pincode", "angular-pincode",  "otp", "code-input", "angular-otp", "ionic-otp", "ionic-code-input", "ionic-pincode"],
   "author": "Alexander Dmitrenko",
   "license": "MIT",