angular/adev/src/app/main.component.ts

/*!
 * @license
 * Copyright Google LLC All Rights Reserved.
 *
 * Use of this source code is governed by an MIT-style license that can be
 * found in the LICENSE file at https://angular.dev/license
 */

import {ChangeDetectionStrategy, Component, effect, inject, model} from '@angular/core';
import {IS_SEARCH_DIALOG_OPEN, Search} from '@angular/docs';
import {RouterOutlet} from '@angular/router';

@Component({
  selector: 'adev-main',
  imports: [RouterOutlet],
  template: `<router-outlet />`,
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export default class MainComponent {
  private readonly displaySearchDialog = inject(IS_SEARCH_DIALOG_OPEN);
  private readonly searchService = inject(Search);
  readonly search = model<string | undefined>('');

  constructor() {
    effect(() => {
      const search = this.search();
      if (search !== undefined) {
        this.displaySearchDialog.set(true);
        this.searchService.searchQuery.set(search);
      }
    });
  }
}