Upgrading NX and start fixing styles

lib/content-services/src/lib/permission-manager/components/user-role-column/user-role-column.component.ts

@@ -21,7 +21,7 @@ import { RoleModel } from '../../models/role.model';
 @Component({
     selector: 'adf-user-role-column',
     template: `
-        <mat-form-field floatLabel="never" class="adf-role-selector-field" *ngIf="!readonly">
+        <mat-form-field class="adf-role-selector-field" *ngIf="!readonly">
             <mat-select
                 (click)="$event.stopPropagation()"
                 [placeholder]="placeholder | translate"
@@ -44,12 +44,12 @@ import { RoleModel } from '../../models/role.model';
         `.adf-role-selector-field {
                     width: 100%;
                 }
-        
+
                 .adf-role-selector-field .mat-mdc-form-field {
                     width: 100%;
                     max-width: 200px;
                 }
-        
+
                 .adf-readonly-role {
                     padding-left: 0 !important;
                 }

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

@@ -167,7 +167,7 @@ export class SearchControlComponent implements OnDestroy {
         if (this.listResultElement && this.listResultElement.length > 0) {
             const firstElement = this.listResultElement.first as MatListItem;
             // eslint-disable-next-line no-underscore-dangle
-            firstElement._getHostElement().focus();
+            firstElement._hostElement.focus();
         }
     }
 

lib/content-services/src/lib/search/components/search-facet-field/search-facet-field.component.html

@@ -13,7 +13,6 @@
                 />
                 <button
                     *ngIf="field.buckets.filterText"
-                    mat-button
                     matSuffix
                     mat-icon-button
                     [attr.title]="'SEARCH.FILTER.BUTTONS.CLEAR' | translate"

lib/content-services/src/lib/search/components/search-slider/search-slider.component.html

@@ -2,9 +2,14 @@
     [min]="min"
     [max]="max"
     [step]="step"
-    [thumbLabel]="thumbLabel"
     class="adf-search-slider"
-    data-automation-id="slider-range" #ngSlider><input matSliderThumb (change)="onChangedHandler({source: ngSliderThumb, parent: ngSlider, value: ngSliderThumb.value})" #ngSliderThumb="matSliderThumb" [(value)]="value" />
+    data-automation-id="slider-range" #ngSlider>
+    <input
+        matSliderThumb
+        (change)="onChangedHandler({source: ngSliderThumb, parent: ngSlider, value: ngSliderThumb.value})"
+        #ngSliderThumb="matSliderThumb"
+        [(value)]="value" />
+    <input *ngIf="thumbLabel" matSliderThumb>
 </mat-slider>
 
 <div class="adf-facet-buttons" *ngIf="!settings?.hideDefaultAction">

lib/content-services/src/test.ts

@@ -18,25 +18,12 @@
 import 'zone.js';
 import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
-import {
-    BrowserDynamicTestingModule,
-    platformBrowserDynamicTesting
-} from '@angular/platform-browser-dynamic/testing';
-
-declare const require: any;
+import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing';
 
 // First, initialize the Angular testing environment.
-getTestBed().initTestEnvironment(
-    BrowserDynamicTestingModule,
-    platformBrowserDynamicTesting(), {
+getTestBed().initTestEnvironment(BrowserDynamicTestingModule, platformBrowserDynamicTesting(), {
     teardown: { destroyAfterEach: false }
-}
-);
+});
 
 declare const pdfjsLib: any;
 pdfjsLib.GlobalWorkerOptions.workerSrc = 'base/pdfjs-dist/build/pdf.worker.min.js';
-
-// Then we find all the tests.
-const context = require.context('./', true, /\.spec\.ts$/);
-// And load the modules.
-context.keys().map(context);