WIP mdc migration

infra-geo-ouverte · Jul 14, 2023 · 13df863 · 13df863
1 parent 80e13d9
commit 13df863
Show file tree

Hide file tree

Showing 22 changed files with 312 additions and 199 deletions.
diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -44,9 +44,10 @@ height: calc( 100% - #{$header-height-mobile} )!important;
       }
 }
 
+/*TODO(mdc-migration): The following rule targets internal classes of tooltip that may no longer apply for the MDC version.*/
 ::ng-deep .mat-tooltip-hide { display: none!important; } // temporary fix (https://github.com/angular/components/issues/24614)
 
-::ng-deep .mat-form-field-suffix {
+::ng-deep .mat-mdc-form-field-icon-suffix {
   ::ng-deep mat-icon  {
     width: auto !important;
     height: -webkit-fill-available !important;

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -34,9 +34,9 @@ import { FooterModule } from './pages/footer/footer.module';
 import { ServiceWorkerModule } from '@angular/service-worker';
 
 import {
-  MAT_LEGACY_TOOLTIP_DEFAULT_OPTIONS as MAT_TOOLTIP_DEFAULT_OPTIONS,
-  MatLegacyTooltipDefaultOptions as MatTooltipDefaultOptions
-} from '@angular/material/legacy-tooltip';
+  MAT_TOOLTIP_DEFAULT_OPTIONS,
+  MatTooltipDefaultOptions
+} from '@angular/material/tooltip';
 import { concatMap, first } from 'rxjs';
 
 export const defaultTooltipOptions: MatTooltipDefaultOptions = {

diff --git a/src/app/pages/portal/expansion-panel/expansion-panel.module.ts b/src/app/pages/portal/expansion-panel/expansion-panel.module.ts
@@ -1,18 +1,18 @@
 import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
-import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
+import { MatButtonModule } from '@angular/material/button';
 import { MatIconModule } from '@angular/material/icon';
-import { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';
-import { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';
-import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
+import { MatListModule } from '@angular/material/list';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatSelectModule } from '@angular/material/select';
 
 import { IgoLanguageModule } from '@igo2/core';
 import { IgoBackdropModule } from '@igo2/common';
 
 import { ExpansionPanelComponent } from './expansion-panel.component';
 import { ExpansionPanelHeaderComponent } from './expansion-panel-header.component';
-import { MatLegacyTooltipModule as MatTooltipModule } from '@angular/material/legacy-tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
 
 @NgModule({
   imports: [