import { Injectable, inject } from '@angular/core';
import { MatDialog, MatDialogRef } from '@angular/material/dialog';
import { SearchOverlayComponent } from './search-overlay.component';
@Injectable({ providedIn: 'root' })
export class SearchOverlayService {
private dialog = inject(MatDialog);
private ref: MatDialogRef<SearchOverlayComponent> | null = null;
open(): void {
if (this.ref) return;
this.ref = this.dialog.open(SearchOverlayComponent, {
autoFocus: false,
restoreFocus: true,
disableClose: true,
panelClass: 'search-overlay-panel',
backdropClass: 'search-overlay-backdrop',
width: '100vw',
maxWidth: '100vw',
height: '100vh',
data: {}
});
this.ref.afterClosed().subscribe(() => (this.ref = null));
}
close(): void { this.ref?.close(); }
}