From f873d2460ef4acb6b7fa4ca3ce9b0b957a512b7e Mon Sep 17 00:00:00 2001
From: Vijeinath Tissaveerasingham <vijeinath@gmx.ch>
Date: Fri, 9 Jun 2023 16:07:45 +0200
Subject: [PATCH] chore: angular mdc migration paginator (#1097)

---
 apps/dsp-app/src/app/material-module.ts                       | 2 +-
 .../workspace/resource/properties/properties.component.scss   | 4 ++--
 .../app/workspace/resource/properties/properties.component.ts | 2 +-
 .../workspace/results/list-view/list-view.component.spec.ts   | 2 +-
 package-lock.json                                             | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/apps/dsp-app/src/app/material-module.ts b/apps/dsp-app/src/app/material-module.ts
index a55ff68444..94983c650c 100644
--- a/apps/dsp-app/src/app/material-module.ts
+++ b/apps/dsp-app/src/app/material-module.ts
@@ -18,7 +18,7 @@ import { MatIconModule } from '@angular/material/icon';
 import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
 import { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';
 import { MatLegacyMenuModule as MatMenuModule } from '@angular/material/legacy-menu';
-import { MatLegacyPaginatorModule as MatPaginatorModule } from '@angular/material/legacy-paginator';
+import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatLegacyProgressBarModule as MatProgressBarModule } from '@angular/material/legacy-progress-bar';
 import { MatLegacyProgressSpinnerModule as MatProgressSpinnerModule } from '@angular/material/legacy-progress-spinner';
 import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
diff --git a/apps/dsp-app/src/app/workspace/resource/properties/properties.component.scss b/apps/dsp-app/src/app/workspace/resource/properties/properties.component.scss
index 11a10db7a4..3b4233680d 100644
--- a/apps/dsp-app/src/app/workspace/resource/properties/properties.component.scss
+++ b/apps/dsp-app/src/app/workspace/resource/properties/properties.component.scss
@@ -160,12 +160,12 @@
   color: $cool_gray_500;
 }
 
-:host::ng-deep .mat-paginator-container {
+:host::ng-deep .mat-mdc-paginator-container {
   justify-content: start;
   padding: 0;
 }
 
-:host::ng-deep .mat-paginator-range-label {
+:host::ng-deep .mat-mdc-paginator-range-label {
   margin: 0;
 }
 
diff --git a/apps/dsp-app/src/app/workspace/resource/properties/properties.component.ts b/apps/dsp-app/src/app/workspace/resource/properties/properties.component.ts
index 26c8599016..46c53fefa5 100644
--- a/apps/dsp-app/src/app/workspace/resource/properties/properties.component.ts
+++ b/apps/dsp-app/src/app/workspace/resource/properties/properties.component.ts
@@ -9,7 +9,7 @@ import {
     Output,
 } from '@angular/core';
 import { MatDialog, MatDialogConfig } from '@angular/material/dialog';
-import { LegacyPageEvent as PageEvent } from '@angular/material/legacy-paginator';
+import { PageEvent } from '@angular/material/paginator';
 import {
     ApiResponseData,
     ApiResponseError,
diff --git a/apps/dsp-app/src/app/workspace/results/list-view/list-view.component.spec.ts b/apps/dsp-app/src/app/workspace/results/list-view/list-view.component.spec.ts
index 6a263cf176..fff3a6a8f9 100644
--- a/apps/dsp-app/src/app/workspace/results/list-view/list-view.component.spec.ts
+++ b/apps/dsp-app/src/app/workspace/results/list-view/list-view.component.spec.ts
@@ -3,7 +3,7 @@ import { ComponentFixture, TestBed, waitForAsync } from '@angular/core/testing';
 import { MatButtonModule } from '@angular/material/button';
 import { MatDialogModule } from '@angular/material/dialog';
 import { MatIconModule } from '@angular/material/icon';
-import { MatLegacyPaginatorModule as MatPaginatorModule } from '@angular/material/legacy-paginator';
+import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatLegacySnackBarModule as MatSnackBarModule } from '@angular/material/legacy-snack-bar';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { ActivatedRoute } from '@angular/router';
diff --git a/package-lock.json b/package-lock.json
index 03997a8b11..10656c093a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -6,7 +6,7 @@
   "packages": {
     "": {
       "name": "dsp-app",
-      "version": "10.20.1",
+      "version": "10.20.3",
       "dependencies": {
         "@angular/animations": "^15.2.2",
         "@angular/cdk": "^15.2.2",