Update Material

Author: werthdavid

projects/zxing-scanner-demo/src/app/app-info-dialog/app-info-dialog.component.ts

@@ -1,5 +1,5 @@
 import { ChangeDetectionStrategy, Component, Inject } from '@angular/core';
-import { MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
+import { MAT_DIALOG_DATA } from '@angular/material/dialog';
 
 @Component({
   selector: 'app-info-dialog',

projects/zxing-scanner-demo/src/app/app-ui.module.ts

@@ -1,14 +1,14 @@
 import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { MatLegacyButtonModule as MatButtonModule } from '@angular/material/legacy-button';
-import { MatLegacyDialogModule as MatDialogModule } from '@angular/material/legacy-dialog';
-import { MatLegacyFormFieldModule as MatFormFieldModule } from '@angular/material/legacy-form-field';
+import { MatButtonModule } from '@angular/material/button';
+import { MatDialogModule } from '@angular/material/dialog';
+import { MatFormFieldModule } from '@angular/material/form-field';
 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 { MatLegacySelectModule as MatSelectModule } from '@angular/material/legacy-select';
-import { MatLegacyTooltipModule as MatTooltipModule } from '@angular/material/legacy-tooltip';
+import { MatInputModule } from '@angular/material/input';
+import { MatListModule } from '@angular/material/list';
+import { MatMenuModule } from '@angular/material/menu';
+import { MatSelectModule } from '@angular/material/select';
+import { MatTooltipModule } from '@angular/material/tooltip';
 import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
 import { ZXingScannerModule } from './public_api';
 

projects/zxing-scanner-demo/src/app/formats-dialog/formats-dialog.component.html

@@ -3,7 +3,7 @@
 </header>
 
 <mat-selection-list #selectedFormats (selectionChange)="onSelectionChange($event)">
-  <mat-list-option *ngFor="let format of formatsAvailable" checkboxPosition="start" [selected]="isEnabled(format)" [value]="format">
+  <mat-list-option *ngFor="let format of formatsAvailable" [selected]="isEnabled(format)" [value]="format">
     {{ formatNames[format] }}
   </mat-list-option>
 </mat-selection-list>

projects/zxing-scanner-demo/src/app/formats-dialog/formats-dialog.component.ts

@@ -1,6 +1,6 @@
 import { Component, Inject } from '@angular/core';
-import { MatLegacyDialogRef as MatDialogRef, MAT_LEGACY_DIALOG_DATA as MAT_DIALOG_DATA } from '@angular/material/legacy-dialog';
-import { MatLegacySelectionListChange as MatSelectionListChange } from '@angular/material/legacy-list';
+import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
+import { MatSelectionListChange } from '@angular/material/list';
 import { BarcodeFormat } from '@zxing/library';
 import { formatNames, formatsAvailable } from '../barcode-formats';
 
@@ -19,8 +19,7 @@ export class FormatsDialogComponent {
 
   constructor(
     @Inject(MAT_DIALOG_DATA) readonly data: any,
-    private readonly _dialogRef: MatDialogRef<FormatsDialogComponent>,
-  ) {
+    private readonly _dialogRef: MatDialogRef<FormatsDialogComponent>) {
     this.formatsEnabled = data.formatsEnabled || [];
   }