@angular/aria 0.0.1 → 21.0.0-next.10

package/fesm2022/combobox.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/combobox/combobox.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  contentChild,\n  Directive,\n  ElementRef,\n  inject,\n  input,\n  model,\n  signal,\n  untracked,\n  WritableSignal,\n} from '@angular/core';\nimport {DeferredContent, DeferredContentAware} from '@angular/aria/deferred-content';\nimport {\n  ComboboxPattern,\n  ComboboxListboxControls,\n  ComboboxTreeControls,\n} from '@angular/aria/ui-patterns';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {toSignal} from '@angular/core/rxjs-interop';\n\n@Directive({\n  selector: '[ngCombobox]',\n  exportAs: 'ngCombobox',\n  hostDirectives: [\n    {\n      directive: DeferredContentAware,\n      inputs: ['preserveContent'],\n    },\n  ],\n  host: {\n    '[attr.data-expanded]': 'pattern.expanded()',\n    '(input)': 'pattern.onInput($event)',\n    '(keydown)': 'pattern.onKeydown($event)',\n    '(pointerup)': 'pattern.onPointerup($event)',\n    '(focusin)': 'pattern.onFocusIn()',\n    '(focusout)': 'pattern.onFocusOut($event)',\n  },\n})\nexport class Combobox<V> {\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  protected textDirection = toSignal(this._directionality.change, {\n    initialValue: this._directionality.value,\n  });\n\n  /** The element that the combobox is attached to. */\n  private readonly _elementRef = inject(ElementRef);\n\n  /** The DeferredContentAware host directive. */\n  private readonly _deferredContentAware = inject(DeferredContentAware, {optional: true});\n\n  /** The combobox popup. */\n  readonly popup = contentChild<ComboboxPopup<V>>(ComboboxPopup);\n\n  /** The filter mode for the combobox. */\n  filterMode = input<'manual' | 'auto-select' | 'highlight'>('manual');\n\n  /** Whether the combobox is focused. */\n  readonly isFocused = signal(false);\n\n  /** Whether the listbox has received focus yet. */\n  private _hasBeenFocused = signal(false);\n\n  /** Whether the combobox is disabled. */\n  readonly disabled = input(false);\n\n  /** Whether the combobox is read-only. */\n  readonly readonly = input(false);\n\n  /** The value of the first matching item in the popup. */\n  readonly firstMatch = input<V | undefined>(undefined);\n\n  /** The combobox ui pattern. */\n  readonly pattern = new ComboboxPattern<any, V>({\n    ...this,\n    textDirection: this.textDirection,\n    disabled: this.disabled,\n    readonly: this.readonly,\n    inputValue: signal(''),\n    inputEl: signal(undefined),\n    containerEl: () => this._elementRef.nativeElement,\n    popupControls: () => this.popup()?.controls(),\n  });\n\n  constructor() {\n    afterRenderEffect(() => {\n      if (!this._deferredContentAware?.contentVisible() && this.pattern.isFocused()) {\n        this._deferredContentAware?.contentVisible.set(true);\n      }\n    });\n\n    afterRenderEffect(() => {\n      if (!this._hasBeenFocused() && this.pattern.isFocused()) {\n        this._hasBeenFocused.set(true);\n      }\n    });\n  }\n}\n\n@Directive({\n  selector: 'input[ngComboboxInput]',\n  exportAs: 'ngComboboxInput',\n  host: {\n    'role': 'combobox',\n    '[value]': 'value()',\n    '[attr.aria-expanded]': 'combobox.pattern.expanded()',\n    '[attr.aria-activedescendant]': 'combobox.pattern.activedescendant()',\n    '[attr.aria-controls]': 'combobox.pattern.popupId()',\n    '[attr.aria-haspopup]': 'combobox.pattern.hasPopup()',\n    '[attr.aria-autocomplete]': 'combobox.pattern.autocomplete()',\n  },\n})\nexport class ComboboxInput {\n  /** The element that the combobox is attached to. */\n  private readonly _elementRef = inject<ElementRef<HTMLInputElement>>(ElementRef);\n\n  /** The combobox that the input belongs to. */\n  readonly combobox = inject(Combobox);\n\n  /** The value of the input. */\n  value = model<string>('');\n\n  constructor() {\n    (this.combobox.pattern.inputs.inputEl as WritableSignal<HTMLInputElement>).set(\n      this._elementRef.nativeElement,\n    );\n    this.combobox.pattern.inputs.inputValue = this.value;\n\n    /** Focuses & selects the first item in the combobox if the user changes the input value. */\n    afterRenderEffect(() => {\n      this.combobox.popup()?.controls()?.items();\n      untracked(() => this.combobox.pattern.onFilter());\n    });\n  }\n}\n\n@Directive({\n  selector: 'ng-template[ngComboboxPopupContainer]',\n  exportAs: 'ngComboboxPopupContainer',\n  hostDirectives: [DeferredContent],\n})\nexport class ComboboxPopupContainer {}\n\n@Directive({\n  selector: '[ngComboboxPopup]',\n  exportAs: 'ngComboboxPopup',\n})\nexport class ComboboxPopup<V> {\n  /** The combobox that the popup belongs to. */\n  readonly combobox = inject<Combobox<V>>(Combobox, {optional: true});\n\n  /** The controls the popup exposes to the combobox. */\n  readonly controls = signal<\n    ComboboxListboxControls<any, V> | ComboboxTreeControls<any, V> | undefined\n  >(undefined);\n}\n"],"names":[],"mappings":"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"}

