Update plunker SystemJS config for cdk secondary entry points

* Add expansion panel to doc items
* Add styling guide to guide items

Author: josephperrott

src/app/pages/component-sidenav/component-sidenav.spec.ts

@@ -3,7 +3,6 @@ import {MdSidenav} from '@angular/material';
 import {ComponentSidenav, ComponentSidenavModule} from './component-sidenav';
 import {DocsAppTestingModule} from '../../testing/testing-module';
 
-
 describe('ComponentSidenav', () => {
   let fixture: ComponentFixture<ComponentSidenav>;
 
@@ -26,10 +25,11 @@ describe('ComponentSidenav', () => {
     });
 
     fixture.detectChanges();
-
-    expect(component.sidenav instanceof MdSidenav).toBeTruthy();
-    expect(component.isScreenSmall()).toBeTruthy();
-    expect(component.sidenav.opened).toBe(false);
+    async(() => {
+      expect(component.sidenav instanceof MdSidenav).toBeTruthy();
+      expect(component.isScreenSmall()).toBeTruthy();
+      expect(component.sidenav.opened).toBe(false);
+    })
   });
 
   it('should show a link for each item in doc items categories', () => {

src/app/shared/documentation-items/documentation-items.ts

@@ -45,6 +45,8 @@ const DOCS = [
       {id: 'grid-list', name: 'Grid list', examples: ['grid-list-dynamic']},
       {id: 'card', name: 'Card', examples: ['card-fancy']},
       {id: 'tabs', name: 'Tabs', examples: ['tabs-template-label']},
+      {id: 'expansion', name: 'Expansion Panel',
+          examples: ['expansion-overview', 'expansion-steps']},
     ]
   },
   {

src/app/shared/example-viewer/example-viewer.scss

@@ -1,5 +1,6 @@
 :host {
   display: block;
+  padding: 20px 0;
 }
 
 .docs-example-viewer-wrapper {

src/app/shared/guide-items/guide-items.ts

@@ -32,6 +32,11 @@ const GUIDES = [
     name: `CDK data-table`,
     document: '/assets/documents/guides/cdk-table.html',
   },
+  {
+    id: 'customizing-component-styles',
+    name: 'Customizing Component Styles',
+    document: '/assets/documents/guides/customizing-component-styles.html'
+  }
 ];
 
 @Injectable()

src/assets/plunker/main.ts

@@ -38,7 +38,7 @@ import {
 } from '@angular/material';
 import {MaterialDocsExample} from './material-docs-example';
 import {HttpModule} from '@angular/http';
-import {CdkTableModule} from '@angular/cdk';
+import {CdkTableModule} from '@angular/cdk/table';
 
 @NgModule({
   exports: [

src/assets/plunker/systemjs.config.js

@@ -32,6 +32,18 @@ System.config({
     '@angular/platform-browser/animations': 'https://unpkg.com/@angular/platform-browser/bundles/platform-browser-animations.umd.js',
     '@angular/material': 'https://unpkg.com/@angular/material/bundles/material.umd.js',
     '@angular/cdk': 'https://unpkg.com/@angular/cdk/bundles/cdk.umd.js',
+    '@angular/cdk/a11y': 'https://unpkg.com/@angular/cdk/bundles/cdk-a11y.umd.js',
+    '@angular/cdk/bidi': 'https://unpkg.com/@angular/cdk/bundles/cdk-bidi.umd.js',
+    '@angular/cdk/coercion': 'https://unpkg.com/@angular/cdk/bundles/cdk-coercion.umd.js',
+    '@angular/cdk/collections': 'https://unpkg.com/@angular/cdk/bundles/cdk-collections.umd.js',
+    '@angular/cdk/keycodes': 'https://unpkg.com/@angular/cdk/bundles/cdk-keycodes.umd.js',
+    '@angular/cdk/observers': 'https://unpkg.com/@angular/cdk/bundles/cdk-observers.umd.js',
+    '@angular/cdk/overlay': 'https://unpkg.com/@angular/cdk/bundles/cdk-overlay.umd.js',
+    '@angular/cdk/platform': 'https://unpkg.com/@angular/cdk/bundles/cdk-platform.umd.js',
+    '@angular/cdk/portal': 'https://unpkg.com/@angular/cdk/bundles/cdk-portal.umd.js',
+    '@angular/cdk/rxjs': 'https://unpkg.com/@angular/cdk/bundles/cdk-rxjs.umd.js',
+    '@angular/cdk/scrolling': 'https://unpkg.com/@angular/cdk/bundles/cdk-scrolling.umd.js',
+    '@angular/cdk/table': 'https://unpkg.com/@angular/cdk/bundles/cdk-table.umd.js',
 
     // Rxjs mapping
     'rxjs': 'https://unpkg.com/rxjs',