change some more names

Author: bersling

projects/angular-keyboard/README.md

@@ -3,7 +3,7 @@
 ## Installation
 
 1. npm install `@taskbase/angular-keyboard`
-2. Add `import {AngularKeyboard} from '@taskbase/angular-keyboard'` to your AppModule
+2. Add `import {AngularKeyboardModule} from '@taskbase/angular-keyboard'` to your AppModule
 3. Configure the angular-keyboard in the module imports, something like this:
 ```
     AngularKeyboardModule.forRoot({
@@ -32,6 +32,9 @@
 ```
 4. Wrap the whole app content in `app.component.html` with `<tb-keyboard-container>...</tb-keyboard-container>`
 
+5. Add `<tb-input (text)="onTextChange($event)">
+    </tb-input>`
+
 Note: If you only need the feature on some specific pages, you can also only load it there. Just make sure that the whole page content is wrapped.
 
 

projects/angular-keyboard/package.json

@@ -1,8 +1,8 @@
 {
-  "name": "angular-keyboard",
+  "name": "@taskbase/angular-keyboard",
   "version": "0.0.1",
   "peerDependencies": {
     "@angular/common": "^8.1.3",
     "@angular/core": "^8.1.3"
   }
-}
+}

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

@@ -5,7 +5,7 @@ import {KEYBOARD_CONFIG} from '../../constants';
 import {AngularKeyboardModuleConfig} from '../../angular-keyboard.module';
 
 @Component({
-  selector: 'app-fake-char',
+  selector: 'tb-fake-char',
   templateUrl: './fake-char.component.html',
   styleUrls: ['./fake-char.component.scss'],
   changeDetection: ChangeDetectionStrategy.OnPush

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

@@ -3,10 +3,10 @@
      #wrapper
      (click)="onClickInputField($event)">
   <ng-container *ngFor="let char of chars; let idx = index">
-    <app-fake-char #fakechar
+    <tb-fake-char #fakechar
                    (clickLeft)="onClickCharLeft(char, idx)"
                    (clickRight)="onClickCharRight(char, idx)"
                    [char]="char"
-                   [cursor]="getCursor(idx)"></app-fake-char>
+                   [cursor]="getCursor(idx)"></tb-fake-char>
   </ng-container>
 </div>

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

@@ -32,7 +32,7 @@ interface Cursor {
 }
 
 @Component({
-  selector: 'app-fake-input',
+  selector: 'tb-input',
   templateUrl: './fake-input.component.html',
   styleUrls: ['./fake-input.component.scss']
 })

src/app/keyboard-demo/keyboard-demo/keyboard-demo.component.html

@@ -6,17 +6,17 @@ <h1>Keyboard Demo</h1>
     Click into the input field to open the keyboard.
   </p>
   <div style="width: 500px; max-width: 100%; margin: 0 auto;">
-    <app-fake-input (text)="onTextChange($event)">
-    </app-fake-input>
+    <tb-input (text)="onTextChange($event)">
+    </tb-input>
   </div>
 
   <p>
     Here's a second input field with suggestion mode turned on.
   </p>
   <div style="width: 400px; max-width: 100%; margin: 0 auto;">
-    <app-fake-input [suggestionMode]="true"
+    <tb-input [suggestionMode]="true"
                     (text)="onTextChange($event)">
-    </app-fake-input>
+    </tb-input>
   </div>
 
   <p>