removed char plus added char should yield neutral char

Author: bersling

package.json

@@ -7,7 +7,9 @@
     "build": "ng build",
     "test": "ng test",
     "lint": "ng lint",
-    "e2e": "ng e2e"
+    "e2e": "ng e2e",
+    "build-keyboard": "ng build angular-keyboard",
+    "watch-keyboard": "ng build angular-keyboard --watch"
   },
   "private": true,
   "dependencies": {

projects/angular-keyboard/README.md

@@ -57,23 +57,17 @@ It's not an easy task to build this lib, so there are some pending issues we're
 
 This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.1.3.
 
-## Code scaffolding
 
-Run `ng generate component component-name --project angular-keyboard` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project angular-keyboard`.
-> Note: Don't forget to add `--project angular-keyboard` or else it will be added to the default project in your `angular.json` file. 
+## Development
 
-## Build
+Run `ng build angular-keyboard --watch` from the repository root, then run `npm start`. That way you can test the behaviour of your library easily.
 
-Update the package version in the `package.json` in this folder. Run `ng build angular-keyboard` to build the project. The build artifacts will be stored in the `dist/` directory.
+## Build and Publish
 
-## Publishing
+Update the package version in the `package.json` in this folder. Run `ng build angular-keyboard` to build the project. The build artifacts will be stored in the `dist/` directory.
 
-After building your library with `ng build angular-keyboard`, go to the dist folder `cd dist/angular-keyboard` and run `npm publish`.
+After building your library, go to the dist folder `cd dist/angular-keyboard` and run `npm publish`.
 
 ## Running unit tests
 
 Run `ng test angular-keyboard` to execute the unit tests via [Karma](https://karma-runner.github.io).
-
-## Further help
-
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

projects/angular-keyboard/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taskbase/angular-keyboard",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "peerDependencies": {
     "@angular/common": "^8.1.3",
     "@angular/core": "^8.1.3"

projects/angular-keyboard/src/lib/fake-input/fake-input.component.ts

@@ -147,8 +147,8 @@ export class FakeInputComponent implements OnInit, OnDestroy {
       if (action instanceof Function) {
         action();
       } else {
-        const isChar = next.length === 1; // could also be unhandlet command like shift, so we need to check here.
-        if (next.length === 1) {
+        const isChar = next.length === 1; // could also be unhandled command like shift, so we need to check here.
+        if (isChar) {
           this.insertChar(next);
         }
       }
@@ -185,40 +185,62 @@ export class FakeInputComponent implements OnInit, OnDestroy {
       newChar,
       ...this.chars.slice(this.cursorPos, this.chars.length)
     ];
-    this.cursor = {
-      index: this.cursorPos,
-      side: Side.RIGHT
-    };
 
-    this.cleanSuggestions();
+    this.cleanSuggestionsAndMoveCursor();
   }
 
-  cleanSuggestions() {
+  cleanSuggestionsAndMoveCursor() {
+    let moveCursor = true;
     if (this.suggestionMode) {
       const updatedChars = [];
       // tslint:disable-next-line
       for (let i = 0; i < this.chars.length; i++) {
         const char = this.chars[i];
         const nextChar = this.chars[i + 1];
+        const previousChar = this.chars[i - 1];
         if (
           char.charState === CharState.ADDED &&
           nextChar != null && nextChar.charState === CharState.REMOVED &&
           char.char === nextChar.char
         ) {
-          // this and the next char should be removed.
+
+          // ADDED + REMOVED == normal char
           updatedChars.push({
             ...char,
             charState: null
           });
 
           // Skip the next index.
           i = i + 1;
+        } else if (
+          char.charState === CharState.ADDED &&
+          previousChar != null && previousChar.charState === CharState.REMOVED &&
+          char.char === previousChar.char
+        ) {
+
+          // remove the "REMOVED" char
+          updatedChars.pop();
+
+          // REMOVED + ADDED == normal char
+          updatedChars.push({
+            ...char,
+            charState: null
+          });
+
+          moveCursor = false;
+
         } else {
           updatedChars.push(char);
         }
       }
       this.chars = updatedChars;
     }
+    if (moveCursor === true) {
+      this.cursor = {
+        index: this.cursorPos,
+        side: Side.RIGHT
+      };
+    }
   }
 
   deleteChar(charIndex: number) {