@angular/aria 21.0.0-next.9 → 21.0.0-rc.0

package/fesm2022/listbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"listbox.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/listbox/listbox.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  contentChildren,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  model,\n  signal,\n  untracked,\n} from '@angular/core';\nimport {ComboboxListboxPattern, ListboxPattern, OptionPattern} from '@angular/aria/ui-patterns';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {ComboboxPopup} from '../combobox';\n\n/**\n * A listbox container.\n *\n * Listboxes are used to display a list of items for a user to select from. The Listbox is meant\n * to be used in conjunction with Option as follows:\n *\n * ```html\n * <ul ngListbox>\n *   <li [value]=\"1\" ngOption>Item 1</li>\n *   <li [value]=\"2\" ngOption>Item 2</li>\n *   <li [value]=\"3\" ngOption>Item 3</li>\n * </ul>\n * ```\n */\n@Directive({\n  selector: '[ngListbox]',\n  exportAs: 'ngListbox',\n  host: {\n    'role': 'listbox',\n    'class': 'ng-listbox',\n    '[attr.id]': 'id()',\n    '[attr.tabindex]': 'pattern.tabindex()',\n    '[attr.aria-readonly]': 'pattern.readonly()',\n    '[attr.aria-disabled]': 'pattern.disabled()',\n    '[attr.aria-orientation]': 'pattern.orientation()',\n    '[attr.aria-multiselectable]': 'pattern.multi()',\n    '[attr.aria-activedescendant]': 'pattern.activedescendant()',\n    '(keydown)': 'pattern.onKeydown($event)',\n    '(pointerdown)': 'pattern.onPointerdown($event)',\n    '(focusin)': 'onFocus()',\n  },\n  hostDirectives: [{directive: ComboboxPopup}],\n})\nexport class Listbox<V> {\n  /** A unique identifier for the listbox. */\n  private readonly _generatedId = inject(_IdGenerator).getId('ng-listbox-');\n\n  // TODO(wagnermaciel): https://github.com/angular/components/pull/30495#discussion_r1972601144.\n  /** A unique identifier for the listbox. */\n  protected id = computed(() => this._generatedId);\n\n  /** A reference to the parent combobox popup, if one exists. */\n  private readonly _popup = inject<ComboboxPopup<V>>(ComboboxPopup, {\n    optional: true,\n  });\n\n  /** A reference to the listbox element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The directionality (LTR / RTL) context for the application (or a subtree of it). */\n  private readonly _directionality = inject(Directionality);\n\n  /** The Options nested inside of the Listbox. */\n  private readonly _options = contentChildren(Option, {descendants: true});\n\n  /** A signal wrapper for directionality. */\n  protected textDirection = toSignal(this._directionality.change, {\n    initialValue: this._directionality.value,\n  });\n\n  /** The Option UIPatterns of the child Options. */\n  protected items = computed(() => this._options().map(option => option.pattern));\n\n  /** Whether the list is vertically or horizontally oriented. */\n  orientation = input<'vertical' | 'horizontal'>('vertical');\n\n  /** Whether multiple items in the list can be selected at once. */\n  multi = input(false, {transform: booleanAttribute});\n\n  /** Whether focus should wrap when navigating. */\n  wrap = input(true, {transform: booleanAttribute});\n\n  /** Whether disabled items in the list should be skipped when navigating. */\n  skipDisabled = input(true, {transform: booleanAttribute});\n\n  /** The focus strategy used by the list. */\n  focusMode = input<'roving' | 'activedescendant'>('roving');\n\n  /** The selection strategy used by the list. */\n  selectionMode = input<'follow' | 'explicit'>('follow');\n\n  /** The amount of time before the typeahead search is reset. */\n  typeaheadDelay = input<number>(0.5); // Picked arbitrarily.\n\n  /** Whether the listbox is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether the listbox is readonly. */\n  readonly = input(false, {transform: booleanAttribute});\n\n  /** The values of the current selected items. */\n  value = model<V[]>([]);\n\n  /** The Listbox UIPattern. */\n  pattern: ListboxPattern<V>;\n\n  /** Whether the listbox has received focus yet. */\n  private _hasFocused = signal(false);\n\n  constructor() {\n    const inputs = {\n      ...this,\n      id: this.id,\n      items: this.items,\n      activeItem: signal(undefined),\n      textDirection: this.textDirection,\n      element: () => this._elementRef.nativeElement,\n      combobox: () => this._popup?.combobox?.pattern,\n    };\n\n    this.pattern = this._popup?.combobox\n      ? new ComboboxListboxPattern<V>(inputs)\n      : new ListboxPattern<V>(inputs);\n\n    if (this._popup) {\n      this._popup.controls.set(this.pattern as ComboboxListboxPattern<V>);\n    }\n\n    afterRenderEffect(() => {\n      if (typeof ngDevMode === 'undefined' || ngDevMode) {\n        const violations = this.pattern.validate();\n        for (const violation of violations) {\n          console.error(violation);\n        }\n      }\n    });\n\n    afterRenderEffect(() => {\n      if (!this._hasFocused()) {\n        this.pattern.setDefaultState();\n      }\n    });\n\n    // Ensure that if the active item is removed from\n    // the list, the listbox updates it's focus state.\n    afterRenderEffect(() => {\n      const items = inputs.items();\n      const activeItem = untracked(() => inputs.activeItem());\n\n      if (!items.some(i => i === activeItem) && activeItem) {\n        this.pattern.listBehavior.unfocus();\n      }\n    });\n\n    // Ensure that the value is always in sync with the available options.\n    afterRenderEffect(() => {\n      const items = inputs.items();\n      const value = untracked(() => this.value());\n\n      if (items && value.some(v => !items.some(i => i.value() === v))) {\n        this.value.set(value.filter(v => items.some(i => i.value() === v)));\n      }\n    });\n  }\n\n  onFocus() {\n    this._hasFocused.set(true);\n  }\n}\n\n/** A selectable option in a Listbox. */\n@Directive({\n  selector: '[ngOption]',\n  exportAs: 'ngOption',\n  host: {\n    'role': 'option',\n    'class': 'ng-option',\n    '[attr.data-active]': 'pattern.active()',\n    '[attr.id]': 'pattern.id()',\n    '[attr.tabindex]': 'pattern.tabindex()',\n    '[attr.aria-selected]': 'pattern.selected()',\n    '[attr.aria-disabled]': 'pattern.disabled()',\n  },\n})\nexport class Option<V> {\n  /** A reference to the option element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent Listbox. */\n  private readonly _listbox = inject(Listbox);\n\n  /** A unique identifier for the option. */\n  private readonly _generatedId = inject(_IdGenerator).getId('ng-option-');\n\n  // TODO(wagnermaciel): https://github.com/angular/components/pull/30495#discussion_r1972601144.\n  /** A unique identifier for the option. */\n  protected id = computed(() => this._generatedId);\n\n  // TODO(wagnermaciel): See if we want to change how we handle this since textContent is not\n  // reactive. See https://github.com/angular/components/pull/30495#discussion_r1961260216.\n  /** The text used by the typeahead search. */\n  protected searchTerm = computed(() => this.label() ?? this.element().textContent);\n\n  /** The parent Listbox UIPattern. */\n  protected listbox = computed(() => this._listbox.pattern);\n\n  /** A reference to the option element to be focused on navigation. */\n  protected element = computed(() => this._elementRef.nativeElement);\n\n  /** The value of the option. */\n  value = input.required<V>();\n\n  /** Whether an item is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /** The text used by the typeahead search. */\n  label = input<string>();\n\n  /** The Option UIPattern. */\n  pattern = new OptionPattern<V>({\n    ...this,\n    id: this.id,\n    value: this.value,\n    listbox: this.listbox,\n    element: this.element,\n    searchTerm: this.searchTerm,\n  });\n}\n"],"names":["i1.ComboboxPopup"],"mappings":"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"}
+{"version":3,"file":"listbox.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/listbox/listbox.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  contentChildren,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  model,\n  signal,\n  untracked,\n} from '@angular/core';\nimport {ComboboxListboxPattern, ListboxPattern, OptionPattern} from '@angular/aria/private';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {ComboboxPopup} from '../combobox';\n\n/**\n * A listbox container.\n *\n * Listboxes are used to display a list of items for a user to select from. The Listbox is meant\n * to be used in conjunction with Option as follows:\n *\n * ```html\n * <ul ngListbox>\n *   <li [value]=\"1\" ngOption>Item 1</li>\n *   <li [value]=\"2\" ngOption>Item 2</li>\n *   <li [value]=\"3\" ngOption>Item 3</li>\n * </ul>\n * ```\n */\n@Directive({\n  selector: '[ngListbox]',\n  exportAs: 'ngListbox',\n  host: {\n    'role': 'listbox',\n    'class': 'ng-listbox',\n    '[attr.id]': 'id()',\n    '[attr.tabindex]': '_pattern.tabindex()',\n    '[attr.aria-readonly]': '_pattern.readonly()',\n    '[attr.aria-disabled]': '_pattern.disabled()',\n    '[attr.aria-orientation]': '_pattern.orientation()',\n    '[attr.aria-multiselectable]': '_pattern.multi()',\n    '[attr.aria-activedescendant]': '_pattern.activedescendant()',\n    '(keydown)': '_pattern.onKeydown($event)',\n    '(pointerdown)': '_pattern.onPointerdown($event)',\n    '(focusin)': 'onFocus()',\n  },\n  hostDirectives: [{directive: ComboboxPopup}],\n})\nexport class Listbox<V> {\n  /** A unique identifier for the listbox. */\n  private readonly _generatedId = inject(_IdGenerator).getId('ng-listbox-');\n\n  // TODO(wagnermaciel): https://github.com/angular/components/pull/30495#discussion_r1972601144.\n  /** A unique identifier for the listbox. */\n  protected id = computed(() => this._generatedId);\n\n  /** A reference to the parent combobox popup, if one exists. */\n  private readonly _popup = inject<ComboboxPopup<V>>(ComboboxPopup, {\n    optional: true,\n  });\n\n  /** A reference to the listbox element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The directionality (LTR / RTL) context for the application (or a subtree of it). */\n  private readonly _directionality = inject(Directionality);\n\n  /** The Options nested inside of the Listbox. */\n  private readonly _options = contentChildren(Option, {descendants: true});\n\n  /** A signal wrapper for directionality. */\n  protected textDirection = toSignal(this._directionality.change, {\n    initialValue: this._directionality.value,\n  });\n\n  /** The Option UIPatterns of the child Options. */\n  protected items = computed(() => this._options().map(option => option._pattern));\n\n  /** Whether the list is vertically or horizontally oriented. */\n  orientation = input<'vertical' | 'horizontal'>('vertical');\n\n  /** Whether multiple items in the list can be selected at once. */\n  multi = input(false, {transform: booleanAttribute});\n\n  /** Whether focus should wrap when navigating. */\n  wrap = input(true, {transform: booleanAttribute});\n\n  /** Whether disabled items in the list should be skipped when navigating. */\n  skipDisabled = input(true, {transform: booleanAttribute});\n\n  /** The focus strategy used by the list. */\n  focusMode = input<'roving' | 'activedescendant'>('roving');\n\n  /** The selection strategy used by the list. */\n  selectionMode = input<'follow' | 'explicit'>('follow');\n\n  /** The amount of time before the typeahead search is reset. */\n  typeaheadDelay = input<number>(0.5); // Picked arbitrarily.\n\n  /** Whether the listbox is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether the listbox is readonly. */\n  readonly = input(false, {transform: booleanAttribute});\n\n  /** The values of the current selected items. */\n  value = model<V[]>([]);\n\n  /** The Listbox UIPattern. */\n  readonly _pattern: ListboxPattern<V>;\n\n  /** Whether the listbox has received focus yet. */\n  private _hasFocused = signal(false);\n\n  constructor() {\n    const inputs = {\n      ...this,\n      id: this.id,\n      items: this.items,\n      activeItem: signal(undefined),\n      textDirection: this.textDirection,\n      element: () => this._elementRef.nativeElement,\n      combobox: () => this._popup?.combobox?._pattern,\n    };\n\n    this._pattern = this._popup?.combobox\n      ? new ComboboxListboxPattern<V>(inputs)\n      : new ListboxPattern<V>(inputs);\n\n    if (this._popup) {\n      this._popup.controls.set(this._pattern as ComboboxListboxPattern<V>);\n    }\n\n    afterRenderEffect(() => {\n      if (typeof ngDevMode === 'undefined' || ngDevMode) {\n        const violations = this._pattern.validate();\n        for (const violation of violations) {\n          console.error(violation);\n        }\n      }\n    });\n\n    afterRenderEffect(() => {\n      if (!this._hasFocused()) {\n        this._pattern.setDefaultState();\n      }\n    });\n\n    // Ensure that if the active item is removed from\n    // the list, the listbox updates it's focus state.\n    afterRenderEffect(() => {\n      const items = inputs.items();\n      const activeItem = untracked(() => inputs.activeItem());\n\n      if (!items.some(i => i === activeItem) && activeItem) {\n        this._pattern.listBehavior.unfocus();\n      }\n    });\n\n    // Ensure that the value is always in sync with the available options.\n    afterRenderEffect(() => {\n      const items = inputs.items();\n      const value = untracked(() => this.value());\n\n      if (items && value.some(v => !items.some(i => i.value() === v))) {\n        this.value.set(value.filter(v => items.some(i => i.value() === v)));\n      }\n    });\n  }\n\n  onFocus() {\n    this._hasFocused.set(true);\n  }\n\n  scrollActiveItemIntoView(options: ScrollIntoViewOptions = {block: 'nearest'}) {\n    this._pattern.inputs.activeItem()?.element().scrollIntoView(options);\n  }\n}\n\n/** A selectable option in a Listbox. */\n@Directive({\n  selector: '[ngOption]',\n  exportAs: 'ngOption',\n  host: {\n    'role': 'option',\n    'class': 'ng-option',\n    '[attr.data-active]': '_pattern.active()',\n    '[attr.id]': '_pattern.id()',\n    '[attr.tabindex]': '_pattern.tabindex()',\n    '[attr.aria-selected]': '_pattern.selected()',\n    '[attr.aria-disabled]': '_pattern.disabled()',\n  },\n})\nexport class Option<V> {\n  /** A reference to the option element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent Listbox. */\n  private readonly _listbox = inject(Listbox);\n\n  /** A unique identifier for the option. */\n  private readonly _generatedId = inject(_IdGenerator).getId('ng-option-');\n\n  // TODO(wagnermaciel): https://github.com/angular/components/pull/30495#discussion_r1972601144.\n  /** A unique identifier for the option. */\n  protected id = computed(() => this._generatedId);\n\n  // TODO(wagnermaciel): See if we want to change how we handle this since textContent is not\n  // reactive. See https://github.com/angular/components/pull/30495#discussion_r1961260216.\n  /** The text used by the typeahead search. */\n  protected searchTerm = computed(() => this.label() ?? this.element().textContent);\n\n  /** The parent Listbox UIPattern. */\n  protected listbox = computed(() => this._listbox._pattern);\n\n  /** A reference to the option element to be focused on navigation. */\n  protected element = computed(() => this._elementRef.nativeElement);\n\n  /** The value of the option. */\n  value = input.required<V>();\n\n  /** Whether an item is disabled. */\n  disabled = input(false, {transform: booleanAttribute});\n\n  /** The text used by the typeahead search. */\n  label = input<string>();\n\n  /** Whether the option is selected. */\n  readonly selected = computed(() => this._pattern.selected());\n\n  /** The Option UIPattern. */\n  readonly _pattern = new OptionPattern<V>({\n    ...this,\n    id: this.id,\n    value: this.value,\n    listbox: this.listbox,\n    element: this.element,\n    searchTerm: this.searchTerm,\n  });\n}\n"],"names":["inject","ComboboxPopup","optional","_elementRef","ElementRef","_directionality","Directionality","contentChildren","Option","ngDevMode","debugName","descendants","textDirection","toSignal","change","initialValue","value","items","computed","_options","map","option","_pattern","transform","booleanAttribute","wrap","input","focusMode","selectionMode","disabled","readonly","model","constructor","element","nativeElement","combobox","_popup","ComboboxListboxPattern","inputs","ListboxPattern","controls","set","violations","validate","violation","console","error","_hasFocused","setDefaultState","afterRenderEffect","activeItem","untracked","some","i","listBehavior","unfocus","v","filter","scrollActiveItemIntoView","options","block","args","selector","directive","ctorParameters","Listbox","_generatedId","_IdGenerator","getId"],"mappings":"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"}

