mirror of
https://github.com/bitwarden/browser
synced 2026-02-04 18:53:20 +00:00
e5f83ff086
Extract core functionality from `libs/angular` to allow teams to depend on `libs/ui-common` instead. Moves the following functionality to `ui-common`. - `I18nPipe`. `libs/angular` still has an old copy but `components` depends on the new variant from `ui-common`. - `safeProvider`, `SafeProvider` and `SafeInjectionToken`. `libs/angular`re-exports these to avoid needing to update all consumers.
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
// FIXME: Update this file to be type safe and remove this and next line
|
|
// @ts-strict-ignore
|
|
import { CdkTrapFocus } from "@angular/cdk/a11y";
|
|
import { CommonModule } from "@angular/common";
|
|
import { Component, ElementRef, 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";
|
|
|
|
@Component({
|
|
selector: "bit-side-nav",
|
|
templateUrl: "side-nav.component.html",
|
|
standalone: true,
|
|
imports: [CommonModule, CdkTrapFocus, NavDividerComponent, BitIconButtonComponent, I18nPipe],
|
|
})
|
|
export class SideNavComponent {
|
|
@Input() variant: SideNavVariant = "primary";
|
|
|
|
@ViewChild("toggleButton", { read: ElementRef, static: true })
|
|
private toggleButton: ElementRef<HTMLButtonElement>;
|
|
|
|
constructor(protected sideNavService: SideNavService) {}
|
|
|
|
protected handleKeyDown = (event: KeyboardEvent) => {
|
|
if (event.key === "Escape") {
|
|
this.sideNavService.setClose();
|
|
this.toggleButton?.nativeElement.focus();
|
|
return false;
|
|
}
|
|
|
|
return true;
|
|
};
|
|
}
|