remove FeatureDetector

Author: mmalerba

src/demo-app/platform/platform-demo.html

@@ -8,5 +8,5 @@
 
 <p>
   Supported input types:
-  <span *ngFor="let type of feature.supportedInputTypes">{{ type }}, </span>
+  <span *ngFor="let type of supportedInputTypes">{{ type }}, </span>
 </p>

src/demo-app/platform/platform-demo.ts

@@ -1,5 +1,5 @@
 import {Component} from '@angular/core';
-import {MdFeatureDetector, MdPlatform} from '@angular/material';
+import {MdPlatform, getSupportedInputTypes} from '@angular/material';
 
 
 @Component({
@@ -8,5 +8,7 @@ import {MdFeatureDetector, MdPlatform} from '@angular/material';
   templateUrl: 'platform-demo.html',
 })
 export class PlatformDemo {
-  constructor(public feature: MdFeatureDetector, public platform: MdPlatform) {}
+  supportedInputTypes = getSupportedInputTypes();
+
+  constructor(public platform: MdPlatform) {}
 }

src/lib/core/core.ts

@@ -31,7 +31,7 @@ export * from './projection/projection';
 
 // Platform
 export * from './platform/platform';
-export * from './platform/feature-detector';
+export * from './platform/features';
 
 // Overlay
 export {Overlay, OVERLAY_PROVIDERS} from './overlay/overlay';

src/lib/core/platform/feature-detector.ts

@@ -0,0 +1,36 @@
+let supportedInputTypes: Set<string>;
+
+/** @returns {Set<string>} the input types supported by this browser. */
+export function getSupportedInputTypes(): Set<string> {
+  if (!supportedInputTypes) {
+    let featureTestInput = document.createElement('input');
+    supportedInputTypes = new Set([
+      'button',
+      'checkbox',
+      'color',
+      'date',
+      'datetime-local',
+      'email',
+      'file',
+      'hidden',
+      'image',
+      'month',
+      'number',
+      'password',
+      'radio',
+      'range',
+      'reset',
+      'search',
+      'submit',
+      'tel',
+      'text',
+      'time',
+      'url',
+      'week',
+    ].filter(value => {
+      featureTestInput.setAttribute('type', value);
+      return featureTestInput.type === value;
+    }));
+  }
+  return supportedInputTypes;
+}

src/lib/core/platform/features.ts

@@ -1,14 +1,13 @@
 import {NgModule, ModuleWithProviders} from '@angular/core';
 import {MdPlatform} from './platform';
-import {MdFeatureDetector} from './feature-detector';
 
 
 @NgModule({})
 export class MdPlatformModule {
   static forRoot(): ModuleWithProviders {
     return {
       ngModule: MdPlatformModule,
-      providers: [MdFeatureDetector, MdPlatform],
+      providers: [MdPlatform],
     };
   }
 }

src/lib/core/platform/index.ts

@@ -15,7 +15,7 @@ import {
 } from '@angular/core';
 import {coerceBooleanProperty} from '../core';
 import {NgControl} from '@angular/forms';
-import {MdFeatureDetector} from '../core/platform/feature-detector';
+import {getSupportedInputTypes} from '../core/platform/features';
 import {
   MdInputContainerUnsupportedTypeError,
   MdInputContainerPlaceholderConflictError,
@@ -131,10 +131,9 @@ export class MdInputDirective implements AfterContentInit {
     'month',
     'time',
     'week'
-  ].filter(t => this._featureDetector.supportedInputTypes.has(t));
+  ].filter(t => getSupportedInputTypes().has(t));
 
-  constructor(private _featureDetector: MdFeatureDetector,
-              private _elementRef: ElementRef,
+  constructor(private _elementRef: ElementRef,
               private _renderer: Renderer,
               @Optional() private _ngControl: NgControl) {
     // Force setter to be called in case id was not specified.