From 4b96b4fefc583efe18449362568cb34e6f35fe60 Mon Sep 17 00:00:00 2001
From: Kristiyan Kostadinov <crisbeto@users.noreply.github.com>
Date: Wed, 9 Jan 2019 19:42:22 +0100
Subject: [PATCH] docs(snack-bar): fix 404 for CSS files in examples (#14684)

Fixes a couple of the live examples causing a 404 if the user goes to look at their CSS.

Fixes #14682.
---
 .../snack-bar-component/snack-bar-component-example.css        | 1 +
 .../snack-bar-component/snack-bar-component-example.ts         | 3 ++-
 .../snack-bar-overview/snack-bar-overview-example.ts           | 2 +-
 .../snack-bar-position/snack-bar-position-example.css          | 1 +
 .../snack-bar-position/snack-bar-position-example.ts           | 3 ++-
 5 files changed, 7 insertions(+), 3 deletions(-)
 create mode 100644 src/material-examples/snack-bar-component/snack-bar-component-example.css
 create mode 100644 src/material-examples/snack-bar-position/snack-bar-position-example.css

diff --git a/src/material-examples/snack-bar-component/snack-bar-component-example.css b/src/material-examples/snack-bar-component/snack-bar-component-example.css
new file mode 100644
index 00000000000..7432308753e
--- /dev/null
+++ b/src/material-examples/snack-bar-component/snack-bar-component-example.css
@@ -0,0 +1 @@
+/** No CSS for this example */
diff --git a/src/material-examples/snack-bar-component/snack-bar-component-example.ts b/src/material-examples/snack-bar-component/snack-bar-component-example.ts
index bd121c3812c..accc371715a 100644
--- a/src/material-examples/snack-bar-component/snack-bar-component-example.ts
+++ b/src/material-examples/snack-bar-component/snack-bar-component-example.ts
@@ -7,9 +7,10 @@ import {MatSnackBar} from '@angular/material';
 @Component({
   selector: 'snack-bar-component-example',
   templateUrl: 'snack-bar-component-example.html',
+  styleUrls: ['snack-bar-component-example.css'],
 })
 export class SnackBarComponentExample {
-  constructor(public snackBar: MatSnackBar) {}
+  constructor(private snackBar: MatSnackBar) {}
 
   openSnackBar() {
     this.snackBar.openFromComponent(PizzaPartyComponent, {
diff --git a/src/material-examples/snack-bar-overview/snack-bar-overview-example.ts b/src/material-examples/snack-bar-overview/snack-bar-overview-example.ts
index 1dcbbc829ed..e93c1b46ee4 100644
--- a/src/material-examples/snack-bar-overview/snack-bar-overview-example.ts
+++ b/src/material-examples/snack-bar-overview/snack-bar-overview-example.ts
@@ -10,7 +10,7 @@ import {MatSnackBar} from '@angular/material';
   styleUrls: ['snack-bar-overview-example.css'],
 })
 export class SnackBarOverviewExample {
-  constructor(public snackBar: MatSnackBar) {}
+  constructor(private snackBar: MatSnackBar) {}
 
   openSnackBar(message: string, action: string) {
     this.snackBar.open(message, action, {
diff --git a/src/material-examples/snack-bar-position/snack-bar-position-example.css b/src/material-examples/snack-bar-position/snack-bar-position-example.css
new file mode 100644
index 00000000000..7432308753e
--- /dev/null
+++ b/src/material-examples/snack-bar-position/snack-bar-position-example.css
@@ -0,0 +1 @@
+/** No CSS for this example */
diff --git a/src/material-examples/snack-bar-position/snack-bar-position-example.ts b/src/material-examples/snack-bar-position/snack-bar-position-example.ts
index f18d10fe2c8..2a7e4ccf700 100644
--- a/src/material-examples/snack-bar-position/snack-bar-position-example.ts
+++ b/src/material-examples/snack-bar-position/snack-bar-position-example.ts
@@ -11,13 +11,14 @@ import {
 @Component({
   selector: 'snack-bar-position-example',
   templateUrl: 'snack-bar-position-example.html',
+  styleUrls: ['snack-bar-position-example.css'],
 })
 export class SnackBarPositionExample {
 
   horizontalPosition: MatSnackBarHorizontalPosition = 'start';
   verticalPosition: MatSnackBarVerticalPosition = 'bottom';
 
-  constructor(public snackBar: MatSnackBar) {}
+  constructor(private snackBar: MatSnackBar) {}
 
   openSnackBar() {
     this.snackBar.open('Canonball!!', 'End now', {