[NAE-2444] Upgrade Angular to 17

- commit some fixes

Author: Kovy95

projects/netgrif-components-core/src/lib/data-fields/enumeration-field/enumeration-caseref-field/abstract-enumeration-caseref-field.component.ts

@@ -5,7 +5,7 @@ import {Subscription} from 'rxjs';
 import {AbstractCaseRefBaseFieldComponent} from '../../case-ref-field/model/abstract-case-ref-base-field-component';
 
 @Component({
-    selector: 'ncc-abstract-case-ref-default',
+    selector: 'ncc-abstract-enumeration-case-ref-default',
     template: ''
 })
 export abstract class AbstractEnumerationCaseRefComponent extends AbstractCaseRefBaseFieldComponent<EnumerationField> implements AfterViewInit, OnDestroy {

projects/netgrif-components-core/src/lib/data-fields/file-field/abstract-file-field.component.ts

@@ -5,6 +5,7 @@ import {
 } from '@angular/core';
 import {AbstractDataFieldComponent} from '../models/abstract-data-field-component';
 import {NAE_INFORM_ABOUT_INVALID_DATA} from '../models/invalid-data-policy-token';
+import {FileField} from "./models/file-field";
 
 /**
  * @deprecated

projects/netgrif-components/src/lib/navigation/navigation-double-drawer/navigation-double-drawer.component.html

@@ -66,10 +66,8 @@
                 <mat-icon>account_circle</mat-icon>
             </button>
 
-            <div *ngIf="includeLanguage" fxLayout="row" class="icon-container">
-                <button mat-icon-button class="menu-button mat-typography menu-font-color">
-                    <nc-language-selector fxLayout="row"></nc-language-selector>
-                </button>
+            <div *ngIf="includeLanguage" [ngClass]="{'margin-bottom-x2 menu-button': !(hiddenCustomItems?.length > 0)}" fxLayout="row" class="icon-container">
+                <nc-language-selector fxLayout="row" ></nc-language-selector>
             </div>
 
             <mat-menu #railMenu="matMenu">
@@ -88,13 +86,11 @@
             <!--            </div>-->
             <button mat-icon-button *ngIf="hiddenCustomItems && hiddenCustomItems.length > 0"
                     [matMenuTriggerFor]="railMenu"
-                    class="menu-button mat-typography menu-font-color"
+                    class="menu-button mat-typography menu-font-color margin-bottom-x2"
                     [matTooltip]="'toolbar.menu.open' | translate"
                     matTooltipPosition="right">
                 <mat-icon>more_vert</mat-icon>
             </button>
-
-            <div class="margin-top-x2"></div>
         </div>
     </mat-sidenav>
 

projects/netgrif-components/src/lib/navigation/navigation-double-drawer/navigation-double-drawer.component.scss

@@ -14,8 +14,7 @@
 }
 
 .menu-button {
-    margin-left: 1px;
-    margin-right: 1px;
+    margin: 0 auto;
     border-radius: 8px;
 }
 

projects/netgrif-components/src/lib/navigation/navigation.theme.scss

@@ -56,6 +56,12 @@
         color: mat.get-color-from-palette($primary) !important;
     }
 
+    .menu-button {
+        .mat-mdc-button-persistent-ripple {
+            border-radius: 8px !important;
+        }
+    }
+
     .quick-panel-menu {
         .mat-mdc-menu-item-text {
             flex-direction: row;

projects/netgrif-components/src/lib/navigation/quick-panel/components/language-selector/language-selector.component.html

@@ -6,7 +6,7 @@
     </button>
 </mat-menu>
 
-<button mat-icon-button [matMenuTriggerFor]="languageMenu">
+<button mat-icon-button [matMenuTriggerFor]="languageMenu" class="icon-button-height">
     <div [innerHTML]="getLangIcon(getCurrentLang())"
          alt="Country icon" class="icon-medium-dimensions">
     </div>

projects/netgrif-components/src/lib/navigation/quick-panel/components/language-selector/language-selector.component.scss

@@ -11,3 +11,7 @@
     height: 20px;
     line-height: normal;
 }
+
+.icon-button-height {
+    height: 40px;
+}