title: MdCommonModule in custom angular 4 module with Material
body: <p>I write custom library on Angular 4 + Material and i have a lot of problems.
  One of custom component is SearchComponent. Nothing difficult.</p>
  
  <p><strong>search.component.ts</strong></p>
  
  <pre><code>@Component({
  selector: 'cis-search',
  templateUrl: './search.component.html',
  styleUrls: ['./search.component.scss'],
  encapsulation: ViewEncapsulation.None,
  host: {
      'class': 'search'
  }})
  export class CisSearchComponent implements OnChanges {}
  </code></pre>
  
  <p>module</p>
  
  <pre><code>@NgModule({
  imports: [
      CommonModule,
      MdIconModule,
      MdListModule,
      BrowserAnimationsModule,
      HttpModule
  ],
  providers: [SearchService],
  declarations: [CisSearchComponent],
  exports: [CisSearchComponent]
  })
  export class CisSearchModule {}
  </code></pre>
  
  <p>and package this module rollup.
  In main project I write </p>
  
  <pre><code>{
      provide: DOCUMENT, useValue: {value: document}
  }
  </code></pre>
  
  <p>Error</p>
  
  <pre><code>TypeError: this._document.createElement is not a function
  at MdCommonModule._checkTheme (material.es5.js:191)
  at new MdCommonModul
  </code></pre>
  
  <p>How does fix it?
  All dependencies installed @latest.</p>