@angular/aria 22.0.0-next.6 → 22.0.0-next.8

package/fesm2022/listbox.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"listbox.mjs","sources":["../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/aria/listbox/tokens.ts","../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/aria/listbox/option.ts","../../../../../k8-fastbuild-ST-fdfa778d11ba/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 {InjectionToken} from '@angular/core';\nimport type {Listbox} from './listbox';\n\nexport const LISTBOX = new InjectionToken<Listbox<any>>('LISTBOX');\n","/**\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 {booleanAttribute, computed, Directive, ElementRef, inject, input} from '@angular/core';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {OptionPattern} from '../private';\nimport {LISTBOX} from './tokens';\n\n/**\n * A selectable option in an `ngListbox`.\n *\n * This directive should be applied to an element (e.g., `<li>`, `<div>`) within an\n * `ngListbox`. The `value` input is used to identify the option, and the `label` input provides\n * the accessible name for the option.\n *\n * ```html\n * <li ngOption value=\"item-id\" label=\"Item Name\">\n *   Item Name\n * </li>\n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Listbox](guide/aria/listbox)\n * @see [Autocomplete](guide/aria/autocomplete)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n */\n@Directive({\n  selector: '[ngOption]',\n  exportAs: 'ngOption',\n  host: {\n    'role': 'option',\n    '[attr.data-active]': '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 host element. */\n  readonly element = inject(ElementRef).nativeElement as HTMLElement;\n\n  /** Whether the option is currently active (focused). */\n  readonly active = computed(() => this._pattern.active());\n\n  /** The parent Listbox. */\n  private readonly _listbox = inject(LISTBOX);\n\n  /** A unique identifier for the option. */\n  readonly id = input(inject(_IdGenerator).getId('ng-option-', true));\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 readonly searchTerm = computed(() => this.label() ?? this.element.textContent);\n\n  /** The parent Listbox UIPattern. */\n  private readonly _listboxPattern = computed(() => this._listbox._pattern);\n\n  /** The value of the option. */\n  readonly value = input.required<V>();\n\n  /** Whether an item is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** The text used by the typeahead search. */\n  readonly 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._listboxPattern,\n    element: () => this.element,\n    searchTerm: () => this.searchTerm() ?? '',\n  });\n}\n","/**\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 {Directionality} from '@angular/cdk/bidi';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {ComboboxListboxPattern, ListboxPattern, OptionPattern} from '../private';\nimport {ComboboxPopup} from '../combobox';\nimport {Option} from './option';\nimport {LISTBOX} from './tokens';\n\n/**\n * Represents a container used to display a list of items for a user to select from.\n *\n * The `ngListbox` is meant to be used in conjunction with `ngOption` directives to create a\n * selectable list. It supports single and multiple selection modes, as well as various focus and\n * orientation strategies.\n *\n * ```html\n * <ul ngListbox [(value)]=\"selectedItems\" [multi]=\"true\" orientation=\"vertical\">\n *   @for (item of items; track item.id) {\n *     <li ngOption [value]=\"item.id\" [label]=\"item.name\" [disabled]=\"item.disabled\">\n *       {{item.name}}\n *     </li>\n *   }\n * </ul>\n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Listbox](guide/aria/listbox)\n * @see [Autocomplete](guide/aria/autocomplete)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n */\n@Directive({\n  selector: '[ngListbox]',\n  exportAs: 'ngListbox',\n  host: {\n    'role': '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    '(click)': '_pattern.onClick($event)',\n    '(focusin)': '_pattern.onFocusIn()',\n  },\n  hostDirectives: [ComboboxPopup],\n  providers: [{provide: LISTBOX, useExisting: Listbox}],\n})\nexport class Listbox<V> {\n  /** A unique identifier for the listbox. */\n  readonly id = input(inject(_IdGenerator).getId('ng-listbox-', true));\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 host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** A reference to the host element. */\n  readonly element = this._elementRef.nativeElement as HTMLElement;\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 readonly textDirection = inject(Directionality).valueSignal.asReadonly();\n\n  /** The Option UIPatterns of the child Options. */\n  protected readonly items = computed<OptionPattern<V>[]>(() =>\n    this._options().map(option => option._pattern),\n  );\n\n  /** Whether the list is vertically or horizontally oriented. */\n  readonly orientation = input<'vertical' | 'horizontal'>('vertical');\n\n  /** Whether multiple items in the list can be selected at once. */\n  readonly multi = input(false, {transform: booleanAttribute});\n\n  /** Whether focus should wrap when navigating. */\n  readonly wrap = input(true, {transform: booleanAttribute});\n\n  /**\n   * Whether to allow disabled items to receive focus. When `true`, disabled items are\n   * focusable but not interactive. When `false`, disabled items are skipped during navigation.\n   */\n  readonly softDisabled = input(true, {transform: booleanAttribute});\n\n  /**\n   * The focus strategy used by the list.\n   * - `roving`: Focus is moved to the active item using `tabindex`.\n   * - `activedescendant`: Focus remains on the listbox container, and `aria-activedescendant` is used to indicate the active item.\n   */\n  readonly focusMode = input<'roving' | 'activedescendant'>('roving');\n\n  /**\n   * The selection strategy used by the list.\n   * - `follow`: The focused item is automatically selected.\n   * - `explicit`: Items are selected explicitly by the user (e.g., via click or spacebar).\n   */\n  readonly selectionMode = input<'follow' | 'explicit'>('follow');\n\n  /** The amount of time before the typeahead search is reset. */\n  readonly typeaheadDelay = input<number>(500); // Picked arbitrarily.\n\n  /** Whether the listbox is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether the listbox is readonly. */\n  readonly readonly = input(false, {transform: booleanAttribute});\n\n  /** The values of the currently selected items. */\n  readonly value = model<V[]>([]);\n\n  /** The Listbox UIPattern. */\n  readonly _pattern: ListboxPattern<V>;\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      this._pattern.setDefaultStateEffect();\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  scrollActiveItemIntoView(options: ScrollIntoViewOptions = {block: 'nearest'}) {\n    this._pattern.inputs.activeItem()?.element()?.scrollIntoView(options);\n  }\n\n  /** Navigates to the first item in the listbox. */\n  gotoFirst() {\n    this._pattern.listBehavior.first();\n  }\n}\n"],"names":["LISTBOX","InjectionToken","Option","element","inject","ElementRef","nativeElement","active","computed","_pattern","_listbox","id","input","_IdGenerator","getId","searchTerm","label","textContent","_listboxPattern","value","required","disabled","transform","booleanAttribute","selected","OptionPattern","listbox","deps","target","i0","ɵɵFactoryTarget","Directive","isStandalone","selector","inputs","classPropertyName","publicName","isSignal","isRequired","transformFunction","host","attributes","properties","exportAs","ngImport","decorators","args","Listbox","_popup","ComboboxPopup","optional","_elementRef","_options","contentChildren","descendants","textDirection","Directionality","valueSignal","asReadonly","items","map","option","orientation","multi","wrap","softDisabled","focusMode","selectionMode","typeaheadDelay","ngDevMode","debugName","readonly","model","constructor","activeItem","signal","undefined","combobox","ComboboxListboxPattern","ListboxPattern","_controls","set","afterRenderEffect","violations","validate","violation","console","error","setDefaultStateEffect","untracked","some","i","listBehavior","unfocus","v","filter","scrollActiveItemIntoView","options","block","scrollIntoView","gotoFirst","first","ɵdir","ɵɵngDeclareDirective","minVersion","version","type","outputs","listeners","providers","provide","useExisting","hostDirectives","directive","i1","ctorParameters","propDecorators","Input","alias","ContentChildren","forwardRef","Output"],"mappings":"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"}
+{"version":3,"file":"listbox.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/listbox/tokens.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/listbox/listbox.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/listbox/option.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 {InjectionToken} from '@angular/core';\nimport type {Listbox} from './listbox';\n\nexport const LISTBOX = new InjectionToken<Listbox<any>>('LISTBOX');\n","/**\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  afterNextRender,\n  booleanAttribute,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  model,\n  OnDestroy,\n  signal,\n  Signal,\n  untracked,\n} from '@angular/core';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {ListboxPattern, SortedCollection, tabIndexTransform} from '../private';\nimport {Option} from './option';\nimport {LISTBOX} from './tokens';\n\n/**\n * Represents a container used to display a list of items for a user to select from.\n *\n * The `ngListbox` is meant to be used in conjunction with `ngOption` directives to create a\n * selectable list. It supports single and multiple selection modes, as well as various focus and\n * orientation strategies.\n *\n * ```html\n * <ul ngListbox [(value)]=\"selectedItems\" [multi]=\"true\" orientation=\"vertical\">\n *   @for (item of items; track item.id) {\n *     <li ngOption [value]=\"item.id\" [label]=\"item.name\" [disabled]=\"item.disabled\">\n *       {{item.name}}\n *     </li>\n *   }\n * </ul>\n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Listbox](guide/aria/listbox)\n * @see [Autocomplete](guide/aria/autocomplete)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n */\n@Directive({\n  selector: '[ngListbox]',\n  exportAs: 'ngListbox',\n  host: {\n    'role': 'listbox',\n    '[attr.id]': 'id()',\n    '[attr.tabindex]': 'tabIndex() !== undefined ? 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    '(click)': '_pattern.onClick($event)',\n    '(focusin)': '_pattern.onFocusIn()',\n  },\n  providers: [{provide: LISTBOX, useExisting: Listbox}],\n})\nexport class Listbox<V> implements OnDestroy {\n  /** A unique identifier for the listbox. */\n  readonly id = input(inject(_IdGenerator).getId('ng-listbox-', true));\n\n  /** A reference to the host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** A reference to the host element. */\n  readonly element = this._elementRef.nativeElement as HTMLElement;\n\n  /** The collection of Options. */\n  readonly _collection = new SortedCollection<Option<V>>();\n\n  /** A signal wrapper for directionality. */\n  protected readonly textDirection = inject(Directionality).valueSignal.asReadonly();\n\n  /** Whether the list is vertically or horizontally oriented. */\n  readonly orientation = input<'vertical' | 'horizontal'>('vertical');\n\n  /** Whether multiple items in the list can be selected at once. */\n  readonly multi = input(false, {transform: booleanAttribute});\n\n  /** Whether focus should wrap when navigating. */\n  readonly wrap = input(true, {transform: booleanAttribute});\n\n  /**\n   * Whether to allow disabled items to receive focus. When `true`, disabled items are\n   * focusable but not interactive. When `false`, disabled items are skipped during navigation.\n   */\n  readonly softDisabled = input(true, {transform: booleanAttribute});\n\n  /**\n   * The focus strategy used by the list.\n   * - `roving`: Focus is moved to the active item using `tabindex`.\n   * - `activedescendant`: Focus remains on the listbox container, and `aria-activedescendant` is used to indicate the active item.\n   */\n  readonly focusMode = input<'roving' | 'activedescendant'>('roving');\n\n  /**\n   * The selection strategy used by the list.\n   * - `follow`: The focused item is automatically selected.\n   * - `explicit`: Items are selected explicitly by the user (e.g., via click or spacebar).\n   */\n  readonly selectionMode = input<'follow' | 'explicit'>('follow');\n\n  /** The amount of time before the typeahead search is reset. */\n  readonly typeaheadDelay = input<number>(500); // Picked arbitrarily.\n\n  /** Whether the listbox is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether the listbox is readonly. */\n  readonly readonly = input(false, {transform: booleanAttribute});\n\n  /** The tabindex of the listbox. */\n  readonly tabIndex = input(undefined, {\n    alias: 'tabindex',\n    transform: tabIndexTransform,\n  });\n\n  /** The values of the currently selected items. */\n  readonly value = model<V[]>([]);\n\n  /** The Listbox UIPattern. */\n  readonly _pattern: ListboxPattern<V>;\n\n  /** The ID of the active descendant in the listbox. */\n  readonly activeDescendant: Signal<string | undefined>;\n\n  constructor() {\n    // Map directives to their patterns for the ListboxPattern\n    const orderedItemPatterns = computed(() =>\n      this._collection.orderedItems().map(option => option._pattern),\n    );\n\n    const inputs = {\n      ...this,\n      id: this.id,\n      items: orderedItemPatterns,\n      activeItem: signal(undefined),\n      textDirection: this.textDirection,\n      element: () => this._elementRef.nativeElement,\n    };\n\n    this._pattern = new ListboxPattern<V>(inputs);\n\n    this.activeDescendant = computed(() => this._pattern.activeDescendant());\n\n    afterNextRender(() => {\n      this._collection.startObserving(this.element);\n    });\n\n    // Check for any violationns after the DOM has been updated.\n    afterRenderEffect({\n      read: () => {\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\n    afterRenderEffect({write: () => this._pattern.setDefaultStateEffect()});\n\n    // Ensure that if the active item is removed from\n    // the list, the listbox updates it's focus state.\n    afterRenderEffect({\n      write: () => {\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\n    // Ensure that the value is always in sync with the available options.\n    // This needs to be after the render for the value to always be available.\n    afterRenderEffect({\n      write: () => {\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\n  ngOnDestroy() {\n    this._collection.stopObserving();\n  }\n\n  scrollActiveItemIntoView(options: ScrollIntoViewOptions = {block: 'nearest'}) {\n    this._pattern.inputs.activeItem()?.element()?.scrollIntoView(options);\n  }\n\n  /** Navigates to the first item in the listbox. */\n  gotoFirst() {\n    this._pattern.listBehavior.first();\n  }\n}\n","/**\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  booleanAttribute,\n  computed,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  OnInit,\n  OnDestroy,\n} from '@angular/core';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {OptionPattern} from '../private';\nimport {LISTBOX} from './tokens';\n\n/**\n * A selectable option in an `ngListbox`.\n *\n * This directive should be applied to an element (e.g., `<li>`, `<div>`) within an\n * `ngListbox`. The `value` input is used to identify the option, and the `label` input provides\n * the accessible name for the option.\n *\n * ```html\n * <li ngOption value=\"item-id\" label=\"Item Name\">\n *   Item Name\n * </li>\n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Listbox](guide/aria/listbox)\n * @see [Autocomplete](guide/aria/autocomplete)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n */\n@Directive({\n  selector: '[ngOption]',\n  exportAs: 'ngOption',\n  host: {\n    'role': 'option',\n    '[attr.data-active]': '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> implements OnInit, OnDestroy {\n  /** A reference to the host element. */\n  readonly element = inject(ElementRef).nativeElement as HTMLElement;\n\n  /** Whether the option is currently active (focused). */\n  readonly active = computed(() => this._pattern.active());\n\n  /** The parent Listbox. */\n  private readonly _listbox = inject(LISTBOX);\n\n  /** A unique identifier for the option. */\n  readonly id = input(inject(_IdGenerator).getId('ng-option-', true));\n\n  /** The parent Listbox UIPattern. */\n  private readonly _listboxPattern = computed(() => this._listbox._pattern);\n\n  /** The value of the option. */\n  readonly value = input.required<V>();\n\n  /** Whether an item is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** The text used by the typeahead search. */\n  readonly 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._listboxPattern,\n    element: () => this.element,\n    searchTerm: () => this.label() ?? '',\n  });\n\n  ngOnInit() {\n    this._listbox._collection.register(this);\n  }\n\n  ngOnDestroy() {\n    this._listbox._collection.unregister(this);\n  }\n}\n"],"names":["LISTBOX","InjectionToken","Listbox","id","input","inject","_IdGenerator","getId","_elementRef","ElementRef","element","nativeElement","_collection","SortedCollection","textDirection","Directionality","valueSignal","asReadonly","orientation","multi","transform","booleanAttribute","wrap","softDisabled","focusMode","selectionMode","typeaheadDelay","ngDevMode","debugName","disabled","readonly","tabIndex","undefined","alias","tabIndexTransform","value","model","_pattern","activeDescendant","constructor","orderedItemPatterns","computed","orderedItems","map","option","inputs","items","activeItem","signal","ListboxPattern","afterNextRender","startObserving","afterRenderEffect","read","violations","validate","violation","console","error","write","setDefaultStateEffect","untracked","some","i","listBehavior","unfocus","v","set","filter","ngOnDestroy","stopObserving","scrollActiveItemIntoView","options","block","scrollIntoView","gotoFirst","first","deps","target","i0","ɵɵFactoryTarget","Directive","isStandalone","selector","classPropertyName","publicName","isSignal","isRequired","transformFunction","outputs","host","attributes","listeners","properties","providers","provide","useExisting","exportAs","ngImport","decorators","args","Option","active","_listbox","_listboxPattern","required","label","selected","OptionPattern","listbox","searchTerm","ngOnInit","register","unregister"],"mappings":"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"}