package/fesm2022/menu.mjs

@@ -0,0 +1,535 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, input, output, computed, Directive, contentChildren, signal, afterRenderEffect, untracked, model } from '@angular/core';
+import { MenuTriggerPattern, MenuPattern, MenuBarPattern, MenuItemPattern } from '@angular/aria/private';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { Directionality } from '@angular/cdk/bidi';
+
+class MenuTrigger {
+  _elementRef = inject(ElementRef);
+  element = this._elementRef.nativeElement;
+  submenu = input(undefined, ...(ngDevMode ? [{
+    debugName: "submenu"
+  }] : []));
+  onSubmit = output();
+  _pattern = new MenuTriggerPattern({
+    onSubmit: value => this.onSubmit.emit(value),
+    element: computed(() => this._elementRef.nativeElement),
+    submenu: computed(() => this.submenu()?._pattern)
+  });
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: MenuTrigger,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.1.0",
+    version: "20.2.0-next.2",
+    type: MenuTrigger,
+    isStandalone: true,
+    selector: "button[ngMenuTrigger]",
+    inputs: {
+      submenu: {
+        classPropertyName: "submenu",
+        publicName: "submenu",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    outputs: {
+      onSubmit: "onSubmit"
+    },
+    host: {
+      listeners: {
+        "click": "_pattern.onClick()",
+        "keydown": "_pattern.onKeydown($event)",
+        "focusout": "_pattern.onFocusOut($event)"
+      },
+      properties: {
+        "attr.tabindex": "_pattern.tabindex()",
+        "attr.aria-haspopup": "_pattern.hasPopup()",
+        "attr.aria-expanded": "_pattern.expanded()",
+        "attr.aria-controls": "_pattern.submenu()?.id()"
+      },
+      classAttribute: "ng-menu-trigger"
+    },
+    exportAs: ["ngMenuTrigger"],
+    ngImport: i0
+  });
+}
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: MenuTrigger,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: 'button[ngMenuTrigger]',
+      exportAs: 'ngMenuTrigger',
+      host: {
+        'class': 'ng-menu-trigger',
+        '[attr.tabindex]': '_pattern.tabindex()',
+        '[attr.aria-haspopup]': '_pattern.hasPopup()',
+        '[attr.aria-expanded]': '_pattern.expanded()',
+        '[attr.aria-controls]': '_pattern.submenu()?.id()',
+        '(click)': '_pattern.onClick()',
+        '(keydown)': '_pattern.onKeydown($event)',
+        '(focusout)': '_pattern.onFocusOut($event)'
+      }
+    }]
+  }]
+});
+class Menu {
+  _allItems = contentChildren(MenuItem, ...(ngDevMode ? [{
+    debugName: "_allItems",
+    descendants: true
+  }] : [{
+    descendants: true
+  }]));
+  _items = computed(() => this._allItems().filter(i => i.parent === this), ...(ngDevMode ? [{
+    debugName: "_items"
+  }] : []));
+  _elementRef = inject(ElementRef);
+  element = this._elementRef.nativeElement;
+  _directionality = inject(Directionality);
+  textDirection = toSignal(this._directionality.change, {
+    initialValue: this._directionality.value
+  });
+  submenu = input(undefined, ...(ngDevMode ? [{
+    debugName: "submenu"
+  }] : []));
+  id = input(Math.random().toString(36).substring(2, 10), ...(ngDevMode ? [{
+    debugName: "id"
+  }] : []));
+  wrap = input(true, ...(ngDevMode ? [{
+    debugName: "wrap"
+  }] : []));
+  typeaheadDelay = input(0.5, ...(ngDevMode ? [{
+    debugName: "typeaheadDelay"
+  }] : []));
+  parent = input(...(ngDevMode ? [undefined, {
+    debugName: "parent"
+  }] : []));
+  _pattern;
+  items = () => this._items().map(i => i._pattern);
+  isVisible = computed(() => this._pattern.isVisible(), ...(ngDevMode ? [{
+    debugName: "isVisible"
+  }] : []));
+  onSubmit = output();
+  constructor() {
+    this._pattern = new MenuPattern({
+      ...this,
+      parent: computed(() => this.parent()?._pattern),
+      multi: () => false,
+      skipDisabled: () => false,
+      focusMode: () => 'roving',
+      orientation: () => 'vertical',
+      selectionMode: () => 'explicit',
+      activeItem: signal(undefined),
+      element: computed(() => this._elementRef.nativeElement),
+      onSubmit: value => this.onSubmit.emit(value)
+    });
+    afterRenderEffect(() => {
+      if (this._pattern.isVisible()) {
+        const activeItem = untracked(() => this._pattern.inputs.activeItem());
+        this._pattern.listBehavior.goto(activeItem);
+      }
+    });
+    afterRenderEffect(() => {
+      if (!this._pattern.hasBeenFocused()) {
+        this._pattern.setDefaultState();
+      }
+    });
+  }
+  close(opts) {
+    this._pattern.inputs.parent()?.close(opts);
+  }
+  closeAll(opts) {
+    const root = this._pattern.root();
+    if (root instanceof MenuTriggerPattern) {
+      root.close(opts);
+    }
+    if (root instanceof MenuPattern || root instanceof MenuBarPattern) {
+      root.inputs.activeItem()?.close(opts);
+    }
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: Menu,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.2.0",
+    version: "20.2.0-next.2",
+    type: Menu,
+    isStandalone: true,
+    selector: "[ngMenu]",
+    inputs: {
+      submenu: {
+        classPropertyName: "submenu",
+        publicName: "submenu",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      id: {
+        classPropertyName: "id",
+        publicName: "id",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      wrap: {
+        classPropertyName: "wrap",
+        publicName: "wrap",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      typeaheadDelay: {
+        classPropertyName: "typeaheadDelay",
+        publicName: "typeaheadDelay",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      parent: {
+        classPropertyName: "parent",
+        publicName: "parent",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    outputs: {
+      onSubmit: "onSubmit"
+    },
+    host: {
+      attributes: {
+        "role": "menu"
+      },
+      listeners: {
+        "keydown": "_pattern.onKeydown($event)",
+        "mouseover": "_pattern.onMouseOver($event)",
+        "mouseout": "_pattern.onMouseOut($event)",
+        "focusout": "_pattern.onFocusOut($event)",
+        "focusin": "_pattern.onFocusIn()",
+        "click": "_pattern.onClick($event)"
+      },
+      properties: {
+        "attr.id": "_pattern.id()",
+        "attr.data-visible": "_pattern.isVisible()"
+      },
+      classAttribute: "ng-menu"
+    },
+    queries: [{
+      propertyName: "_allItems",
+      predicate: MenuItem,
+      descendants: true,
+      isSignal: true
+    }],
+    exportAs: ["ngMenu"],
+    ngImport: i0
+  });
+}
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: Menu,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngMenu]',
+      exportAs: 'ngMenu',
+      host: {
+        'role': 'menu',
+        'class': 'ng-menu',
+        '[attr.id]': '_pattern.id()',
+        '[attr.data-visible]': '_pattern.isVisible()',
+        '(keydown)': '_pattern.onKeydown($event)',
+        '(mouseover)': '_pattern.onMouseOver($event)',
+        '(mouseout)': '_pattern.onMouseOut($event)',
+        '(focusout)': '_pattern.onFocusOut($event)',
+        '(focusin)': '_pattern.onFocusIn()',
+        '(click)': '_pattern.onClick($event)'
+      }
+    }]
+  }],
+  ctorParameters: () => []
+});
+class MenuBar {
+  _allItems = contentChildren(MenuItem, ...(ngDevMode ? [{
+    debugName: "_allItems",
+    descendants: true
+  }] : [{
+    descendants: true
+  }]));
+  _items = () => this._allItems().filter(i => i.parent === this);
+  _elementRef = inject(ElementRef);
+  element = this._elementRef.nativeElement;
+  _directionality = inject(Directionality);
+  textDirection = toSignal(this._directionality.change, {
+    initialValue: this._directionality.value
+  });
+  value = model([], ...(ngDevMode ? [{
+    debugName: "value"
+  }] : []));
+  wrap = input(true, ...(ngDevMode ? [{
+    debugName: "wrap"
+  }] : []));
+  typeaheadDelay = input(0.5, ...(ngDevMode ? [{
+    debugName: "typeaheadDelay"
+  }] : []));
+  _pattern;
+  items = signal([], ...(ngDevMode ? [{
+    debugName: "items"
+  }] : []));
+  onSubmit = output();
+  constructor() {
+    this._pattern = new MenuBarPattern({
+      ...this,
+      multi: () => false,
+      skipDisabled: () => false,
+      focusMode: () => 'roving',
+      orientation: () => 'horizontal',
+      selectionMode: () => 'explicit',
+      onSubmit: value => this.onSubmit.emit(value),
+      activeItem: signal(undefined),
+      element: computed(() => this._elementRef.nativeElement)
+    });
+    afterRenderEffect(() => {
+      this.items.set(this._items().map(i => i._pattern));
+    });
+    afterRenderEffect(() => {
+      if (!this._pattern.hasBeenFocused()) {
+        this._pattern.setDefaultState();
+      }
+    });
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: MenuBar,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.2.0",
+    version: "20.2.0-next.2",
+    type: MenuBar,
+    isStandalone: true,
+    selector: "[ngMenuBar]",
+    inputs: {
+      value: {
+        classPropertyName: "value",
+        publicName: "value",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      wrap: {
+        classPropertyName: "wrap",
+        publicName: "wrap",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      typeaheadDelay: {
+        classPropertyName: "typeaheadDelay",
+        publicName: "typeaheadDelay",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    outputs: {
+      value: "valueChange",
+      onSubmit: "onSubmit"
+    },
+    host: {
+      attributes: {
+        "role": "menubar"
+      },
+      listeners: {
+        "keydown": "_pattern.onKeydown($event)",
+        "mouseover": "_pattern.onMouseOver($event)",
+        "click": "_pattern.onClick($event)",
+        "focusin": "_pattern.onFocusIn()",
+        "focusout": "_pattern.onFocusOut($event)"
+      },
+      classAttribute: "ng-menu-bar"
+    },
+    queries: [{
+      propertyName: "_allItems",
+      predicate: MenuItem,
+      descendants: true,
+      isSignal: true
+    }],
+    exportAs: ["ngMenuBar"],
+    ngImport: i0
+  });
+}
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: MenuBar,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngMenuBar]',
+      exportAs: 'ngMenuBar',
+      host: {
+        'role': 'menubar',
+        'class': 'ng-menu-bar',
+        '(keydown)': '_pattern.onKeydown($event)',
+        '(mouseover)': '_pattern.onMouseOver($event)',
+        '(click)': '_pattern.onClick($event)',
+        '(focusin)': '_pattern.onFocusIn()',
+        '(focusout)': '_pattern.onFocusOut($event)'
+      }
+    }]
+  }],
+  ctorParameters: () => []
+});
+class MenuItem {
+  _elementRef = inject(ElementRef);
+  element = this._elementRef.nativeElement;
+  id = input(Math.random().toString(36).substring(2, 10), ...(ngDevMode ? [{
+    debugName: "id"
+  }] : []));
+  value = input.required(...(ngDevMode ? [{
+    debugName: "value"
+  }] : []));
+  disabled = input(false, ...(ngDevMode ? [{
+    debugName: "disabled"
+  }] : []));
+  searchTerm = model('', ...(ngDevMode ? [{
+    debugName: "searchTerm"
+  }] : []));
+  _menu = inject(Menu, {
+    optional: true
+  });
+  _menuBar = inject(MenuBar, {
+    optional: true
+  });
+  parent = this._menu ?? this._menuBar;
+  submenu = input(undefined, ...(ngDevMode ? [{
+    debugName: "submenu"
+  }] : []));
+  _pattern = new MenuItemPattern({
+    id: this.id,
+    value: this.value,
+    element: computed(() => this._elementRef.nativeElement),
+    disabled: this.disabled,
+    searchTerm: this.searchTerm,
+    parent: computed(() => this.parent?._pattern),
+    submenu: computed(() => this.submenu()?._pattern)
+  });
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: MenuItem,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.1.0",
+    version: "20.2.0-next.2",
+    type: MenuItem,
+    isStandalone: true,
+    selector: "[ngMenuItem]",
+    inputs: {
+      id: {
+        classPropertyName: "id",
+        publicName: "id",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      value: {
+        classPropertyName: "value",
+        publicName: "value",
+        isSignal: true,
+        isRequired: true,
+        transformFunction: null
+      },
+      disabled: {
+        classPropertyName: "disabled",
+        publicName: "disabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      searchTerm: {
+        classPropertyName: "searchTerm",
+        publicName: "searchTerm",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      submenu: {
+        classPropertyName: "submenu",
+        publicName: "submenu",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    outputs: {
+      searchTerm: "searchTermChange"
+    },
+    host: {
+      attributes: {
+        "role": "menuitem"
+      },
+      properties: {
+        "attr.tabindex": "_pattern.tabindex()",
+        "attr.data-active": "_pattern.isActive()",
+        "attr.aria-haspopup": "_pattern.hasPopup()",
+        "attr.aria-expanded": "_pattern.expanded()",
+        "attr.aria-disabled": "_pattern.disabled()",
+        "attr.aria-controls": "_pattern.submenu()?.id()"
+      },
+      classAttribute: "ng-menu-item"
+    },
+    exportAs: ["ngMenuItem"],
+    ngImport: i0
+  });
+}
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: MenuItem,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngMenuItem]',
+      exportAs: 'ngMenuItem',
+      host: {
+        'role': 'menuitem',
+        'class': 'ng-menu-item',
+        '[attr.tabindex]': '_pattern.tabindex()',
+        '[attr.data-active]': '_pattern.isActive()',
+        '[attr.aria-haspopup]': '_pattern.hasPopup()',
+        '[attr.aria-expanded]': '_pattern.expanded()',
+        '[attr.aria-disabled]': '_pattern.disabled()',
+        '[attr.aria-controls]': '_pattern.submenu()?.id()'
+      }
+    }]
+  }]
+});
+
+export { Menu, MenuBar, MenuItem, MenuTrigger };
+//# sourceMappingURL=menu.mjs.map

