chore: angular mdc migration - checkbox

apps/dsp-app/src/app/material-module.ts

@@ -7,7 +7,7 @@ import { MatBadgeModule } from '@angular/material/badge';
 import { MatButtonModule } from '@angular/material/button';
 import { MatButtonToggleModule } from '@angular/material/button-toggle';
 import { MatCardModule } from '@angular/material/card';
-import { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatChipsModule } from '@angular/material/chips';
 import { MatDatepickerModule } from '@angular/material/datepicker';
 import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';

apps/dsp-app/src/app/workspace/resource/values/boolean-value/boolean-value.component.scss

@@ -2,12 +2,19 @@
 
 .read-mode-view .mat-icon,
 .boolValue {
-  margin-top: 4px;
-  margin-left: 4px;
   display: block;
   color: $primary;
 
   &.more-space {
     margin-top: 16px;
   }
 }
+
+.boolValue {
+  margin-top: 4px;
+}
+
+.read-mode-view .mat-icon {
+  margin-top: 13px;
+  margin-left: 4px;
+}

apps/dsp-app/src/app/workspace/resource/values/boolean-value/boolean-value.component.spec.ts

@@ -1,6 +1,6 @@
 import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
 import { ReactiveFormsModule } from '@angular/forms';
-import { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatLegacyInputModule as MatInputModule } from '@angular/material/legacy-input';
 import { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
 import { MatLegacyOptionModule as MatOptionModule } from '@angular/material/legacy-core';

apps/dsp-app/src/app/workspace/resource/values/date-value/date-value-handler/date-value-handler.component.spec.ts

@@ -12,7 +12,7 @@ import {
     ReactiveFormsModule,
 } from '@angular/forms';
 import { MatButtonModule } from '@angular/material/button';
-import { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 import { ErrorStateMatcher } from '@angular/material/core';
 import { MatLegacyOptionModule as MatOptionModule } from '@angular/material/legacy-core';
 import {

apps/dsp-app/src/app/workspace/results/list-view/list-view.service.ts

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { MatLegacyCheckbox as MatCheckbox } from '@angular/material/legacy-checkbox';
+import { MatCheckbox } from '@angular/material/checkbox';
 import {
     CheckboxUpdate,
     FilteredResources,

apps/dsp-app/src/app/workspace/results/list-view/resource-list/resource-list.component.spec.ts

@@ -6,7 +6,7 @@ import {
     ViewChild,
 } from '@angular/core';
 import { waitForAsync, ComponentFixture, TestBed } from '@angular/core/testing';
-import { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 import { MatLineModule } from '@angular/material/core';
 import { MatIconModule } from '@angular/material/icon';
 import { MatLegacyListModule as MatListModule } from '@angular/material/legacy-list';

apps/dsp-app/src/app/workspace/results/list-view/resource-list/resource-list.component.ts

@@ -6,7 +6,7 @@ import {
     Output,
     ViewChildren,
 } from '@angular/core';
-import { MatLegacyCheckbox as MatCheckbox } from '@angular/material/legacy-checkbox';
+import { MatCheckbox } from '@angular/material/checkbox';
 import {
     Constants,
     ReadLinkValue,

apps/dsp-app/src/app/workspace/search/advanced-search/resource-and-property-selection/search-select-property/search-select-property.component.spec.ts

@@ -20,7 +20,7 @@ import {
 } from '@dasch-swiss/dsp-js';
 import { MatLegacySelectHarness as MatSelectHarness } from '@angular/material/legacy-select/testing';
 import { MatLegacySlideToggleHarness as MatSlideToggleHarness } from '@angular/material/legacy-slide-toggle/testing';
-import { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 import {
     ComparisonOperatorAndValue,
     Equals,

apps/dsp-app/src/app/workspace/search/advanced-search/resource-and-property-selection/search-select-property/specify-property-value/search-boolean-value/search-boolean-value.component.spec.ts

@@ -5,9 +5,9 @@ import { UntypedFormBuilder, ReactiveFormsModule } from '@angular/forms';
 import { HarnessLoader } from '@angular/cdk/testing';
 import { TestbedHarnessEnvironment } from '@angular/cdk/testing/testbed';
 import { ValueLiteral } from '../operator';
-import { MatLegacyCheckboxHarness as MatCheckboxHarness } from '@angular/material/legacy-checkbox/testing';
+import { MatCheckboxHarness } from '@angular/material/checkbox/testing';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
-import { MatLegacyCheckboxModule as MatCheckboxModule } from '@angular/material/legacy-checkbox';
+import { MatCheckboxModule } from '@angular/material/checkbox';
 
 /**
  * test host component to simulate parent component.