feature(setting-management-config): create library and move settings config to here

npm/ng-packs/angular.json

@@ -288,6 +288,41 @@
           }
         }
       }
+    },
+    "setting-management-config": {
+      "projectType": "library",
+      "root": "packages/setting-management-config",
+      "sourceRoot": "packages/setting-management-config/src",
+      "prefix": "abp",
+      "architect": {
+        "build": {
+          "builder": "@angular-devkit/build-ng-packagr:build",
+          "options": {
+            "tsConfig": "packages/setting-management-config/tsconfig.lib.json",
+            "project": "packages/setting-management-config/ng-package.json"
+          }
+        },
+        "test": {
+          "builder": "@angular-devkit/build-angular:karma",
+          "options": {
+            "main": "packages/setting-management-config/src/test.ts",
+            "tsConfig": "packages/setting-management-config/tsconfig.spec.json",
+            "karmaConfig": "packages/setting-management-config/karma.conf.js"
+          }
+        },
+        "lint": {
+          "builder": "@angular-devkit/build-angular:tslint",
+          "options": {
+            "tsConfig": [
+              "packages/setting-management-config/tsconfig.lib.json",
+              "packages/setting-management-config/tsconfig.spec.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
+          }
+        }
+      }
     }
   },
   "defaultProject": "core"

npm/ng-packs/package.json

@@ -5,10 +5,10 @@
     "abpng": "abpng"
   },
   "devDependencies": {
-    "@abp/ng.core": "^0.8.3",
+    "@abp/ng.core": "^0.9.0",
-    "@abp/ng.feature-management": "^0.8.3",
+    "@abp/ng.feature-management": "^0.9.0",
-    "@abp/ng.permission-management": "^0.8.3",
+    "@abp/ng.permission-management": "^0.9.0",
-    "@abp/ng.theme.shared": "^0.8.3",
+    "@abp/ng.theme.shared": "^0.9.0",
     "@angular-devkit/build-angular": "~0.803.5",
     "@angular-devkit/build-ng-packagr": "~0.803.5",
     "@angular/animations": "~8.2.7",
@@ -55,9 +55,11 @@
     "symlink-manager": "^1.3.0",
     "ts-node": "~7.0.0",
     "tsickle": "^0.35.0",
-    "tslib": "^1.9.0",
     "tslint": "~5.15.0",
     "typescript": "~3.5.3",
     "zone.js": "~0.9.1"
+  },
+  "dependencies": {
+    "tslib": "^1.10.0"
   }
 }

npm/ng-packs/packages/core/src/lib/enums/common.ts

@@ -2,5 +2,8 @@ export const enum eLayoutType {
   account = 'account',
   application = 'application',
   empty = 'empty',
+  /**
+   * @deprecated since version 0.9.0
+   */
   setting = 'setting',
 }

npm/ng-packs/packages/core/src/lib/models/common.ts

@@ -43,4 +43,8 @@ export namespace ABP {
     id: string;
     name: string;
   }
+
+  export interface Dictionary<T = any> {
+    [key: string]: T;
+  }
 }

npm/ng-packs/packages/core/src/lib/plugins/config/config.plugin.ts

@@ -8,6 +8,8 @@ import clone from 'just-clone';
 
 export const NGXS_CONFIG_PLUGIN_OPTIONS = new InjectionToken('NGXS_CONFIG_PLUGIN_OPTIONS');
 
