mirror of
https://github.com/bitwarden/browser
synced 2025-12-17 08:43:33 +00:00
203267f53c
* remove animations to try and fix flakey tests * allow some diff in tootltip story * dedicated collapsed nav story * remove viewports and add delay * add back animations * add input to disable responsive behavior * remove responsive input. open nav on lg viewports * create story to capture collapsed nav * remove unused import * more explicit user preference logic
37 lines
1.2 KiB
TypeScript
37 lines
1.2 KiB
TypeScript
import { CdkTrapFocus } from "@angular/cdk/a11y";
|
|
import { CommonModule } from "@angular/common";
|
|
import { Component, ElementRef, inject, input, viewChild } from "@angular/core";
|
|
|
|
import { I18nPipe } from "@bitwarden/ui-common";
|
|
|
|
import { BitIconButtonComponent } from "../icon-button/icon-button.component";
|
|
|
|
import { NavDividerComponent } from "./nav-divider.component";
|
|
import { SideNavService } from "./side-nav.service";
|
|
|
|
export type SideNavVariant = "primary" | "secondary";
|
|
|
|
// FIXME(https://bitwarden.atlassian.net/browse/CL-764): Migrate to OnPush
|
|
// eslint-disable-next-line @angular-eslint/prefer-on-push-component-change-detection
|
|
@Component({
|
|
selector: "bit-side-nav",
|
|
templateUrl: "side-nav.component.html",
|
|
imports: [CommonModule, CdkTrapFocus, NavDividerComponent, BitIconButtonComponent, I18nPipe],
|
|
})
|
|
export class SideNavComponent {
|
|
readonly variant = input<SideNavVariant>("primary");
|
|
|
|
private readonly toggleButton = viewChild("toggleButton", { read: ElementRef });
|
|
protected sideNavService = inject(SideNavService);
|
|
|
|
protected handleKeyDown = (event: KeyboardEvent) => {
|
|
if (event.key === "Escape") {
|
|
this.sideNavService.setClose();
|
|
this.toggleButton()?.nativeElement.focus();
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
};
|
|
}
|