chore(demos): update demos to work

* chore(demos): WIP refactor gulp demos task to use SystemJS

move build files into dist/demos and comment out the AoT demos task for
right now. This makes both `gulp demos` and `gulp demos.watch`work
again.

references #8411

* docs(demos): fix infinite scroll demo

* chore(demos): move old demos task to demos.prod

update the demos file with shared tasks, include the shared css

* docs(demos): fix API demos to use correct styles

* chore(demos): remove the main.ts files from each demo

* chore(demos): add prod template and constant

* chore(demos): remove tsconfig and package from demos

* chore(demos): update app.module path to ionic

* chore(demos): update app.module path to ionic

* chore(demos): update prod task for demos to work with AoT

also puts the demo build files into dist/ instead of the src directory

* docs(demos): update deploy and docs tasks for new build

* docs(scripts): update demos README

* chore(demos): fix path for prod build

demos/src/alert/app.module.ts

@@ -1,6 +1,220 @@
-import { NgModule } from '@angular/core';
-import { IonicApp, IonicModule } from 'ionic-angular';
-import { ApiDemoApp, ApiDemoPage } from './app.component';
+import { Component, NgModule } from '@angular/core';
+import { AlertController, IonicApp, IonicModule } from '../';
+
+
+@Component({
+  templateUrl: 'page.html'
+})
+export class ApiDemoPage {
+  testRadioOpen = false;
+  testRadioResult: any;
+  testCheckboxOpen = false;
+  testCheckboxResult: any;
+
+  constructor(public alertCtrl: AlertController) {}
+
+  doAlert() {
+    let alert = this.alertCtrl.create({
+      title: 'New Friend!',
+      subTitle: 'Your friend, Obi wan Kenobi, just accepted your friend request!',
+      buttons: ['Ok']
+    });
+
+    alert.present();
+  }
+
+  doConfirm() {
+    let alert = this.alertCtrl.create({
+      title: 'Use this lightsaber?',
+      message: 'Do you agree to use this lightsaber to do good across the intergalactic galaxy?',
+      buttons: [
+        {
+          text: 'Disagree',
+          handler: () => {
+            console.log('Disagree clicked');
+          }
+        },
+        {
+          text: 'Agree',
+          handler: () => {
+            console.log('Agree clicked');
+          }
+        }
+      ]
+    });
+
+    alert.present();
+  }
+
+  doPrompt() {
+    let alert = this.alertCtrl.create({
+      title: 'Login',
+      message: 'Enter a name for this new album you\'re so keen on adding',
+      inputs: [
+        {
+          name: 'title',
+          placeholder: 'Title'
+        },
+      ],
+      buttons: [
+        {
+          text: 'Cancel',
+          handler: (data: any) => {
+            console.log('Cancel clicked');
+          }
+        },
+        {
+          text: 'Save',
+          handler: (data: any) => {
+            console.log('Saved clicked');
+          }
+        }
+      ]
+    });
+
+    alert.present();
+  }
+
+  doRadio() {
+    let alert = this.alertCtrl.create();
+    alert.setTitle('Lightsaber color');
+
+    alert.addInput({
+      type: 'radio',
+      label: 'Blue',
+      value: 'blue',
+      checked: true
+    });
+
+    alert.addInput({
+      type: 'radio',
+      label: 'Green',
+      value: 'green'
+    });
+
+    alert.addInput({
+      type: 'radio',
+      label: 'Red',
+      value: 'red'
+    });
+
+    alert.addInput({
+      type: 'radio',
+      label: 'Yellow',
+      value: 'yellow'
+    });
+
+    alert.addInput({
+      type: 'radio',
+      label: 'Purple',
+      value: 'purple'
+    });
+
+    alert.addInput({
+      type: 'radio',
+      label: 'White',
+      value: 'white'
+    });
+
+    alert.addInput({
+      type: 'radio',
+      label: 'Black',
+      value: 'black'
+    });
+
+    alert.addButton('Cancel');
+    alert.addButton({
+      text: 'Ok',
+      handler: (data: any) => {
+        console.log('Radio data:', data);
+        this.testRadioOpen = false;
+        this.testRadioResult = data;
+      }
+    });
+
+    alert.present();
+  }
+
+  doCheckbox() {
+    let alert = this.alertCtrl.create();
+    alert.setTitle('Which planets have you visited?');
+
+    alert.addInput({
+        type: 'checkbox',
+        label: 'Alderaan',
+        value: 'value1',
+        checked: true
+    });
+
+    alert.addInput({
+        type: 'checkbox',
+        label: 'Bespin',
+        value: 'value2'
+    });
+
+    alert.addInput({
+        type: 'checkbox',
+        label: 'Coruscant',
+        value: 'value3'
+    });
+
+    alert.addInput({
+        type: 'checkbox',
+        label: 'Endor',
+        value: 'value4'
+    });
+
+    alert.addInput({
+        type: 'checkbox',
+        label: 'Hoth',
+        value: 'value5'
+    });
+
+    alert.addInput({
+        type: 'checkbox',
+        label: 'Jakku',
+        value: 'value6'
+    });
+
+    alert.addInput({
+        type: 'checkbox',
+        label: 'Naboo',
+        value: 'value6'
+    });
+
+    alert.addInput({
+        type: 'checkbox',
+        label: 'Takodana',
+        value: 'value6'
+    });
+
+    alert.addInput({
+        type: 'checkbox',
+        label: 'Tatooine',
+        value: 'value6'
+    });
+
+    alert.addButton('Cancel');
+    alert.addButton({
+      text: 'Okay',
+      handler: (data: any) => {
+          console.log('Checkbox data:', data);
+          this.testCheckboxOpen = false;
+          this.testCheckboxResult = data;
+      }
+    });
+
+    alert.present();
+  }
+
+}
+
+@Component({
+  template: `<ion-nav [root]="root"></ion-nav>`
+})
+export class ApiDemoApp {
+  root = ApiDemoPage;
+}
 
 @NgModule({
   declarations: [