[ADF-5410] code fixes and updates prior to Angular 12 upgrade (#7177)

* package fixes

* upgrade stylelint config

* upgrade configuration and stats

* code fixes based on Angular upgrade

* rework scss-bundle usage

* use node 14 with travis (lts)

* fix production builds

* fix node sass version

demo-shell/src/app/app.module.ts

@@ -138,7 +138,7 @@ registerLocaleData(localeSv);
         BrowserModule,
         environment.e2e ? NoopAnimationsModule : BrowserAnimationsModule,
         ReactiveFormsModule,
-        RouterModule.forRoot(appRoutes, { useHash: true }),
+        RouterModule.forRoot(appRoutes, { useHash: true, relativeLinkResolution: 'legacy' }),
         FormsModule,
         HttpClientModule,
         MaterialModule,

demo-shell/src/app/components/about/about.component.ts

@@ -16,12 +16,7 @@
  */
 
 import { Component, OnInit } from '@angular/core';
-import {
-    name,
-    version,
-    commit,
-    dependencies
-} from '../../../../../package.json';
+import pkg from '../../../../../package.json';
 import { AppConfigService } from '@alfresco/adf-core';
 
 @Component({
@@ -30,9 +25,9 @@ import { AppConfigService } from '@alfresco/adf-core';
     styleUrls: ['./about.component.scss']
 })
 export class AboutComponent implements OnInit {
-    url = `https://github.com/Alfresco/${name}/commits/${commit}`;
-    version = version;
-    dependencies = dependencies;
+    url = `https://github.com/Alfresco/${pkg.name}/commits/${pkg.commit}`;
+    version = pkg.version;
+    dependencies = pkg.dependencies;
     showExtensions = true;
     application = '';
 

demo-shell/src/app/components/document-list/extension-presets/extension-presets.component.ts

@@ -16,7 +16,7 @@
  */
 
 import { Component, OnInit, OnDestroy } from '@angular/core';
-import { AppExtensionService } from '@alfresco/adf-extensions';
+import { AppExtensionService, DocumentListPresetRef } from '@alfresco/adf-extensions';
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
@@ -28,7 +28,7 @@ import { takeUntil } from 'rxjs/operators';
 export class ExtensionPresetsComponent implements OnInit, OnDestroy {
     onDestroy$ = new Subject<boolean>();
 
-    columns: any[] = [];
+    columns: DocumentListPresetRef[] = [];
     isSmallScreen = false;
 
     constructor(
@@ -55,7 +55,7 @@ export class ExtensionPresetsComponent implements OnInit, OnDestroy {
         this.onDestroy$.complete();
     }
 
-    trackById(_: number, obj: { id: string }) {
+    trackById(_: number, obj: DocumentListPresetRef): string {
         return obj.id;
     }
 }