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

package/fesm2022/grid.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/grid/grid.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 {_IdGenerator} from '@angular/cdk/a11y';\nimport {\n  afterRenderEffect,\n  booleanAttribute,\n  computed,\n  contentChild,\n  contentChildren,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  model,\n  Signal,\n} from '@angular/core';\nimport {GridPattern, GridRowPattern, GridCellPattern, GridCellWidgetPattern} from '../private';\n\n/** A directive that provides grid-based navigation and selection behavior. */\n@Directive({\n  selector: '[ngGrid]',\n  exportAs: 'ngGrid',\n  host: {\n    'class': 'grid',\n    'role': 'grid',\n    '[tabindex]': '_pattern.tabIndex()',\n    '[attr.aria-disabled]': '_pattern.disabled()',\n    '[attr.aria-activedescendant]': '_pattern.activeDescendant()',\n    '(keydown)': '_pattern.onKeydown($event)',\n    '(pointerdown)': '_pattern.onPointerdown($event)',\n    '(pointermove)': '_pattern.onPointermove($event)',\n    '(pointerup)': '_pattern.onPointerup($event)',\n    '(focusin)': '_pattern.onFocusIn($event)',\n    '(focusout)': '_pattern.onFocusOut($event)',\n  },\n})\nexport class Grid {\n  /** A reference to the host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The rows that make up the grid. */\n  private readonly _rows = contentChildren(GridRow);\n\n  /** The UI patterns for the rows in the grid. */\n  private readonly _rowPatterns: Signal<GridRowPattern[]> = computed(() =>\n    this._rows().map(r => r._pattern),\n  );\n\n  /** The host native element. */\n  readonly element = computed(() => this._elementRef.nativeElement);\n\n  /** Whether selection is enabled for the grid. */\n  readonly enableSelection = input(false, {transform: booleanAttribute});\n\n  /** Whether the grid is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether to skip disabled items during navigation. */\n  readonly skipDisabled = input(true, {transform: booleanAttribute});\n\n  /** The focus strategy used by the grid. */\n  readonly focusMode = input<'roving' | 'activedescendant'>('roving');\n\n  /** The wrapping behavior for keyboard navigation along the row axis. */\n  readonly rowWrap = input<'continuous' | 'loop' | 'nowrap'>('loop');\n\n  /** The wrapping behavior for keyboard navigation along the column axis. */\n  readonly colWrap = input<'continuous' | 'loop' | 'nowrap'>('loop');\n\n  /** The UI pattern for the grid. */\n  readonly _pattern = new GridPattern({\n    ...this,\n    rows: this._rowPatterns,\n    getCell: e => this._getCell(e),\n  });\n\n  constructor() {\n    afterRenderEffect(() => this._pattern.resetStateEffect());\n    afterRenderEffect(() => this._pattern.focusEffect());\n  }\n\n  /** Gets the cell pattern for a given element. */\n  private _getCell(element: Element): GridCellPattern | undefined {\n    const cellElement = element.closest('[ngGridCell]');\n    if (cellElement === undefined) return;\n\n    const widgetElement = element.closest('[ngGridCellWidget]');\n    for (const row of this._rowPatterns()) {\n      for (const cell of row.inputs.cells()) {\n        if (\n          cell.element() === cellElement ||\n          (widgetElement !== undefined && cell.element() === widgetElement)\n        ) {\n          return cell;\n        }\n      }\n    }\n    return;\n  }\n}\n\n/** A directive that represents a row in a grid. */\n@Directive({\n  selector: '[ngGridRow]',\n  exportAs: 'ngGridRow',\n  host: {\n    'class': 'grid-row',\n    '[attr.role]': 'role()',\n  },\n})\nexport class GridRow {\n  /** A reference to the host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The cells that make up this row. */\n  private readonly _cells = contentChildren(GridCell);\n\n  /** The UI patterns for the cells in this row. */\n  private readonly _cellPatterns: Signal<GridCellPattern[]> = computed(() =>\n    this._cells().map(c => c._pattern),\n  );\n\n  /** The parent grid. */\n  private readonly _grid = inject(Grid);\n\n  /** The parent grid UI pattern. */\n  readonly grid = computed(() => this._grid._pattern);\n\n  /** The host native element. */\n  readonly element = computed(() => this._elementRef.nativeElement);\n\n  /** The ARIA role for the row. */\n  readonly role = input<'row' | 'rowheader'>('row');\n\n  /** The index of this row within the grid. */\n  readonly rowIndex = input<number>();\n\n  /** The UI pattern for the grid row. */\n  readonly _pattern = new GridRowPattern({\n    ...this,\n    cells: this._cellPatterns,\n  });\n}\n\n/** A directive that represents a cell in a grid. */\n@Directive({\n  selector: '[ngGridCell]',\n  exportAs: 'ngGridCell',\n  host: {\n    'class': 'grid-cell',\n    '[attr.role]': 'role()',\n    '[attr.id]': '_pattern.id()',\n    '[attr.rowspan]': '_pattern.rowSpan()',\n    '[attr.colspan]': '_pattern.colSpan()',\n    '[attr.data-active]': '_pattern.active()',\n    '[attr.aria-disabled]': '_pattern.disabled()',\n    '[attr.aria-rowspan]': '_pattern.rowSpan()',\n    '[attr.aria-colspan]': '_pattern.colSpan()',\n    '[attr.aria-rowindex]': '_pattern.ariaRowIndex()',\n    '[attr.aria-colindex]': '_pattern.ariaColIndex()',\n    '[attr.aria-selected]': '_pattern.ariaSelected()',\n    '[tabindex]': '_pattern.tabIndex()',\n  },\n})\nexport class GridCell {\n  /** A reference to the host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The widget contained within this cell, if any. */\n  private readonly _widgets = contentChild(GridCellWidget);\n\n  /** The UI pattern for the widget in this cell. */\n  private readonly _widgetPattern: Signal<GridCellWidgetPattern | undefined> = computed(\n    () => this._widgets()?._pattern,\n  );\n\n  /** The parent row. */\n  private readonly _row = inject(GridRow);\n\n  /** A unique identifier for the cell. */\n  private readonly _id = inject(_IdGenerator).getId('ng-grid-cell-');\n\n  /** The host native element. */\n  readonly element = computed(() => this._elementRef.nativeElement);\n\n  /** The ARIA role for the cell. */\n  readonly role = input<'gridcell' | 'columnheader'>('gridcell');\n\n  /** The number of rows the cell should span. */\n  readonly rowSpan = input<number>(1);\n\n  /** The number of columns the cell should span. */\n  readonly colSpan = input<number>(1);\n\n  /** The index of this cell's row within the grid. */\n  readonly rowIndex = input<number>();\n\n  /** The index of this cell's column within the grid. */\n  readonly colIndex = input<number>();\n\n  /** Whether the cell is disabled. */\n  readonly disabled = input(false, {transform: booleanAttribute});\n\n  /** Whether the cell is selected. */\n  readonly selected = model<boolean>(false);\n\n  /** Whether the cell is selectable. */\n  readonly selectable = input<boolean>(true);\n\n  /** The UI pattern for the grid cell. */\n  readonly _pattern = new GridCellPattern({\n    ...this,\n    id: () => this._id,\n    grid: this._row.grid,\n    row: () => this._row._pattern,\n    widget: this._widgetPattern,\n  });\n}\n\n/** A directive that represents a widget inside a grid cell. */\n@Directive({\n  selector: '[ngGridCellWidget]',\n  exportAs: 'ngGridCellWidget',\n  host: {\n    'class': 'grid-cell-widget',\n    '[attr.data-active]': '_pattern.active()',\n    '[tabindex]': '_pattern.tabIndex()',\n  },\n})\nexport class GridCellWidget {\n  /** A reference to the host element. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The parent cell. */\n  private readonly _cell = inject(GridCell);\n\n  /** The host native element. */\n  readonly element = computed(() => this._elementRef.nativeElement);\n\n  /** Whether the widget is activated and the grid navigation should be paused. */\n  readonly activate = model<boolean>(false);\n\n  /** The UI pattern for the grid cell widget. */\n  readonly _pattern = new GridCellWidgetPattern({\n    ...this,\n    cell: () => this._cell._pattern,\n  });\n\n  /** Focuses the widget. */\n  focus(): void {\n    this.element().focus();\n  }\n}\n"],"names":["inject","ElementRef","contentChildren","GridRow","ngDevMode","debugName","nativeElement","enableSelection","input","transform","booleanAttribute","focusMode","rowWrap","colWrap","_pattern","GridPattern","rows","_rowPatterns","getCell","e","_getCell","constructor","afterRenderEffect","resetStateEffect","focusEffect","element","cellElement","closest","widgetElement","cell","undefined","ɵɵngDeclareFactory","minVersion","version","ɵɵngDeclareDirective","type","Grid","isStandalone","selector","inputs","classPropertyName","publicName","isSignal","isRequired","transformFunction","disabled","skipDisabled","host","attributes","listeners","properties","classAttribute","queries","propertyName","predicate","exportAs","ngImport","i0","args","ctorParameters","_cellPatterns","computed","_cells","map","c","_grid","rowIndex","cells","deps","target","ɵɵFactoryTarget","Directive","ɵdir","decorators","GridCellWidget","_row","role","selected","model","selectable","GridCellPattern","GridCell"],"mappings":"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"}

