update

angular.json

@@ -47,7 +47,6 @@
  "optimization": true,
  "outputHashing": "all",
  "sourceMap": false,
- "extractCss": true,
  "namedChunks": false,
  "extractLicenses": true,
  "vendorChunk": false,

e2e/tsconfig.json

@@ -3,7 +3,7 @@
  "compilerOptions": {
  "outDir": "../out-tsc/e2e",
  "module": "commonjs",
- "target": "es5",
+ "target": "es2018",
  "types": [
  "jasmine",
  "jasminewd2",

package.json

@@ -11,15 +11,15 @@
  },
  "private": true,
  "dependencies": {
- "@angular/animations": "~9.0.0",
- "@angular/common": "~9.0.0",
- "@angular/compiler": "~9.0.0",
- "@angular/core": "~9.0.0",
+ "@angular/animations": "~11.1.2",
+ "@angular/common": "~11.1.2",
+ "@angular/compiler": "~11.1.2",
+ "@angular/core": "~11.1.2",
  "@angular/fire": "^5.2.3",
- "@angular/forms": "~9.0.0",
- "@angular/platform-browser": "~9.0.0",
- "@angular/platform-browser-dynamic": "~9.0.0",
- "@angular/router": "~9.0.0",
+ "@angular/forms": "~11.1.2",
+ "@angular/platform-browser": "~11.1.2",
+ "@angular/platform-browser-dynamic": "~11.1.2",
+ "@angular/router": "~11.1.2",
  "angular-datatables": "^8.0.0",
  "datatables.net": "^1.10.20",
  "datatables.net-dt": "^1.10.20",
@@ -28,30 +28,30 @@
  "moment": "^2.24.0",
  "rxjs": "~6.5.4",
  "sweetalert2": "^9.7.2",
- "tslib": "^1.10.0",
+ "tslib": "^2.0.0",
  "zone.js": "~0.10.2"
  },
  "devDependencies": {
- "@angular-devkit/build-angular": "~0.900.1",
- "@angular/cli": "~9.0.1",
- "@angular/compiler-cli": "~9.0.0",
- "@angular/language-service": "~9.0.0",
+ "@angular-devkit/build-angular": "~0.1101.2",
+ "@angular/cli": "~11.1.2",
+ "@angular/compiler-cli": "~11.1.2",
+ "@angular/language-service": "~11.1.2",
  "@types/datatables.net": "^1.10.18",
- "@types/jasmine": "~3.3.8",
+ "@types/jasmine": "~3.6.0",
  "@types/jasminewd2": "~2.0.3",
  "@types/jquery": "^3.3.31",
  "@types/node": "^12.11.1",
- "codelyzer": "^5.1.2",
- "jasmine-core": "~3.4.0",
- "jasmine-spec-reporter": "~4.2.1",
- "karma": "~4.1.0",
- "karma-chrome-launcher": "~2.2.0",
- "karma-coverage-istanbul-reporter": "~2.0.1",
- "karma-jasmine": "~2.0.1",
- "karma-jasmine-html-reporter": "^1.4.0",
- "protractor": "~5.4.0",
+ "codelyzer": "^6.0.0",
+ "jasmine-core": "~3.6.0",
+ "jasmine-spec-reporter": "~5.0.0",
+ "karma": "~5.0.0",
+ "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",
+ "protractor": "~7.0.0",
  "ts-node": "~7.0.0",
- "tslint": "~5.15.0",
- "typescript": "~3.7.5"
+ "tslint": "~6.1.0",
+ "typescript": "~4.1.3"
  }
 }

src/app/app-routing.module.ts

@@ -34,7 +34,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/components/auth/login/login.component.spec.ts

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

src/app/components/auth/register/register.component.spec.ts

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

src/app/components/private/categories/categories/categories.component.spec.ts

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

src/app/components/private/dashboard/dashboard/dashboard.component.spec.ts

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

src/app/components/private/products/products.component.spec.ts

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

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

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

src/app/components/public/pos/pos.component.spec.ts

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

src/app/components/shared/footer/footer.component.spec.ts

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

src/app/components/shared/header/header.component.spec.ts

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

src/app/components/shared/navbar/navbar.component.spec.ts

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

src/app/components/shared/sidebar/sidebar.component.spec.ts

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

tsconfig.json

@@ -7,7 +7,7 @@
  "declaration": false,
  "downlevelIteration": true,
  "experimentalDecorators": true,
- "module": "esnext",
+ "module": "es2020",
  "moduleResolution": "node",
  "importHelpers": true,
  "target": "es2015",

tslint.json

@@ -1,13 +1,21 @@
 {
  "extends": "tslint:recommended",
  "rules": {
+ "align": {
+ "options": [
+ "parameters",
+ "statements"
+ ]
+ },
  "array-type": false,
  "arrow-parens": false,
+ "arrow-return-shorthand": true,
  "deprecation": {
  "severity": "warning"
  },
  "component-class-suffix": true,
  "contextual-lifecycle": true,
+ "curly": true,
  "directive-class-suffix": true,
  "directive-selector": [
  true,
@@ -21,10 +29,17 @@
  "app",
  "kebab-case"
  ],
+ "eofline": true,
  "import-blacklist": [
  true,
  "rxjs/Rx"
  ],
+ "import-spacing": true,
+ "indent": {
+ "options": [
+ "spaces"
+ ]
+ },
  "interface-name": false,
  "max-classes-per-file": false,
  "max-line-length": [
@@ -79,11 +94,60 @@
  "no-output-native": true,
  "no-output-on-prefix": true,
  "no-output-rename": true,
+ "semicolon": {
+ "options": [
+ "always"
+ ]
+ },
+ "space-before-function-paren": {
+ "options": {
+ "anonymous": "never",
+ "asyncArrow": "always",
+ "constructor": "never",
+ "method": "never",
+ "named": "never"
+ }
+ },
  "no-outputs-metadata-property": true,
  "template-banana-in-box": true,
  "template-no-negated-async": true,
+ "typedef-whitespace": {
+ "options": [
+ {
+ "call-signature": "nospace",
+ "index-signature": "nospace",
+ "parameter": "nospace",
+ "property-declaration": "nospace",
+ "variable-declaration": "nospace"
+ },
+ {
+ "call-signature": "onespace",
+ "index-signature": "onespace",
+ "parameter": "onespace",
+ "property-declaration": "onespace",
+ "variable-declaration": "onespace"
+ }
+ ]
+ },
  "use-lifecycle-interface": true,
- "use-pipe-transform-interface": true
+ "use-pipe-transform-interface": true,
+ "variable-name": {
+ "options": [
+ "ban-keywords",
+ "check-format",
+ "allow-pascal-case"
+ ]
+ },
+ "whitespace": {
+ "options": [
+ "check-branch",
+ "check-decl",
+ "check-operator",
+ "check-separator",
+ "check-type",
+ "check-typecast"
+ ]
+ }
  },
  "rulesDirectory": [
  "codelyzer"