package/fesm2022/menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menu.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/menu/menu.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n  afterRenderEffect,\n  computed,\n  contentChildren,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  model,\n  output,\n  Signal,\n  signal,\n  untracked,\n} from '@angular/core';\nimport {\n  SignalLike,\n  MenuBarPattern,\n  MenuItemPattern,\n  MenuPattern,\n  MenuTriggerPattern,\n} from '@angular/aria/private';\nimport {toSignal} from '@angular/core/rxjs-interop';\nimport {Directionality} from '@angular/cdk/bidi';\n\n/**\n * A trigger for a menu.\n *\n * The menu trigger is used to open and close menus, and can be placed on menu items to connect\n * sub-menus.\n */\n@Directive({\n  selector: 'button[ngMenuTrigger]',\n  exportAs: 'ngMenuTrigger',\n  host: {\n    'class': 'ng-menu-trigger',\n    '[attr.tabindex]': '_pattern.tabindex()',\n    '[attr.aria-haspopup]': '_pattern.hasPopup()',\n    '[attr.aria-expanded]': '_pattern.expanded()',\n    '[attr.aria-controls]': '_pattern.submenu()?.id()',\n    '(click)': '_pattern.onClick()',\n    '(keydown)': '_pattern.onKeydown($event)',\n    '(focusout)': '_pattern.onFocusOut($event)',\n  },\n})\nexport class MenuTrigger<V> {\n  /** A reference to the menu trigger element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** A reference to the menu element. */\n  readonly element: HTMLButtonElement = this._elementRef.nativeElement;\n\n  // TODO(wagnermaciel): See we can remove the need to pass in a submenu.\n\n  /** The submenu associated with the menu trigger. */\n  submenu = input<Menu<V> | undefined>(undefined);\n\n  /** A callback function triggered when a menu item is selected. */\n  onSubmit = output<V>();\n\n  /** The menu trigger ui pattern instance. */\n  readonly _pattern: MenuTriggerPattern<V> = new MenuTriggerPattern({\n    onSubmit: (value: V) => this.onSubmit.emit(value),\n    element: computed(() => this._elementRef.nativeElement),\n    submenu: computed(() => this.submenu()?._pattern),\n  });\n}\n\n/**\n * A list of menu items.\n *\n * A menu is used to offer a list of menu item choices to users. Menus can be nested within other\n * menus to create sub-menus.\n *\n * ```html\n * <button ngMenuTrigger menu=\"menu\">Options</button>\n *\n * <div ngMenu #menu=\"ngMenu\">\n *   <div ngMenuItem>Star</div>\n *   <div ngMenuItem>Edit</div>\n *   <div ngMenuItem>Delete</div>\n * </div>\n * ```\n */\n@Directive({\n  selector: '[ngMenu]',\n  exportAs: 'ngMenu',\n  host: {\n    'role': 'menu',\n    'class': 'ng-menu',\n    '[attr.id]': '_pattern.id()',\n    '[attr.data-visible]': '_pattern.isVisible()',\n    '(keydown)': '_pattern.onKeydown($event)',\n    '(mouseover)': '_pattern.onMouseOver($event)',\n    '(mouseout)': '_pattern.onMouseOut($event)',\n    '(focusout)': '_pattern.onFocusOut($event)',\n    '(focusin)': '_pattern.onFocusIn()',\n    '(click)': '_pattern.onClick($event)',\n  },\n})\nexport class Menu<V> {\n  /** The menu items contained in the menu. */\n  readonly _allItems = contentChildren<MenuItem<V>>(MenuItem, {descendants: true});\n\n  /** The menu items that are direct children of this menu. */\n  readonly _items: Signal<MenuItem<V>[]> = computed(() =>\n    this._allItems().filter(i => i.parent === this),\n  );\n\n  /** A reference to the menu element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** A reference to the menu element. */\n  readonly element: HTMLElement = this._elementRef.nativeElement;\n\n  /** The directionality (LTR / RTL) context for the application (or a subtree of it). */\n  private readonly _directionality = inject(Directionality);\n\n  /** A signal wrapper for directionality. */\n  readonly textDirection = toSignal(this._directionality.change, {\n    initialValue: this._directionality.value,\n  });\n\n  /** The submenu associated with the menu. */\n  readonly submenu = input<Menu<V> | undefined>(undefined);\n\n  /** The unique ID of the menu. */\n  readonly id = input<string>(Math.random().toString(36).substring(2, 10));\n\n  /** Whether the menu should wrap its items. */\n  readonly wrap = input<boolean>(true);\n\n  /** The delay in seconds before the typeahead buffer is cleared. */\n  readonly typeaheadDelay = input<number>(0.5); // Picked arbitrarily.\n\n  /** A reference to the parent menu item or menu trigger. */\n  readonly parent = input<MenuTrigger<V> | MenuItem<V>>();\n\n  /** The menu ui pattern instance. */\n  readonly _pattern: MenuPattern<V>;\n\n  /**\n   * The menu items as a writable signal.\n   *\n   * TODO(wagnermaciel): This would normally be a computed, but using a computed causes a bug where\n   * sometimes the items array is empty. The bug can be reproduced by switching this to use a\n   * computed and then quickly opening and closing menus in the dev app.\n   */\n  readonly items = () => this._items().map(i => i._pattern);\n\n  /** Whether the menu is visible. */\n  isVisible = computed(() => this._pattern.isVisible());\n\n  /** A callback function triggered when a menu item is selected. */\n  onSubmit = output<V>();\n\n  constructor() {\n    this._pattern = new MenuPattern({\n      ...this,\n      parent: computed(() => this.parent()?._pattern),\n      multi: () => false,\n      skipDisabled: () => false,\n      focusMode: () => 'roving',\n      orientation: () => 'vertical',\n      selectionMode: () => 'explicit',\n      activeItem: signal(undefined),\n      element: computed(() => this._elementRef.nativeElement),\n      onSubmit: (value: V) => this.onSubmit.emit(value),\n    });\n\n    // TODO(wagnermaciel): This is a redundancy needed for if the user uses display: none to hide\n    // submenus. In those cases, the ui pattern is calling focus() before the ui has a chance to\n    // update the display property. The result is focus() being called on an element that is not\n    // focusable. This simply retries focusing the element after render.\n    afterRenderEffect(() => {\n      if (this._pattern.isVisible()) {\n        const activeItem = untracked(() => this._pattern.inputs.activeItem());\n        this._pattern.listBehavior.goto(activeItem!);\n      }\n    });\n\n    afterRenderEffect(() => {\n      if (!this._pattern.hasBeenFocused()) {\n        this._pattern.setDefaultState();\n      }\n    });\n  }\n\n  // TODO(wagnermaciel): Author close, closeAll, and open methods for each directive.\n\n  /** Closes the menu. */\n  close(opts?: {refocus?: boolean}) {\n    this._pattern.inputs.parent()?.close(opts);\n  }\n\n  /** Closes all parent menus. */\n  closeAll(opts?: {refocus?: boolean}) {\n    const root = this._pattern.root();\n\n    if (root instanceof MenuTriggerPattern) {\n      root.close(opts);\n    }\n\n    if (root instanceof MenuPattern || root instanceof MenuBarPattern) {\n      root.inputs.activeItem()?.close(opts);\n    }\n  }\n}\n\n/**\n * A menu bar of menu items.\n *\n * Like the menu, a menubar is used to offer a list of menu item choices to users. However, a\n * menubar is used to display a persistent, top-level,\n * always-visible set of menu item choices.\n */\n@Directive({\n  selector: '[ngMenuBar]',\n  exportAs: 'ngMenuBar',\n  host: {\n    'role': 'menubar',\n    'class': 'ng-menu-bar',\n    '(keydown)': '_pattern.onKeydown($event)',\n    '(mouseover)': '_pattern.onMouseOver($event)',\n    '(click)': '_pattern.onClick($event)',\n    '(focusin)': '_pattern.onFocusIn()',\n    '(focusout)': '_pattern.onFocusOut($event)',\n  },\n})\nexport class MenuBar<V> {\n  /** The menu items contained in the menubar. */\n  readonly _allItems = contentChildren<MenuItem<V>>(MenuItem, {descendants: true});\n\n  readonly _items: SignalLike<MenuItem<V>[]> = () =>\n    this._allItems().filter(i => i.parent === this);\n\n  /** A reference to the menu element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** A reference to the menubar element. */\n  readonly element: HTMLElement = this._elementRef.nativeElement;\n\n  /** The directionality (LTR / RTL) context for the application (or a subtree of it). */\n  private readonly _directionality = inject(Directionality);\n\n  /** A signal wrapper for directionality. */\n  readonly textDirection = toSignal(this._directionality.change, {\n    initialValue: this._directionality.value,\n  });\n\n  /** The value of the menu. */\n  readonly value = model<V[]>([]);\n\n  /** Whether the menu should wrap its items. */\n  readonly wrap = input<boolean>(true);\n\n  /** The delay in seconds before the typeahead buffer is cleared. */\n  readonly typeaheadDelay = input<number>(0.5);\n\n  /** The menu ui pattern instance. */\n  readonly _pattern: MenuBarPattern<V>;\n\n  /** The menu items as a writable signal. */\n  readonly items = signal<MenuItemPattern<V>[]>([]);\n\n  /** A callback function triggered when a menu item is selected. */\n  onSubmit = output<V>();\n\n  constructor() {\n    this._pattern = new MenuBarPattern({\n      ...this,\n      multi: () => false,\n      skipDisabled: () => false,\n      focusMode: () => 'roving',\n      orientation: () => 'horizontal',\n      selectionMode: () => 'explicit',\n      onSubmit: (value: V) => this.onSubmit.emit(value),\n      activeItem: signal(undefined),\n      element: computed(() => this._elementRef.nativeElement),\n    });\n\n    afterRenderEffect(() => {\n      this.items.set(this._items().map(i => i._pattern));\n    });\n\n    afterRenderEffect(() => {\n      if (!this._pattern.hasBeenFocused()) {\n        this._pattern.setDefaultState();\n      }\n    });\n  }\n}\n\n/**\n * An item in a Menu.\n *\n * Menu items can be used in menus and menubars to represent a choice or action a user can take.\n */\n@Directive({\n  selector: '[ngMenuItem]',\n  exportAs: 'ngMenuItem',\n  host: {\n    'role': 'menuitem',\n    'class': 'ng-menu-item',\n    '[attr.tabindex]': '_pattern.tabindex()',\n    '[attr.data-active]': '_pattern.isActive()',\n    '[attr.aria-haspopup]': '_pattern.hasPopup()',\n    '[attr.aria-expanded]': '_pattern.expanded()',\n    '[attr.aria-disabled]': '_pattern.disabled()',\n    '[attr.aria-controls]': '_pattern.submenu()?.id()',\n  },\n})\nexport class MenuItem<V> {\n  /** A reference to the menu item element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** A reference to the menu element. */\n  readonly element: HTMLElement = this._elementRef.nativeElement;\n\n  /** The unique ID of the menu item. */\n  readonly id = input<string>(Math.random().toString(36).substring(2, 10));\n\n  /** The value of the menu item. */\n  readonly value = input.required<V>();\n\n  /** Whether the menu item is disabled. */\n  readonly disabled = input<boolean>(false);\n\n  // TODO(wagnermaciel): Discuss whether all inputs should be models.\n\n  /** The search term associated with the menu item. */\n  readonly searchTerm = model<string>('');\n\n  /** A reference to the parent menu. */\n  private readonly _menu = inject<Menu<V>>(Menu, {optional: true});\n\n  /** A reference to the parent menu bar. */\n  private readonly _menuBar = inject<MenuBar<V>>(MenuBar, {optional: true});\n\n  /** A reference to the parent menu or menubar. */\n  readonly parent = this._menu ?? this._menuBar;\n\n  /** The submenu associated with the menu item. */\n  readonly submenu = input<Menu<V> | undefined>(undefined);\n\n  /** The menu item ui pattern instance. */\n  readonly _pattern: MenuItemPattern<V> = new MenuItemPattern<V>({\n    id: this.id,\n    value: this.value,\n    element: computed(() => this._elementRef.nativeElement),\n    disabled: this.disabled,\n    searchTerm: this.searchTerm,\n    parent: computed(() => this.parent?._pattern),\n    submenu: computed(() => this.submenu()?._pattern),\n  });\n}\n"],"names":["submenu","computed","_pattern","ɵfac","i0","ɵɵngDeclareFactory","minVersion","version","ngImport","type","MenuTrigger","deps","target","ɵɵFactoryTarget","Directive","isStandalone","selector","inputs","classPropertyName","publicName","isSignal","isRequired","transformFunction","outputs","onSubmit","host","listeners","properties","classAttribute","exportAs","decorators","args","_elementRef","inject","ElementRef","element","nativeElement","_directionality","Directionality","change","initialValue","value","ngDevMode","debugName","input","parent","undefined","MenuPattern","multi","skipDisabled","focusMode","orientation","selectionMode","activeItem","signal","isVisible","listBehavior","goto","afterRenderEffect","hasBeenFocused","setDefaultState","MenuTriggerPattern","root","Menu","ɵɵngDeclareDirective","id","wrap","typeaheadDelay","attributes","queries","propertyName","predicate","MenuItem","descendants","ctorParameters","constructor","emit","MenuBar","ɵdir"],"mappings":"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"}