Extend value-accessors selectors

Author: vakrilov

nativescript-angular/value-accessors/checked-value-accessor.ts

@@ -16,7 +16,7 @@ const CHECKED_VALUE_ACCESSOR = {provide: NG_VALUE_ACCESSOR, useExisting: forward
  *  ```
  */
 @Directive({
-    selector: 'Switch[ngModel]',
+    selector: 'Switch[ngModel], switch[ngModel]',
     host: { '(checkedChange)': 'onChange($event.value)' },
     providers: [CHECKED_VALUE_ACCESSOR]
 })

nativescript-angular/value-accessors/date-value-accessor.ts

@@ -16,7 +16,7 @@ const DATE_VALUE_ACCESSOR = {provide: NG_VALUE_ACCESSOR, useExisting: forwardRef
  *  ```
  */
 @Directive({
-    selector: 'DatePicker[ngModel]',
+    selector: 'DatePicker[ngModel], datePicker[ngModel], date-picker[ngModel]',
     host: { '(dateChange)': 'onChange($event.value)' },
     providers: [DATE_VALUE_ACCESSOR]
 })

nativescript-angular/value-accessors/number-value-accessor.ts

@@ -16,7 +16,7 @@ const NUMBER_VALUE_ACCESSOR = {provide: NG_VALUE_ACCESSOR, useExisting: forwardR
  *  ```
  */
 @Directive({
-    selector: 'Slider[ngModel]',
+    selector: 'Slider[ngModel], slider[ngModel]',
     host: { '(valueChange)': 'onChange($event.value)' },
     providers: [NUMBER_VALUE_ACCESSOR]
 })

nativescript-angular/value-accessors/selectedIndex-value-accessor.ts

@@ -19,7 +19,7 @@ export type SelectableView = {selectedIndex: number} & View;
  *  ```
  */
 @Directive({
-    selector: 'SegmentedBar[ngModel], ListPicker[ngModel], TabView[ngModel]',
+    selector: 'SegmentedBar[ngModel], segmentedBar[ngModel], segmented-bar[ngModel], ListPicker[ngModel], listPicker[ngModel], list-picker[ngModel], TabView[ngModel] tabView[ngModel], tab-view[ngModel]',
     host: { '(selectedIndexChange)': 'onChange($event.value)' },
     providers: [SELECTED_INDEX_VALUE_ACCESSOR]
 })

nativescript-angular/value-accessors/text-value-accessor.ts

@@ -18,7 +18,7 @@ export type TextView = {text: string} & View;
  *  ```
  */
 @Directive({
-    selector: 'TextField[ngModel], TextView[ngModel], SearchBar[ngModel]',
+    selector: 'TextField[ngModel], textField[ngModel], text-field[ngModel], TextView[ngModel], textView[ngModel], text-view[ngModel], SearchBar[ngModel], search-bar[ngModel], searchBar[ngModel]',
     host: { '(textChange)': 'onChange($event.value)' },
     providers: [TEXT_VALUE_ACCESSOR]
 })

nativescript-angular/value-accessors/time-value-accessor.ts

@@ -16,7 +16,7 @@ const TIME_VALUE_ACCESSOR = {provide: NG_VALUE_ACCESSOR, useExisting: forwardRef
  *  ```
  */
 @Directive({
-    selector: 'TimePicker[ngModel]',
+    selector: 'TimePicker[ngModel], timePicker[ngModel], time-picker[ngModel]',
     host: { '(timeChange)': 'onChange($event.value)' },
     providers: [TIME_VALUE_ACCESSOR]
 })

ng-sample/app/examples/renderer-test.html

@@ -2,6 +2,7 @@
     <Label [text]='model.mydate | date:"fullDate"' [ngStyle]="{'background-color': 'lime'}"></Label>
     <Progress value="50" style="color: red"></Progress>
     <SearchBar [(ngModel)]='model.search'></SearchBar>
+    <search-bar [(ngModel)]='model.search'></search-bar>
     <Label [text]='model.search' [style.backgroundColor]="'hotpink'"></Label>
     <Slider [(ngModel)]='model.sliderTest'></Slider>
     <Label [text]='model.sliderTest'></Label>