+export const ABP_ROUTES = [] as ABP.FullRoute[];
+
 @Injectable()
 export class ConfigPlugin implements NgxsPlugin {
   private initialized: boolean = false;
@@ -38,27 +40,20 @@ export class ConfigPlugin implements NgxsPlugin {
 }
 
 function transformRoutes(routes: Routes = [], wrappers: ABP.FullRoute[] = []): any {
-  const abpRoutes: ABP.FullRoute[] = routes
+  wrappers = ABP_ROUTES.filter(ar => ar.wrapper);
-    .filter(route => {
-      return snq(() => route.data.routes.routes.find(r => r.path === route.path), false);
-    })
-    .reduce((acc, val) => [...acc, ...val.data.routes.routes], []);
-
-  wrappers = abpRoutes.filter(ar => ar.wrapper);
   const transformed = [] as ABP.FullRoute[];
   routes
-    .filter(route => (route.data || {}).routes && (route.component || route.loadChildren))
+    .filter(route => route.component || route.loadChildren)
     .forEach(route => {
-      const abpPackage = abpRoutes.find(
+      const abpPackage = ABP_ROUTES.find(abp => abp.path.toLowerCase() === route.path.toLowerCase());
-        abp => abp.path.toLowerCase() === route.path.toLowerCase() && snq(() => route.data.routes.routes.length, false),
+
-      );
       const { length } = transformed;
 
       if (abpPackage) {
         transformed.push(abpPackage);
       }
 
-      if (transformed.length === length) {
+      if (transformed.length === length && (route.data || {}).routes) {
         transformed.push({
           ...route.data.routes,
           path: route.path,

npm/ng-packs/packages/identity/src/lib/identity-routing.module.ts

@@ -9,21 +9,20 @@ import { UserResolver } from './resolvers/users.resolver';
 const routes: Routes = [
   { path: '', redirectTo: 'roles', pathMatch: 'full' },
   {
-    path: 'roles',
+    path: '',
     component: DynamicLayoutComponent,
     canActivate: [AuthGuard, PermissionGuard],
-    data: { requiredPolicy: 'AbpIdentity.Roles' },
-    children: [{ path: '', component: RolesComponent, resolve: [RoleResolver] }],
-  },
-  {
-    path: 'users',
-    component: DynamicLayoutComponent,
-    canActivate: [AuthGuard, PermissionGuard],
-    data: { requiredPolicy: 'AbpIdentity.Users' },
     children: [
       {
-        path: '',
+        path: 'roles',
+        component: RolesComponent,
+        resolve: [RoleResolver],
+        data: { requiredPolicy: 'AbpIdentity.Roles' },
+      },
+      {
+        path: 'users',
         component: UsersComponent,
+        data: { requiredPolicy: 'AbpIdentity.Users' },
         resolve: [RoleResolver, UserResolver],
       },
     ],

npm/ng-packs/packages/setting-management-config/README.md

@@ -0,0 +1,24 @@
+# SettingManagementConfig
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 8.2.7.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project setting-management-config` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project setting-management-config`.
+> Note: Don't forget to add `--project setting-management-config` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build setting-management-config` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build setting-management-config`, go to the dist folder `cd dist/setting-management-config` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test setting-management-config` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

npm/ng-packs/packages/setting-management-config/karma.conf.js

@@ -0,0 +1,32 @@
+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular-devkit/build-angular'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular-devkit/build-angular/plugins/karma')
+    ],
+    client: {
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      dir: require('path').join(__dirname, '../../coverage/setting-management-config'),
+      reports: ['html', 'lcovonly', 'text-summary'],
+      fixWebpackSourcePaths: true
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false,
+    restartOnFileChange: true
+  });
+};

npm/ng-packs/packages/setting-management-config/ng-package.json

@@ -0,0 +1,7 @@
+{
+  "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
+  "dest": "../../dist/setting-management-config",
+  "lib": {
+    "entryFile": "src/public-api.ts"
+  }
+}

npm/ng-packs/packages/setting-management-config/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@abp/ng.setting-management.config",
+  "version": "0.0.1",
+  "publishConfig": {
+    "access": "public"
+  }
+}

npm/ng-packs/packages/setting-management-config/src/lib/services/setting-management-config.service.ts

@@ -0,0 +1,18 @@
+import { Injectable } from '@angular/core';
+import { ABP_ROUTES, eLayoutType } from '@abp/ng.core';
+
+@Injectable({
+  providedIn: 'root',
+})
+export class SettingManagementConfigService {
+  constructor() {
+    ABP_ROUTES.push({
+      name: 'Settings',
+      path: 'setting-management',
+      parentName: 'AbpUiNavigation::Menu:Administration',
+      layout: eLayoutType.application,
+      order: 6,
+      iconClass: 'fa fa-cog',
+    });
+  }
+}

npm/ng-packs/packages/setting-management-config/src/lib/setting-management-config.module.ts

@@ -0,0 +1,8 @@
+import { NgModule, APP_INITIALIZER } from '@angular/core';
+import { SettingManagementConfigService } from './services/setting-management-config.service';
+import { noop } from '@abp/ng.core';
+
+@NgModule({
+  providers: [{ provide: APP_INITIALIZER, deps: [SettingManagementConfigService], useFactory: noop, multi: true }],
+})
+export class SettingManagementConfigModule {}

npm/ng-packs/packages/setting-management-config/src/public-api.ts

@@ -0,0 +1 @@
+export * from './lib/setting-management-config.module';

npm/ng-packs/packages/setting-management-config/src/test.ts

@@ -0,0 +1,21 @@
+// This file is required by karma.conf.js and loads recursively all the .spec and framework files
+
+import 'zone.js/dist/zone';
+import 'zone.js/dist/zone-testing';
+import { getTestBed } from '@angular/core/testing';
+import {
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting
+} from '@angular/platform-browser-dynamic/testing';
+
+declare const require: any;
+
+// First, initialize the Angular testing environment.
+getTestBed().initTestEnvironment(
+  BrowserDynamicTestingModule,
+  platformBrowserDynamicTesting()
+);
+// Then we find all the tests.
+const context = require.context('./', true, /\.spec\.ts$/);
+// And load the modules.
+context.keys().map(context);

npm/ng-packs/packages/setting-management-config/tsconfig.lib.json

@@ -0,0 +1,26 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "target": "es2015",
+    "declaration": true,
+    "inlineSources": true,
+    "types": [],
+    "lib": [
+      "dom",
+      "es2018"
+    ]
+  },
+  "angularCompilerOptions": {
+    "annotateForClosureCompiler": true,
+    "skipTemplateCodegen": true,
+    "strictMetadataEmit": true,
+    "fullTemplateTypeCheck": true,
+    "strictInjectionParameters": true,
+    "enableResourceInlining": true
+  },
+  "exclude": [
+    "src/test.ts",
+    "**/*.spec.ts"
+  ]
+}

npm/ng-packs/packages/setting-management-config/tsconfig.spec.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine",
+      "node"
+    ]
+  },
+  "files": [
+    "src/test.ts"
+  ],
+  "include": [
+    "**/*.spec.ts",
+    "**/*.d.ts"
+  ]
+}