package/fesm2022/deferred-content.mjs

@@ -0,0 +1,60 @@
+import * as i0 from '@angular/core';
+import { signal, model, Directive, inject, TemplateRef, ViewContainerRef, afterRenderEffect } from '@angular/core';
+
+/**
+ * A container directive controls the visibility of its content.
+ */
+class DeferredContentAware {
+    contentVisible = signal(false, ...(ngDevMode ? [{ debugName: "contentVisible" }] : []));
+    preserveContent = model(false, ...(ngDevMode ? [{ debugName: "preserveContent" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: DeferredContentAware, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0-next.2", type: DeferredContentAware, isStandalone: true, inputs: { preserveContent: { classPropertyName: "preserveContent", publicName: "preserveContent", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { preserveContent: "preserveContentChange" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: DeferredContentAware, decorators: [{
+            type: Directive
+        }] });
+/**
+ * DeferredContent loads/unloads the content based on the visibility.
+ * The visibilty signal is sent from a parent directive implements
+ * DeferredContentAware.
+ *
+ * Use this directive as a host directive. For example:
+ *
+ * ```ts
+ *   @Directive({
+ *     selector: 'ng-template[AccordionContent]',
+ *     hostDirectives: [DeferredContent],
+ *   })
+ *   class AccordionContent {}
+ * ```
+ */
+class DeferredContent {
+    _deferredContentAware = inject(DeferredContentAware, { optional: true });
+    _templateRef = inject(TemplateRef);
+    _viewContainerRef = inject(ViewContainerRef);
+    _isRendered = false;
+    deferredContentAware = signal(this._deferredContentAware, ...(ngDevMode ? [{ debugName: "deferredContentAware" }] : []));
+    constructor() {
+        afterRenderEffect(() => {
+            if (this.deferredContentAware()?.contentVisible()) {
+                if (this._isRendered)
+                    return;
+                this._viewContainerRef.clear();
+                this._viewContainerRef.createEmbeddedView(this._templateRef);
+                this._isRendered = true;
+            }
+            else if (!this.deferredContentAware()?.preserveContent()) {
+                this._viewContainerRef.clear();
+                this._isRendered = false;
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: DeferredContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: DeferredContent, isStandalone: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: DeferredContent, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [] });
+
+export { DeferredContent, DeferredContentAware };
+//# sourceMappingURL=deferred-content.mjs.map

package/fesm2022/deferred-content.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"deferred-content.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-199a4f3c4e20/bin/src/aria/deferred-content/deferred-content.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  Directive,\n  inject,\n  TemplateRef,\n  signal,\n  ViewContainerRef,\n  model,\n} from '@angular/core';\n\n/**\n * A container directive controls the visibility of its content.\n */\n@Directive()\nexport class DeferredContentAware {\n  readonly contentVisible = signal(false);\n  readonly preserveContent = model(false);\n}\n\n/**\n * DeferredContent loads/unloads the content based on the visibility.\n * The visibilty signal is sent from a parent directive implements\n * DeferredContentAware.\n *\n * Use this directive as a host directive. For example:\n *\n * ```ts\n *   @Directive({\n *     selector: 'ng-template[AccordionContent]',\n *     hostDirectives: [DeferredContent],\n *   })\n *   class AccordionContent {}\n * ```\n */\n@Directive()\nexport class DeferredContent {\n  private readonly _deferredContentAware = inject(DeferredContentAware, {optional: true});\n  private readonly _templateRef = inject(TemplateRef);\n  private readonly _viewContainerRef = inject(ViewContainerRef);\n  private _isRendered = false;\n\n  readonly deferredContentAware = signal(this._deferredContentAware);\n\n  constructor() {\n    afterRenderEffect(() => {\n      if (this.deferredContentAware()?.contentVisible()) {\n        if (this._isRendered) return;\n        this._viewContainerRef.clear();\n        this._viewContainerRef.createEmbeddedView(this._templateRef);\n        this._isRendered = true;\n      } else if (!this.deferredContentAware()?.preserveContent()) {\n        this._viewContainerRef.clear();\n        this._isRendered = false;\n      }\n    });\n  }\n}\n"],"names":[],"mappings":";;;AAkBA;;AAEG;MAEU,oBAAoB,CAAA;AACtB,IAAA,cAAc,GAAG,MAAM,CAAC,KAAK,0DAAC;AAC9B,IAAA,eAAe,GAAG,KAAK,CAAC,KAAK,2DAAC;8GAF5B,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,eAAA,EAAA,uBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;kGAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBADhC;;AAMD;;;;;;;;;;;;;;AAcG;MAEU,eAAe,CAAA;IACT,qBAAqB,GAAG,MAAM,CAAC,oBAAoB,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAC,CAAC;AACtE,IAAA,YAAY,GAAG,MAAM,CAAC,WAAW,CAAC;AAClC,IAAA,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC;IACrD,WAAW,GAAG,KAAK;AAElB,IAAA,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAC,qBAAqB,gEAAC;AAElE,IAAA,WAAA,GAAA;QACE,iBAAiB,CAAC,MAAK;YACrB,IAAI,IAAI,CAAC,oBAAoB,EAAE,EAAE,cAAc,EAAE,EAAE;gBACjD,IAAI,IAAI,CAAC,WAAW;oBAAE;AACtB,gBAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE;gBAC9B,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC;AAC5D,gBAAA,IAAI,CAAC,WAAW,GAAG,IAAI;;iBAClB,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,eAAe,EAAE,EAAE;AAC1D,gBAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE;AAC9B,gBAAA,IAAI,CAAC,WAAW,GAAG,KAAK;;AAE5B,SAAC,CAAC;;8GAnBO,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;kGAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAD3B;;;;;"}

package/fesm2022/grid.mjs

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

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 '../ui-patterns';\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":[],"mappings":"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"}

package/fesm2022/listbox.mjs

@@ -0,0 +1,200 @@
+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 { 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,
+    });
+    /** 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,
+    });
+    /** 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 });
+}
+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. */
+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 });
+}
+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

package/fesm2022/listbox.mjs.map

@@ -0,0 +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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"}