[ACS-6849][ACA] Upgrade to Angular 17 (#4275)

projects/aca-content/src/lib/components/files/files.component.scss

@@ -0,0 +1,3 @@
+.adf-document-list-loading-margin {
+  margin: auto;
+}

projects/aca-content/src/lib/components/files/files.component.ts

@@ -86,6 +86,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
   ],
   templateUrl: './files.component.html',
   encapsulation: ViewEncapsulation.None,
+  styleUrl: './files.component.scss',
   selector: 'aca-files'
 })
 export class FilesComponent extends PageComponent implements OnInit, OnDestroy {

projects/aca-content/src/lib/components/info-drawer/library-metadata-tab/library-metadata-form.component.scss

@@ -9,6 +9,7 @@ app-library-metadata-form {
 
       .mat-mdc-form-field-infix {
         padding-bottom: 3px;
+        min-height: unset;
       }
     }
 

projects/aca-content/src/lib/components/sidenav/sidenav.component.scss

@@ -40,7 +40,7 @@
     }
   }
 
-  &__section {
+  .aca-sidenav__section {
     overflow-y: auto;
 
     .aca-expansion-panel {
@@ -126,9 +126,10 @@
       width: 100%;
     }
 
-    &__actions {
+    .aca-sidenav__section__actions {
       &__item:has(span) {
         padding: 0;
+        height: 100%;
 
         span {
           pointer-events: auto;

projects/aca-content/src/lib/ui/overrides/ay11.scss

@@ -44,7 +44,7 @@
   }
 
   .mat-mdc-form-field-focus-overlay {
-    background-color: transparent;
+    --mat-form-field-state-layer-color: transparent;
   }
 
   .mdc-menu-surface.mat-mdc-autocomplete-panel:is(div),

projects/aca-content/src/lib/ui/theme.scss

@@ -8,6 +8,9 @@
 
 :root {
   --mdc-filled-text-field-container-color: transparent;
+  --mdc-text-button-label-text-color: inherit;
+  --mat-toolbar-container-text-color: inherit;
+  --mat-form-field-container-height: unset;
 }
 
 mat-toolbar {
@@ -285,10 +288,6 @@ mat-snack-bar-container {
   display: none;
 }
 
-#{$mat-form-field-infix} {
-  min-height: unset;
-}
-
 #{$mat-tab-labels} {
   border-bottom: 1px solid var(--adf-theme-foreground-text-color-014);
 }
@@ -349,3 +348,7 @@ adf-dynamic-component {
     background-color: var(--theme-blue-button-color);
   }
 }
+
+#{$mat-form-field-infix} {
+  min-height: unset;
+}