[no-issue] remove viewChildren use (#3116)

* remove viewChildren component use in lib and demoshell

* Update trashcan.component.ts

* Update trashcan.component.ts

lib/content-services/breadcrumb/dropdown-breadcrumb.component.html

@@ -10,6 +10,7 @@
     <mat-icon class="adf-dropddown-breadcrumb-item-chevron">chevron_right</mat-icon>
 
     <mat-select
+        #select
         *ngIf="hasPreviousNodes()"
         class="adf-dropdown-breadcrumb-path"
         tabindex="0"

lib/content-services/breadcrumb/dropdown-breadcrumb.component.ts

@@ -31,7 +31,7 @@ import { BreadcrumbComponent } from './breadcrumb.component';
 })
 export class DropdownBreadcrumbComponent extends BreadcrumbComponent implements OnChanges {
 
-    @ViewChild(MatSelect)
+    @ViewChild('select')
     selectbox: MatSelect;
 
     currentNode: PathElementEntity;

lib/content-services/content-node-selector/content-node-selector-panel.component.ts

@@ -104,7 +104,7 @@ export class ContentNodeSelectorPanelComponent implements OnInit {
     @Output()
     select: EventEmitter<MinimalNodeEntryEntity[]> = new EventEmitter<MinimalNodeEntryEntity[]>();
 
-    @ViewChild(DocumentListComponent)
+    @ViewChild('documentList')
     documentList: DocumentListComponent;
 
     @ViewChild(HighlightDirective)

lib/content-services/search/components/search-control.component.html

@@ -25,7 +25,8 @@
     </div>
 </div>
 
-<adf-search #auto="searchAutocomplete"
+<adf-search #search
+            #auto="searchAutocomplete"
             class="adf-search-result-autocomplete"
             [maxResults]="liveSearchMaxResults"
             [queryBody]="customQueryBody">

lib/content-services/search/components/search-control.component.ts

@@ -94,7 +94,7 @@ export class SearchControlComponent implements OnInit, OnDestroy {
     @Output()
     optionClicked: EventEmitter<any> = new EventEmitter();
 
-    @ViewChild(SearchComponent)
+    @ViewChild('search')
     searchAutocomplete: SearchComponent;
 
     @ViewChild('searchInput')

lib/content-services/upload/components/file-uploading-dialog.component.ts

@@ -32,7 +32,7 @@ import 'rxjs/add/observable/merge';
     styleUrls: ['./file-uploading-dialog.component.scss']
 })
 export class FileUploadingDialogComponent implements OnInit, OnDestroy {
-    @ViewChild(FileUploadingListComponent)
+    @ViewChild('uploadList')
     uploadList: FileUploadingListComponent;
 
     /** Dialog position. Can be 'left' or 'right'. */