Pre-Angular upgrade fixes (#5709)

* code fixes

* code fixes

* more code fixes

* even more fixes

* add missing typescript for cli

* rollback info drawer test changes

* use npx for cli commands

* restore attach providers

lib/core/card-view/services/card-view-update.service.spec.ts

@@ -18,7 +18,6 @@
 import { async, TestBed } from '@angular/core/testing';
 import { CardViewBaseItemModel } from '../models/card-view-baseitem.model';
 import { CardViewUpdateService, transformKeyToObject } from './card-view-update.service';
-import { setupTestBed } from '../../testing/setup-test-bed';
 
 describe('CardViewUpdateService', () => {
 
@@ -59,12 +58,6 @@ describe('CardViewUpdateService', () => {
             clickable: false
         };
 
-        setupTestBed({
-            providers: [
-                CardViewUpdateService
-            ]
-        });
-
         beforeEach(() => {
             cardViewUpdateService = TestBed.get(CardViewUpdateService);
         });

lib/core/clipboard/clipboard.directive.spec.ts

@@ -47,9 +47,6 @@ describe('ClipboardDirective', () => {
         ],
         declarations: [
             TestTargetClipboardComponent
-        ],
-        providers: [
-            ClipboardService
         ]
     });
 

lib/core/clipboard/clipboard.module.ts

@@ -18,7 +18,6 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { ClipboardDirective, ClipboardComponent } from './clipboard.directive';
-import { ClipboardService } from './clipboard.service';
 import { TranslateModule } from '@ngx-translate/core';
 
 @NgModule({
@@ -26,9 +25,6 @@ import { TranslateModule } from '@ngx-translate/core';
         CommonModule,
         TranslateModule.forChild()
     ],
-    providers: [
-        ClipboardService
-    ],
     declarations: [
         ClipboardDirective,
         ClipboardComponent

lib/core/clipboard/clipboard.service.spec.ts

@@ -15,7 +15,6 @@
  * limitations under the License.
  */
 
-import { LogService } from '../services/log.service';
 import { NotificationService } from '../notifications/services/notification.service';
 import { AppConfigService } from '../app-config/app-config.service';
 import { TestBed } from '@angular/core/testing';
@@ -40,10 +39,8 @@ describe('ClipboardService', () => {
             MatSnackBarModule
         ],
         providers: [
-            LogService,
             { provide: TranslationService, useClass: TranslationMock },
-            { provide: AppConfigService, useClass: AppConfigServiceMock },
-            NotificationService
+            { provide: AppConfigService, useClass: AppConfigServiceMock }
         ]
     });
 

lib/core/clipboard/clipboard.service.ts

@@ -20,7 +20,7 @@ import { DOCUMENT } from '@angular/common';
 import { LogService } from '../services/log.service';
 import { NotificationService } from '../notifications/services/notification.service';
 
-@Injectable()
+@Injectable({ providedIn: 'root' })
 export class ClipboardService {
 
     constructor(

lib/core/form/components/widgets/amount/amount.widget.ts

@@ -19,7 +19,7 @@
 
 import { Component, OnInit, ViewEncapsulation, InjectionToken, Inject, Optional } from '@angular/core';
 import { FormService } from './../../../services/form.service';
-import { baseHost , WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 
 export interface AmountWidgetSettings {
     showReadonlyPlaceholder: boolean;
@@ -31,7 +31,17 @@ export const ADF_AMOUNT_SETTINGS = new InjectionToken<AmountWidgetSettings>('adf
     selector: 'amount-widget',
     templateUrl: './amount.widget.html',
     styleUrls: ['./amount.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class AmountWidgetComponent extends WidgetComponent implements OnInit {

lib/core/form/components/widgets/checkbox/checkbox.widget.ts

@@ -19,12 +19,22 @@
 
 import { Component, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
-import { baseHost, WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 
 @Component({
     selector: 'checkbox-widget',
     templateUrl: './checkbox.widget.html',
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class CheckboxWidgetComponent extends WidgetComponent {

lib/core/form/components/widgets/container/container.widget.ts

@@ -20,14 +20,24 @@
 import { AfterViewInit, Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
 import { FormFieldModel } from './../core/form-field.model';
-import { baseHost , WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 import { ContainerWidgetComponentModel } from './container.widget.model';
 
 @Component({
     selector: 'container-widget',
     templateUrl: './container.widget.html',
     styleUrls: ['./container.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class ContainerWidgetComponent extends WidgetComponent implements OnInit, AfterViewInit {

lib/core/form/components/widgets/date/date.widget.ts

@@ -25,7 +25,7 @@ import { DateAdapter, MAT_DATE_FORMATS } from '@angular/material';
 import moment from 'moment-es6';
 import { Moment } from 'moment';
 import { FormService } from './../../../services/form.service';
-import { baseHost, WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 import { Subject } from 'rxjs';
 import { takeUntil } from 'rxjs/operators';
 
@@ -36,7 +36,17 @@ import { takeUntil } from 'rxjs/operators';
         { provide: MAT_DATE_FORMATS, useValue: MOMENT_DATE_FORMATS }],
     templateUrl: './date.widget.html',
     styleUrls: ['./date.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class DateWidgetComponent extends WidgetComponent implements OnInit, OnDestroy {

lib/core/form/components/widgets/display-text/display-text.widget.ts

@@ -19,13 +19,23 @@
 
 import { Component, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
-import { baseHost , WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 
 @Component({
     selector: 'display-text-widget',
     templateUrl: './display-text.widget.html',
     styleUrls: ['./display-text.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class DisplayTextWidgetComponent extends WidgetComponent {

lib/core/form/components/widgets/document/document.widget.ts

@@ -17,12 +17,22 @@
 
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
-import { baseHost , WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 
 @Component({
     selector: 'adf-form-document-widget',
     templateUrl: 'document.widget.html',
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class DocumentWidgetComponent extends WidgetComponent implements OnInit {

lib/core/form/components/widgets/dropdown/dropdown.widget.ts

@@ -21,13 +21,23 @@ import { LogService } from '../../../../services/log.service';
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormService } from '../../../services/form.service';
 import { FormFieldOption } from './../core/form-field-option';
-import { baseHost , WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 
 @Component({
     selector: 'dropdown-widget',
     templateUrl: './dropdown.widget.html',
     styleUrls: ['./dropdown.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class DropdownWidgetComponent extends WidgetComponent implements OnInit {

lib/core/form/components/widgets/dynamic-table/dynamic-table.widget.ts

@@ -21,7 +21,7 @@ import { LogService } from '../../../../services/log.service';
 import { ChangeDetectorRef, Component, ElementRef, OnInit, ViewEncapsulation } from '@angular/core';
 import { WidgetVisibilityService } from '../../../services/widget-visibility.service';
 import { FormService } from './../../../services/form.service';
-import { baseHost, WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 import { DynamicTableColumn } from './dynamic-table-column.model';
 import { DynamicTableRow } from './dynamic-table-row.model';
 import { DynamicTableModel } from './dynamic-table.widget.model';
@@ -30,7 +30,17 @@ import { DynamicTableModel } from './dynamic-table.widget.model';
     selector: 'dynamic-table-widget',
     templateUrl: './dynamic-table.widget.html',
     styleUrls: ['./dynamic-table.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class DynamicTableWidgetComponent extends WidgetComponent implements OnInit {

lib/core/form/components/widgets/dynamic-table/editors/dropdown/dropdown.editor.spec.ts

@@ -190,7 +190,7 @@ describe('DropdownEditorComponent', () => {
         let dynamicTable: DynamicTableModel;
 
         function openSelect() {
-            const dropdown = fixture.debugElement.query(By.css('[class="mat-select-trigger"]'));
+            const dropdown = fixture.debugElement.query(By.css('.mat-select-trigger'));
             dropdown.triggerEventHandler('click', null);
             fixture.detectChanges();
         }

lib/core/form/components/widgets/error/error.component.ts

@@ -21,7 +21,7 @@ import { animate, state, style, transition, trigger } from '@angular/animations'
 import { Component, Input, OnChanges, SimpleChanges, ViewEncapsulation } from '@angular/core';
 import { ErrorMessageModel } from '../core/index';
 import { FormService } from './../../../services/form.service';
-import { baseHost , WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 
 @Component({
     selector: 'error-widget',
@@ -36,7 +36,17 @@ import { baseHost , WidgetComponent } from './../widget.component';
             ])
         ])
     ],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class ErrorWidgetComponent extends WidgetComponent implements OnChanges {

lib/core/form/components/widgets/functional-group/functional-group.widget.ts

@@ -21,13 +21,23 @@ import { ENTER, ESCAPE } from '@angular/cdk/keycodes';
 import { Component, ElementRef, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormService } from '../../../services/form.service';
 import { GroupModel } from './../core/group.model';
-import { baseHost , WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 
 @Component({
     selector: 'functional-group-widget',
     templateUrl: './functional-group.widget.html',
     styleUrls: ['./functional-group.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class FunctionalGroupWidgetComponent extends WidgetComponent implements OnInit {

lib/core/form/components/widgets/hyperlink/hyperlink.widget.ts

@@ -19,13 +19,23 @@
 
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
-import { baseHost , WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 
 @Component({
     selector: 'hyperlink-widget',
     templateUrl: './hyperlink.widget.html',
     styleUrls: ['./hyperlink.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class HyperlinkWidgetComponent extends WidgetComponent implements OnInit {

lib/core/form/components/widgets/json/json.widget.ts

@@ -17,7 +17,7 @@
 
 import { Component, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
-import { baseHost, WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 import { MatDialog } from '@angular/material/dialog';
 import { EditJsonDialogSettings, EditJsonDialogComponent } from '../../../../dialogs/edit-json/edit-json.dialog';
 
@@ -25,7 +25,17 @@ import { EditJsonDialogSettings, EditJsonDialogComponent } from '../../../../dia
     template: `
         <button mat-raised-button color="primary" (click)="view()">json</button>
     `,
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class JsonWidgetComponent extends WidgetComponent {

lib/core/form/components/widgets/multiline-text/multiline-text.widget.ts

@@ -19,13 +19,23 @@
 
 import { Component, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
-import { baseHost , WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 
 @Component({
     selector: 'multiline-text-widget',
     templateUrl: './multiline-text.widget.html',
     styleUrls: ['./multiline-text.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class MultilineTextWidgetComponentComponent extends WidgetComponent  {

lib/core/form/components/widgets/number/number.widget.ts

@@ -19,14 +19,24 @@
 
 import { Component, ViewEncapsulation, OnInit } from '@angular/core';
 import { FormService } from './../../../services/form.service';
-import { baseHost , WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 import { DecimalNumberPipe } from '../../../../pipes/decimal-number.pipe';
 
 @Component({
     selector: 'number-widget',
     templateUrl: './number.widget.html',
     styleUrls: ['./number.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class NumberWidgetComponent extends WidgetComponent implements OnInit {

lib/core/form/components/widgets/people/people.widget.ts

@@ -22,7 +22,7 @@ import { UserProcessModel } from '../../../../models';
 import { Component, ElementRef, EventEmitter, OnInit, Output, ViewChild, ViewEncapsulation } from '@angular/core';
 import { FormService } from '../../../services/form.service';
 import { GroupModel } from '../core/group.model';
-import { baseHost, WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 import { FormControl } from '@angular/forms';
 import { Observable, of } from 'rxjs';
 import {
@@ -37,7 +37,17 @@ import {
     selector: 'people-widget',
     templateUrl: './people.widget.html',
     styleUrls: ['./people.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class PeopleWidgetComponent extends WidgetComponent implements OnInit {

lib/core/form/components/widgets/radio-buttons/radio-buttons.widget.ts

@@ -21,13 +21,23 @@ import { LogService } from '../../../../services/log.service';
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormService } from '../../../services/form.service';
 import { FormFieldOption } from './../core/form-field-option';
-import { baseHost , WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 
 @Component({
     selector: 'radio-buttons-widget',
     templateUrl: './radio-buttons.widget.html',
     styleUrls: ['./radio-buttons.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class RadioButtonsWidgetComponent extends WidgetComponent implements OnInit {

lib/core/form/components/widgets/text/text.widget.ts

@@ -19,13 +19,23 @@
 
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
-import { baseHost , WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 
 @Component({
     selector: 'text-widget',
     templateUrl: './text.widget.html',
     styleUrls: ['./text.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class TextWidgetComponent extends WidgetComponent implements OnInit {

lib/core/form/components/widgets/typeahead/typeahead.widget.ts

@@ -22,13 +22,23 @@ import { ENTER, ESCAPE } from '@angular/cdk/keycodes';
 import { Component, OnInit, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
 import { FormFieldOption } from './../core/form-field-option';
-import { baseHost, WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 
 @Component({
     selector: 'typeahead-widget',
     templateUrl: './typeahead.widget.html',
     styleUrls: ['./typeahead.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class TypeaheadWidgetComponent extends WidgetComponent implements OnInit {

lib/core/form/components/widgets/unknown/unknown.widget.ts

@@ -19,7 +19,7 @@
 
 import { Component, ViewEncapsulation } from '@angular/core';
 import { FormService } from './../../../services/form.service';
-import { baseHost , WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 
 @Component({
     selector: 'unknown-widget',
@@ -33,7 +33,17 @@ import { baseHost , WidgetComponent } from './../widget.component';
 
     `,
     styleUrls: ['./unknown.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class UnknownWidgetComponent extends WidgetComponent {

lib/core/form/components/widgets/upload-folder/upload-folder.widget.ts

@@ -24,14 +24,24 @@ import { Observable, from } from 'rxjs';
 import { FormService } from '../../../services/form.service';
 import { ProcessContentService } from '../../../services/process-content.service';
 import { ContentLinkModel } from '../core/content-link.model';
-import { baseHost, WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 import { mergeMap, map } from 'rxjs/operators';
 
 @Component({
     selector: 'upload-folder-widget',
     templateUrl: './upload-folder.widget.html',
     styleUrls: ['./upload-folder.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class UploadFolderWidgetComponent extends WidgetComponent implements OnInit {

lib/core/form/components/widgets/upload/upload.widget.ts

@@ -24,14 +24,24 @@ import { Observable, from } from 'rxjs';
 import { FormService } from '../../../services/form.service';
 import { ProcessContentService } from '../../../services/process-content.service';
 import { ContentLinkModel } from '../core/content-link.model';
-import { baseHost, WidgetComponent } from './../widget.component';
+import { WidgetComponent } from './../widget.component';
 import { mergeMap, map } from 'rxjs/operators';
 
 @Component({
     selector: 'upload-widget',
     templateUrl: './upload.widget.html',
     styleUrls: ['./upload.widget.scss'],
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class UploadWidgetComponent extends WidgetComponent implements OnInit {

lib/core/form/components/widgets/widget.component.ts

@@ -21,25 +21,23 @@ import { AfterViewInit, Component, EventEmitter, Input, Output, ViewEncapsulatio
 import { FormService } from './../../services/form.service';
 import { FormFieldModel } from './core/index';
 
-export const baseHost = {
-    '(click)': 'event($event)',
-    '(blur)': 'event($event)',
-    '(change)': 'event($event)',
-    '(focus)': 'event($event)',
-    '(focusin)': 'event($event)',
-    '(focusout)': 'event($event)',
-    '(input)': 'event($event)',
-    '(invalid)': 'event($event)',
-    '(select)': 'event($event)'
-};
-
 /**
  * Base widget component.
  */
 @Component({
     selector: 'base-widget',
     template: '',
-    host: baseHost,
+    host: {
+        '(click)': 'event($event)',
+        '(blur)': 'event($event)',
+        '(change)': 'event($event)',
+        '(focus)': 'event($event)',
+        '(focusin)': 'event($event)',
+        '(focusout)': 'event($event)',
+        '(input)': 'event($event)',
+        '(invalid)': 'event($event)',
+        '(select)': 'event($event)'
+    },
     encapsulation: ViewEncapsulation.None
 })
 export class WidgetComponent implements AfterViewInit {

lib/core/form/public-api.ts

@@ -15,9 +15,11 @@
  * limitations under the License.
  */
 
+export * from './components/form-field/form-field.component';
 export * from './components/form-base.component';
 export * from './components/form-list.component';
 export * from './components/widgets/content/content.widget';
+export * from './components/form-custom-button.directive';
 export * from './components/form-renderer.component';
 export * from './components/widgets/index';
 export * from './components/widgets/dynamic-table/dynamic-table-row.model';

lib/core/icon/icon.module.ts

@@ -19,7 +19,6 @@ import { NgModule } from '@angular/core';
 import { IconComponent } from './icon.component';
 import { MatIconModule } from '@angular/material';
 import { CommonModule } from '@angular/common';
-import { ThumbnailService } from '../services/thumbnail.service';
 
 @NgModule({
     imports: [
@@ -31,9 +30,6 @@ import { ThumbnailService } from '../services/thumbnail.service';
     ],
     exports: [
         IconComponent
-    ],
-    providers: [
-        ThumbnailService
     ]
 })
 export class IconModule {}

lib/core/index.ts

@@ -51,4 +51,5 @@ export * from './events/index';
 export * from './mock/index';
 export * from './testing';
 
+export * from './material.module';
 export * from './core.module';

lib/core/info-drawer/info-drawer.module.ts

@@ -23,24 +23,27 @@ import { InfoDrawerLayoutComponent, InfoDrawerTitleDirective, InfoDrawerButtonsD
 import { InfoDrawerComponent, InfoDrawerTabComponent } from './info-drawer.component';
 import { TranslateModule } from '@ngx-translate/core';
 
-export function declarations() {
-    return [
-        InfoDrawerLayoutComponent,
-        InfoDrawerTabComponent,
-        InfoDrawerComponent,
-        InfoDrawerTitleDirective,
-        InfoDrawerButtonsDirective,
-        InfoDrawerContentDirective
-    ];
-}
-
 @NgModule({
     imports: [
         CommonModule,
         MaterialModule,
         TranslateModule.forChild()
     ],
-    declarations: declarations(),
-    exports: declarations()
+    declarations: [
+        InfoDrawerLayoutComponent,
+        InfoDrawerTabComponent,
+        InfoDrawerComponent,
+        InfoDrawerTitleDirective,
+        InfoDrawerButtonsDirective,
+        InfoDrawerContentDirective
+    ],
+    exports: [
+        InfoDrawerLayoutComponent,
+        InfoDrawerTabComponent,
+        InfoDrawerComponent,
+        InfoDrawerTitleDirective,
+        InfoDrawerButtonsDirective,
+        InfoDrawerContentDirective
+    ]
 })
 export class InfoDrawerModule {}

lib/core/layout/public-api.ts

@@ -15,6 +15,13 @@
  * limitations under the License.
  */
 
+export * from './components/header/header.component';
+export * from './components/layout-container/layout-container.component';
+export * from './components/sidebar-action/sidebar-action-menu.component';
 export * from './components/sidenav-layout/sidenav-layout.component';
 
+export * from './directives/sidenav-layout-content.directive';
+export * from './directives/sidenav-layout-header.directive';
+export * from './directives/sidenav-layout-navigation.directive';
+
 export * from './layout.module';

lib/core/mock/cookie.service.mock.ts

@@ -15,8 +15,10 @@
  * limitations under the License.
  */
 
+import { Injectable } from '@angular/core';
 import { CookieService } from '../services/cookie.service';
 
+@Injectable()
 export class CookieServiceMock extends CookieService {
 
     /** @override */

lib/core/mock/translation.service.mock.ts

@@ -15,7 +15,7 @@
  * limitations under the License.
  */
 
-import { EventEmitter } from '@angular/core';
+import { EventEmitter, Injectable } from '@angular/core';
 import { Observable, of } from 'rxjs';
 import { TranslationService } from '../services/translation.service';
 
@@ -24,6 +24,7 @@ export interface LangChangeEvent {
     translations: any;
 }
 
+@Injectable()
 export class TranslationMock implements TranslationService {
 
     defaultLang: string = 'en';

lib/core/ng-package.json

@@ -1,15 +1,12 @@
 {
   "$schema": "./node_modules/ng-packagr/ng-package.schema.json",
-  "workingDirectory" : "./ng_work",
-  "src": "./core/",
   "dest": "../dist/core/",
   "lib": {
-    "languageLevel": [ "dom", "es2016" ],
-    "comments" : "none",
     "entryFile": "./public-api.ts",
     "flatModuleFile": "adf-core",
     "umdModuleIds": {
       "@alfresco/js-api": "@alfresco/js-api",
+      "@alfresco/adf-extensions": "@alfresco/adf-extensions",
       "minimatch": "minimatch-browser",
       "@angular/platform-browser/animations": "@angular/platform-browser/animations",
       "@angular/material": "@angular/material",

lib/core/pipes/public-api.ts

@@ -15,15 +15,17 @@
  * limitations under the License.
  */
 
+export * from './decimal-number.pipe';
 export * from './file-size.pipe';
+export * from './file-type.pipe';
+export * from './format-space.pipe';
+export * from './full-name.pipe';
+export * from './localized-date.pipe';
 export * from './mime-type-icon.pipe';
+export * from './multi-value.pipe';
 export * from './node-name-tooltip.pipe';
 export * from './text-highlight.pipe';
 export * from './time-ago.pipe';
 export * from './user-initial.pipe';
-export * from './full-name.pipe';
-export * from './multi-value.pipe';
-export * from './localized-date.pipe';
-export * from './decimal-number.pipe';
 
 export * from './pipe.module';

lib/core/search-text/public-api.ts

@@ -15,5 +15,7 @@
  * limitations under the License.
  */
 
- export * from './search-text-input.component';
- export * from './search-text-input.module';
+export * from './animations';
+export * from './search-text-input.component';
+export * from './search-trigger.directive';
+export * from './search-text-input.module';

lib/core/search-text/search-text-input.component.spec.ts

@@ -32,8 +32,7 @@ describe('SearchTextInputComponent', () => {
     let userPreferencesService: UserPreferencesService;
 
     setupTestBed({
-        imports: [CoreTestingModule],
-        providers: [ UserPreferencesService ]
+        imports: [CoreTestingModule]
     });
 
     beforeEach(() => {

lib/core/services/directionality-config.service.spec.ts

@@ -16,7 +16,6 @@
  */
 
 import { TestBed } from '@angular/core/testing';
-import { DirectionalityConfigService } from './directionality-config.service';
 import { CoreTestingModule } from '../testing/core.testing.module';
 import { setupTestBed } from '../testing/setup-test-bed';
 import { UserPreferencesService } from './user-preferences.service';
@@ -25,11 +24,7 @@ describe('DirectionalityConfigService', () => {
     let userPreferencesService: UserPreferencesService;
 
     setupTestBed({
-        imports: [CoreTestingModule],
-        providers: [
-            DirectionalityConfigService,
-            UserPreferencesService
-        ]
+        imports: [CoreTestingModule]
     });
 
     beforeEach(() => {

lib/core/services/translate-loader.service.ts

@@ -17,7 +17,6 @@
 
 import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import { Response } from '@angular/http';
 import { TranslateLoader } from '@ngx-translate/core';
 import { Observable, forkJoin, throwError, of } from 'rxjs';
 import { ComponentTranslationModel } from '../models/component.model';
@@ -59,7 +58,7 @@ export class TranslateLoaderService implements TranslateLoader {
         const translationUrl = fallbackUrl || `${component.path}/${this.prefix}/${lang}${this.suffix}?v=${Date.now()}`;
 
         return this.http.get(translationUrl).pipe(
-            map((res: Response) => {
+            map((res: any) => {
                 component.json[lang] = res;
             }),
             retry(3),

lib/core/services/upload.service.ts

@@ -16,7 +16,7 @@
  */
 
 import { EventEmitter, Injectable } from '@angular/core';
-import { Minimatch } from 'minimatch-browser';
+import { Minimatch } from 'minimatch';
 import { Subject } from 'rxjs';
 import { AppConfigService } from '../app-config/app-config.service';
 import {

lib/core/tsconfig.lib.json

@@ -1,6 +1,7 @@
 {
   "extends": "../tsconfig.json",
   "compilerOptions": {
-    "outDir": "../dist/core/"
+    "outDir": "../dist/core/",
+    "baseUrl": "."
   }
 }

lib/core/utils/moment-date-adapter.ts

@@ -15,10 +15,12 @@
  * limitations under the License.
  */
 
+import { Injectable } from '@angular/core';
 import { DateAdapter } from '@angular/material';
 import { isMoment, Moment } from 'moment';
 import moment from 'moment-es6';
 
+@Injectable()
 export class MomentDateAdapter extends DateAdapter<Moment> {
 
     private localeData: any = moment.localeData();

lib/core/viewer/public-api.ts

@@ -19,9 +19,11 @@ export * from './services/view-util.service';
 export * from './components/viewer.component';
 export * from './components/img-viewer.component';
 export * from './components/media-player.component';
+export * from './components/pdf-viewer-password-dialog';
 export * from './components/pdf-viewer.component';
 export * from './components/pdf-viewer-thumbnails.component';
 export * from './components/pdf-viewer-thumb.component';
+export * from './components/pdf-viewer-thumbnails.component';
 export * from './components/txt-viewer.component';
 export * from './components/unknown-format/unknown-format.component';
 export * from './components/viewer-more-actions.component';

lib/core/viewer/viewer.module.ts

@@ -46,7 +46,6 @@ import { A11yModule } from '@angular/cdk/a11y';
 
 @NgModule({
     imports: [
-        ExtensionsModule,
         CommonModule,
         MaterialModule,
         TranslateModule.forChild(),
@@ -56,7 +55,8 @@ import { A11yModule } from '@angular/cdk/a11y';
         PipeModule,
         FlexLayoutModule,
         DirectiveModule,
-        A11yModule
+        A11yModule,
+        ExtensionsModule
     ],
     declarations: [
         PdfPasswordDialogComponent,