completed ng11 migration

angular.json

@@ -44,7 +44,6 @@
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
-              "extractCss": true,
               "namedChunks": false,
               "extractLicenses": true,
               "vendorChunk": false,
@@ -132,7 +131,7 @@
       "prefix": "cdk",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "projects/openharbor/ngx-data-cdk-ui/tsconfig.lib.json",
             "project": "projects/openharbor/ngx-data-cdk-ui/ng-package.json"
@@ -172,7 +171,7 @@
       "prefix": "bsx",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "projects/openharbor/ngx-data-bootstrap-ui/tsconfig.lib.json",
             "project": "projects/openharbor/ngx-data-bootstrap-ui/ng-package.json"
@@ -212,7 +211,7 @@
       "prefix": "ps-ng",
       "architect": {
         "build": {
-          "builder": "@angular-devkit/build-ng-packagr:build",
+          "builder": "@angular-devkit/build-angular:ng-packagr",
           "options": {
             "tsConfig": "projects/openharbor/ngx-data-ng-select-ui/tsconfig.lib.json",
             "project": "projects/openharbor/ngx-data-ng-select-ui/ng-package.json"

package.json

@@ -15,14 +15,14 @@
   },
   "private": true,
   "dependencies": {
-    "@angular/animations": "~10.2.5",
+    "@angular/animations": "~11.2.14",
-    "@angular/common": "~10.2.5",
+    "@angular/common": "~11.2.14",
-    "@angular/compiler": "~10.2.5",
+    "@angular/compiler": "~11.2.14",
-    "@angular/core": "~10.2.5",
+    "@angular/core": "~11.2.14",
-    "@angular/forms": "~10.2.5",
+    "@angular/forms": "~11.2.14",
-    "@angular/platform-browser": "~10.2.5",
+    "@angular/platform-browser": "~11.2.14",
-    "@angular/platform-browser-dynamic": "~10.2.5",
+    "@angular/platform-browser-dynamic": "~11.2.14",
-    "@angular/router": "~10.2.5",
+    "@angular/router": "~11.2.14",
     "@ng-select/ng-select": "^5",
     "@openharbor/ngx-data": "^18.0.0-alpha.3",
     "@poweredsoft/data": "0.0.36",
@@ -41,23 +41,22 @@
     "zone.js": "~0.10.2"
   },
   "devDependencies": {
-    "@angular-devkit/build-angular": "~0.1002.4",
+    "@angular-devkit/build-angular": "~0.1102.19",
-    "@angular-devkit/build-ng-packagr": "~0.1002.4",
+    "@angular/cli": "~11.2.19",
-    "@angular/cli": "~10.2.4",
+    "@angular/compiler-cli": "~11.2.14",
-    "@angular/compiler-cli": "~10.2.5",
+    "@angular/language-service": "~11.2.14",
-    "@angular/language-service": "~10.2.5",
+    "@types/jasmine": "~3.6.0",
-    "@types/jasmine": "~3.5.0",
     "@types/jasminewd2": "~2.0.3",
     "@types/node": "^12.11.1",
-    "codelyzer": "^5.1.2",
+    "codelyzer": "^6.0.0",
-    "jasmine-core": "~3.5.0",
+    "jasmine-core": "~3.6.0",
     "jasmine-spec-reporter": "~5.0.0",
-    "karma": "~5.0.0",
+    "karma": "~6.4.4",
     "karma-chrome-launcher": "~3.1.0",
     "karma-coverage-istanbul-reporter": "~3.0.2",
     "karma-jasmine": "~4.0.0",
     "karma-jasmine-html-reporter": "^1.5.0",
-    "ng-packagr": "^10.1.0",
+    "ng-packagr": "^11.2.4",
     "npm-run-all": "^4.1.5",
     "protractor": "~7.0.0",
     "rimraf": "^3.0.2",
@@ -67,4 +66,4 @@
     "wait-on": "^5.0.1"
   },
   "packageManager": "yarn@1.22.22+sha1.ac34549e6aa8e7ead463a7407e1c7390f61a6610"
-}
+}

projects/openharbor/ngx-data-bootstrap-ui/tsconfig.lib.json

@@ -2,6 +2,7 @@
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../../out-tsc/lib",
+    "declarationMap": true,
     "target": "es2015",
     "declaration": true,
     "inlineSources": true,

projects/openharbor/ngx-data-bootstrap-ui/tsconfig.lib.prod.json

@@ -1,5 +1,8 @@
 {
   "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
   "angularCompilerOptions": {
     "enableIvy": false
   }

projects/openharbor/ngx-data-cdk-ui/tsconfig.lib.json

@@ -2,6 +2,7 @@
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../../out-tsc/lib",
+    "declarationMap": true,
     "target": "es2015",
     "declaration": true,
     "inlineSources": true,

projects/openharbor/ngx-data-cdk-ui/tsconfig.lib.prod.json

@@ -1,5 +1,8 @@
 {
   "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
   "angularCompilerOptions": {
     "enableIvy": false
   }

projects/openharbor/ngx-data-ng-select-ui/tsconfig.lib.json

@@ -2,6 +2,7 @@
   "extends": "../../../tsconfig.json",
   "compilerOptions": {
     "outDir": "../../../out-tsc/lib",
+    "declarationMap": true,
     "target": "es2015",
     "declaration": true,
     "inlineSources": true,

projects/openharbor/ngx-data-ng-select-ui/tsconfig.lib.prod.json

@@ -1,5 +1,8 @@
 {
   "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
   "angularCompilerOptions": {
     "enableIvy": false
   }

src/app/app-routing.module.ts

@@ -46,7 +46,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes)],
+  imports: [RouterModule.forRoot(routes, { relativeLinkResolution: 'legacy' })],
   exports: [RouterModule]
 })
 export class AppRoutingModule { }

src/app/app.component.spec.ts

@@ -1,9 +1,9 @@
-import { TestBed, async } from '@angular/core/testing';
+import { TestBed, waitForAsync } from '@angular/core/testing';
 import { RouterTestingModule } from '@angular/router/testing';
 import { AppComponent } from './app.component';
 
 describe('AppComponent', () => {
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       imports: [
         RouterTestingModule

src/app/data-grid-demo/data-grid-demo-home/data-grid-demo-home.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { DataGridDemoHomeComponent } from './data-grid-demo-home.component';
 
@@ -6,7 +6,7 @@ describe('DataGridDemoHomeComponent', () => {
   let component: DataGridDemoHomeComponent;
   let fixture: ComponentFixture<DataGridDemoHomeComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ DataGridDemoHomeComponent ]
     })

src/app/home/home.component.spec.ts

@@ -1,4 +1,4 @@
-import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 
 import { HomeComponent } from './home.component';
 
@@ -6,7 +6,7 @@ describe('HomeComponent', () => {
   let component: HomeComponent;
   let fixture: ComponentFixture<HomeComponent>;
 
-  beforeEach(async(() => {
+  beforeEach(waitForAsync(() => {
     TestBed.configureTestingModule({
       declarations: [ HomeComponent ]
     })