All files / theme-toggle theme-toggle.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
 
 
 
 
 
 
 
1x
2x
 
2x
 
 
3x
2x
 
 
 
 
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
 
@Component({
  selector: 'app-theme-toggle',
  templateUrl: './theme-toggle.component.html',
  styleUrls: ['./theme-toggle.component.scss'],
  changeDetection: ChangeDetectionStrategy.OnPush,
  standalone: false,
})
export class AppThemeToggleComponent {
  @Input() public darkThemeEnabled: boolean | null = false;
 
  @Output() public readonly themeToggled = new EventEmitter<boolean>();
 
  public toggleTheme() {
    if (this.darkThemeEnabled !== null) {
      this.themeToggled.emit(!this.darkThemeEnabled);
    }
  }
}