[Fix] Lazy DI tokens

.prettierrc

@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "trailingComma": "all"
+}

.vscode/settings.json

@@ -1,7 +1,13 @@
 {
   "workbench.colorCustomizations": {
     "activityBar.background": "#610515",
-    "titleBar.activeBackground": "#87081D",
-    "titleBar.activeForeground": "#FFFBFC"
+    "activityBar.foreground": "#e7e7e7",
+    "activityBar.inactiveForeground": "#e7e7e799",
+    "activityBarBadge.background": "#1a7906",
+    "activityBarBadge.foreground": "#e7e7e7",
+    "titleBar.activeBackground": "#910820",
+    "titleBar.inactiveBackground": "#91082099",
+    "titleBar.activeForeground": "#e7e7e7",
+    "titleBar.inactiveForeground": "#e7e7e799"
   }
 }

CHANGELOG.md

@@ -1,5 +1,19 @@
 # NgxDynamicMenu - Changelog
 
+## [1.5.7](https://github.com/orchestratora/ngx-dynamic-menu/compare/v1.5.6...v1.5.7) (2019-03-28)
+
+
+### Bug Fixes
+
+* **menu:** do not skip children if not generated in prev step ([f908039](https://github.com/orchestratora/ngx-dynamic-menu/commit/f908039))
+
+## [1.5.6](https://github.com/orchestratora/ngx-dynamic-menu/compare/v1.5.5...v1.5.6) (2019-03-28)
+
+
+### Bug Fixes
+
+* **menu:** detech changes in items component ([9fb523d](https://github.com/orchestratora/ngx-dynamic-menu/commit/9fb523d))
+
 ## [1.5.5](https://github.com/orchestratora/ngx-dynamic-menu/compare/v1.5.4...v1.5.5) (2019-03-19)
 
 

projects/demo-e2e/protractor.conf.js

@@ -7,22 +7,22 @@ exports.config = {
   allScriptsTimeout: 11000,
   specs: ['./src/**/*.e2e-spec.ts'],
   capabilities: {
-    browserName: 'chrome',
+    browserName: 'chrome'
   },
   directConnect: true,
   baseUrl: 'http://localhost:4200/',
   framework: 'jasmine',
   jasmineNodeOpts: {
     showColors: true,
     defaultTimeoutInterval: 30000,
-    print: function() {},
+    print: function() {}
   },
   onPrepare() {
     require('ts-node').register({
-      project: require('path').join(__dirname, './tsconfig.e2e.json'),
+      project: require('path').join(__dirname, './tsconfig.e2e.json')
     });
     jasmine
       .getEnv()
       .addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
-  },
+  }
 };

projects/demo-e2e/src/app.e2e-spec.ts

@@ -21,8 +21,8 @@ describe('workspace-project App', () => {
       .get(logging.Type.BROWSER);
     expect(logs).not.toContain(
       jasmine.objectContaining({
-        level: logging.Level.SEVERE,
-      }),
+        level: logging.Level.SEVERE
+      })
     );
   });
 });

projects/demo/karma.conf.js

@@ -10,22 +10,22 @@ module.exports = function(config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage-istanbul-reporter'),
-      require('@angular-devkit/build-angular/plugins/karma'),
+      require('@angular-devkit/build-angular/plugins/karma')
     ],
     client: {
-      clearContext: false, // leave Jasmine Spec Runner output visible in browser
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
     },
     coverageIstanbulReporter: {
       dir: require('path').join(__dirname, '../../coverage/demo'),
       reports: ['html', 'lcovonly', 'text-summary'],
-      fixWebpackSourcePaths: true,
+      fixWebpackSourcePaths: true
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
     colors: true,
     logLevel: config.LOG_INFO,
     autoWatch: true,
     browsers: ['Chrome'],
-    singleRun: false,
+    singleRun: false
   });
 };

projects/demo/src/app/app-routing.module.ts

@@ -79,13 +79,25 @@ const routes: RoutesWithMenu = [
       },
     ],
   },
+  {
+    path: 'feature1',
+    // component: PrintPathComponent,
+    loadChildren: './feature1/feature1.module#Feature1Module',
+    data: {
+      menu: {
+        label: 'Feature1',
+        showChildrenIfActivated: true,
+        subMenuComponent: 'Feature1Component',
+      },
+    },
+  },
 ];
 
 @NgModule({
   imports: [RouterModule.forRoot(routes)],
   exports: [RouterModule],
   providers: [
-    DynamicMenuModule.provideSubMenu('SubMenuForSection3', Path3Component),
+    ...DynamicMenuModule.provideSubMenu('SubMenuForSection3', Path3Component),
   ],
 })
 export class AppRoutingModule {}

projects/demo/src/app/app.component.spec.ts

@@ -12,15 +12,15 @@ describe('Component: App', () => {
       imports: [RouterTestingModule],
       declarations: [AppComponent],
       providers: [{ provide: DynamicMenuService, useValue: {} }],
-      schemas: [CUSTOM_ELEMENTS_SCHEMA],
+      schemas: [CUSTOM_ELEMENTS_SCHEMA]
     });
   });
 
   it('should render <ndm-default-dynamic-menu>', () => {
     const fixture = TestBed.createComponent(AppComponent);
 
     const menuElem = fixture.debugElement.query(
-      By.css('ndm-default-dynamic-menu'),
+      By.css('ndm-default-dynamic-menu')
     );
 
     expect(menuElem).toBeTruthy();
@@ -30,7 +30,7 @@ describe('Component: App', () => {
     const fixture = TestBed.createComponent(AppComponent);
 
     const outletElem = fixture.debugElement.query(
-      By.css('ndm-default-dynamic-menu + router-outlet'),
+      By.css('ndm-default-dynamic-menu + router-outlet')
     );
 
     expect(outletElem).toBeTruthy();

projects/demo/src/app/app.component.ts

@@ -27,6 +27,10 @@ export class AppComponent implements OnInit {
       path: 'custom-path-start',
       data: { menu: { label: 'Custom Section - Start' } },
     });
+    this.dynamicMenuService.addMenuAfter([''], {
+      path: 'custom-path-after',
+      data: { menu: { label: 'Custom Section - After' } },
+    });
     this.dynamicMenuService.addMenuToEnd([''], {
       path: 'custom-path-end',
       data: { menu: { label: 'Custom Section - End' } },

projects/demo/src/app/app.module.ts

@@ -2,7 +2,7 @@ import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
 import {
   DefaultDynamicMenuComponentModule,
-  DynamicMenuModule,
+  DynamicMenuModule
 } from 'projects/dynamic-menu/src/public_api';
 
 import { AppRoutingModule } from './app-routing.module';
@@ -15,10 +15,10 @@ import { PrintPathComponent } from './print-path/print-path.component';
     BrowserModule,
     DynamicMenuModule.forRouter(),
     DefaultDynamicMenuComponentModule,
-    AppRoutingModule,
+    AppRoutingModule
   ],
   declarations: [AppComponent, PrintPathComponent, Path3Component],
   bootstrap: [AppComponent],
-  providers: [],
+  providers: []
 })
 export class AppModule {}

projects/demo/src/app/feature1/feature1.component.html

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

projects/demo/src/app/feature1/feature1.component.ts

@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-feature1',
+  templateUrl: './feature1.component.html',
+  styleUrls: ['./feature1.component.css']
+})
+export class Feature1Component implements OnInit {
+  constructor() {}
+
+  ngOnInit() {}
+}