rename directive

README.md

@@ -16,7 +16,7 @@ Include JQuery in your `angular.json` file
 
 Install package
 ```
-npm i @smplfrs/smpl-select2
+npm i @smplfrs/angular-select2
 ```
 
 Include default styles in your `angular.json` file

projects/smpl-select2/README.md

@@ -16,7 +16,7 @@ Include JQuery in your `angular.json` file
 
 Install package
 ```
-npm i @smplfrs/smpl-select2
+npm i @smplfrs/angular-select2
 ```
 
 Include default styles in your `angular.json` file

projects/smpl-select2/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smplfrs/angular-select2",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/smplfrs/angular-select2.git"

projects/smpl-select2/src/lib/smpl-select2.directive.ts

@@ -6,7 +6,7 @@ import $ from 'jquery';
 import 'select2';
 
 @Directive({
-  selector: '[smpl-select2]',
+  selector: '[smplSelect2]',
   providers: [
     {
       provide: NG_VALUE_ACCESSOR,
@@ -17,7 +17,7 @@ import 'select2';
 })
 export class SmplSelect2Directive implements ControlValueAccessor, OnInit, OnChanges, OnDestroy {
 
-  @Input('smpl-select2') configOptions: Select2Config;
+  @Input('smplSelect2') configOptions: Select2Config;
 
   @Input('static') staticOptionData: boolean = false;
 

src/app/app.component.html

@@ -1,14 +1,14 @@
 <h5>Static options</h5>
-<select smpl-select2 [static]="true" style="width: 200px;" (select)="selectOption($event)">
+<select smplSelect2 [static]="true" style="width: 200px;" (select)="selectOption($event)">
   <option value="1">Option 1</option>
   <option value="2">Option 2</option>
   <option value="3">Option 3</option>
 </select>
 
 <h5>Dynamic data</h5>
-<select smpl-select2 [dataSource]="simpleDataSource" valueProperty="value" displayProperty="title" style="width: 200px;"
+<select smplSelect2 [dataSource]="simpleDataSource" valueProperty="value" displayProperty="title" style="width: 200px;"
   (select)="selectOption($event)"></select>
 
 <h5>Async data source</h5>
-<select smpl-select2 [dataSource]="asyncDataSource" placeholder="Type something..." style="width: 200px;"
+<select smplSelect2 [dataSource]="asyncDataSource" placeholder="Type something..." style="width: 200px;"
   (select)="selectOption($event)"></select>