docs(style-guide): make style guide code compliant with itself

closes #1578

public/docs/_examples/style-guide/ts/01-01/app/app.component.ts

@@ -1,10 +1,7 @@
 // #docregion
-
-// app.component.ts
 import { Component } from '@angular/core';
 
-import { HeroesComponent } from './heroes/heroes.component';
-import { HeroService } from './heroes/shared/hero.service';
+import { HeroesComponent, HeroService } from './heroes';
 
 @Component({
   moduleId: module.id,

public/docs/_examples/style-guide/ts/01-01/app/heroes/heroes.component.ts

@@ -1,8 +1,7 @@
 // #docregion
 import { Component, OnInit } from '@angular/core';
 
-import { Hero }        from './shared/hero.model';
-import { HeroService } from './shared/hero.service';
+import { Hero, HeroService } from './shared';
 
 @Component({
   selector: 'toh-heroes',

public/docs/_examples/style-guide/ts/01-01/app/heroes/index.ts

@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './heroes.component';

public/docs/_examples/style-guide/ts/01-01/app/heroes/shared/index.ts

@@ -0,0 +1,3 @@
+export * from './hero.model';
+export * from './hero.service';
+export * from './mock-heroes';

public/docs/_examples/style-guide/ts/01-01/app/index.ts

@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';

public/docs/_examples/style-guide/ts/01-01/main.ts

@@ -1,6 +1,6 @@
 // #docregion
 import { bootstrap }    from '@angular/platform-browser-dynamic';
 
-import { AppComponent } from './app.component';
+import { AppComponent } from './app/app.component';
 
 bootstrap(AppComponent, []);

public/docs/_examples/style-guide/ts/02-07/app/app.component.ts

@@ -1,7 +1,7 @@
 import { Component } from '@angular/core';
 
-import { HeroComponent } from './heroes/hero.component';
-import { UsersComponent } from './users/users.component';
+import { HeroComponent } from './heroes';
+import { UsersComponent } from './users';
 
 @Component({
   selector: 'sg-app',

public/docs/_examples/style-guide/ts/02-07/app/heroes/index.ts

@@ -0,0 +1 @@
+export * from './hero.component';

public/docs/_examples/style-guide/ts/02-07/app/index.ts

@@ -0,0 +1,3 @@
+export * from './heroes';
+export * from './users';
+export * from './app.component';

public/docs/_examples/style-guide/ts/02-07/app/users/index.ts

@@ -0,0 +1 @@
+export * from './users.component';

public/docs/_examples/style-guide/ts/02-08/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { ValidateDirective } from './shared/validate.directive';
+import { ValidateDirective } from './shared';
 
 @Component({
   selector: 'sg-app',

public/docs/_examples/style-guide/ts/02-08/app/index.ts

@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';

public/docs/_examples/style-guide/ts/02-08/app/shared/index.ts

@@ -0,0 +1 @@
+export * from './validate.directive';

public/docs/_examples/style-guide/ts/03-01/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 
-import { ExceptionService } from './shared/exception.service';
+import { ExceptionService } from './shared';
 
 @Component({
   selector: 'sg-app',

public/docs/_examples/style-guide/ts/03-01/app/index.ts

@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';

public/docs/_examples/style-guide/ts/03-01/app/shared/index.ts

@@ -0,0 +1 @@
+export * from './exception.service';

public/docs/_examples/style-guide/ts/03-02/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HEROES_URL, VILLAINS_URL } from './shared/data.service';
+import { HEROES_URL, VILLAINS_URL } from './shared';
 
 @Component({
   selector: 'sg-app',

public/docs/_examples/style-guide/ts/03-02/app/index.ts

@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';

public/docs/_examples/style-guide/ts/03-02/app/shared/index.ts

@@ -0,0 +1 @@
+export * from './data.service';

public/docs/_examples/style-guide/ts/03-03/app/app.component.ts

@@ -1,7 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 
-import { HeroCollectorService } from './shared/hero-collector.service';
-import { Hero } from './shared/hero.model';
+import { Hero, HeroCollectorService } from './shared';
 
 @Component({
   selector: 'sg-app',

public/docs/_examples/style-guide/ts/03-03/app/index.ts

@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';

public/docs/_examples/style-guide/ts/03-03/app/shared/index.ts

@@ -0,0 +1,2 @@
+export * from './hero-collector.service';
+export * from './hero.model';

public/docs/_examples/style-guide/ts/03-04/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 
-import { ToastService } from './shared/toast.service';
+import { ToastService } from './shared';
 
 @Component({
   selector: 'sg-app',

public/docs/_examples/style-guide/ts/03-04/app/index.ts

@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';

public/docs/_examples/style-guide/ts/03-04/app/shared/index.ts

@@ -0,0 +1 @@
+export * from './toast.service';

public/docs/_examples/style-guide/ts/03-05/app/+heroes/index.ts

@@ -0,0 +1 @@
+export * from './shared';

public/docs/_examples/style-guide/ts/03-05/app/+heroes/shared/index.ts

@@ -0,0 +1,2 @@
+export * from './hero.model';
+export * from './hero.service';

public/docs/_examples/style-guide/ts/03-05/app/app.component.ts

@@ -1,8 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
-import { HeroService } from './+heroes/shared/hero.service';
+import { Hero, HeroService } from './+heroes';
 import { ExceptionService, SpinnerService, ToastService } from './shared';
-import { Hero } from './+heroes/shared/hero.model';
 
 @Component({
   moduleId: module.id,

public/docs/_examples/style-guide/ts/03-05/app/index.ts

@@ -0,0 +1,3 @@
+export * from './+heroes';
+export * from './shared';
+export * from './app.component';

public/docs/_examples/style-guide/ts/03-06/app/+heroes/index.ts

@@ -0,0 +1 @@
+export * from './shared';

public/docs/_examples/style-guide/ts/03-06/app/+heroes/shared/index.ts

@@ -0,0 +1,2 @@
+export * from './hero.model';
+export * from './hero.service';

public/docs/_examples/style-guide/ts/03-06/app/app.component.ts

@@ -1,8 +1,7 @@
 import { Component, OnInit } from '@angular/core';
 
-import { HeroService } from './+heroes/shared/hero.service';
+import { Hero, HeroService } from './+heroes';
 import { ExceptionService, SpinnerService, ToastService } from './shared';
-import { Hero } from './+heroes/shared/hero.model';
 
 @Component({
   moduleId: module.id,

public/docs/_examples/style-guide/ts/03-06/app/index.ts

@@ -0,0 +1,3 @@
+export * from './+heroes';
+export * from './shared';
+export * from './app.component';

public/docs/_examples/style-guide/ts/04-10/app/app.component.ts

@@ -2,7 +2,7 @@
 import { Component } from '@angular/core';
 
 // #docregion example
-import { HeroesComponent } from './+heroes/index';
+import { HeroesComponent } from './+heroes';
 // #enddocregion example
 
 @Component({

public/docs/_examples/style-guide/ts/04-10/app/index.ts

@@ -0,0 +1,3 @@
+export * from './+heroes';
+export * from './shared';
+export * from './app.component';

public/docs/_examples/style-guide/ts/04-14/app/+heroes/heroes.component.ts

@@ -1,9 +1,9 @@
 // #docregion
 import { Component, OnInit } from '@angular/core';
 
-import { Hero } from './shared/hero.model';
+import { Hero } from './shared';
 // #docregion example
-import { Logger } from '../shared/logger.service';
+import { Logger } from '../shared';
 // #enddocregion example
 
 @Component({

public/docs/_examples/style-guide/ts/04-14/app/+heroes/index.ts

@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './heroes.component';

public/docs/_examples/style-guide/ts/04-14/app/+heroes/shared/index.ts

@@ -0,0 +1 @@
+export * from './hero.model';

public/docs/_examples/style-guide/ts/04-14/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroesComponent } from './heroes/heroes.component';
+import { HeroesComponent } from './+heroes';
 
 @Component({
   selector: 'sg-app',

public/docs/_examples/style-guide/ts/04-14/app/index.ts

@@ -0,0 +1,3 @@
+export * from './+heroes';
+export * from './shared';
+export * from './app.component';

public/docs/_examples/style-guide/ts/04-14/app/shared/index.ts

@@ -0,0 +1 @@
+export * from './logger.service';

public/docs/_examples/style-guide/ts/05-02/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroButtonComponent } from './heroes/shared/hero-button/hero-button.component';
+import { HeroButtonComponent } from './heroes';
 
 @Component({
   moduleId: module.id,

public/docs/_examples/style-guide/ts/05-02/app/heroes/index.ts

@@ -0,0 +1 @@
+export * from './shared';

public/docs/_examples/style-guide/ts/05-02/app/heroes/shared/hero-button/index.ts

@@ -0,0 +1 @@
+export * from './hero-button.component';

public/docs/_examples/style-guide/ts/05-02/app/heroes/shared/index.ts

@@ -0,0 +1 @@
+export * from './hero-button';

public/docs/_examples/style-guide/ts/05-02/app/index.ts

@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';

public/docs/_examples/style-guide/ts/05-03/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroButtonComponent } from './heroes/shared/hero-button/hero-button.component';
+import { HeroButtonComponent } from './heroes';
 
 @Component({
   moduleId: module.id,

public/docs/_examples/style-guide/ts/05-03/app/heroes/index.ts

@@ -0,0 +1 @@
+export * from './shared';

public/docs/_examples/style-guide/ts/05-03/app/heroes/shared/hero-button/index.ts

@@ -0,0 +1 @@
+export * from './hero-button.component';

public/docs/_examples/style-guide/ts/05-03/app/heroes/shared/index.ts

@@ -0,0 +1 @@
+export * from './hero-button';

public/docs/_examples/style-guide/ts/05-03/app/index.ts

@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';

public/docs/_examples/style-guide/ts/05-04/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroesComponent } from './heroes/heroes.component';
+import { HeroesComponent } from './heroes';
 
 @Component({
   selector: 'sg-app',

public/docs/_examples/style-guide/ts/05-04/app/heroes/heroes.component.ts

@@ -2,7 +2,7 @@
 // #docregion
 import { Component, OnInit } from '@angular/core';
 
-import { Hero } from './shared/hero.model';
+import { Hero } from './shared';
 
 // #docregion example
 @Component({

public/docs/_examples/style-guide/ts/05-04/app/heroes/index.ts

@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './heroes.component';

public/docs/_examples/style-guide/ts/05-04/app/heroes/shared/index.ts

@@ -0,0 +1 @@
+export * from './hero.model';

public/docs/_examples/style-guide/ts/05-04/app/index.ts

@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';

public/docs/_examples/style-guide/ts/05-12/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroButtonComponent } from './heroes/shared/hero-button/hero-button.component';
+import { HeroButtonComponent } from './heroes';
 
 @Component({
   selector: 'sg-app',

public/docs/_examples/style-guide/ts/05-12/app/heroes/index.ts

@@ -0,0 +1 @@
+export * from './shared';

public/docs/_examples/style-guide/ts/05-12/app/heroes/shared/hero-button/index.ts

@@ -0,0 +1 @@
+export * from './hero-button.component';

public/docs/_examples/style-guide/ts/05-12/app/heroes/shared/index.ts

@@ -0,0 +1 @@
+export * from './hero-button';

public/docs/_examples/style-guide/ts/05-12/app/index.ts

@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';

public/docs/_examples/style-guide/ts/05-13/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroButtonComponent } from './heroes/shared/hero-button/hero-button.component';
+import { HeroButtonComponent } from './heroes';
 
 @Component({
   moduleId: module.id,

public/docs/_examples/style-guide/ts/05-13/app/heroes/index.ts

@@ -0,0 +1 @@
+export * from './shared';

public/docs/_examples/style-guide/ts/05-13/app/heroes/shared/hero-button/index.ts

@@ -0,0 +1 @@
+export * from './hero-button.component';

public/docs/_examples/style-guide/ts/05-13/app/heroes/shared/index.ts

@@ -0,0 +1 @@
+export * from './hero-button';

public/docs/_examples/style-guide/ts/05-13/app/index.ts

@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';

public/docs/_examples/style-guide/ts/05-14/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { ToastComponent } from './shared/toast/toast.component';
+import { ToastComponent } from './shared';
 
 @Component({
   selector: 'sg-app',

public/docs/_examples/style-guide/ts/05-14/app/index.ts

@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';

public/docs/_examples/style-guide/ts/05-14/app/shared/index.ts

@@ -0,0 +1 @@
+export * from './toast';

public/docs/_examples/style-guide/ts/05-14/app/shared/toast/index.ts

@@ -0,0 +1 @@
+export * from './toast.component';

public/docs/_examples/style-guide/ts/05-15/app/app.component.ts

@@ -1,7 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroListComponent } from './heroes/hero-list/hero-list.component';
-import { HeroService } from './heroes/shared';
+import { HeroListComponent, HeroService } from './heroes';
 
 @Component({
   selector: 'sg-app',

public/docs/_examples/style-guide/ts/05-15/app/heroes/hero-list/index.ts

@@ -0,0 +1 @@
+export * from './hero-list.component';

public/docs/_examples/style-guide/ts/05-15/app/heroes/index.ts

@@ -0,0 +1,2 @@
+export * from './hero-list';
+export * from './shared';

public/docs/_examples/style-guide/ts/05-15/app/index.ts

@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';

public/docs/_examples/style-guide/ts/05-16/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroComponent } from './heroes/hero.component';
+import { HeroComponent } from './heroes';
 
 @Component({
   moduleId: module.id,

public/docs/_examples/style-guide/ts/05-16/app/heroes/index.ts

@@ -0,0 +1 @@
+export * from './hero.component';

public/docs/_examples/style-guide/ts/05-16/app/index.ts

@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';

public/docs/_examples/style-guide/ts/05-17/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HeroListComponent } from './heroes/hero-list/hero-list.component';
+import { HeroListComponent } from './heroes';
 
 @Component({
   selector: 'sg-app',

public/docs/_examples/style-guide/ts/05-17/app/heroes/hero-list/index.ts

@@ -0,0 +1 @@
+export * from './hero-list.component';

public/docs/_examples/style-guide/ts/05-17/app/heroes/index.ts

@@ -0,0 +1,2 @@
+export * from './hero-list';
+export * from './shared';

public/docs/_examples/style-guide/ts/05-17/app/heroes/shared/index.ts

@@ -0,0 +1 @@
+export * from './hero.model';

public/docs/_examples/style-guide/ts/05-17/app/index.ts

@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';

public/docs/_examples/style-guide/ts/06-01/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { HighlightDirective } from './shared/highlight.directive';
+import { HighlightDirective } from './shared';
 
 @Component({
   moduleId: module.id,

public/docs/_examples/style-guide/ts/06-01/app/index.ts

@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';

public/docs/_examples/style-guide/ts/06-01/app/shared/index.ts

@@ -0,0 +1 @@
+export * from './highlight.directive';

public/docs/_examples/style-guide/ts/06-03/app/app.component.ts

@@ -1,6 +1,6 @@
 import { Component } from '@angular/core';
 
-import { ValidatorDirective } from './shared/validator.directive';
+import { ValidatorDirective } from './shared';
 
 @Component({
   selector: 'sg-app',

public/docs/_examples/style-guide/ts/06-03/app/index.ts

@@ -0,0 +1,2 @@
+export * from './shared';
+export * from './app.component';

public/docs/_examples/style-guide/ts/06-03/app/shared/index.ts

@@ -0,0 +1 @@
+export * from './validate.directive';

public/docs/_examples/style-guide/ts/07-01/app/app.component.ts

@@ -1,7 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 
-import { HeroService } from './heroes/shared/hero.service';
-import { Hero } from './heroes/shared/hero.model';
+import { Hero, HeroService } from './heroes';
 
 @Component({
   moduleId: module.id,

public/docs/_examples/style-guide/ts/07-01/app/heroes/index.ts

@@ -0,0 +1 @@
+export * from './shared';

public/docs/_examples/style-guide/ts/07-01/app/heroes/shared/index.ts

@@ -0,0 +1,2 @@
+export * from './hero.model';
+export * from './hero.service';

public/docs/_examples/style-guide/ts/07-01/app/index.ts

@@ -0,0 +1,2 @@
+export * from './heroes';
+export * from './app.component';

public/docs/_examples/style-guide/ts/07-03/app/app.component.ts

@@ -1,8 +1,7 @@
 // #docregion
 import { Component } from '@angular/core';
 
-import { HeroListComponent } from './heroes/hero-list/hero-list.component';
-import { HeroService } from './heroes/shared/hero.service';
+import { HeroListComponent, HeroService } from './heroes';
 
 @Component({
   selector: 'toh-app',

public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list/hero-list.component.ts

@@ -1,8 +1,7 @@
 // #docregion
 import { Component, OnInit } from '@angular/core';
 
-import { HeroService } from '../shared/hero.service';
-import { Hero } from '../shared/hero.model';
+import { Hero, HeroService } from '../shared';
 
 @Component({
   selector: 'toh-heroes',

public/docs/_examples/style-guide/ts/07-03/app/heroes/hero-list/index.ts

@@ -0,0 +1 @@
+export * from './hero-list.component';

public/docs/_examples/style-guide/ts/07-03/app/heroes/index.ts

@@ -0,0 +1,2 @@
+export * from './hero-list';
+export * from './shared';

public/docs/_examples/style-guide/ts/07-03/app/heroes/shared/index.ts

@@ -1,3 +1,3 @@
 // #docregion
-export * from './hero.model.ts';
-export * from './hero.service.ts';
+export * from './hero.model';
+export * from './hero.service';