fix(angular): module exports

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

@@ -0,0 +1,61 @@
+import { Directive, ElementRef, HostListener } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+import { setIonicClasses } from './util/set-ionic-classes';
+
+@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) {
+    this.onChange = () => {/**/};
+    this.onTouched = () => {/**/};
+  }
+
+  onChange: (value: any) => void;
+  onTouched: () => void;
+
+  writeValue(value: any) {
+    this.element.nativeElement.checked = value;
+    setIonicClasses(this.element);
+  }
+
+  @HostListener('ionChange', ['$event.target.checked'])
+  _handleIonChange(value: any) {
+    this.onChange(value);
+
+    requestAnimationFrame(() => {
+      setIonicClasses(this.element);
+    });
+  }
+
+  @HostListener('ionBlur')
+  _handleBlurEvent() {
+    this.onTouched();
+
+    requestAnimationFrame(() => {
+      setIonicClasses(this.element);
+    });
+  }
+
+  registerOnChange(fn: (value: any) => void) {
+    this.onChange = fn;
+  }
+
+  registerOnTouched(fn: () => void) {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean) {
+    this.element.nativeElement.disabled = isDisabled;
+  }
+}

angular/src/directives/control-value-accessors/numeric-value-accesssor.ts

@@ -0,0 +1,65 @@
+import { Directive, ElementRef, HostListener } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+import { setIonicClasses } from './util/set-ionic-classes';
+
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'ion-input[type=number]',
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: NumericValueAccessor,
+      multi: true
+    }
+  ]
+})
+export class NumericValueAccessor implements ControlValueAccessor {
+
+  constructor(private element: ElementRef) {
+    this.onChange = () => {/**/};
+    this.onTouched = () => {/**/};
+  }
+
+  onChange: (value: any) => void;
+  onTouched: () => void;
+
+  writeValue(value: any) {
+    // The value needs to be normalized for IE9, otherwise it is set to 'null' when null
+    // Probably not an issue for us, but it doesn't really cost anything either
+    this.element.nativeElement.value = value == null ? '' : value;
+    setIonicClasses(this.element);
+  }
+
+  @HostListener('input', ['$event.target.value'])
+  _handleInputEvent(value: any) {
+    this.onChange(value);
+
+    requestAnimationFrame(() => {
+      setIonicClasses(this.element);
+    });
+  }
+
+  @HostListener('ionBlur')
+  _handleBlurEvent() {
+    this.onTouched();
+
+    requestAnimationFrame(() => {
+      setIonicClasses(this.element);
+    });
+  }
+
+  registerOnChange(fn: (_: number | null) => void) {
+    this.onChange = value => {
+      fn(value === '' ? null : parseFloat(value));
+    };
+  }
+
+  registerOnTouched(fn: () => void) {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean) {
+    this.element.nativeElement.disabled = isDisabled;
+  }
+}

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

@@ -0,0 +1,67 @@
+import { Directive, ElementRef, HostListener, Input } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+import { setIonicClasses } from './util/set-ionic-classes';
+
+@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) {
+    this.onChange = () => {/**/};
+    this.onTouched = () => {/**/};
+  }
+
+  writeValue(value: any) {
+    this.element.nativeElement.checked = this.value = value;
+
+    requestAnimationFrame(() => {
+      setIonicClasses(this.element);
+    });
+  }
+
+  @HostListener('ionSelect', ['$event.target.checked'])
+  _handleIonSelect(value: any) {
+    this.onChange(value);
+
+    requestAnimationFrame(() => {
+      setIonicClasses(this.element);
+    });
+  }
+
+  @HostListener('ionBlur')
+  _handleBlurEvent() {
+    this.onTouched();
+
+    requestAnimationFrame(() => {
+      setIonicClasses(this.element);
+    });
+  }
+
+  registerOnChange(fn: (value: any) => void) {
+    this.onChange = () => {
+      fn(this.value);
+    };
+  }
+
+  registerOnTouched(fn: () => void) {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean) {
+    this.element.nativeElement.disabled = isDisabled;
+  }
+}

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