package/fesm2022/menu-testing.mjs

@@ -28,6 +28,13 @@ class MenuItemHarness extends ComponentHarness {
     }
     return null;
   }
+  async isFocused() {
+    return (await this.host()).isFocused();
+  }
+  async hasSubmenu() {
+    const host = await this.host();
+    return (await host.getAttribute('aria-haspopup')) === 'true' || !!(await host.getAttribute('aria-controls'));
+  }
 }
 class MenuHarness extends ComponentHarness {
   static hostSelector = '[ngMenu], [ngMenuBar]';
@@ -50,6 +57,10 @@ class MenuHarness extends ComponentHarness {
     }
     return (await host.getAttribute('data-visible')) === 'true';
   }
+  async isMenuBar() {
+    const host = await this.host();
+    return host.matchesSelector('[ngMenuBar]');
+  }
   async open() {
     if (!(await this.isOpen())) {
       const trigger = await this._getTrigger();

package/fesm2022/menu-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"menu-testing.mjs","sources":["../../../../../k8-fastbuild-ST-fdfa778d11ba/bin/src/aria/menu/testing/menu-harness.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 {ComponentHarness, HarnessPredicate, TestElement} from '@angular/cdk/testing';\nimport {MenuHarnessFilters, MenuItemHarnessFilters} from './menu-harness-filters';\n\n/** Harness for interacting with a standard ngMenuItem in tests. */\nexport class MenuItemHarness extends ComponentHarness {\n  static hostSelector = '[ngMenuItem]';\n\n  static with(options: MenuItemHarnessFilters = {}): HarnessPredicate<MenuItemHarness> {\n    return new HarnessPredicate(MenuItemHarness, options)\n      .addOption('text', options.text, (harness, text) =>\n        HarnessPredicate.stringMatches(harness.getText(), text),\n      )\n      .addOption(\n        'disabled',\n        options.disabled,\n        async (harness, disabled) => (await harness.isDisabled()) === disabled,\n      )\n      .addOption(\n        'expanded',\n        options.expanded,\n        async (harness, expanded) => (await harness.isExpanded()) === expanded,\n      );\n  }\n\n  /** Gets the text content of the menu item. */\n  async getText(): Promise<string> {\n    return (await this.host()).text();\n  }\n\n  /** Whether the menu item is disabled. */\n  async isDisabled(): Promise<boolean> {\n    const host = await this.host();\n    return (await host.getAttribute('aria-disabled')) === 'true';\n  }\n\n  /** Whether the menu item is expanded (contains an open submenu). */\n  async isExpanded(): Promise<boolean> {\n    const host = await this.host();\n    return (await host.getAttribute('aria-expanded')) === 'true';\n  }\n\n  /** Clicks the menu item to trigger its action or toggle its submenu. */\n  async click(): Promise<void> {\n    return (await this.host()).click();\n  }\n\n  /** Resolves the nested submenu panel associated with this menu item, if any exists. */\n  async getSubmenu(): Promise<MenuHarness | null> {\n    const controlsId = await (await this.host()).getAttribute('aria-controls');\n    if (controlsId) {\n      return this.documentRootLocatorFactory().locatorFor(\n        MenuHarness.with({selector: `#${controlsId}`}),\n      )();\n    }\n    return null;\n  }\n}\n\n/** Harness for interacting with a standard ngMenu or ngMenuBar in tests. */\nexport class MenuHarness extends ComponentHarness {\n  static hostSelector = '[ngMenu], [ngMenuBar]';\n\n  static with(options: MenuHarnessFilters = {}): HarnessPredicate<MenuHarness> {\n    return new HarnessPredicate(MenuHarness, options).addOption(\n      'triggerText',\n      options.triggerText,\n      async (harness, text) => {\n        const trigger = await harness._getTrigger();\n        if (!trigger) return false;\n        return HarnessPredicate.stringMatches(await trigger.text(), text);\n      },\n    );\n  }\n\n  /** Resolves the trigger associated with this menu container via aria-controls inversion. */\n  async _getTrigger(): Promise<TestElement | null> {\n    const id = await (await this.host()).getAttribute('id');\n    if (!id) return null;\n    return this.documentRootLocatorFactory().locatorForOptional(`[aria-controls=\"${id}\"]`)();\n  }\n\n  /** Checks whether the menu container is visible. */\n  async isOpen(): Promise<boolean> {\n    const host = await this.host();\n    // Menu bars are always visible persistently.\n    if (await host.matchesSelector('[ngMenuBar]')) {\n      return true;\n    }\n    return (await host.getAttribute('data-visible')) === 'true';\n  }\n\n  /** Opens the menu if it is currently closed. */\n  async open(): Promise<void> {\n    if (!(await this.isOpen())) {\n      const trigger = await this._getTrigger();\n      if (trigger) {\n        await trigger.click();\n      }\n    }\n  }\n\n  /** Closes the menu if it is currently open. */\n  async close(): Promise<void> {\n    if (await this.isOpen()) {\n      const trigger = await this._getTrigger();\n      if (trigger) {\n        await trigger.click();\n      }\n    }\n  }\n\n  /** Queries all menu items inside this menu container. */\n  async getItems(filters: MenuItemHarnessFilters = {}): Promise<MenuItemHarness[]> {\n    return this.locatorForAll(MenuItemHarness.with(filters))();\n  }\n}\n"],"names":["MenuItemHarness","ComponentHarness","hostSelector","with","options","HarnessPredicate","addOption","text","harness","stringMatches","getText","disabled","isDisabled","expanded","isExpanded","host","getAttribute","click","getSubmenu","controlsId","documentRootLocatorFactory","locatorFor","MenuHarness","selector","triggerText","trigger","_getTrigger","id","locatorForOptional","isOpen","matchesSelector","open","close","getItems","filters","locatorForAll"],"mappings":"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"}
+{"version":3,"file":"menu-testing.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/menu/testing/menu-harness.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 {ComponentHarness, HarnessPredicate, TestElement} from '@angular/cdk/testing';\nimport {MenuHarnessFilters, MenuItemHarnessFilters} from './menu-harness-filters';\n\n/** Harness for interacting with a standard ngMenuItem in tests. */\nexport class MenuItemHarness extends ComponentHarness {\n  static hostSelector = '[ngMenuItem]';\n\n  static with(options: MenuItemHarnessFilters = {}): HarnessPredicate<MenuItemHarness> {\n    return new HarnessPredicate(MenuItemHarness, options)\n      .addOption('text', options.text, (harness, text) =>\n        HarnessPredicate.stringMatches(harness.getText(), text),\n      )\n      .addOption(\n        'disabled',\n        options.disabled,\n        async (harness, disabled) => (await harness.isDisabled()) === disabled,\n      )\n      .addOption(\n        'expanded',\n        options.expanded,\n        async (harness, expanded) => (await harness.isExpanded()) === expanded,\n      );\n  }\n\n  /** Gets the text content of the menu item. */\n  async getText(): Promise<string> {\n    return (await this.host()).text();\n  }\n\n  /** Whether the menu item is disabled. */\n  async isDisabled(): Promise<boolean> {\n    const host = await this.host();\n    return (await host.getAttribute('aria-disabled')) === 'true';\n  }\n\n  /** Whether the menu item is expanded (contains an open submenu). */\n  async isExpanded(): Promise<boolean> {\n    const host = await this.host();\n    return (await host.getAttribute('aria-expanded')) === 'true';\n  }\n\n  /** Clicks the menu item to trigger its action or toggle its submenu. */\n  async click(): Promise<void> {\n    return (await this.host()).click();\n  }\n\n  /** Resolves the nested submenu panel associated with this menu item, if any exists. */\n  async getSubmenu(): Promise<MenuHarness | null> {\n    const controlsId = await (await this.host()).getAttribute('aria-controls');\n    if (controlsId) {\n      return this.documentRootLocatorFactory().locatorFor(\n        MenuHarness.with({selector: `#${controlsId}`}),\n      )();\n    }\n    return null;\n  }\n\n  /** Whether the menu item has focus. */\n  async isFocused(): Promise<boolean> {\n    return (await this.host()).isFocused();\n  }\n\n  /** Whether the menu item acts as a submenu trigger. */\n  async hasSubmenu(): Promise<boolean> {\n    const host = await this.host();\n    return (\n      (await host.getAttribute('aria-haspopup')) === 'true' ||\n      !!(await host.getAttribute('aria-controls'))\n    );\n  }\n}\n\n/** Harness for interacting with a standard ngMenu or ngMenuBar in tests. */\nexport class MenuHarness extends ComponentHarness {\n  static hostSelector = '[ngMenu], [ngMenuBar]';\n\n  static with(options: MenuHarnessFilters = {}): HarnessPredicate<MenuHarness> {\n    return new HarnessPredicate(MenuHarness, options).addOption(\n      'triggerText',\n      options.triggerText,\n      async (harness, text) => {\n        const trigger = await harness._getTrigger();\n        if (!trigger) return false;\n        return HarnessPredicate.stringMatches(await trigger.text(), text);\n      },\n    );\n  }\n\n  /** Resolves the trigger associated with this menu container via aria-controls inversion. */\n  async _getTrigger(): Promise<TestElement | null> {\n    const id = await (await this.host()).getAttribute('id');\n    if (!id) return null;\n    return this.documentRootLocatorFactory().locatorForOptional(`[aria-controls=\"${id}\"]`)();\n  }\n\n  /** Checks whether the menu container is visible. */\n  async isOpen(): Promise<boolean> {\n    const host = await this.host();\n    // Menu bars are always visible persistently.\n    if (await host.matchesSelector('[ngMenuBar]')) {\n      return true;\n    }\n    return (await host.getAttribute('data-visible')) === 'true';\n  }\n\n  /** Whether the menu is a menu bar. */\n  async isMenuBar(): Promise<boolean> {\n    const host = await this.host();\n    return host.matchesSelector('[ngMenuBar]');\n  }\n\n  /** Opens the menu if it is currently closed. */\n  async open(): Promise<void> {\n    if (!(await this.isOpen())) {\n      const trigger = await this._getTrigger();\n      if (trigger) {\n        await trigger.click();\n      }\n    }\n  }\n\n  /** Closes the menu if it is currently open. */\n  async close(): Promise<void> {\n    if (await this.isOpen()) {\n      const trigger = await this._getTrigger();\n      if (trigger) {\n        await trigger.click();\n      }\n    }\n  }\n\n  /** Queries all menu items inside this menu container. */\n  async getItems(filters: MenuItemHarnessFilters = {}): Promise<MenuItemHarness[]> {\n    return this.locatorForAll(MenuItemHarness.with(filters))();\n  }\n}\n"],"names":["MenuItemHarness","ComponentHarness","hostSelector","with","options","HarnessPredicate","addOption","text","harness","stringMatches","getText","disabled","isDisabled","expanded","isExpanded","host","getAttribute","click","getSubmenu","controlsId","documentRootLocatorFactory","locatorFor","MenuHarness","selector","isFocused","hasSubmenu","triggerText","trigger","_getTrigger","id","locatorForOptional","isOpen","matchesSelector","isMenuBar","open","close","getItems","filters","locatorForAll"],"mappings":"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"}