npm/ng-packs/packages/setting-management-config/tslint.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../tslint.json",
+  "rules": {
+    "directive-selector": [
+      true,
+      "attribute",
+      "abp",
+      "camelCase"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "abp",
+      "kebab-case"
+    ]
+  }
+}

npm/ng-packs/packages/setting-management/ng-package.json

@@ -4,5 +4,5 @@
   "lib": {
     "entryFile": "src/public-api.ts"
   },
-  "whitelistedNonPeerDependencies": ["@abp/ng.theme.shared"]
+  "whitelistedNonPeerDependencies": ["@abp/ng.theme.shared", "@abp/ng.setting-management.config"]
 }

npm/ng-packs/packages/setting-management/package.json

@@ -2,7 +2,8 @@
   "name": "@abp/ng.setting-management",
   "version": "0.9.0",
   "dependencies": {
-    "@abp/ng.theme.shared": "^0.9.0"
+    "@abp/ng.theme.shared": "^0.9.0",
+    "@abp/ng.setting-management.config": "^0.0.1"
   },
   "publishConfig": {
     "access": "public"

npm/ng-packs/packages/setting-management/src/lib/components/setting-layout.component.ts

@@ -1,29 +0,0 @@
-import { eLayoutType } from '@abp/ng.core';
-import { SettingTab } from '@abp/ng.theme.shared';
-import { Component, TrackByFunction } from '@angular/core';
-import { Router } from '@angular/router';
-import { timer } from 'rxjs';
-import { SettingManagementService } from '../services/setting-management.service';
-
-@Component({
-  selector: 'abp-setting-layout',
-  templateUrl: './setting-layout.component.html',
-})
-export class SettingLayoutComponent {
-  // required for dynamic component
-  static type = eLayoutType.setting;
-
-  trackByFn: TrackByFunction<SettingTab> = (_, item) => item.name;
-
-  constructor(public settingManagementService: SettingManagementService, private router: Router) {
-    if (
-      settingManagementService.selected &&
-      this.router.url !== settingManagementService.selected.url &&
-      settingManagementService.settings.length
-    ) {
-      settingManagementService.setSelected(settingManagementService.settings[0]);
-    }
-  }
-
-  ngOnDestroy() {}
-}

npm/ng-packs/packages/setting-management/src/lib/components/setting-layout.component.html → npm/ng-packs/packages/setting-management/src/lib/components/setting-management.component.html

@@ -13,20 +13,15 @@
 <div id="SettingManagementWrapper">
   <div class="card">
     <div class="card-body">
-      <div *ngIf="!settingManagementService.settings.length" class="text-center">
+      <div *ngIf="!settings.length" class="text-center">
         <i class="fa fa-spinner fa-spin"></i>
       </div>
       <div class="row">
         <div class="col-3">
           <ul class="nav flex-column nav-pills" id="nav-tab" role="tablist">
             <li
-              *abpFor="
+              *abpFor="let setting of settings; trackBy: trackByFn"
-                let setting of settingManagementService.settings;
+              (click)="selected = setting"
-                trackBy: trackByFn;
-                orderBy: 'order';
-                orderDir: 'ASC'
-              "
-              (click)="settingManagementService.setSelected(setting)"
               class="nav-item"
               [abpPermission]="setting.requiredPolicy"
             >
@@ -34,20 +29,16 @@
                 class="nav-link"
                 [id]="setting.name + '-tab'"
                 role="tab"
-                [class.active]="setting.name === settingManagementService.selected.name"
+                [class.active]="setting.name === selected.name"
                 >{{ setting.name | abpLocalization }}</a
               >
             </li>
           </ul>
         </div>
         <div class="col-9">
-          <div *ngIf="settingManagementService.settings.length" class="tab-content">
+          <div *ngIf="settings.length" class="tab-content">
-            <div
+            <div class="tab-pane fade show active" [id]="selected.name + '-tab'" role="tabpanel">
-              class="tab-pane fade show active"
+              <ng-container *ngComponentOutlet="selected.component"></ng-container>
-              [id]="settingManagementService.selected.name + '-tab'"
-              role="tabpanel"
-            >
-              <router-outlet></router-outlet>
             </div>
           </div>
         </div>

npm/ng-packs/packages/setting-management/src/lib/components/setting-management.component.ts

@@ -0,0 +1,52 @@
+import { SettingTab } from '@abp/ng.theme.shared';
+import { Component, TrackByFunction } from '@angular/core';
+import { Router } from '@angular/router';
+import { ABP, ConfigState } from '@abp/ng.core';
+import { Store } from '@ngxs/store';
+
+@Component({
+  selector: 'abp-setting-management',
+  templateUrl: './setting-management.component.html',
+})
+export class SettingManagementComponent {
+  settings: SettingTab[] = [];
+
+  selected = {} as SettingTab;
+
+  trackByFn: TrackByFunction<SettingTab> = (_, item) => item.name;
+
+  constructor(private router: Router, private store: Store) {}
+
+  ngOnInit() {
+    this.setSettings();
+  }
+
+  setSettings() {
+    const { data } = this.router.config.find(r => r.path === 'setting-management') as {
+      data: ABP.Dictionary<SettingTab>;
+    };
+
+    if (data) {
+      Object.keys(data).forEach(key => {
+        const element = data[key];
+        if (element && element.component) {
+          if (
+            element.requiredPolicy &&
+            !this.store.selectSnapshot(ConfigState.getGrantedPolicy(element.requiredPolicy))
+          ) {
+            return;
+          }
+
+          this.settings.push(element);
+        }
+      });
+
+      if (this.settings.length) {
+        this.settings = this.settings.sort((a, b) => a.order - b.order);
+        this.selected = this.settings[0];
+      }
+    }
+  }
+
+  ngOnDestroy() {}
+}

npm/ng-packs/packages/setting-management/src/lib/constants/index.ts

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

npm/ng-packs/packages/setting-management/src/lib/constants/routes.ts

@@ -1,14 +0,0 @@
-import { ABP, eLayoutType } from '@abp/ng.core';
-
-export const SETTING_MANAGEMENT_ROUTES = {
-  routes: [
-    {
-      name: 'Settings',
-      path: 'setting-management',
-      parentName: 'AbpUiNavigation::Menu:Administration',
-      layout: eLayoutType.application,
-      order: 6,
-      iconClass: 'fa fa-cog',
-    },
-  ] as ABP.FullRoute[],
-};

npm/ng-packs/packages/setting-management/src/lib/services/setting-management.service.ts

@@ -1,61 +0,0 @@
-import { SettingTab } from '@abp/ng.theme.shared';
-import { Injectable } from '@angular/core';
-import { Router } from '@angular/router';
-import { Navigate } from '@ngxs/router-plugin';
-import { Store, Actions, ofActionSuccessful } from '@ngxs/store';
-import { Subject } from 'rxjs';
-import { ConfigState, GetAppConfiguration } from '@abp/ng.core';
-import { OAuthService } from 'angular-oauth2-oidc';
-import { takeUntil } from 'rxjs/operators';
-
-@Injectable({ providedIn: 'root' })
-export class SettingManagementService {
-  settings: SettingTab[] = [];
-
-  selected = {} as SettingTab;
-
-  private destroy$ = new Subject();
-
-  constructor(
-    private actions: Actions,
-    private router: Router,
-    private store: Store,
-    private oAuthService: OAuthService,
-  ) {
-    setTimeout(() => this.setSettings(), 0);
-
-    this.actions
-      .pipe(ofActionSuccessful(GetAppConfiguration))
-      .pipe(takeUntil(this.destroy$))
-      .subscribe(() => {
-        if (this.oAuthService.hasValidAccessToken()) {
-          this.setSettings();
-        }
-      });
-  }
-
-  ngOnDestroy() {
-    this.destroy$.next();
-  }
-
-  setSettings() {
-    const route = this.router.config.find(r => r.path === 'setting-management');
-    this.settings = (route.data.settings as SettingTab[])
-      .filter(setting => this.store.selectSnapshot(ConfigState.getGrantedPolicy(setting.requiredPolicy)))
-      .sort((a, b) => a.order - b.order);
-    this.checkSelected();
-  }
-
-  checkSelected() {
-    this.selected = this.settings.find(setting => setting.url === this.router.url) || ({} as SettingTab);
-
-    if (!this.selected.name && this.settings.length) {
-      this.setSelected(this.settings[0]);
-    }
-  }
-
-  setSelected(selected: SettingTab) {
-    this.selected = selected;
-    this.store.dispatch(new Navigate([selected.url]));
-  }
-}

npm/ng-packs/packages/setting-management/src/lib/setting-management-routing.module.ts

@@ -1,15 +1,13 @@
-import { DynamicLayoutComponent } from '@abp/ng.core';
 import { NgModule } from '@angular/core';
 import { RouterModule, Routes } from '@angular/router';
-import { SETTING_MANAGEMENT_ROUTES } from './constants/routes';
+import { SettingManagementComponent } from './components/setting-management.component';
-import { SettingLayoutComponent } from './components/setting-layout.component';
+import { DynamicLayoutComponent } from '@abp/ng.core';
 
 const routes: Routes = [
   {
-    path: 'setting-management',
+    path: '',
     component: DynamicLayoutComponent,
-    children: [{ path: '', component: SettingLayoutComponent }],
+    children: [{ path: '', component: SettingManagementComponent }],
-    data: { routes: SETTING_MANAGEMENT_ROUTES, settings: [] },
   },
 ];
 

npm/ng-packs/packages/setting-management/src/lib/setting-management.module.ts

@@ -1,14 +1,11 @@
 import { CoreModule } from '@abp/ng.core';
 import { ThemeSharedModule } from '@abp/ng.theme.shared';
 import { NgModule } from '@angular/core';
-import { SettingLayoutComponent } from './components/setting-layout.component';
 import { SettingManagementRoutingModule } from './setting-management-routing.module';
-
+import { SettingManagementComponent } from './components/setting-management.component';
-export const SETTING_LAYOUT = SettingLayoutComponent;
 
 @NgModule({
-  declarations: [SETTING_LAYOUT],
+  declarations: [SettingManagementComponent],
   imports: [SettingManagementRoutingModule, CoreModule, ThemeSharedModule],
-  entryComponents: [SETTING_LAYOUT],
 })
 export class SettingManagementModule {}

npm/ng-packs/packages/setting-management/src/public-api.ts

@@ -1,3 +1,2 @@
 export * from './lib/setting-management.module';
-export * from './lib/constants';
+export * from './lib/components/setting-management.component';
-export * from './lib/components/setting-layout.component';

npm/ng-packs/packages/theme-shared/src/lib/contants/styles.ts

@@ -172,7 +172,7 @@ export default `
   }
 
   to {
-    transform: translateY(5px);
+    transform: translateY(0px);
     opacity: 1;
   }
 }

npm/ng-packs/packages/theme-shared/src/lib/models/setting-management.ts

@@ -1,6 +1,8 @@
+import { Type } from '@angular/core';
+
 export interface SettingTab {
+  component: Type<any>;
   name: string;
   order: number;
   requiredPolicy?: string;
-  url?: string;
 }

templates/app/angular/angular.json

@@ -23,7 +23,10 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
             "aot": false,
-            "assets": ["src/favicon.ico", "src/assets"],
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
             "styles": [
               "src/styles.scss",
               "node_modules/bootstrap/dist/css/bootstrap.min.css",
@@ -97,7 +100,10 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.spec.json",
             "karmaConfig": "karma.conf.js",
-            "assets": ["src/favicon.ico", "src/assets"],
+            "assets": [
+              "src/favicon.ico",
+              "src/assets"
+            ],
             "styles": [
               "src/styles.scss",
               "node_modules/bootstrap/dist/css/bootstrap.min.css",
@@ -112,8 +118,14 @@
         "lint": {
           "builder": "@angular-devkit/build-angular:tslint",
           "options": {
-            "tsConfig": ["tsconfig.app.json", "tsconfig.spec.json", "e2e/tsconfig.json"],
+            "tsConfig": [
-            "exclude": ["**/node_modules/**"]
+              "tsconfig.app.json",
+              "tsconfig.spec.json",
+              "e2e/tsconfig.json"
+            ],
+            "exclude": [
+              "**/node_modules/**"
+            ]
           }
         },
         "e2e": {
@@ -131,5 +143,8 @@
       }
     }
   },
-  "defaultProject": "myProjectName"
+  "defaultProject": "myProjectName",
-}
+  "cli": {
+    "analytics": "07ef29be-2b85-4919-9f78-44994f63b8b7"
+  }
+}

templates/app/angular/package.json

@@ -17,14 +17,14 @@
     "@abp/ng.identity": "^0.9.0",
     "@abp/ng.tenant-management": "^0.9.0",
     "@abp/ng.theme.basic": "^0.9.0",
-    "@angular/animations": "~8.2.2",
+    "@angular/animations": "~8.2.8",
-    "@angular/common": "~8.2.2",
+    "@angular/common": "~8.2.8",
-    "@angular/compiler": "~8.2.2",
+    "@angular/compiler": "~8.2.8",
-    "@angular/core": "~8.2.2",
+    "@angular/core": "~8.2.8",
-    "@angular/forms": "~8.2.2",
+    "@angular/forms": "~8.2.8",
-    "@angular/platform-browser": "~8.2.2",
+    "@angular/platform-browser": "~8.2.8",
-    "@angular/platform-browser-dynamic": "~8.2.2",
+    "@angular/platform-browser-dynamic": "~8.2.8",
-    "@angular/router": "~8.2.2",
+    "@angular/router": "~8.2.8",
     "@angularclass/hmr": "^2.1.3",
     "@ngxs/devtools-plugin": "^3.5.0",
     "@ngxs/hmr-plugin": "^3.5.0",
@@ -33,10 +33,10 @@
     "zone.js": "~0.9.1"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.802.2",
+    "@angular-devkit/build-angular": "~0.803.6",
-    "@angular/cli": "~8.2.2",
+    "@angular/cli": "~8.3.6",
-    "@angular/compiler-cli": "~8.2.2",
+    "@angular/compiler-cli": "~8.2.8",
-    "@angular/language-service": "~8.2.2",
+    "@angular/language-service": "~8.2.8",
     "@types/jasmine": "~3.3.8",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "~8.9.4",