@coolon/angular-ui-powerups 2.0.0-alpha.9 → 2.0.0

package/lib/components/table/table-row-menu/table-row-menu.component.d.ts

@@ -0,0 +1,26 @@
+import { OnInit } from '@angular/core';
+import { MatMenuTrigger } from '@angular/material/menu';
+import { Command } from '@coolon/pectin';
+import { CommandFace } from '../../commands/command-face';
+import { DisposableComponent } from '../../disposable-component';
+declare class MenuItemData<T> {
+    readonly factory: Command.Factory<T, void>;
+    readonly face: CommandFace;
+    constructor(factory: Command.Factory<T, void>, face: CommandFace);
+}
+/**
+ *
+ */
+export declare class TableRowMenuComponent<T> extends DisposableComponent implements OnInit {
+    value: T;
+    menu: MatMenuTrigger;
+    readonly actions: MenuItemData<T>[];
+    readonly moreActions: MenuItemData<T>[];
+    registerAction(commandFactory: Command.Factory<T, void>, properties: CommandFace): void;
+    registerMoreAction(commandFactory: Command.Factory<T, void>, properties: CommandFace): void;
+    constructor();
+    ngOnInit(): void;
+    createMoreMenuCommand(item: MenuItemData<T>, value: T): Command<void>;
+    private closeMoreMenu;
+}
+export {};

package/lib/components/track-by.d.ts

@@ -0,0 +1,3 @@
+export declare namespace TrackBy {
+    const byIndex: (data: any, index: number) => number;
+}

package/lib/interaction/activity-ref.d.ts

@@ -8,10 +8,13 @@ export declare class ActivityRef<D, R, E> {
     private _complete;
     private _activity;
     private deferredResult;
+    private readonly focusedModel;
     constructor(activityClass: Constructable<Activity<D, R, E>>, activityData: D, onComplete: (activityRef: ActivityRef<D, R, E>) => void);
     isActivityRealised(): boolean;
     isComplete(): boolean;
     get activity(): Activity<D, R, E>;
+    setFocused(focused: boolean): void;
+    get focused(): boolean;
     notifyActivityCreated(activity: Activity<D, R, E>, nestedInteractionContext: InteractionContext): void;
     protected finishActivity(resolveOrReject: (deferred: Deferred<R>) => void): void;
     cancel(): void;

package/lib/interaction/activity.d.ts

@@ -5,22 +5,26 @@ import { InteractionContext } from './interaction-context';
 export declare const ACTIVITY_DATA: InjectionToken<any>;
 export declare abstract class Activity<D, R, E = any> extends DisposableComponent {
     private readonly _busyModel;
+    private _focusedModel;
     private _activityContext;
     private _interactionContext;
     class: string;
-    initialise(nestedInteractionContext: InteractionContext, activityContext: Activity.Callbacks<R, E>): void;
+    get isFocused(): boolean;
+    initialise(nestedInteractionContext: InteractionContext, activityContext: Activity.Context<R, E>): void;
     get interactionContext(): InteractionContext;
     done(result?: R): void;
     cancel(error?: E): void;
     onActivityReady(): void;
     get busy(): ValueModel<boolean>;
+    get focused(): ValueModel<boolean>;
     busyWhile(busyModel: ValueModel<boolean>): void;
     isBusy(): boolean;
     isInitialised(): boolean;
 }
 export declare namespace Activity {
-    interface Callbacks<R, E> {
+    interface Context<R, E> {
         onDone: (result: R) => void;
         onCancel: (error: E) => void;
+        focused: ValueModel<boolean>;
     }
 }

package/lib/interaction/components/activity-container/activity-container.component.d.ts

@@ -1,6 +1,6 @@
 import { AfterViewInit, OnInit, QueryList } from '@angular/core';
 import { MatTabGroup } from '@angular/material/tabs';
-import { Constructable, Disposable } from '@coolon/pectin';
+import { Constructable, Disposable, MutableValueModel } from '@coolon/pectin';
 import { AbstractInteractionContext } from '../../abstract-interaction-context';
 import { Activity } from '../../activity';
 import { ActivityRef } from '../../activity-ref';
@@ -10,13 +10,14 @@ export declare class ActivityContainerComponent<D, R, E> extends AbstractInterac
     dynamicHeight: boolean;
     tabs: MatTabGroup;
     activityOutlets: QueryList<ActivityOutletComponent<any, any, any>>;
-    activityTabs: ActivityRef<any, any, any>[];
+    activityRefs: ActivityRef<any, any, any>[];
     private _identifier;
     private _deferredCleanUp;
     private interactionServiceApi;
     private garbage;
     private syncSelectedTabTimeout;
     private onAnimationFinishedJob;
+    readonly inAnimation: MutableValueModel<boolean>;
     constructor();
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -52,5 +53,6 @@ export declare class ActivityContainerComponent<D, R, E> extends AbstractInterac
      */
     private synchroniseSelectedTabIndex;
     private getSelectedOutlet;
+    getSelectedTabIndex(): number;
     private triggerTabSynchronisation;
 }

package/lib/place/components/abstract-place-navigation.component.d.ts

@@ -1,7 +1,7 @@
 import { OnInit } from '@angular/core';
 import { Command, Constructable, DelegatingValueModel, ListModel, ListModelChain, ValueModel } from '@coolon/pectin';
+import { CommandFace } from '../../components/commands/command-face';
 import { DisposableComponent } from '../../components/disposable-component';
-import { NavItem } from '../nav-item';
 import { PlaceComponent } from '../place-component';
 import { PlaceDefinition } from '../place-definition';
 import { PlaceRouter } from '../place-router';
@@ -16,7 +16,7 @@ export declare class AbstractPlaceNavigationComponent extends DisposableComponen
     readonly _activePlaceComponent: DelegatingValueModel<PlaceComponent>;
     private activePlaceDefinition;
     constructor(placeRouter: PlaceRouter);
-    getNav(placeDef: PlaceDefinition): NavItem;
+    getNavigationFace(placeDef: PlaceDefinition): CommandFace;
     isActive(place: PlaceDefinition): boolean;
     ngOnInit(): void;
 }

