[ADF-1502] Fixes for AoT checks in Angular CLI (#2282)

* Fixes for AoT checks in Angular CLI

* login fixes

- aot compatibility
- fix copyright symbol
- fix toggling password (operates within the component instead of the whole document)
- remove old MDL calls on error style check

* Search fixes

* login test fixes

* form fixes

- add WidgetComponent to the module
- remove missing 'focus' property from Hyperlink widget template/style

* task-list fixes

* process-list fixes

* analytics fixes

ng2-components/ng2-alfresco-search/index.ts

@@ -59,7 +59,7 @@ export const ALFRESCO_SEARCH_PROVIDERS: [any] = [
 
 @NgModule({
     imports: [
-        DocumentListModule.forRoot(),
+        DocumentListModule,
         CoreModule,
         FormsModule,
         ReactiveFormsModule

ng2-components/ng2-alfresco-search/src/components/search-control.component.html

@@ -4,33 +4,37 @@
             <i mdl-upgrade class="material-icons">search</i>
         </label>
         <div [class]="getTextFieldHolderClassName()">
-            <input mdl
-                   class="mdl-textfield__input"
-                   [type]="inputType"
-                   [autocomplete]="getAutoComplete()"
-                   data-automation-id="search_input"
-                   #searchInput
-                   id="searchControl"
-                   [formControl]="searchControl"
-                   [(ngModel)]="searchTerm"
-                   (focus)="onFocus($event)"
-                   (blur)="onBlur($event)"
-                   (keyup.escape)="onEscape($event)"
-                   (keyup.arrowdown)="onArrowDown($event)"
-                   aria-labelledby="searchLabel">
+            <input
+                mdl
+                class="mdl-textfield__input"
+                [type]="inputType"
+                [autocomplete]="getAutoComplete()"
+                data-automation-id="search_input"
+                #searchInput
+                id="searchControl"
+                [formControl]="searchControl"
+                [(ngModel)]="searchTerm"
+                (focus)="onFocus($event)"
+                (blur)="onBlur($event)"
+                (keyup.escape)="onEscape()"
+                (keyup.arrowdown)="onArrowDown()"
+                aria-labelledby="searchLabel">
             <label id="searchLabel" class="mdl-textfield__label" for="searchControl">{{'SEARCH.CONTROL.LABEL' | translate}}</label>
         </div>
     </div>
 </form>
-<adf-search-autocomplete #autocomplete *ngIf="liveSearchEnabled"
-                              [searchTerm]="liveSearchTerm"
-                              [rootNodeId]="liveSearchRoot"
-                              [resultType]="liveSearchResultType"
-                              [resultSort]="liveSearchResultSort"
-                              [maxResults]="liveSearchMaxResults"
-                              [highlight]="highlight"
-                              [ngClass]="{active: searchActive, valid: searchValid}"
-                              (fileSelect)="onFileClicked($event)"
-                              (searchFocus)="onAutoCompleteFocus($event)"
-                              (scrollBack)="onAutoCompleteReturn($event)"
-                              (cancel)="onAutoCompleteCancel($event)"></adf-search-autocomplete>
+<adf-search-autocomplete
+    #autocomplete
+    *ngIf="liveSearchEnabled"
+    [searchTerm]="liveSearchTerm"
+    [rootNodeId]="liveSearchRoot"
+    [resultType]="liveSearchResultType"
+    [resultSort]="liveSearchResultSort"
+    [maxResults]="liveSearchMaxResults"
+    [highlight]="highlight"
+    [ngClass]="{active: searchActive, valid: searchValid}"
+    (fileSelect)="onFileClicked($event)"
+    (searchFocus)="onAutoCompleteFocus($event)"
+    (scrollBack)="onAutoCompleteReturn($event)"
+    (cancel)="onAutoCompleteCancel($event)">
+</adf-search-autocomplete>

ng2-components/ng2-alfresco-search/src/components/search.component.ts

@@ -21,6 +21,8 @@ import { NodePaging, Pagination } from 'alfresco-js-api';
 import { AlfrescoTranslationService, NotificationService, SearchOptions, SearchService } from 'ng2-alfresco-core';
 import { PermissionModel } from 'ng2-alfresco-documentlist';
 
+declare var require: any;
+
 @Component({
     selector: 'adf-search, alfresco-search',
     styleUrls: ['./search.component.scss'],