refactor(value-accessors): remove the ion prefix

packages/angular/src/control-value-accessors/boolean-value-accessor.ts

@@ -0,0 +1,57 @@
+import { Directive, ElementRef, HostListener, Renderer2 } from '@angular/core';
+import {
+  ControlValueAccessor,
+  DefaultValueAccessor,
+  NG_VALUE_ACCESSOR
+} from '@angular/forms';
+
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'ion-checkbox,ion-toggle',
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: BooleanValueAccessor,
+      multi: true
+    }
+  ]
+})
+export class BooleanValueAccessor implements ControlValueAccessor {
+  constructor(private element: ElementRef, private renderer: Renderer2) {
+    this.onChange = () => {};
+    this.onTouched = () => {};
+  }
+
+  onChange: (value: any) => void;
+  onTouched: () => void;
+
+  writeValue(value: any) {
+    this.renderer.setProperty(this.element.nativeElement, 'checked', value);
+  }
+
+  @HostListener('ionChange', ['$event.target.checked'])
+  _handleIonChange(value: any) {
+    this.onChange(value);
+  }
+
+  @HostListener('ionBlur')
+  _handleBlurEvent() {
+    this.onTouched();
+  }
+
+  registerOnChange(fn: (value: any) => void): void {
+    this.onChange = fn;
+  }
+
+  registerOnTouched(fn: () => void): void {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.renderer.setProperty(
+      this.element.nativeElement,
+      'disabled',
+      isDisabled
+    );
+  }
+}

packages/angular/src/control-value-accessors/radio-value-accessor.ts

@@ -0,0 +1,72 @@
+import {
+  Directive,
+  ElementRef,
+  HostListener,
+  Input,
+  Renderer2
+} from '@angular/core';
+import {
+  ControlValueAccessor,
+  DefaultValueAccessor,
+  NgControl,
+  NG_VALUE_ACCESSOR
+} from '@angular/forms';
+
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'ion-radio',
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: RadioValueAccessor,
+      multi: true
+    }
+  ]
+})
+export class RadioValueAccessor implements ControlValueAccessor {
+  @Input() value: any;
+
+  onChange: (value: any) => void;
+  onTouched: () => void;
+
+  constructor(private element: ElementRef, private renderer: Renderer2) {
+    this.onChange = () => {};
+    this.onTouched = () => {};
+  }
+
+  writeValue(value: any) {
+    this.renderer.setProperty(
+      this.element.nativeElement,
+      'checked',
+      value === this.value
+    );
+  }
+
+  @HostListener('ionSelect', ['$event.target.checked'])
+  _handleIonSelect(value: any) {
+    this.onChange(value);
+  }
+
+  @HostListener('ionBlur')
+  _handleBlurEvent() {
+    this.onTouched();
+  }
+
+  registerOnChange(fn: (value: any) => void): void {
+    this.onChange = () => {
+      fn(this.value);
+    };
+  }
+
+  registerOnTouched(fn: () => void): void {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean): void {
+    this.renderer.setProperty(
+      this.element.nativeElement,
+      'disabled',
+      isDisabled
+    );
+  }
+}

packages/angular/src/control-value-accessors/select-value-accessor.ts

@@ -0,0 +1,47 @@
+import { Directive, ElementRef, HostListener, Renderer2 } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+// NOTE: May need to look at this to see if we need anything else:
+// https://github.com/angular/angular/blob/5.0.2/packages/forms/src/directives/select_control_value_accessor.ts#L28-L158
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'ion-select, ion-radio-group, ion-segment, ion-datetime',
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: SelectValueAccessor,
+      multi: true
+    }
+  ]
+})
+export class SelectValueAccessor implements ControlValueAccessor {
+  constructor(private element: ElementRef, private renderer: Renderer2) {
+    this.onChange = () => {};
+    this.onTouched = () => {};
+  }
+
+  onChange: (value: any) => void;
+  onTouched: () => void;
+
+  writeValue(value: any) {
+    this.renderer.setProperty(this.element.nativeElement, 'value', value);
+  }
+
+  @HostListener('ionChange', ['$event.target.value'])
+  _handleChangeEvent(value: any) {
+    this.onChange(value);
+  }
+
+  @HostListener('ionBlur')
+  _handleBlurEvent() {
+    this.onTouched();
+  }
+
+  registerOnChange(fn: (value: any) => void) {
+    this.onChange = fn;
+  }
+
+  registerOnTouched(fn: () => void) {
+    this.onTouched = fn;
+  }
+}

packages/angular/src/control-value-accessors/text-value-accessor.ts

@@ -0,0 +1,47 @@
+import { Directive, ElementRef, HostListener, Renderer2 } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+// NOTE: May need to look at this to see if we need anything else:
+// https://github.com/angular/angular/blob/5.0.1/packages/forms/src/directives/default_value_accessor.ts#L33-L101
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'ion-input,ion-textarea',
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: TextValueAccessor,
+      multi: true
+    }
+  ]
+})
+export class TextValueAccessor implements ControlValueAccessor {
+  constructor(private element: ElementRef, private renderer: Renderer2) {
+    this.onChange = () => {};
+    this.onTouched = () => {};
+  }
+
+  onChange: (value: any) => void;
+  onTouched: () => void;
+
+  writeValue(value: any) {
+    this.renderer.setProperty(this.element.nativeElement, 'value', value);
+  }
+
+  @HostListener('input', ['$event.target.value'])
+  _handleInputEvent(value: any) {
+    this.onChange(value);
+  }
+
+  @HostListener('ionBlur')
+  _handleBlurEvent() {
+    this.onTouched();
+  }
+
+  registerOnChange(fn: (value: any) => void) {
+    this.onChange = fn;
+  }
+
+  registerOnTouched(fn: () => void) {
+    this.onTouched = fn;
+  }
+}