Update angular material to v19, run inject migration

This commit is contained in:
2025-02-11 11:10:35 +10:30
parent 5a4541435f
commit e1747ce20a
7 changed files with 38 additions and 40 deletions

View File

@@ -8,6 +8,7 @@ import {
input,
signal,
viewChild,
inject,
} from '@angular/core';
import { MatButtonModule } from '@angular/material/button';
import { MatIconModule } from '@angular/material/icon';
@@ -28,20 +29,22 @@ declare const __TAURI__: any;
type PreviewType = 'raw' | 'edit' | 'diff';
@Component({
selector: 'app-editor',
imports: [
CommonModule,
ProtoFieldComponent,
MatButtonModule,
MatButtonToggleModule,
MatIconModule,
MonacoEditorModule,
FormsModule,
],
templateUrl: './editor.component.html',
styleUrl: './editor.component.scss'
selector: 'app-editor',
imports: [
CommonModule,
ProtoFieldComponent,
MatButtonModule,
MatButtonToggleModule,
MatIconModule,
MonacoEditorModule,
FormsModule,
],
templateUrl: './editor.component.html',
styleUrl: './editor.component.scss',
})
export class EditorComponent {
private snackBar = inject(MatSnackBar);
selectedFile = input<FileOrFolder>();
selectedMessage = input.required<ProtoMessage>();
indentSize = input<number>(2);
@@ -79,7 +82,9 @@ export class EditorComponent {
private code = viewChild<ElementRef<HTMLElement>>('code');
constructor(sanitizer: DomSanitizer, private snackBar: MatSnackBar) {
constructor() {
const sanitizer = inject(DomSanitizer);
effect(() => {
const element = this.code()?.nativeElement;
if (element) {