@@ -0,0 +1,64 @@
+import { Directive, ElementRef, HostListener } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+import { setIonicClasses } from './util/set-ionic-classes';
+
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'ion-range, 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) {
+    this.onChange = () => {/**/};
+    this.onTouched = () => {/**/};
+  }
+
+  onChange: (value: any) => void;
+  onTouched: () => void;
+
+  writeValue(value: any) {
+    this.element.nativeElement.value = value;
+
+    requestAnimationFrame(() => {
+      setIonicClasses(this.element);
+    });
+  }
+
+  @HostListener('ionChange', ['$event.target.value'])
+  _handleChangeEvent(value: any) {
+    this.onChange(value);
+
+    requestAnimationFrame(() => {
+      setIonicClasses(this.element);
+    });
+  }
+
+  @HostListener('ionBlur')
+  _handleBlurEvent() {
+    this.onTouched();
+
+    requestAnimationFrame(() => {
+      setIonicClasses(this.element);
+    });
+  }
+
+  registerOnChange(fn: (value: any) => void) {
+    this.onChange = fn;
+  }
+
+  registerOnTouched(fn: () => void) {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean) {
+    this.element.nativeElement.disabled = isDisabled;
+  }
+}

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

@@ -0,0 +1,64 @@
+import { Directive, ElementRef, HostListener } from '@angular/core';
+import { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';
+
+import { setIonicClasses } from './util/set-ionic-classes';
+
+@Directive({
+  /* tslint:disable-next-line:directive-selector */
+  selector: 'ion-input:not([type=number]),ion-textarea,ion-searchbar',
+  providers: [
+    {
+      provide: NG_VALUE_ACCESSOR,
+      useExisting: TextValueAccessor,
+      multi: true
+    }
+  ]
+})
+export class TextValueAccessor implements ControlValueAccessor {
+
+  constructor(private element: ElementRef) {
+    this.onChange = () => {/**/};
+    this.onTouched = () => {/**/};
+  }
+
+  onChange: (value: any) => void;
+  onTouched: () => void;
+
+  writeValue(value: any) {
+    this.element.nativeElement.value = value;
+
+    requestAnimationFrame(() => {
+      setIonicClasses(this.element);
+    });
+  }
+
+  @HostListener('input', ['$event.target.value'])
+  _handleInputEvent(value: any) {
+    this.onChange(value);
+
+    requestAnimationFrame(() => {
+      setIonicClasses(this.element);
+    });
+  }
+
+  @HostListener('ionBlur')
+  _handleBlurEvent() {
+    this.onTouched();
+
+    requestAnimationFrame(() => {
+      setIonicClasses(this.element);
+    });
+  }
+
+  registerOnChange(fn: (value: any) => void) {
+    this.onChange = fn;
+  }
+
+  registerOnTouched(fn: () => void) {
+    this.onTouched = fn;
+  }
+
+  setDisabledState(isDisabled: boolean) {
+    this.element.nativeElement.disabled = isDisabled;
+  }
+}

angular/src/directives/control-value-accessors/util/set-ionic-classes.ts

@@ -0,0 +1,20 @@
+import { ElementRef } from '@angular/core';
+
+export function setIonicClasses(element: ElementRef) {
+  const classList = element.nativeElement.classList;
+
+  classList.remove('ion-invalid');
+  classList.remove('ion-valid');
+  classList.remove('ion-touched');
+  classList.remove('ion-untouched');
+  classList.remove('ion-dirty');
+  classList.remove('ion-pristine');
+  classList.forEach((cls: string) => {
+    if (cls === 'ng-invalid') { classList.add('ion-invalid'); }
+    if (cls === 'ng-valid') { classList.add('ion-valid'); }
+    if (cls === 'ng-touched') { classList.add('ion-touched'); }
+    if (cls === 'ng-untouched') { classList.add('ion-untouched'); }
+    if (cls === 'ng-dirty') { classList.add('ion-dirty'); }
+    if (cls === 'ng-pristine') { classList.add('ion-pristine'); }
+  });
+}