feat(journey): tracking/history user lib

README.md

@@ -41,6 +41,7 @@ First check each package describe or just navigate to demo app for more informat
 | @ng-lab/http-url     | Service to define/get routes for http services      | ![npm (scoped)](https://img.shields.io/npm/v/@ng-lab/http-url.svg?color=green&style=flat)     |
 | @ng-lab/http-script  | Service to load scripts and define them on body     | ![npm (scoped)](https://img.shields.io/npm/v/@ng-lab/http-script.svg?color=green&style=flat)  |
 | @ng-lab/layout       | Create flexbox areas for any layout type            | ![npm (scoped)](https://img.shields.io/npm/v/@ng-lab/layout.svg?color=green&style=flat)       |
+| @ng-lab/journey      | Log user journey thru your app                      | ![npm (scoped)](https://img.shields.io/npm/v/@ng-lab/journey.svg?color=green&style=flat)      |
 
 #### For Development
 

angular.json

@@ -482,6 +482,38 @@
           "styleext": "scss"
         }
       }
+    },
+    "journey": {
+      "projectType": "library",
+      "root": "libs/journey",
+      "sourceRoot": "libs/journey/src",
+      "prefix": "ui",
+      "architect": {
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "libs/journey/tsconfig.lib.json",
+              "libs/journey/tsconfig.spec.json"
+            ],
+            "exclude": ["**/node_modules/**", "!libs/journey/**"]
+          }
+        },
+        "test": {
+          "builder": "@nrwl/jest:jest",
+          "options": {
+            "jestConfig": "libs/journey/jest.config.js",
+            "tsConfig": "libs/journey/tsconfig.spec.json",
+            "passWithNoTests": true,
+            "setupFile": "libs/journey/src/test-setup.ts"
+          }
+        }
+      },
+      "schematics": {
+        "@nrwl/angular:component": {
+          "styleext": "scss"
+        }
+      }
     }
   },
   "cli": {

apps/ng-lab-demo/src/app/app.component.html

@@ -18,7 +18,10 @@
   [width]="'300px'"
   class="ui-sidebar"
   [uiLayoutResizer]="edgeSettings"
+  [resizeMinimalWidth]="150"
+  #sidebarReferece
 >
+  <span style="position: absolute; top: 0; right: 0; width: 20px; height: 20px;" uiLayoutExpand [uiLayoutExpandRef]="sidebarReferece">1</span>
   <header class="ui-sidebar__header">
     <h3 class="ui-sidebar__title">Packages</h3>
   </header>

apps/ng-lab-demo/src/app/app.component.ts

@@ -1,4 +1,4 @@
-import { Component } from '@angular/core';
+import { Component, OnInit } from '@angular/core';
 import { EDGES } from '@ng-lab/layout';
 import { Snippet } from './components/code/code-snipet';
 
@@ -10,7 +10,7 @@ import { of, Observable } from 'rxjs';
   templateUrl: './app.component.html',
   styleUrls: ['./app.component.scss']
 })
-export class AppComponent {
+export class AppComponent implements OnInit {
   title = 'ng-lab-demo';
 
   edgeSettings = {
@@ -44,4 +44,6 @@ export class AppComponent {
   public handlerResponsiveChange(change: ResponsiveChangeInterface): void {
     this.responsive$ = of(change);
   }
+
+  ngOnInit() {}
 }