package/fesm2022/menu.mjs

@@ -1,14 +1,14 @@
 import * as i0 from '@angular/core';
-import { inject, ElementRef, input, computed, booleanAttribute, effect, Directive, InjectionToken, model, contentChildren, signal, output, afterRenderEffect, untracked } from '@angular/core';
+import { inject, ElementRef, input, computed, booleanAttribute, effect, Directive, InjectionToken, model, output, signal, afterRenderEffect, afterNextRender, untracked } from '@angular/core';
 import { _IdGenerator } from '@angular/cdk/a11y';
 import { Directionality } from '@angular/cdk/bidi';
 import { MenuTriggerPattern, MenuItemPattern, MenuBarPattern, MenuPattern } from './_menu-chunk.mjs';
+import { SortedCollection } from './_collection-chunk.mjs';
 import { DeferredContentAware, DeferredContent } from './_deferred-content-chunk.mjs';
-import './_signal-like-chunk.mjs';
-import '@angular/core/primitives/signals';
 import './_list-chunk.mjs';
 import './_list-navigation-chunk.mjs';
 import './_list-typeahead-chunk.mjs';
+import '@angular/core/primitives/signals';
 
 class MenuTrigger {
   _elementRef = inject(ElementRef);
@@ -54,7 +54,7 @@ class MenuTrigger {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     ngImport: i0,
     type: MenuTrigger,
     deps: [],
@@ -62,7 +62,7 @@ class MenuTrigger {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "17.1.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     type: MenuTrigger,
     isStandalone: true,
     selector: "[ngMenuTrigger]",
@@ -111,7 +111,7 @@ class MenuTrigger {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.6",
+  version: "22.0.0-next.10",
   ngImport: i0,
   type: MenuTrigger,
   decorators: [{
@@ -206,6 +206,12 @@ class MenuItem {
   constructor() {
     effect(() => this.submenu()?.parent.set(this));
   }
+  ngOnInit() {
+    this.parent?._collection.register(this);
+  }
+  ngOnDestroy() {
+    this.parent?._collection.unregister(this);
+  }
   open() {
     this._pattern.open({
       first: true
@@ -216,7 +222,7 @@ class MenuItem {
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     ngImport: i0,
     type: MenuItem,
     deps: [],
@@ -224,7 +230,7 @@ class MenuItem {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "17.1.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     type: MenuItem,
     isStandalone: true,
     selector: "[ngMenuItem]",
@@ -278,7 +284,6 @@ class MenuItem {
       properties: {
         "attr.tabindex": "_pattern.tabIndex()",
         "attr.data-active": "active()",
-        "attr.aria-label": "value()",
         "attr.aria-haspopup": "hasPopup()",
         "attr.aria-expanded": "expanded()",
         "attr.aria-disabled": "_pattern.disabled()",
@@ -291,7 +296,7 @@ class MenuItem {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.6",
+  version: "22.0.0-next.10",
   ngImport: i0,
   type: MenuItem,
   decorators: [{
@@ -304,7 +309,6 @@ i0.ɵɵngDeclareClassMetadata({
         '(focusin)': '_pattern.onFocusIn()',
         '[attr.tabindex]': '_pattern.tabIndex()',
         '[attr.data-active]': 'active()',
-        '[attr.aria-label]': 'value()',
         '[attr.aria-haspopup]': 'hasPopup()',
         '[attr.aria-expanded]': 'expanded()',
         '[attr.aria-disabled]': '_pattern.disabled()',
@@ -361,13 +365,8 @@ i0.ɵɵngDeclareClassMetadata({
 });
 
 class MenuBar {
-  _allItems = contentChildren(MenuItem, {
-    ...(ngDevMode ? {
-      debugName: "_allItems"
-    } : {}),
-    descendants: true
-  });
-  _items = () => this._allItems().filter(i => i.parent === this);
+  _collection = new SortedCollection();
+  _items = () => this._collection.orderedItems().filter(i => i.parent === this);
   _elementRef = inject(ElementRef);
   element = this._elementRef.nativeElement;
   disabled = input(false, {
@@ -396,7 +395,7 @@ class MenuBar {
     debugName: "typeaheadDelay"
   }] : []));
   _pattern;
-  _itemPatterns = signal([], ...(ngDevMode ? [{
+  _itemPatterns = computed(() => this._items().map(i => i._pattern), ...(ngDevMode ? [{
     debugName: "_itemPatterns"
   }] : []));
   itemSelected = output();
@@ -413,27 +412,30 @@ class MenuBar {
       activeItem: signal(undefined),
       element: computed(() => this._elementRef.nativeElement)
     });
-    afterRenderEffect(() => {
-      this._itemPatterns.set(this._items().map(i => i._pattern));
+    afterRenderEffect({
+      write: () => this._pattern.setDefaultStateEffect()
     });
-    afterRenderEffect(() => {
-      this._pattern.setDefaultStateEffect();
+    afterNextRender(() => {
+      this._collection.startObserving(this.element);
     });
   }
+  ngOnDestroy() {
+    this._collection.stopObserving();
+  }
   close() {
     this._pattern.close();
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     ngImport: i0,
     type: MenuBar,
     deps: [],
     target: i0.ɵɵFactoryTarget.Directive
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
-    minVersion: "17.2.0",
-    version: "22.0.0-next.6",
+    minVersion: "17.1.0",
+    version: "22.0.0-next.10",
     type: MenuBar,
     isStandalone: true,
     selector: "[ngMenuBar]",
@@ -499,19 +501,13 @@ class MenuBar {
       provide: MENU_COMPONENT,
       useExisting: MenuBar
     }],
-    queries: [{
-      propertyName: "_allItems",
-      predicate: MenuItem,
-      descendants: true,
-      isSignal: true
-    }],
     exportAs: ["ngMenuBar"],
     ngImport: i0
   });
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.6",
+  version: "22.0.0-next.10",
   ngImport: i0,
   type: MenuBar,
   decorators: [{
@@ -538,15 +534,6 @@ i0.ɵɵngDeclareClassMetadata({
   }],
   ctorParameters: () => [],
   propDecorators: {
-    _allItems: [{
-      type: i0.ContentChildren,
-      args: [i0.forwardRef(() => MenuItem), {
-        ...{
-          descendants: true
-        },
-        isSignal: true
-      }]
-    }],
     disabled: [{
       type: i0.Input,
       args: [{
@@ -601,13 +588,8 @@ class Menu {
   _deferredContentAware = inject(DeferredContentAware, {
     optional: true
   });
-  _allItems = contentChildren(MenuItem, {
-    ...(ngDevMode ? {
-      debugName: "_allItems"
-    } : {}),
-    descendants: true
-  });
-  _items = computed(() => this._allItems().filter(i => i.parent === this), ...(ngDevMode ? [{
+  _collection = new SortedCollection();
+  _items = computed(() => this._collection.orderedItems().filter(i => i.parent === this), ...(ngDevMode ? [{
     debugName: "_items"
   }] : []));
   _elementRef = inject(ElementRef);
@@ -635,7 +617,12 @@ class Menu {
     debugName: "parent"
   }] : []));
   _pattern;
-  _itemPatterns = () => this._items().map(i => i._pattern);
+  _itemPatterns = computed(() => {
+    this._pattern.visible();
+    return this._items().map(i => i._pattern);
+  }, ...(ngDevMode ? [{
+    debugName: "_itemPatterns"
+  }] : []));
   visible = computed(() => this._pattern.visible(), ...(ngDevMode ? [{
     debugName: "visible"
   }] : []));
@@ -660,38 +647,48 @@ class Menu {
       element: computed(() => this._elementRef.nativeElement),
       itemSelected: value => this.itemSelected.emit(value)
     });
-    afterRenderEffect(() => {
-      const parent = this.parent();
-      if (parent instanceof MenuItem && parent.parent instanceof MenuBar) {
-        this._deferredContentAware?.contentVisible.set(true);
-      } else {
-        this._deferredContentAware?.contentVisible.set(this._pattern.visible() || !!this.parent()?._pattern.hasBeenInteracted());
+    afterRenderEffect({
+      write: () => {
+        const parent = this.parent();
+        if (parent instanceof MenuItem && parent.parent instanceof MenuBar) {
+          this._deferredContentAware?.contentVisible.set(true);
+        } else {
+          this._deferredContentAware?.contentVisible.set(this._pattern.visible() || !!this.parent()?._pattern.hasBeenInteracted());
+        }
       }
     });
-    afterRenderEffect(() => {
-      if (this._pattern.visible()) {
-        const activeItem = untracked(() => this._pattern.inputs.activeItem());
-        this._pattern.listBehavior.goto(activeItem);
+    afterRenderEffect({
+      write: () => {
+        if (this.visible()) {
+          const activeItem = untracked(() => this._pattern.inputs.activeItem());
+          this._pattern.listBehavior.goto(activeItem);
+        }
       }
     });
-    afterRenderEffect(() => {
-      this._pattern.setDefaultStateEffect();
+    afterRenderEffect({
+      write: () => this._pattern.setDefaultStateEffect()
+    });
+    afterNextRender(() => {
+      this._collection.startObserving(this.element);
     });
   }
+  ngOnDestroy() {
+    this._collection.stopObserving();
+  }
   close() {
     this._pattern.close();
   }
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     ngImport: i0,
     type: Menu,
     deps: [],
     target: i0.ɵɵFactoryTarget.Directive
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
-    minVersion: "17.2.0",
-    version: "22.0.0-next.6",
+    minVersion: "17.1.0",
+    version: "22.0.0-next.10",
     type: Menu,
     isStandalone: true,
     selector: "[ngMenu]",
@@ -758,12 +755,6 @@ class Menu {
       provide: MENU_COMPONENT,
       useExisting: Menu
     }],
-    queries: [{
-      propertyName: "_allItems",
-      predicate: MenuItem,
-      descendants: true,
-      isSignal: true
-    }],
     exportAs: ["ngMenu"],
     hostDirectives: [{
       directive: DeferredContentAware,
@@ -774,7 +765,7 @@ class Menu {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.6",
+  version: "22.0.0-next.10",
   ngImport: i0,
   type: Menu,
   decorators: [{
@@ -807,15 +798,6 @@ i0.ɵɵngDeclareClassMetadata({
   }],
   ctorParameters: () => [],
   propDecorators: {
-    _allItems: [{
-      type: i0.ContentChildren,
-      args: [i0.forwardRef(() => MenuItem), {
-        ...{
-          descendants: true
-        },
-        isSignal: true
-      }]
-    }],
     id: [{
       type: i0.Input,
       args: [{
@@ -866,7 +848,7 @@ i0.ɵɵngDeclareClassMetadata({
 class MenuContent {
   static ɵfac = i0.ɵɵngDeclareFactory({
     minVersion: "12.0.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     ngImport: i0,
     type: MenuContent,
     deps: [],
@@ -874,7 +856,7 @@ class MenuContent {
   });
   static ɵdir = i0.ɵɵngDeclareDirective({
     minVersion: "14.0.0",
-    version: "22.0.0-next.6",
+    version: "22.0.0-next.10",
     type: MenuContent,
     isStandalone: true,
     selector: "ng-template[ngMenuContent]",
@@ -887,7 +869,7 @@ class MenuContent {
 }
 i0.ɵɵngDeclareClassMetadata({
   minVersion: "12.0.0",
-  version: "22.0.0-next.6",
+  version: "22.0.0-next.10",
   ngImport: i0,
   type: MenuContent,
   decorators: [{