package/lib/place/components/place-outlet/place-outlet.component.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, OnInit } from '@angular/core';
 import { ActivatedRoute, Router, RouterOutlet } from '@angular/router';
-import { Constructable, ListModel, ValueModel, ValueModelChain } from '@coolon/pectin';
+import { BooleanValueModelChain, Constructable, ListModel, ValueModel, ValueModelChain } from '@coolon/pectin';
 import { DisposableComponent } from '../../../components/disposable-component';
 import { PlaceComponent } from '../../place-component';
 import { PlaceConfig } from '../../place-config';
@@ -16,16 +16,21 @@ export declare class PlaceOutletComponent extends DisposableComponent implements
     customPlaceAnimationOrder: Constructable<PlaceComponent>[];
     readonly placeChanged: EventEmitter<PlaceComponent>;
     routerOut: RouterOutlet;
+    private onAnimationFinishedJob;
     private outletActivated;
     private readonly _activatedRouteModel;
     private readonly _activePlaceModel;
     private readonly _activePlaceDefinition;
     private parentOutletModel;
-    readonly placeAnimationOrder: ValueModelChain<number>;
+    readonly activePlaceAnimationPosition: ValueModelChain<number>;
     private initialPlaceIndex;
     private routerVisitModel;
     private _isPushingVisitToRoute;
     private navigationInProgress;
+    private isVeryFirstLoad;
+    private placesInAnimationOrder;
+    private animationSupported;
+    readonly animationEnabled: BooleanValueModelChain;
     constructor(router: Router, placeRouter: PlaceRouter, placeConfig: PlaceConfig, parentOutlet: PlaceOutletComponent);
     ngOnInit(): void;
     getAnimationOrder(): number;
@@ -35,6 +40,7 @@ export declare class PlaceOutletComponent extends DisposableComponent implements
     get activePlaceModel(): ValueModel<PlaceComponent>;
     get activatedRouteModel(): ValueModel<ActivatedRoute>;
     onOutletActivated(routerOutlet: RouterOutlet, place: PlaceComponent): void;
+    private validateAnimationState;
     onOutletDeactivated(): void;
     private checkStateAndInitialise;
     private initialisePlace;

package/lib/place/components/side-place-navigation/side-place-navigation.component.d.ts

