mirror of
https://github.com/bitwarden/browser
synced 2025-12-19 01:33:33 +00:00
6687ef5978
* [PM-8639] Add data-testid attribute for test automation * [PM-8669] Add autofill aria label * [PM-8674] Show autofill menu options for card/identities when not in the autofill suggestion list * [PM-8635] Hide menu items when copy cipher field directive is disabled * [PM-8636] Disable copy menu dropdown when no items available to copy * [CL-309] Add title override to bitBadge * [PM-8669] Update menu-item directive disabled input * [PM-7683] Fix race condition for remainingCiphers$ * [PM-7683] Use strict equality check
48 lines
1.4 KiB
TypeScript
48 lines
1.4 KiB
TypeScript
import { FocusableOption } from "@angular/cdk/a11y";
|
|
import { coerceBooleanProperty } from "@angular/cdk/coercion";
|
|
import { Component, ElementRef, HostBinding, Input } from "@angular/core";
|
|
|
|
@Component({
|
|
selector: "[bitMenuItem]",
|
|
templateUrl: "menu-item.component.html",
|
|
})
|
|
export class MenuItemDirective implements FocusableOption {
|
|
@HostBinding("class") classList = [
|
|
"tw-block",
|
|
"tw-w-full",
|
|
"tw-py-1",
|
|
"tw-px-4",
|
|
"!tw-text-main",
|
|
"!tw-no-underline",
|
|
"tw-cursor-pointer",
|
|
"tw-border-none",
|
|
"tw-bg-background",
|
|
"tw-text-left",
|
|
"hover:tw-bg-secondary-100",
|
|
"focus-visible:tw-bg-secondary-100",
|
|
"focus-visible:tw-z-50",
|
|
"focus-visible:tw-outline-none",
|
|
"focus-visible:tw-ring",
|
|
"focus-visible:tw-ring-offset-2",
|
|
"focus-visible:tw-ring-primary-700",
|
|
"active:!tw-ring-0",
|
|
"active:!tw-ring-offset-0",
|
|
"disabled:!tw-text-muted",
|
|
"disabled:hover:tw-bg-background",
|
|
"disabled:tw-cursor-not-allowed",
|
|
];
|
|
@HostBinding("attr.role") role = "menuitem";
|
|
@HostBinding("tabIndex") tabIndex = "-1";
|
|
@HostBinding("attr.disabled") get disabledAttr() {
|
|
return this.disabled || null; // native disabled attr must be null when false
|
|
}
|
|
|
|
@Input({ transform: coerceBooleanProperty }) disabled?: boolean = false;
|
|
|
|
constructor(private elementRef: ElementRef) {}
|
|
|
|
focus() {
|
|
this.elementRef.nativeElement.focus();
|
|
}
|
|
}
|