package/fesm2022/listbox.mjs

@@ -1,200 +1,401 @@
 import * as i0 from '@angular/core';
 import { inject, computed, ElementRef, contentChildren, input, booleanAttribute, model, signal, afterRenderEffect, untracked, Directive } from '@angular/core';
-import { ComboboxListboxPattern, ListboxPattern, OptionPattern } from '@angular/aria/ui-patterns';
+import { ComboboxListboxPattern, ListboxPattern, OptionPattern } from '@angular/aria/private';
 import { Directionality } from '@angular/cdk/bidi';
 import { toSignal } from '@angular/core/rxjs-interop';
 import { _IdGenerator } from '@angular/cdk/a11y';
 import { ComboboxPopup } from './combobox.mjs';
 import '@angular/aria/deferred-content';
 
-/**
- * A listbox container.
- *
- * Listboxes are used to display a list of items for a user to select from. The Listbox is meant
- * to be used in conjunction with Option as follows:
- *
- * ```html
- * <ul ngListbox>
- *   <li [value]="1" ngOption>Item 1</li>
- *   <li [value]="2" ngOption>Item 2</li>
- *   <li [value]="3" ngOption>Item 3</li>
- * </ul>
- * ```
- */
 class Listbox {
-    /** A unique identifier for the listbox. */
-    _generatedId = inject(_IdGenerator).getId('ng-listbox-');
-    // TODO(wagnermaciel): https://github.com/angular/components/pull/30495#discussion_r1972601144.
-    /** A unique identifier for the listbox. */
-    id = computed(() => this._generatedId, ...(ngDevMode ? [{ debugName: "id" }] : []));
-    /** A reference to the parent combobox popup, if one exists. */
-    _popup = inject(ComboboxPopup, {
-        optional: true,
+  _generatedId = inject(_IdGenerator).getId('ng-listbox-');
+  id = computed(() => this._generatedId, ...(ngDevMode ? [{
+    debugName: "id"
+  }] : []));
+  _popup = inject(ComboboxPopup, {
+    optional: true
+  });
+  _elementRef = inject(ElementRef);
+  _directionality = inject(Directionality);
+  _options = contentChildren(Option, ...(ngDevMode ? [{
+    debugName: "_options",
+    descendants: true
+  }] : [{
+    descendants: true
+  }]));
+  textDirection = toSignal(this._directionality.change, {
+    initialValue: this._directionality.value
+  });
+  items = computed(() => this._options().map(option => option._pattern), ...(ngDevMode ? [{
+    debugName: "items"
+  }] : []));
+  orientation = input('vertical', ...(ngDevMode ? [{
+    debugName: "orientation"
+  }] : []));
+  multi = input(false, ...(ngDevMode ? [{
+    debugName: "multi",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  wrap = input(true, ...(ngDevMode ? [{
+    debugName: "wrap",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  skipDisabled = input(true, ...(ngDevMode ? [{
+    debugName: "skipDisabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  focusMode = input('roving', ...(ngDevMode ? [{
+    debugName: "focusMode"
+  }] : []));
+  selectionMode = input('follow', ...(ngDevMode ? [{
+    debugName: "selectionMode"
+  }] : []));
+  typeaheadDelay = input(0.5, ...(ngDevMode ? [{
+    debugName: "typeaheadDelay"
+  }] : []));
+  disabled = input(false, ...(ngDevMode ? [{
+    debugName: "disabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  readonly = input(false, ...(ngDevMode ? [{
+    debugName: "readonly",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  value = model([], ...(ngDevMode ? [{
+    debugName: "value"
+  }] : []));
+  _pattern;
+  _hasFocused = signal(false, ...(ngDevMode ? [{
+    debugName: "_hasFocused"
+  }] : []));
+  constructor() {
+    const inputs = {
+      ...this,
+      id: this.id,
+      items: this.items,
+      activeItem: signal(undefined),
+      textDirection: this.textDirection,
+      element: () => this._elementRef.nativeElement,
+      combobox: () => this._popup?.combobox?._pattern
+    };
+    this._pattern = this._popup?.combobox ? new ComboboxListboxPattern(inputs) : new ListboxPattern(inputs);
+    if (this._popup) {
+      this._popup.controls.set(this._pattern);
+    }
+    afterRenderEffect(() => {
+      if (typeof ngDevMode === 'undefined' || ngDevMode) {
+        const violations = this._pattern.validate();
+        for (const violation of violations) {
+          console.error(violation);
+        }
+      }
     });
-    /** A reference to the listbox element. */
-    _elementRef = inject(ElementRef);
-    /** The directionality (LTR / RTL) context for the application (or a subtree of it). */
-    _directionality = inject(Directionality);
-    /** The Options nested inside of the Listbox. */
-    _options = contentChildren(Option, ...(ngDevMode ? [{ debugName: "_options", descendants: true }] : [{ descendants: true }]));
-    /** A signal wrapper for directionality. */
-    textDirection = toSignal(this._directionality.change, {
-        initialValue: this._directionality.value,
+    afterRenderEffect(() => {
+      if (!this._hasFocused()) {
+        this._pattern.setDefaultState();
+      }
     });
-    /** The Option UIPatterns of the child Options. */
-    items = computed(() => this._options().map(option => option.pattern), ...(ngDevMode ? [{ debugName: "items" }] : []));
-    /** Whether the list is vertically or horizontally oriented. */
-    orientation = input('vertical', ...(ngDevMode ? [{ debugName: "orientation" }] : []));
-    /** Whether multiple items in the list can be selected at once. */
-    multi = input(false, ...(ngDevMode ? [{ debugName: "multi", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** Whether focus should wrap when navigating. */
-    wrap = input(true, ...(ngDevMode ? [{ debugName: "wrap", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** Whether disabled items in the list should be skipped when navigating. */
-    skipDisabled = input(true, ...(ngDevMode ? [{ debugName: "skipDisabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** The focus strategy used by the list. */
-    focusMode = input('roving', ...(ngDevMode ? [{ debugName: "focusMode" }] : []));
-    /** The selection strategy used by the list. */
-    selectionMode = input('follow', ...(ngDevMode ? [{ debugName: "selectionMode" }] : []));
-    /** The amount of time before the typeahead search is reset. */
-    typeaheadDelay = input(0.5, ...(ngDevMode ? [{ debugName: "typeaheadDelay" }] : [])); // Picked arbitrarily.
-    /** Whether the listbox is disabled. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** Whether the listbox is readonly. */
-    readonly = input(false, ...(ngDevMode ? [{ debugName: "readonly", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** The values of the current selected items. */
-    value = model([], ...(ngDevMode ? [{ debugName: "value" }] : []));
-    /** The Listbox UIPattern. */
-    pattern;
-    /** Whether the listbox has received focus yet. */
-    _hasFocused = signal(false, ...(ngDevMode ? [{ debugName: "_hasFocused" }] : []));
-    constructor() {
-        const inputs = {
-            ...this,
-            id: this.id,
-            items: this.items,
-            activeItem: signal(undefined),
-            textDirection: this.textDirection,
-            element: () => this._elementRef.nativeElement,
-            combobox: () => this._popup?.combobox?.pattern,
-        };
-        this.pattern = this._popup?.combobox
-            ? new ComboboxListboxPattern(inputs)
-            : new ListboxPattern(inputs);
-        if (this._popup) {
-            this._popup.controls.set(this.pattern);
-        }
-        afterRenderEffect(() => {
-            if (typeof ngDevMode === 'undefined' || ngDevMode) {
-                const violations = this.pattern.validate();
-                for (const violation of violations) {
-                    console.error(violation);
-                }
-            }
-        });
-        afterRenderEffect(() => {
-            if (!this._hasFocused()) {
-                this.pattern.setDefaultState();
-            }
-        });
-        // Ensure that if the active item is removed from
-        // the list, the listbox updates it's focus state.
-        afterRenderEffect(() => {
-            const items = inputs.items();
-            const activeItem = untracked(() => inputs.activeItem());
-            if (!items.some(i => i === activeItem) && activeItem) {
-                this.pattern.listBehavior.unfocus();
-            }
-        });
-        // Ensure that the value is always in sync with the available options.
-        afterRenderEffect(() => {
-            const items = inputs.items();
-            const value = untracked(() => this.value());
-            if (items && value.some(v => !items.some(i => i.value() === v))) {
-                this.value.set(value.filter(v => items.some(i => i.value() === v)));
-            }
-        });
-    }
-    onFocus() {
-        this._hasFocused.set(true);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: Listbox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0-next.2", type: Listbox, isStandalone: true, selector: "[ngListbox]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, wrap: { classPropertyName: "wrap", publicName: "wrap", isSignal: true, isRequired: false, transformFunction: null }, skipDisabled: { classPropertyName: "skipDisabled", publicName: "skipDisabled", isSignal: true, isRequired: false, transformFunction: null }, focusMode: { classPropertyName: "focusMode", publicName: "focusMode", isSignal: true, isRequired: false, transformFunction: null }, selectionMode: { classPropertyName: "selectionMode", publicName: "selectionMode", isSignal: true, isRequired: false, transformFunction: null }, typeaheadDelay: { classPropertyName: "typeaheadDelay", publicName: "typeaheadDelay", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { attributes: { "role": "listbox" }, listeners: { "keydown": "pattern.onKeydown($event)", "pointerdown": "pattern.onPointerdown($event)", "focusin": "onFocus()" }, properties: { "attr.id": "id()", "attr.tabindex": "pattern.tabindex()", "attr.aria-readonly": "pattern.readonly()", "attr.aria-disabled": "pattern.disabled()", "attr.aria-orientation": "pattern.orientation()", "attr.aria-multiselectable": "pattern.multi()", "attr.aria-activedescendant": "pattern.activedescendant()" }, classAttribute: "ng-listbox" }, queries: [{ propertyName: "_options", predicate: Option, descendants: true, isSignal: true }], exportAs: ["ngListbox"], hostDirectives: [{ directive: ComboboxPopup }], ngImport: i0 });
+    afterRenderEffect(() => {
+      const items = inputs.items();
+      const activeItem = untracked(() => inputs.activeItem());
+      if (!items.some(i => i === activeItem) && activeItem) {
+        this._pattern.listBehavior.unfocus();
+      }
+    });
+    afterRenderEffect(() => {
+      const items = inputs.items();
+      const value = untracked(() => this.value());
+      if (items && value.some(v => !items.some(i => i.value() === v))) {
+        this.value.set(value.filter(v => items.some(i => i.value() === v)));
+      }
+    });
+  }
+  onFocus() {
+    this._hasFocused.set(true);
+  }
+  scrollActiveItemIntoView(options = {
+    block: 'nearest'
+  }) {
+    this._pattern.inputs.activeItem()?.element().scrollIntoView(options);
+  }
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: Listbox,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.2.0",
+    version: "20.2.0-next.2",
+    type: Listbox,
+    isStandalone: true,
+    selector: "[ngListbox]",
+    inputs: {
+      orientation: {
+        classPropertyName: "orientation",
+        publicName: "orientation",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      multi: {
+        classPropertyName: "multi",
+        publicName: "multi",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      wrap: {
+        classPropertyName: "wrap",
+        publicName: "wrap",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      skipDisabled: {
+        classPropertyName: "skipDisabled",
+        publicName: "skipDisabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      focusMode: {
+        classPropertyName: "focusMode",
+        publicName: "focusMode",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      selectionMode: {
+        classPropertyName: "selectionMode",
+        publicName: "selectionMode",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      typeaheadDelay: {
+        classPropertyName: "typeaheadDelay",
+        publicName: "typeaheadDelay",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      disabled: {
+        classPropertyName: "disabled",
+        publicName: "disabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      readonly: {
+        classPropertyName: "readonly",
+        publicName: "readonly",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      value: {
+        classPropertyName: "value",
+        publicName: "value",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    outputs: {
+      value: "valueChange"
+    },
+    host: {
+      attributes: {
+        "role": "listbox"
+      },
+      listeners: {
+        "keydown": "_pattern.onKeydown($event)",
+        "pointerdown": "_pattern.onPointerdown($event)",
+        "focusin": "onFocus()"
+      },
+      properties: {
+        "attr.id": "id()",
+        "attr.tabindex": "_pattern.tabindex()",
+        "attr.aria-readonly": "_pattern.readonly()",
+        "attr.aria-disabled": "_pattern.disabled()",
+        "attr.aria-orientation": "_pattern.orientation()",
+        "attr.aria-multiselectable": "_pattern.multi()",
+        "attr.aria-activedescendant": "_pattern.activedescendant()"
+      },
+      classAttribute: "ng-listbox"
+    },
+    queries: [{
+      propertyName: "_options",
+      predicate: Option,
+      descendants: true,
+      isSignal: true
+    }],
+    exportAs: ["ngListbox"],
+    hostDirectives: [{
+      directive: ComboboxPopup
+    }],
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: Listbox, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngListbox]',
-                    exportAs: 'ngListbox',
-                    host: {
-                        'role': 'listbox',
-                        'class': 'ng-listbox',
-                        '[attr.id]': 'id()',
-                        '[attr.tabindex]': 'pattern.tabindex()',
-                        '[attr.aria-readonly]': 'pattern.readonly()',
-                        '[attr.aria-disabled]': 'pattern.disabled()',
-                        '[attr.aria-orientation]': 'pattern.orientation()',
-                        '[attr.aria-multiselectable]': 'pattern.multi()',
-                        '[attr.aria-activedescendant]': 'pattern.activedescendant()',
-                        '(keydown)': 'pattern.onKeydown($event)',
-                        '(pointerdown)': 'pattern.onPointerdown($event)',
-                        '(focusin)': 'onFocus()',
-                    },
-                    hostDirectives: [{ directive: ComboboxPopup }],
-                }]
-        }], ctorParameters: () => [] });
-/** A selectable option in a Listbox. */
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: Listbox,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngListbox]',
+      exportAs: 'ngListbox',
+      host: {
+        'role': 'listbox',
+        'class': 'ng-listbox',
+        '[attr.id]': 'id()',
+        '[attr.tabindex]': '_pattern.tabindex()',
+        '[attr.aria-readonly]': '_pattern.readonly()',
+        '[attr.aria-disabled]': '_pattern.disabled()',
+        '[attr.aria-orientation]': '_pattern.orientation()',
+        '[attr.aria-multiselectable]': '_pattern.multi()',
+        '[attr.aria-activedescendant]': '_pattern.activedescendant()',
+        '(keydown)': '_pattern.onKeydown($event)',
+        '(pointerdown)': '_pattern.onPointerdown($event)',
+        '(focusin)': 'onFocus()'
+      },
+      hostDirectives: [{
+        directive: ComboboxPopup
+      }]
+    }]
+  }],
+  ctorParameters: () => []
+});
 class Option {
-    /** A reference to the option element. */
-    _elementRef = inject(ElementRef);
-    /** The parent Listbox. */
-    _listbox = inject(Listbox);
-    /** A unique identifier for the option. */
-    _generatedId = inject(_IdGenerator).getId('ng-option-');
-    // TODO(wagnermaciel): https://github.com/angular/components/pull/30495#discussion_r1972601144.
-    /** A unique identifier for the option. */
-    id = computed(() => this._generatedId, ...(ngDevMode ? [{ debugName: "id" }] : []));
-    // TODO(wagnermaciel): See if we want to change how we handle this since textContent is not
-    // reactive. See https://github.com/angular/components/pull/30495#discussion_r1961260216.
-    /** The text used by the typeahead search. */
-    searchTerm = computed(() => this.label() ?? this.element().textContent, ...(ngDevMode ? [{ debugName: "searchTerm" }] : []));
-    /** The parent Listbox UIPattern. */
-    listbox = computed(() => this._listbox.pattern, ...(ngDevMode ? [{ debugName: "listbox" }] : []));
-    /** A reference to the option element to be focused on navigation. */
-    element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{ debugName: "element" }] : []));
-    /** The value of the option. */
-    value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
-    /** Whether an item is disabled. */
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled", transform: booleanAttribute }] : [{ transform: booleanAttribute }]));
-    /** The text used by the typeahead search. */
-    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
-    /** The Option UIPattern. */
-    pattern = new OptionPattern({
-        ...this,
-        id: this.id,
-        value: this.value,
-        listbox: this.listbox,
-        element: this.element,
-        searchTerm: this.searchTerm,
-    });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: Option, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: Option, isStandalone: true, selector: "[ngOption]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "option" }, properties: { "attr.data-active": "pattern.active()", "attr.id": "pattern.id()", "attr.tabindex": "pattern.tabindex()", "attr.aria-selected": "pattern.selected()", "attr.aria-disabled": "pattern.disabled()" }, classAttribute: "ng-option" }, exportAs: ["ngOption"], ngImport: i0 });
+  _elementRef = inject(ElementRef);
+  _listbox = inject(Listbox);
+  _generatedId = inject(_IdGenerator).getId('ng-option-');
+  id = computed(() => this._generatedId, ...(ngDevMode ? [{
+    debugName: "id"
+  }] : []));
+  searchTerm = computed(() => this.label() ?? this.element().textContent, ...(ngDevMode ? [{
+    debugName: "searchTerm"
+  }] : []));
+  listbox = computed(() => this._listbox._pattern, ...(ngDevMode ? [{
+    debugName: "listbox"
+  }] : []));
+  element = computed(() => this._elementRef.nativeElement, ...(ngDevMode ? [{
+    debugName: "element"
+  }] : []));
+  value = input.required(...(ngDevMode ? [{
+    debugName: "value"
+  }] : []));
+  disabled = input(false, ...(ngDevMode ? [{
+    debugName: "disabled",
+    transform: booleanAttribute
+  }] : [{
+    transform: booleanAttribute
+  }]));
+  label = input(...(ngDevMode ? [undefined, {
+    debugName: "label"
+  }] : []));
+  selected = computed(() => this._pattern.selected(), ...(ngDevMode ? [{
+    debugName: "selected"
+  }] : []));
+  _pattern = new OptionPattern({
+    ...this,
+    id: this.id,
+    value: this.value,
+    listbox: this.listbox,
+    element: this.element,
+    searchTerm: this.searchTerm
+  });
+  static ɵfac = i0.ɵɵngDeclareFactory({
+    minVersion: "12.0.0",
+    version: "20.2.0-next.2",
+    ngImport: i0,
+    type: Option,
+    deps: [],
+    target: i0.ɵɵFactoryTarget.Directive
+  });
+  static ɵdir = i0.ɵɵngDeclareDirective({
+    minVersion: "17.1.0",
+    version: "20.2.0-next.2",
+    type: Option,
+    isStandalone: true,
+    selector: "[ngOption]",
+    inputs: {
+      value: {
+        classPropertyName: "value",
+        publicName: "value",
+        isSignal: true,
+        isRequired: true,
+        transformFunction: null
+      },
+      disabled: {
+        classPropertyName: "disabled",
+        publicName: "disabled",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      },
+      label: {
+        classPropertyName: "label",
+        publicName: "label",
+        isSignal: true,
+        isRequired: false,
+        transformFunction: null
+      }
+    },
+    host: {
+      attributes: {
+        "role": "option"
+      },
+      properties: {
+        "attr.data-active": "_pattern.active()",
+        "attr.id": "_pattern.id()",
+        "attr.tabindex": "_pattern.tabindex()",
+        "attr.aria-selected": "_pattern.selected()",
+        "attr.aria-disabled": "_pattern.disabled()"
+      },
+      classAttribute: "ng-option"
+    },
+    exportAs: ["ngOption"],
+    ngImport: i0
+  });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: Option, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[ngOption]',
-                    exportAs: 'ngOption',
-                    host: {
-                        'role': 'option',
-                        'class': 'ng-option',
-                        '[attr.data-active]': 'pattern.active()',
-                        '[attr.id]': 'pattern.id()',
-                        '[attr.tabindex]': 'pattern.tabindex()',
-                        '[attr.aria-selected]': 'pattern.selected()',
-                        '[attr.aria-disabled]': 'pattern.disabled()',
-                    },
-                }]
-        }] });
+i0.ɵɵngDeclareClassMetadata({
+  minVersion: "12.0.0",
+  version: "20.2.0-next.2",
+  ngImport: i0,
+  type: Option,
+  decorators: [{
+    type: Directive,
+    args: [{
+      selector: '[ngOption]',
+      exportAs: 'ngOption',
+      host: {
+        'role': 'option',
+        'class': 'ng-option',
+        '[attr.data-active]': '_pattern.active()',
+        '[attr.id]': '_pattern.id()',
+        '[attr.tabindex]': '_pattern.tabindex()',
+        '[attr.aria-selected]': '_pattern.selected()',
+        '[attr.aria-disabled]': '_pattern.disabled()'
+      }
+    }]
+  }]
+});
 
 export { Listbox, Option };
 //# sourceMappingURL=listbox.mjs.map