@@ -40,7 +40,7 @@ import { AbstractPlaceNavigationComponent } from '../abstract-place-navigation.c
  * (at)Place({
  *   path: 'myPlace',
  *   data: {
- *     nav: I18n.places.myPlace.nav()
+ *     nav: I18n.places.myPlace.nav
  *   }
  * })
  */

package/lib/place/place-component.d.ts

@@ -10,6 +10,7 @@ export declare const ROUTE_PARAMETER_LIST_KEY: unique symbol;
 export declare class PlaceComponent extends DisposableComponent {
     private visitModel;
     private _inVisitUpdate;
+    private _active;
     interactionContext?: InteractionContext;
     canDeactivate?(interactionContext: InteractionContext): boolean | Promise<boolean>;
     constructor();
@@ -19,6 +20,11 @@ export declare class PlaceComponent extends DisposableComponent {
     private installBinding;
     get placeDefinition(): PlaceDefinition;
     get childPlaces(): Constructable<PlaceComponent>[];
+    get active(): import("@coolon/pectin").ValueModel<boolean>;
+    /**
+     * Called by the router when the place is ready to interact after any animations have run.
+     */
+    _notifyActive(active: boolean): void;
     onPlaceReady(): void;
 }
 export declare namespace PlaceComponent {

package/package.json

@@ -1,22 +1,24 @@
 {
   "name": "@coolon/angular-ui-powerups",
-  "version": "2.0.0-alpha.9",
+  "version": "2.0.0",
   "schematics": "./schematics/collection.json",
   "dependencies": {
     "@coolon/typescript-utilities": "^2.0.0",
     "@typescript-plus/fast-memoize-decorator": "^0.1.0",
     "json5": "^2.1.0",
     "ts-morph": "^7.0.3",
+    "@angular/router": "^9.1.9",
+    "@coolon/angular-ui-powerups": "file:dist/libs/angular-ui-powerups",
     "@angular/forms": "^9.1.9",
     "@angular/platform-browser": "^9.1.9",
+    "typescript-string-enums": "^1.0.0",
     "factory.ts": "^0.5.1",
     "faker": "^4.1.0",
-    "immer": "^6.0.5",
     "@angular/platform-browser-dynamic": "^9.1.9",
     "@angular/flex-layout": "^9.0.0-beta.31",
-    "@angular/router": "^9.1.9",
     "rxjs": "~6.5.5",
-    "reflect-metadata": "^0.1.13"
+    "reflect-metadata": "^0.1.13",
+    "zone.js": "~0.10.2"
   },
   "peerDependencies": {
     "@angular/common": "^9.1.9",
@@ -24,7 +26,7 @@
     "@angular/material": "^9.2.4",
     "@angular/animations": "^9.1.9",
     "@angular/cdk": "^9.2.4",
-    "@coolon/pectin": ">=3.0.0-alpha.18",
+    "@coolon/pectin": ">=3.0.0-alpha.27",
     "resize-observer-polyfill": "^1.5.1",
     "@fortawesome/angular-fontawesome": "^0.6.1",
     "@fortawesome/fontawesome-svg-core": "^1.2.28",

package/schematics/bootstrap-app/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { Schema } from './schema';
+export declare function bootstrapApp(_options: Schema): Rule;

package/schematics/bootstrap-app/index.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@angular-devkit/core");
+const schematics_1 = require("@angular-devkit/schematics");
+const package_util_1 = require("../package-util");
+// @see https://javascript-conference.com/blog/how-to-create-your-own-angular-schematics/
+function bootstrapApp(_options) {
+    return (tree, _context) => {
+        const workspaceConfig = tree.read('/angular.json');
+        if (!workspaceConfig) {
+            throw new Error('Could not find Angular workspace configuration');
+        }
+        // convert workspace to string
+        const workspaceContent = workspaceConfig.toString();
+        // parse workspace string into JSON object
+        const workspace = JSON.parse(workspaceContent);
+        if (!_options.project) {
+            _options.project = workspace.defaultProject;
+        }
+        const templateSource = schematics_1.apply(schematics_1.url('./templates'), [
+            schematics_1.template(Object.assign(Object.assign({}, _options), core_1.strings)),
+            schematics_1.move(`apps/${_options.project}/src`),
+        ]);
+        const fileMerge = schematics_1.mergeWith(templateSource, schematics_1.MergeStrategy.Overwrite);
+        const rule = schematics_1.chain([
+            fileMerge,
+            updatePackageJsonScripts(_options)
+        ]);
+        return rule(tree, _context);
+    };
+}
+exports.bootstrapApp = bootstrapApp;
+function updatePackageJsonScripts(_options) {
+    return (tree, _) => {
+        return package_util_1.updatePackageJson(tree, draft => {
+            draft.scripts = Object.assign(Object.assign({}, draft.scripts), { [`place-routes:${_options.project}`]: `ng generate @coolon/angular-ui-powerups:place-routes --project ${_options.project}`, [`i18n:${_options.project}`]: `i18n-resource-generator apps/${_options.project}/src/i18n apps/${_options.project}/src/app` });
+        });
+    };
+}
+// function generateApp(name: string): Rule {
+//   return externalSchematic('@nrwl/angular', 'application', {
+//     name,
+//     version: '9.0.0',
+//     directory: name,
+//     routing: true,
+//     style: 'scss',
+//     inlineStyle: false,
+//     inlineTemplate: false
+//   });
+// }
+// export function addFiles(_options: any): Rule {
+//   const name = _options.name;
+//
+//   return (tree: Tree, _context: SchematicContext) => {
+//
+//     const templateSource = apply(url('./files'), [
+//       template({ ..._options, ...strings })
+//     ]);
+//     const fileMerge = mergeWith(templateSource, MergeStrategy.Overwrite);
+//
+//     const rule = chain([
+//       fileMerge
+//     ]);
+//
+//     return rule(tree, _context) as Rule;
+//   };
+// }
+// function addDependencies(options: Schema): Rule {
+//   return (tree: Tree, _context: SchematicContext) => {
+//     _context.addTask(new RunSchematicTask('add-dependencies', options));
+//     return tree;
+//   };
+// }
+//
+// function addRequiredFiles(options: Schema): Rule {
+//   return (tree: Tree, _context: SchematicContext) => {
+//     _context.addTask(new RunSchematicTask('add-files', options));
+//     return tree;
+//   };
+// }
+//# sourceMappingURL=index.js.map

package/schematics/bootstrap-app/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/schematics/bootstrap-app/index.ts"],"names":[],"mappings":";;AAAA,+CAA6D;AAC7D,2DAUoC;AACpC,kDAAoD;AAGpD,yFAAyF;AAEzF,SAAgB,YAAY,CAAC,QAAgB;IAE3C,OAAO,CAAC,IAAU,EAAE,QAA0B,EAAE,EAAE;QAGhD,MAAM,eAAe,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACnD,IAAI,CAAC,eAAe,EAAE;YACpB,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;SACnE;QAED,8BAA8B;QAC9B,MAAM,gBAAgB,GAAG,eAAe,CAAC,QAAQ,EAAE,CAAC;QAEpD,0CAA0C;QAC1C,MAAM,SAAS,GAA2C,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QAEvF,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE;YACrB,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC,cAAc,CAAC;SAC7C;QAED,MAAM,cAAc,GAAG,kBAAK,CAC1B,gBAAG,CAAC,aAAa,CAAC,EAAE;YAClB,qBAAQ,iCAAM,QAAQ,GAAK,cAAO,EAAG;YACrC,iBAAI,CAAC,QAAQ,QAAQ,CAAC,OAAO,MAAM,CAAC;SACrC,CAAC,CAAC;QACL,MAAM,SAAS,GAAG,sBAAS,CAAC,cAAc,EAAE,0BAAa,CAAC,SAAS,CAAC,CAAC;QAErE,MAAM,IAAI,GAAG,kBAAK,CAAC;YACjB,SAAS;YACT,wBAAwB,CAAC,QAAQ,CAAC;SACnC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAS,CAAC;IACtC,CAAC,CAAC;AACJ,CAAC;AAlCD,oCAkCC;AAED,SAAS,wBAAwB,CAAC,QAAgB;IAChD,OAAO,CAAC,IAAU,EAAE,CAAmB,EAAQ,EAAE;QAC/C,OAAO,gCAAiB,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE;YACrC,KAAK,CAAC,OAAO,mCACR,KAAK,CAAC,OAAO,KAChB,CAAC,gBAAgB,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,kEAAkE,QAAQ,CAAC,OAAO,EAAE,EAC1H,CAAC,QAAQ,QAAQ,CAAC,OAAO,EAAE,CAAC,EAAE,gCAAgC,QAAQ,CAAC,OAAO,kBAAkB,QAAQ,CAAC,OAAO,UAAU,GAC3H,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;AACJ,CAAC;AAGD,6CAA6C;AAC7C,+DAA+D;AAC/D,YAAY;AACZ,wBAAwB;AACxB,uBAAuB;AACvB,qBAAqB;AACrB,qBAAqB;AACrB,0BAA0B;AAC1B,4BAA4B;AAC5B,QAAQ;AACR,IAAI;AAGJ,kDAAkD;AAClD,gCAAgC;AAChC,EAAE;AACF,yDAAyD;AACzD,EAAE;AACF,qDAAqD;AACrD,8CAA8C;AAC9C,UAAU;AACV,4EAA4E;AAC5E,EAAE;AACF,2BAA2B;AAC3B,kBAAkB;AAClB,UAAU;AACV,EAAE;AACF,2CAA2C;AAC3C,OAAO;AACP,IAAI;AAGJ,oDAAoD;AACpD,yDAAyD;AACzD,2EAA2E;AAC3E,mBAAmB;AACnB,OAAO;AACP,IAAI;AACJ,EAAE;AACF,qDAAqD;AACrD,yDAAyD;AACzD,oEAAoE;AACpE,mBAAmB;AACnB,OAAO;AACP,IAAI"}

package/schematics/bootstrap-app/schema.d.ts

@@ -0,0 +1,3 @@
+export interface Schema {
+    project: string;
+}

package/schematics/bootstrap-app/schema.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=schema.js.map

package/schematics/bootstrap-app/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../../libs/angular-ui-powerups/schematics/bootstrap-app/schema.ts"],"names":[],"mappings":""}

package/schematics/bootstrap-app/schema.json

@@ -0,0 +1,19 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "id": "AupBootstrapSchematic",
+  "type": "object",
+  "description": "Install all Angular UI Powerup dependencies",
+  "properties": {
+    "project": {
+      "type": "string",
+      "description": "The name of the project.",
+      "$default": {
+        "$source": "projectName"
+      }
+    }
+  },
+  "required": [
+    "project"
+  ]
+
+}

package/schematics/bootstrap-app/templates/app/app-routing.module.ts

@@ -0,0 +1,19 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { GarbageCollector } from '@coolon/pectin';
+import { placeRoutes } from './places/place-routes';
+
+const routes: Routes = [
+  ...placeRoutes,
+  { path: '**', redirectTo: 'home' }
+];
+
+@NgModule({
+  imports: [RouterModule.forRoot(routes, {
+    enableTracing: false
+  })],
+  exports: [RouterModule]
+})
+export class AppRoutingModule extends GarbageCollector {
+
+}

package/schematics/bootstrap-app/templates/app/auth/auth.guard.spec.ts

@@ -0,0 +1,15 @@
+import { TestBed, async, inject } from '@angular/core/testing';
+
+import { AuthGuard } from './auth.guard';
+
+describe('AuthGuard', () => {
+  beforeEach(() => {
+    TestBed.configureTestingModule({
+      providers: [AuthGuard]
+    });
+  });
+
+  it('should ...', inject([AuthGuard], (guard: AuthGuard) => {
+    expect(guard).toBeTruthy();
+  }));
+});

package/schematics/bootstrap-app/templates/app/auth/auth.guard.ts

@@ -0,0 +1,23 @@
+import { Injectable } from '@angular/core';
+import { ActivatedRouteSnapshot, CanActivate, RouterStateSnapshot, UrlTree } from '@angular/router';
+import { AuthService } from './auth.service';
+
+
+@Injectable({
+  providedIn: 'root'
+})
+export class AuthGuard implements CanActivate {
+
+  constructor(private auth: AuthService) {
+  }
+
+  async canActivate(next: ActivatedRouteSnapshot,
+                    state: RouterStateSnapshot): Promise<boolean | UrlTree> {
+    /* Try to auth with the server. If auth'e'd resolve to true, else resolve to false */
+    if (this.auth.authenticated.value) {
+      return true;
+    } else {
+      this.auth.startLoginFlow();
+    }
+  }
+}

package/schematics/bootstrap-app/templates/app/auth/auth.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { AuthGuard } from './auth.guard';
+
+@NgModule({
+  declarations: [],
+  imports: [],
+  providers: [
+    AuthGuard,
+    // {provide: AuthService, useClass: MyAuthServiceClass }
+  ]
+})
+export class AuthModule {
+}

package/schematics/bootstrap-app/templates/app/auth/auth.service.ts

@@ -0,0 +1,13 @@
+import {GarbageCollector, ValueModel} from "@coolon/pectin";
+
+export abstract class AuthService<T = unknown> extends GarbageCollector {
+    abstract readonly authenticated: ValueModel<boolean>
+    abstract readonly userModel: ValueModel<T>
+
+    abstract init(): Promise<boolean>
+
+    abstract startLoginFlow(): void;
+
+    abstract logout(): void;
+
+}

package/schematics/bootstrap-app/templates/app/i18n.ts

@@ -0,0 +1,9 @@
+//  Don't edit: This file will be generated when you run the i18n task.
+export namespace I18n {
+  export namespace places {
+    export namespace home {
+      export const nav = {
+      }
+    }
+  }
+}

package/schematics/bootstrap-app/templates/app/places/home/home.component.html

@@ -0,0 +1 @@
+<p>Home works!</p>

package/schematics/bootstrap-app/templates/app/places/home/home.component.scss

@@ -0,0 +1,4 @@
+:host {
+  display: flex;
+  flex-direction: column;
+}

package/schematics/bootstrap-app/templates/app/places/home/home.component.spec.ts

@@ -0,0 +1,25 @@
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeComponent } from './home.component';
+
+describe('HomeComponent', () => {
+  let component: HomeComponent;
+  let fixture: ComponentFixture<HomeComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ HomeComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(HomeComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

package/schematics/bootstrap-app/templates/app/places/home/home.component.ts

@@ -0,0 +1,25 @@
+import { Component, OnInit } from '@angular/core';
+import { Place, PlaceComponent } from '@coolon/angular-ui-powerups';
+import { I18n } from '../../i18n';
+
+@Place({
+  path: 'home',
+  data: {
+    nav: I18n.places.home.nav
+  },
+  authenticate: true
+})
+@Component({
+  selector: 'home',
+  templateUrl: './home.component.html',
+  styleUrls: ['./home.component.scss']
+})
+export class HomeComponent extends PlaceComponent implements OnInit {
+
+  constructor() {
+    super();
+  }
+
+  ngOnInit() {
+  }
+}

package/schematics/bootstrap-app/templates/app/places/place-routes.ts

@@ -0,0 +1,3 @@
+import { Routes } from '@angular/router';
+
+export const placeRoutes: Routes  = [];

package/schematics/bootstrap-app/templates/app/places/places.json5

@@ -0,0 +1,3 @@
+{
+  authGuard: {className: "AuthGuard", importPath: "../auth/auth.guard"}
+}

package/schematics/bootstrap-app/templates/i18n/config.json

@@ -0,0 +1,9 @@
+{
+  "customTypeImports": {
+    "Alert": "import {Alert} from '@coolon/angular-ui-powerups'",
+    "Confirm": "import {Confirm} from '@coolon/angular-ui-powerups'",
+    "NavItem": "import {NavItem} from '@coolon/angular-ui-powerups'",
+    "CommandFace": "import {CommandFace} from '@coolon/angular-ui-powerups'",
+    "ColumnTextProperties": "import {ColumnTextProperties} from '@coolon/angular-ui-powerups'"
+  }
+}

package/schematics/bootstrap-app/templates/i18n/notifications.yml

@@ -0,0 +1,19 @@
+alerts(Alert[]):
+  unknown_error:
+    content:
+      - "Yikes, this is a bit embarrassing, we've had an error condition we weren't expecting."
+      - "It's with great shame an loathing that we can only suggest reloading the page to see if that helps..."
+    ok: "Ok, try reloading it..."
+  not_implemented:
+    content:
+      - "We haven't got around to doing this yet."
+    ok: "Bugger"
+
+confirm(Confirm[]):
+  leave_this_page:
+    content:
+      - "Would you like to go to {name}?"
+    ok: "Yep"
+    cancel: "Nope"
+
+

package/schematics/bootstrap-app/templates/i18n/places/home.yml

@@ -0,0 +1,6 @@
+places:
+  home:
+    nav(NavItem):
+      title: "Home"
+      icon: "svg:home"
+      tooltip: "Welcome Home"

package/schematics/collection.json

@@ -5,8 +5,17 @@
       "description": "Add angular-ui-powerups to your application.",
       "factory": "./ng-add/index#ngAdd"
     },
+    "bootstrap": {
+      "description": "Add angular-ui-powerup dependencies to your application.",
+      "factory": "./ng-add/index#installDependencies"
+    },
+    "bootstrap-app": {
+      "description": "Add angular-ui-powerup dependencies your application.",
+      "factory": "./bootstrap-app/index#bootstrapApp",
+      "schema": "./bootstrap-app/schema.json"
+    },
     "place-routes": {
-      "description": "Generates the place routes file",
+      "description": "Scans your source for place components and generates the place routes file",
       "factory": "./place-routes/index#generateRoutes",
       "schema": "./place-routes/schema.json"
     }

package/schematics/ng-add/index.d.ts

@@ -1,2 +1,3 @@
 import { Rule } from '@angular-devkit/schematics';
 export declare function ngAdd(_options: any): Rule;
+export declare function installDependencies(_options: any): Rule;

package/schematics/ng-add/index.js

@@ -1,12 +1,35 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const schematics_1 = require("@angular-devkit/schematics");
 const tasks_1 = require("@angular-devkit/schematics/tasks");
+const package_util_1 = require("../package-util");
 // Just return the tree
 function ngAdd(_options) {
-    return (tree, _context) => {
-        _context.addTask(new tasks_1.NodePackageInstallTask());
-        return tree;
-    };
+    return schematics_1.chain([
+        (tree, _context) => {
+            _context.addTask(new tasks_1.NodePackageInstallTask());
+            return tree;
+        },
+        installDependencies(_options)
+    ]);
 }
 exports.ngAdd = ngAdd;
+function installDependencies(_options) {
+    return (tree, _) => {
+        return package_util_1.updatePackageJson(tree, draft => {
+            draft.scripts = Object.assign(Object.assign({}, draft.scripts), { "place-routes": "run-s place-routes:**", "i18n": "run-s i18n:**" });
+            draft.dependencies = Object.assign(Object.assign({}, draft.dependencies), { '@coolon/pectin': '^3.0.0', '@coolon/typescript-utilities': '^2.0.2', 'roboto-fontface': '^0.10.0', '@fortawesome/angular-fontawesome': '^0.6.1', '@fortawesome/fontawesome-free': '5.13.1', '@fortawesome/fontawesome-svg-core': '^1.2.29', '@fortawesome/free-solid-svg-icons': '^5.13.1', '@js-joda/core': '^1.11.0', '@js-joda/locale': '^3.0.0', '@js-joda/timezone': '^2.1.1', 'cldr-data': '^36.0.0', 'cldrjs': '^0.5.4', 'immer': '^7.0.5', 'reflect-metadata': '^0.1.13', 'resize-observer-polyfill': '^1.5.1', 'typescript-string-enums': '^1.0.0', 'moment': '2.27.0' });
+            draft.devDependencies = Object.assign(Object.assign({}, draft.devDependencies), { 'husky': '^4.2.0', '@coolon/i18n-resource-generator': '^2.0.13', 'barrelsby': '^2.1.1', 'dotenv': '6.2.0', 'cz-conventional-changelog': '^3.1.0', 'git-is-clean': '^3.0.1', 'shx': '^0.3.2', 'standard-version': '^8.0.0' });
+            draft.config = Object.assign(Object.assign({}, draft.config), { commitizen: {
+                    path: './node_modules/cz-conventional-changelog'
+                } });
+            draft.husky = {
+                'hooks': {
+                    'commit-msg': 'commitlint -E HUSKY_GIT_PARAMS'
+                }
+            };
+        });
+    };
+}
+exports.installDependencies = installDependencies;
 //# sourceMappingURL=index.js.map