release: v6.0.0

Author: kimljj

README.md

@@ -20,6 +20,7 @@ This library supports Angular 7+. Please check the Version compatibility below t
 |      3.x     |  10.x   |
 |      4.x     |  11.x   |
 |      5.x     |  12.x   |
+|      6.x     |  13.x   |
 
 ## Installation
 
@@ -83,10 +84,10 @@ export class Module {
       <div *ngIf="iban.invalid && (iban.dirty || iban.touched)"
            class="alert alert-danger">
 
-        <div *ngIf="iban.errors.required">
+        <div *ngIf="iban.errors.['required']">
           IBAN is required.
         </div>
-        <div *ngIf="iban.errors.iban">
+        <div *ngIf="iban.errors.['iban']">
           IBAN is invalid
         </div>
 
@@ -128,10 +129,10 @@ export class Module {
     <div *ngIf="ibanReactive.invalid && (ibanReactive.dirty || ibanReactive.touched)"
          class="alert alert-danger">
 
-      <div *ngIf="ibanReactive.errors.required">
+      <div *ngIf="ibanReactive.errors.['required']">
         IBAN is required.
       </div>
-      <div *ngIf="ibanReactive.errors.iban">
+      <div *ngIf="ibanReactive.errors.['iban']">
         IBAN is invalid
       </div>
 
@@ -195,6 +196,6 @@ Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`.
 
 ## License
 
-Copyright (c) 2018 fundsaccess AG. Licensed under the MIT License (MIT)
+Copyright (c) 2018 - 2021 fundsaccess AG. Licensed under the MIT License (MIT)
 
 

projects/angular-iban/README.md

@@ -20,7 +20,7 @@ This library supports Angular 7+. Please check the Version compatibility below t
 |      3.x     |  10.x   |
 |      4.x     |  11.x   |
 |      5.x     |  12.x   |
-
+|      6.x     |  13.x   |
 
 ## Installation
 
@@ -84,10 +84,10 @@ export class Module {
       <div *ngIf="iban.invalid && (iban.dirty || iban.touched)"
            class="alert alert-danger">
 
-        <div *ngIf="iban.errors.required">
+        <div *ngIf="iban.errors.['required']">
           IBAN is required.
         </div>
-        <div *ngIf="iban.errors.iban">
+        <div *ngIf="iban.errors.['iban']">
           IBAN is invalid
         </div>
 
@@ -129,10 +129,10 @@ export class Module {
     <div *ngIf="ibanReactive.invalid && (ibanReactive.dirty || ibanReactive.touched)"
          class="alert alert-danger">
 
-      <div *ngIf="ibanReactive.errors.required">
+      <div *ngIf="ibanReactive.errors.['required']">
         IBAN is required.
       </div>
-      <div *ngIf="ibanReactive.errors.iban">
+      <div *ngIf="ibanReactive.errors.['iban']">
         IBAN is invalid
       </div>
 
@@ -196,6 +196,6 @@ Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`.
 
 ## License
 
-Copyright (c) 2018 fundsaccess AG. Licensed under the MIT License (MIT)
+Copyright (c) 2018 - 2021 fundsaccess AG. Licensed under the MIT License (MIT)
 
 

projects/angular-iban/package.json

@@ -1,6 +1,6 @@
 {
   "name": "angular-iban",
-  "version": "5.0.0",
+  "version": "6.0.0",
   "description": "Angular directives and pipes for IBAN",
   "author": "fundsaccess AG",
   "repository": {
@@ -16,12 +16,12 @@
     "typescript"
   ],
   "peerDependencies": {
-    "@angular/common": "^12.x",
-    "@angular/core": "^12.x",
+    "@angular/common": "^13.x",
+    "@angular/core": "^13.x",
     "iban": "0.0.14"
   },
   "license": "MIT",
   "dependencies": {
-    "tslib": "^2.0.0"
+    "tslib": "^2.3.0"
   }
 }

src/app/app.component.html

@@ -330,10 +330,10 @@ <h2>IBAN Validator with template driven form: </h2>
         <div *ngIf="iban.invalid && (iban.dirty || iban.touched)"
              class="alert alert-danger">
 
-          <div *ngIf="iban.errors?.required">
+          <div *ngIf="iban.errors?.['required']">
             IBAN is required.
           </div>
-          <div *ngIf="iban.errors?.iban">
+          <div *ngIf="iban.errors?.['iban']">
             IBAN is invalid
           </div>
 
@@ -358,10 +358,10 @@ <h2>IBAN Validator with reactive form: </h2>
       <div *ngIf="ibanReactive.invalid && (ibanReactive.dirty || ibanReactive.touched)"
            class="alert alert-danger">
 
-        <div *ngIf="ibanReactive.errors?.required">
+        <div *ngIf="ibanReactive.errors?.['required']">
           IBAN is required.
         </div>
-        <div *ngIf="ibanReactive.errors?.iban">
+        <div *ngIf="ibanReactive.errors?.['iban']">
           IBAN is invalid
         </div>