mirror of
https://github.com/bitwarden/browser
synced 2025-12-18 17:23:37 +00:00
43 lines
1.1 KiB
TypeScript
43 lines
1.1 KiB
TypeScript
// FIXME: Update this file to be type safe and remove this and next line
|
|
// @ts-strict-ignore
|
|
import { FocusKeyManager, CdkTrapFocus } from "@angular/cdk/a11y";
|
|
import {
|
|
Component,
|
|
Output,
|
|
TemplateRef,
|
|
ViewChild,
|
|
EventEmitter,
|
|
ContentChildren,
|
|
QueryList,
|
|
AfterContentInit,
|
|
Input,
|
|
} from "@angular/core";
|
|
|
|
import { MenuItemDirective } from "./menu-item.directive";
|
|
|
|
@Component({
|
|
selector: "bit-menu",
|
|
templateUrl: "./menu.component.html",
|
|
exportAs: "menuComponent",
|
|
imports: [CdkTrapFocus],
|
|
})
|
|
export class MenuComponent implements AfterContentInit {
|
|
@ViewChild(TemplateRef) templateRef: TemplateRef<any>;
|
|
@Output() closed = new EventEmitter<void>();
|
|
@ContentChildren(MenuItemDirective, { descendants: true })
|
|
menuItems: QueryList<MenuItemDirective>;
|
|
keyManager?: FocusKeyManager<MenuItemDirective>;
|
|
|
|
@Input() ariaRole: "menu" | "dialog" = "menu";
|
|
|
|
@Input() ariaLabel: string;
|
|
|
|
ngAfterContentInit() {
|
|
if (this.ariaRole === "menu") {
|
|
this.keyManager = new FocusKeyManager(this.menuItems)
|
|
.withWrap()
|
|
.skipPredicate((item) => item.disabled);
|
|
}
|
|
}
|
|
}
|