From dad2c61f53d6863816bd7cafae29109e9f56a778 Mon Sep 17 00:00:00 2001
From: Paul Gschwendtner <paulgschwendtner@gmail.com>
Date: Thu, 21 Sep 2017 15:39:06 +0200
Subject: [PATCH] chore: add stepper to prerender check

* Now validates that the stepper component can be pre-rendered inside of the server platform.
---
 .../kitchen-sink/kitchen-sink.html            | 27 +++++++++++++++++++
 .../kitchen-sink/kitchen-sink.ts              |  2 ++
 src/universal-app/tsconfig.json               | 14 ++++++++++
 3 files changed, 43 insertions(+)
 create mode 100644 src/universal-app/tsconfig.json

diff --git a/src/universal-app/kitchen-sink/kitchen-sink.html b/src/universal-app/kitchen-sink/kitchen-sink.html
index 1ba7f870ae95..9e8b398b2bd9 100644
--- a/src/universal-app/kitchen-sink/kitchen-sink.html
+++ b/src/universal-app/kitchen-sink/kitchen-sink.html
@@ -281,3 +281,30 @@ <h3 mat-subheader>Groceries</h3>
   <mat-list-option value="bananas">Bananas</mat-list-option>
   <mat-list-option value="oranges">Oranges</mat-list-option>
 </mat-selection-list>
+
+<h2>Vertical Stepper</h2>
+
+<mat-vertical-stepper>
+  <mat-step label="Step 1">Content 1</mat-step>
+  <mat-step label="Step 1">Content 2</mat-step>
+</mat-vertical-stepper>
+
+<h2>Vertical Stepper (with label template)</h2>
+
+<mat-vertical-stepper>
+  <mat-step>
+    <ng-template matStepLabel>NgTemplate Label #1</ng-template>
+    Content 1
+  </mat-step>
+  <mat-step>
+    <ng-template matStepLabel>NgTemplate Label #2</ng-template>
+    Content 2
+  </mat-step>
+</mat-vertical-stepper>
+
+<h2>Horizontal Stepper</h2>
+
+<mat-horizontal-stepper>
+  <mat-step label="Step 1">Content 1</mat-step>
+  <mat-step label="Step 2">Content 2</mat-step>
+</mat-horizontal-stepper>
diff --git a/src/universal-app/kitchen-sink/kitchen-sink.ts b/src/universal-app/kitchen-sink/kitchen-sink.ts
index 5fdda06149bb..d74d43915bab 100644
--- a/src/universal-app/kitchen-sink/kitchen-sink.ts
+++ b/src/universal-app/kitchen-sink/kitchen-sink.ts
@@ -32,6 +32,7 @@ import {
   MatTabsModule,
   MatToolbarModule,
   MatTooltipModule,
+  MatStepperModule,
 } from '@angular/material';
 import {
   CdkTableModule,
@@ -97,6 +98,7 @@ export class KitchenSink {
     MatExpansionModule,
     MatSortModule,
     MatTableModule,
+    MatStepperModule,
 
     // CDK Modules
     CdkTableModule
diff --git a/src/universal-app/tsconfig.json b/src/universal-app/tsconfig.json
new file mode 100644
index 000000000000..9e03ecf0a6c0
--- /dev/null
+++ b/src/universal-app/tsconfig.json
@@ -0,0 +1,14 @@
+// Configuration for IDEs only.
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "rootDir": "..",
+    "baseUrl": ".",
+    "paths": {
+      "@angular/cdk/*": ["../cdk/*"],
+      "@angular/material/*": ["../lib/*"],
+      "@angular/material": ["../lib/public_api"]
+    }
+  },
+  "include": ["./**/*.ts"]
+}