docs: Minor improvements (#2072)

Author: trimox

demos/src/app/app-routing.module.ts

@@ -58,12 +58,12 @@ const routes: Routes = [
   {path: 'menu-demo', loadChildren: () => import('./components/menu-demo/menu.module').then(m => m.MenuModule)},
   {
     path: 'menu-surface-demo', loadChildren: () =>
-      import('./components/menu-surface-demo/menu-surface.module').then(m => m.MenuSurfaceModule)
+      import('./components/menu-surface/module').then(m => m.MenuSurfaceModule)
   },
   {path: 'radio-demo', loadChildren: () => import('./components/radio/module').then(m => m.RadioModule)},
   {path: 'ripple-demo', loadChildren: () => import('./components/ripple-demo/ripple.module').then(m => m.RippleModule)},
   {path: 'select-demo', loadChildren: () => import('./components/select/module').then(m => m.SelectModule)},
-  {path: 'shape-docs', loadChildren: () => import('./components/shape-docs/shape.module').then(m => m.ShapeModule)},
+  {path: 'shape-docs', loadChildren: () => import('./components/shape/module').then(m => m.ShapeModule)},
   {path: 'slider-demo', loadChildren: () => import('./components/slider-demo/slider.module').then(m => m.SliderModule)},
   {
     path: 'snackbar-demo', loadChildren: () =>

demos/src/app/components/menu-surface-demo/routing.module.ts

@@ -3,7 +3,7 @@ import {Component, OnInit, ViewChild} from '@angular/core';
 import {ComponentViewer} from '../../shared/component-viewer';
 
 @Component({template: '<component-viewer></component-viewer>'})
-export class MenuSurfaceDemo implements OnInit {
+export class MenuSurface implements OnInit {
   @ViewChild(ComponentViewer, {static: true}) _componentViewer: ComponentViewer;
 
   ngOnInit(): void {
@@ -41,7 +41,7 @@ export class Examples {
     <mdc-image-list class="menu-surface-image-list">
       <mdc-image-list-item *ngFor="let i of images">
         <mdc-image-list-image-aspect>
-          <img mdcImageListImage src="https://material-components-web.appspot.com/images/photos/3x2/{{i+1}}.jpg" />
+          <img mdcImageListImage src="<image source>" />
         </mdc-image-list-image-aspect>
         <mdc-image-list-supporting>
           <span mdcImageListLabel>Text label</span>

demos/src/app/components/menu-surface-demo/api.html renamed to demos/src/app/components/menu-surface/api.html

@@ -0,0 +1,29 @@
+import {NgModule} from '@angular/core';
+import {Routes, RouterModule} from '@angular/router';
+
+import {Api, Examples, Sass, MenuSurface} from './menu-surface';
+
+export const ROUTE_DECLARATIONS = [
+  Api,
+  Examples,
+  Sass,
+  MenuSurface
+];
+
+const ROUTES: Routes = [
+  {
+    path: '', component: MenuSurface,
+    children: [
+      {path: '', redirectTo: 'api'},
+      {path: 'api', component: Api},
+      {path: 'sass', component: Sass},
+      {path: 'examples', component: Examples}
+    ]
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(ROUTES)],
+  exports: [RouterModule]
+})
+export class RoutingModule {}

demos/src/app/components/menu-surface-demo/examples.html renamed to demos/src/app/components/menu-surface/examples.html

@@ -1,16 +1,16 @@
 import {NgModule} from '@angular/core';
 import {Routes, RouterModule} from '@angular/router';
 
-import {Usage, ShapeDocs} from './shape';
+import {Usage, Shape} from './shape';
 
 export const ROUTE_DECLARATIONS = [
   Usage,
-  ShapeDocs
+  Shape
 ];
 
 const ROUTES: Routes = [
   {
-    path: '', component: ShapeDocs,
+    path: '', component: Shape,
     children: [
       {path: '', redirectTo: 'usage'},
       {path: 'usage', component: Usage}