@angular/aria 22.0.0-next.3 → 22.0.0-next.5

package/types/_tabs-chunk.d.ts

@@ -1,7 +1,8 @@
 import { KeyboardEventManager } from './_keyboard-event-manager-chunk.js';
-import { PointerEventManager } from './_pointer-event-manager-chunk.js';
+import { ClickEventManager } from './_click-event-manager-chunk.js';
 import { ExpansionItem, ListExpansionInputs, ListExpansion } from './_expansion-chunk.js';
-import { SignalLike, ListNavigationItem, ListNavigationInputs, WritableSignalLike, ListFocus, ListNavigation } from './_list-navigation-chunk.js';
+import { SignalLike, WritableSignalLike } from './_signal-like-chunk.js';
+import { ListNavigationItem, ListNavigationInputs, ListFocus, ListNavigation } from './_list-navigation-chunk.js';
 
 /** Represents the required inputs for the label control. */
 interface LabelControlInputs {
@@ -103,6 +104,8 @@ declare class TabListPattern {
     readonly navigationBehavior: ListNavigation<TabPattern>;
     /** Controls expansion for the tablist. */
     readonly expansionBehavior: ListExpansion;
+    /** Whether the tablist has been interacted with. */
+    readonly hasBeenInteracted: WritableSignalLike<boolean>;
     /** The currently active tab. */
     readonly activeTab: SignalLike<TabPattern | undefined>;
     /** The currently selected tab. */
@@ -123,8 +126,8 @@ declare class TabListPattern {
     readonly nextKey: SignalLike<"ArrowRight" | "ArrowLeft" | "ArrowDown">;
     /** The keydown event manager for the tablist. */
     readonly keydown: SignalLike<KeyboardEventManager<KeyboardEvent>>;
-    /** The pointerdown event manager for the tablist. */
-    readonly pointerdown: SignalLike<PointerEventManager<PointerEvent>>;
+    /** The click event manager for the tablist. */
+    readonly clickManager: SignalLike<ClickEventManager<PointerEvent>>;
     constructor(inputs: TabListInputs);
     /**
      * Sets the tablist to its default initial state.
@@ -135,10 +138,14 @@ declare class TabListPattern {
      * This method should be called once the tablist and its tabs are properly initialized.
      */
     setDefaultState(): void;
+    /** Sets the default active state of the tablist before receiving interaction for the first time. */
+    setDefaultStateEffect(): void;
     /** Handles keydown events for the tablist. */
     onKeydown(event: KeyboardEvent): void;
-    /** The pointerdown event manager for the tablist. */
-    onPointerdown(event: PointerEvent): void;
+    /** The click event manager for the tablist. */
+    onClick(event: PointerEvent): void;
+    /** Handles focusin events for the tablist. */
+    onFocusIn(): void;
     /** Opens the tab by given value. */
     open(value: string): boolean;
     /** Opens the given tab or the current active tab. */

package/types/_toolbar-chunk.d.ts

@@ -1,4 +1,4 @@
-import { SignalLike } from './_list-navigation-chunk.js';
+import { SignalLike, WritableSignalLike } from './_signal-like-chunk.js';
 import { ListItem, ListInputs, List } from './_list-chunk.js';
 
 /** Represents the required inputs for a toolbar widget group. */
@@ -74,6 +74,8 @@ declare class ToolbarPattern<V> {
     readonly inputs: ToolbarInputs<V>;
     /** The list behavior for the toolbar. */
     readonly listBehavior: List<ToolbarWidgetPattern<V>, V>;
+    /** Whether the toolbar has been interacted with. */
+    readonly hasBeenInteracted: WritableSignalLike<boolean>;
     /** Whether the tablist is vertically or horizontally oriented. */
     readonly orientation: SignalLike<'vertical' | 'horizontal'>;
     /** Whether disabled items in the group should be focusable. */
@@ -107,6 +109,7 @@ declare class ToolbarPattern<V> {
     /** Handles keydown events for the toolbar. */
     onKeydown(event: KeyboardEvent): void;
     onPointerdown(event: PointerEvent): void;
+    onFocusIn(): void;
     /** Handles click events for the toolbar. */
     onClick(event: MouseEvent): void;
     /**
@@ -116,6 +119,8 @@ declare class ToolbarPattern<V> {
      * Otherwise, sets the active index to the first focusable widget.
      */
     setDefaultState(): void;
+    /** Sets the default active state of the toolbar before receiving interaction for the first time. */
+    setDefaultStateEffect(): void;
 }
 
 export { ToolbarPattern, ToolbarWidgetGroupPattern, ToolbarWidgetPattern };

package/types/_tree-chunk.d.ts

@@ -1,8 +1,9 @@
-import { ListNavigationItem, ListFocusItem, SignalLike, ListFocusInputs, ListNavigationInputs, ListNavigation, ListFocus, WritableSignalLike } from './_list-navigation-chunk.js';
+import { SignalLike, WritableSignalLike } from './_signal-like-chunk.js';
 import { ExpansionItem, ListExpansionInputs, ListExpansion } from './_expansion-chunk.js';
+import { ListNavigationItem, ListFocusItem, ListFocusInputs, ListNavigationInputs, ListNavigation, ListFocus } from './_list-navigation-chunk.js';
 import { ListTypeaheadItem, ListSelectionItem, ListSelectionInputs, ListTypeaheadInputs, ListSelection, ListTypeahead, NavOptions } from './_list-chunk.js';
 import { KeyboardEventManager } from './_keyboard-event-manager-chunk.js';
-import { PointerEventManager } from './_pointer-event-manager-chunk.js';
+import { ClickEventManager } from './_click-event-manager-chunk.js';
 
 /** Represents an item in the tree. */
 interface TreeItem<V, T extends TreeItem<V, T>> extends ListTypeaheadItem, ListNavigationItem, ListSelectionItem<V>, ListFocusItem, ExpansionItem {
@@ -19,27 +20,27 @@ type TreeInputs$1<T extends TreeItem<V, T>, V> = ListFocusInputs<T> & ListNaviga
 declare class Tree<T extends TreeItem<V, T>, V> {
     readonly inputs: TreeInputs$1<T, V>;
     /** Controls navigation for the tree. */
-    navigationBehavior: ListNavigation<T>;
+    readonly navigationBehavior: ListNavigation<T>;
     /** Controls selection for the tree. */
-    selectionBehavior: ListSelection<T, V>;
+    readonly selectionBehavior: ListSelection<T, V>;
     /** Controls typeahead for the tree. */
-    typeaheadBehavior: ListTypeahead<T>;
+    readonly typeaheadBehavior: ListTypeahead<T>;
     /** Controls focus for the tree. */
-    focusBehavior: ListFocus<T>;
+    readonly focusBehavior: ListFocus<T>;
     /** Controls expansion for the tree. */
-    expansionBehavior: ListExpansion;
+    readonly expansionBehavior: ListExpansion;
     /** Whether the tree is disabled. */
-    disabled: SignalLike<boolean>;
+    readonly disabled: SignalLike<boolean>;
     /** The id of the current active item. */
-    activeDescendant: SignalLike<string | undefined>;
+    readonly activeDescendant: SignalLike<string | undefined>;
     /** The tab index of the tree. */
-    tabIndex: SignalLike<0 | -1>;
+    readonly tabIndex: SignalLike<0 | -1>;
     /** The index of the currently active item in the tree (within the flattened list). */
-    activeIndex: SignalLike<number>;
+    readonly activeIndex: SignalLike<number>;
     /** The uncommitted index for selecting a range of options. */
-    private _anchorIndex;
+    private readonly _anchorIndex;
     /** Whether the list should wrap. */
-    private _wrap;
+    private readonly _wrap;
     constructor(inputs: TreeInputs$1<T, V>);
     /** Returns the tab index for the given item. */
     getItemTabindex(item: T): 0 | -1;
@@ -188,6 +189,8 @@ declare class TreePattern<V> implements TreeInputs<V> {
     readonly inputs: TreeInputs<V>;
     /** The tree behavior for the tree. */
     readonly treeBehavior: Tree<TreeItemPattern<V>, V>;
+    /** Whether the tree has been interacted with. */
+    readonly hasBeenInteracted: WritableSignalLike<boolean>;
     /** The root level is 0. */
     readonly level: () => number;
     /** The root is always expanded. */
@@ -218,8 +221,8 @@ declare class TreePattern<V> implements TreeInputs<V> {
     readonly typeaheadRegexp: RegExp;
     /** The keydown event manager for the tree. */
     readonly keydown: SignalLike<KeyboardEventManager<KeyboardEvent>>;
-    /** The pointerdown event manager for the tree. */
-    pointerdown: SignalLike<PointerEventManager<PointerEvent>>;
+    /** The click event manager for the tree. */
+    readonly clickManager: SignalLike<ClickEventManager<PointerEvent>>;
     /** A unique identifier for the tree. */
     readonly id: SignalLike<string>;
     /** The host native element. */
@@ -262,10 +265,14 @@ declare class TreePattern<V> implements TreeInputs<V> {
      * Otherwise, sets focus to the first focusable tree item.
      */
     setDefaultState(): void;
+    /** Sets the default active state of the tree before receiving interaction for the first time. */
+    setDefaultStateEffect(): void;
     /** Handles keydown events on the tree. */
     onKeydown(event: KeyboardEvent): void;
-    /** Handles pointerdown events on the tree. */
-    onPointerdown(event: PointerEvent): void;
+    /** Handles click events on the tree. */
+    onClick(event: PointerEvent): void;
+    /** Handles focusin events on the tree. */
+    onFocusIn(): void;
     /** Navigates to the given tree item in the tree. */
     goto(e: PointerEvent, opts?: SelectOptions): void;
     /** Expands the active item if possible, otherwise navigates to the first child. */

package/types/accordion-testing.d.ts

@@ -0,0 +1,63 @@
+import * as _angular_cdk_testing from '@angular/cdk/testing';
+import { BaseHarnessFilters, ComponentHarness, HarnessPredicate, ContentContainerComponentHarness } from '@angular/cdk/testing';
+
+/** Filters for locating an `AccordionHarness`. */
+interface AccordionHarnessFilters extends BaseHarnessFilters {
+    /** Only find instances whose title text matches the given value. */
+    title?: string | RegExp;
+    /** Only find instances whose expanded state matches the given value. */
+    expanded?: boolean;
+    /** Only find instances whose disabled state matches the given value. */
+    disabled?: boolean;
+}
+/** Filters for locating an `AccordionGroupHarness`. */
+interface AccordionGroupHarnessFilters extends BaseHarnessFilters {
+}
+
+/** Selectors for the sections that may contain user content. */
+declare enum AccordionSection {
+    TRIGGER = "[ngAccordionTrigger]",
+    PANEL = "[ngAccordionPanel]"
+}
+/** Harness for interacting with a standard ngAccordion item in tests. */
+declare class AccordionHarness extends ContentContainerComponentHarness<AccordionSection> {
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for an accordion
+     * with specific attributes.
+     */
+    static with(options?: AccordionHarnessFilters): HarnessPredicate<AccordionHarness>;
+    /** Overrides the internal loader to automatically resolve queries inside the associated panel. */
+    protected getRootHarnessLoader(): Promise<_angular_cdk_testing.HarnessLoader>;
+    /** Whether the accordion is expanded. */
+    isExpanded(): Promise<boolean>;
+    /** Whether the accordion is disabled. */
+    isDisabled(): Promise<boolean>;
+    /** Gets the title text of the accordion. */
+    getTitle(): Promise<string>;
+    /** Toggles the expanded state of the accordion by clicking on the trigger. */
+    toggle(): Promise<void>;
+    /** Expands the accordion if collapsed. */
+    expand(): Promise<void>;
+    /** Collapses the accordion if expanded. */
+    collapse(): Promise<void>;
+    /** Focuses the accordion trigger. */
+    focus(): Promise<void>;
+    /** Blurs the accordion trigger. */
+    blur(): Promise<void>;
+    /** Whether the accordion trigger is focused. */
+    isFocused(): Promise<boolean>;
+}
+/** Harness for interacting with an `ngAccordionGroup` in tests. */
+declare class AccordionGroupHarness extends ComponentHarness {
+    static hostSelector: string;
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for an accordion group with specific attributes.
+     */
+    static with(options?: AccordionGroupHarnessFilters): HarnessPredicate<AccordionGroupHarness>;
+    /** Gets all accordions within this group. */
+    getAccordions(filters?: AccordionHarnessFilters): Promise<AccordionHarness[]>;
+}
+
+export { AccordionGroupHarness, AccordionHarness, AccordionSection };
+export type { AccordionGroupHarnessFilters, AccordionHarnessFilters };

package/types/accordion.d.ts

@@ -1,12 +1,13 @@
 import * as _angular_core from '@angular/core';
-import { OnInit } from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
 import { AccordionTriggerPattern, AccordionGroupPattern } from './_accordion-chunk.js';
 import { DeferredContentAware, DeferredContent } from './_deferred-content-chunk.js';
 import * as _angular_cdk_bidi from '@angular/cdk/bidi';
 import './_keyboard-event-manager-chunk.js';
-import './_list-navigation-chunk.js';
-import './_pointer-event-manager-chunk.js';
+import './_signal-like-chunk.js';
+import './_click-event-manager-chunk.js';
 import './_expansion-chunk.js';
+import './_list-navigation-chunk.js';
 
 /**
  * The content panel of an accordion item that is conditionally visible.
@@ -30,6 +31,10 @@ import './_expansion-chunk.js';
  * @see [Accordion](guide/aria/accordion)
  */
 declare class AccordionPanel {
+    /** A reference to the trigger element. */
+    private readonly _elementRef;
+    /** A reference to the trigger element. */
+    readonly element: HTMLElement;
     /** The DeferredContentAware host directive. */
     private readonly _deferredContentAware;
     /** A global unique identifier for the panel. */
@@ -53,6 +58,59 @@ declare class AccordionPanel {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AccordionPanel, "[ngAccordionPanel]", ["ngAccordionPanel"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof DeferredContentAware; inputs: { "preserveContent": "preserveContent"; }; outputs: {}; }]>;
 }
 
+/**
+ * The trigger that toggles the visibility of its associated `ngAccordionPanel`.
+ *
+ * This directive requires the `panel` input be set to the template reference of the `ngAccordionPanel`
+ * it controls. When clicked, it will expand or collapse the panel. It also handles keyboard
+ * interactions for navigation within the `ngAccordionGroup`. It applies `role="button"` and manages
+ * `aria-expanded`, `aria-controls`, and `aria-disabled` attributes for accessibility.
+ * The `disabled` input can be used to disable the trigger.
+ *
+ * ```html
+ * <button ngAccordionTrigger [panel]="panel">
+ *   Accordion Trigger Text
+ * </button>
+ * ```
+ *
+ * @developerPreview 21.0
+ * @see [Accordion](guide/aria/accordion)
+ */
+declare class AccordionTrigger implements OnInit, OnDestroy {
+    /** A reference to the trigger element. */
+    private readonly _elementRef;
+    /** A reference to the trigger element. */
+    readonly element: HTMLElement;
+    /** The parent AccordionGroup. */
+    private readonly _accordionGroup;
+    /** The associated AccordionPanel. */
+    readonly panel: _angular_core.InputSignal<AccordionPanel>;
+    /** The unique identifier for the trigger. */
+    readonly id: _angular_core.InputSignal<string>;
+    /** The unique identifier for the corresponding trigger panel. */
+    readonly panelId: _angular_core.Signal<string>;
+    /** Whether the trigger is disabled. */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** The index of the trigger within the accordion group. */
+    readonly index: _angular_core.InputSignal<number | undefined>;
+    /** Whether the corresponding panel is expanded. */
+    readonly expanded: _angular_core.ModelSignal<boolean>;
+    /** Whether the trigger is active. */
+    readonly active: _angular_core.Signal<boolean>;
+    /** The UI pattern instance for this trigger. */
+    _pattern: AccordionTriggerPattern;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** Expands this item. */
+    expand(): void;
+    /** Collapses this item. */
+    collapse(): void;
+    /** Toggles the expansion state of this item. */
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionTrigger, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AccordionTrigger, "[ngAccordionTrigger]", ["ngAccordionTrigger"], { "panel": { "alias": "panel"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "index": { "alias": "index"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, never, true, never>;
+}
+
 /**
  * A container for a group of accordion items. It manages the overall state and
  * interactions of the accordion, such as keyboard navigation and expansion mode.
@@ -96,6 +154,8 @@ declare class AccordionGroup {
     readonly element: HTMLElement;
     /** The AccordionTriggers nested inside this group. */
     private readonly _triggers;
+    /** The AccordionTriggers nested inside this group. */
+    private readonly _sortedTriggers;
     /** The corresponding patterns for the accordion triggers. */
     private readonly _triggerPatterns;
     /** The text direction (ltr or rtl). */
@@ -117,58 +177,12 @@ declare class AccordionGroup {
     expandAll(): void;
     /** Collapses all accordion panels. */
     collapseAll(): void;
+    /** Internal method to register each trigger as we can not use contentChildren. */
+    _registerTrigger(trigger: AccordionTrigger): void;
+    /** Internal method to unregister each trigger as we can not use contentChildren. */
+    _unregisterTrigger(trigger: AccordionTrigger): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionGroup, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AccordionGroup, "[ngAccordionGroup]", ["ngAccordionGroup"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiExpandable": { "alias": "multiExpandable"; "required": false; "isSignal": true; }; "softDisabled": { "alias": "softDisabled"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, ["_triggers"], never, true, never>;
-}
-
-/**
- * The trigger that toggles the visibility of its associated `ngAccordionPanel`.
- *
- * This directive requires the `panel` input be set to the template reference of the `ngAccordionPanel`
- * it controls. When clicked, it will expand or collapse the panel. It also handles keyboard
- * interactions for navigation within the `ngAccordionGroup`. It applies `role="button"` and manages
- * `aria-expanded`, `aria-controls`, and `aria-disabled` attributes for accessibility.
- * The `disabled` input can be used to disable the trigger.
- *
- * ```html
- * <button ngAccordionTrigger [panel]="panel">
- *   Accordion Trigger Text
- * </button>
- * ```
- *
- * @developerPreview 21.0
- * @see [Accordion](guide/aria/accordion)
- */
-declare class AccordionTrigger implements OnInit {
-    /** A reference to the trigger element. */
-    private readonly _elementRef;
-    /** A reference to the trigger element. */
-    readonly element: HTMLElement;
-    /** The parent AccordionGroup. */
-    private readonly _accordionGroup;
-    /** The associated AccordionPanel. */
-    readonly panel: _angular_core.InputSignal<AccordionPanel>;
-    /** The unique identifier for the trigger. */
-    readonly id: _angular_core.InputSignal<string>;
-    /** The unique identifier for the correspondingtrigger panel. */
-    readonly panelId: _angular_core.Signal<string>;
-    /** Whether the trigger is disabled. */
-    readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Whether the corresponding panel is expanded. */
-    readonly expanded: _angular_core.ModelSignal<boolean>;
-    /** Whether the trigger is active. */
-    readonly active: _angular_core.Signal<boolean>;
-    /** The UI pattern instance for this trigger. */
-    _pattern: AccordionTriggerPattern;
-    ngOnInit(): void;
-    /** Expands this item. */
-    expand(): void;
-    /** Collapses this item. */
-    collapse(): void;
-    /** Toggles the expansion state of this item. */
-    toggle(): void;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionTrigger, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AccordionTrigger, "[ngAccordionTrigger]", ["ngAccordionTrigger"], { "panel": { "alias": "panel"; "required": true; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AccordionGroup, "[ngAccordionGroup]", ["ngAccordionGroup"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "multiExpandable": { "alias": "multiExpandable"; "required": false; "isSignal": true; }; "softDisabled": { "alias": "softDisabled"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -180,7 +194,7 @@ declare class AccordionTrigger implements OnInit {
  * by only creating the content when the panel is first expanded.
  *
  * ```html
- * <div ngAccordionPanel panelId="unique-id-1">
+ * <div ngAccordionPanel>
  *   <ng-template ngAccordionContent>
  *     <p>This is the content that will be displayed inside the panel.</p>
  *   </ng-template>

package/types/combobox.d.ts

@@ -3,9 +3,10 @@ import * as _angular_cdk_bidi from '@angular/cdk/bidi';
 import { ComboboxListboxControls, ComboboxTreeControls, ComboboxDialogPattern, ComboboxPattern } from './_combobox-chunk.js';
 import { DeferredContentAware, DeferredContent } from './_deferred-content-chunk.js';
 import './_keyboard-event-manager-chunk.js';
-import './_list-navigation-chunk.js';
+import './_signal-like-chunk.js';
 import './_pointer-event-manager-chunk.js';
 import './_list-chunk.js';
+import './_list-navigation-chunk.js';
 
 /**
  * Identifies an element as a popup for an `ngCombobox`.
@@ -68,7 +69,7 @@ declare class ComboboxPopup<V> {
  */
 declare class Combobox<V> {
     /** A signal wrapper for directionality. */
-    protected textDirection: _angular_core.Signal<_angular_cdk_bidi.Direction>;
+    protected readonly textDirection: _angular_core.Signal<_angular_cdk_bidi.Direction>;
     /** The element that the combobox is attached to. */
     private readonly _elementRef;
     /** A reference to the combobox element. */
@@ -83,7 +84,7 @@ declare class Combobox<V> {
      * - `auto-select`: The combobox automatically selects the first matching option.
      * - `highlight`: The combobox highlights matching text in the options without changing selection.
      */
-    filterMode: _angular_core.InputSignal<"manual" | "auto-select" | "highlight">;
+    readonly filterMode: _angular_core.InputSignal<"manual" | "auto-select" | "highlight">;
     /** Whether the combobox is disabled. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether the combobox is read-only. */
@@ -136,7 +137,7 @@ declare class ComboboxDialog {
     readonly combobox: Combobox<any>;
     /** A reference to the parent combobox popup, if one exists. */
     private readonly _popup;
-    _pattern: ComboboxDialogPattern;
+    readonly _pattern: ComboboxDialogPattern;
     constructor();
     close(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComboboxDialog, never>;
@@ -174,7 +175,7 @@ declare class ComboboxInput {
     /** The combobox that the input belongs to. */
     readonly combobox: Combobox<any>;
     /** The value of the input. */
-    value: _angular_core.ModelSignal<string>;
+    readonly value: _angular_core.ModelSignal<string>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ComboboxInput, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ComboboxInput, "input[ngComboboxInput]", ["ngComboboxInput"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;

package/types/grid.d.ts

@@ -2,7 +2,7 @@ import * as _angular_core from '@angular/core';
 import { Signal, ElementRef } from '@angular/core';
 import * as _angular_cdk_bidi from '@angular/cdk/bidi';
 import { GridPattern, GridCellPattern, GridRowPattern, GridCellWidgetPattern } from './_grid-chunk.js';
-import './_list-navigation-chunk.js';
+import './_signal-like-chunk.js';
 import './_keyboard-event-manager-chunk.js';
 import './_pointer-event-manager-chunk.js';
 
@@ -77,15 +77,13 @@ declare class Grid {
      * - `explicit`: Cells are selected explicitly by the user (e.g., via click or spacebar).
      */
     readonly selectionMode: _angular_core.InputSignal<"follow" | "explicit">;
-    /** Whether enable range selections (with modifier keys or dragging). */
-    readonly enableRangeSelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** The UI pattern for the grid. */
     readonly _pattern: GridPattern;
     constructor();
     /** Gets the cell pattern for a given element. */
     private _getCell;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Grid, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Grid, "[ngGrid]", ["ngGrid"], { "enableSelection": { "alias": "enableSelection"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "softDisabled": { "alias": "softDisabled"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "rowWrap": { "alias": "rowWrap"; "required": false; "isSignal": true; }; "colWrap": { "alias": "colWrap"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "enableRangeSelection": { "alias": "enableRangeSelection"; "required": false; "isSignal": true; }; }, {}, ["_rows"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Grid, "[ngGrid]", ["ngGrid"], { "enableSelection": { "alias": "enableSelection"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "softDisabled": { "alias": "softDisabled"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "rowWrap": { "alias": "rowWrap"; "required": false; "isSignal": true; }; "colWrap": { "alias": "colWrap"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; }, {}, ["_rows"], never, true, never>;
 }
 
 /**
@@ -110,10 +108,10 @@ declare class GridCell {
     readonly element: HTMLElement;
     /** Whether the cell is currently active (focused). */
     readonly active: Signal<boolean>;
-    /** The widgets contained within this cell, if any. */
-    private readonly _widgets;
+    /** The widget contained within this cell, if any. */
+    private readonly _widget;
     /** The UI pattern for the widget in this cell. */
-    private readonly _widgetPatterns;
+    private readonly _widgetPattern;
     /** The parent row. */
     private readonly _row;
     /** Text direction. */
@@ -136,10 +134,6 @@ declare class GridCell {
     readonly selected: _angular_core.ModelSignal<boolean>;
     /** Whether the cell is selectable. */
     readonly selectable: _angular_core.InputSignal<boolean>;
-    /** Orientation of the widgets in the cell. */
-    readonly orientation: _angular_core.InputSignal<"vertical" | "horizontal">;
-    /** Whether widgets navigation wraps. */
-    readonly wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** The tabindex override. */
     readonly tabindex: _angular_core.InputSignal<number | undefined>;
     /**
@@ -154,7 +148,7 @@ declare class GridCell {
     /** Gets the cell widget pattern for a given element. */
     private _getWidget;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridCell, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GridCell, "[ngGridCell]", ["ngGridCell"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "rowSpan": { "alias": "rowSpan"; "required": false; "isSignal": true; }; "colSpan": { "alias": "colSpan"; "required": false; "isSignal": true; }; "rowIndex": { "alias": "rowIndex"; "required": false; "isSignal": true; }; "colIndex": { "alias": "colIndex"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["_widgets"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GridCell, "[ngGridCell]", ["ngGridCell"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "rowSpan": { "alias": "rowSpan"; "required": false; "isSignal": true; }; "colSpan": { "alias": "colSpan"; "required": false; "isSignal": true; }; "rowIndex": { "alias": "rowIndex"; "required": false; "isSignal": true; }; "colIndex": { "alias": "colIndex"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selected": { "alias": "selected"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, { "selected": "selectedChange"; }, ["_widget"], never, true, never>;
 }
 
 /**
@@ -227,9 +221,9 @@ declare class GridCellWidget {
     /** The target that will receive focus instead of the widget. */
     readonly focusTarget: _angular_core.InputSignal<ElementRef<any> | HTMLElement | undefined>;
     /** Emits when the widget is activated. */
-    readonly activated: _angular_core.OutputEmitterRef<FocusEvent | KeyboardEvent | undefined>;
+    readonly activated: _angular_core.OutputEmitterRef<KeyboardEvent | FocusEvent | undefined>;
     /** Emits when the widget is deactivated. */
-    readonly deactivated: _angular_core.OutputEmitterRef<FocusEvent | KeyboardEvent | undefined>;
+    readonly deactivated: _angular_core.OutputEmitterRef<KeyboardEvent | FocusEvent | undefined>;
     /** The tabindex override. */
     readonly tabindex: _angular_core.InputSignal<number | undefined>;
     /**

package/types/listbox-testing.d.ts

@@ -0,0 +1,39 @@
+import { BaseHarnessFilters, ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+
+/** Filters for locating a `ListboxOptionHarness`. */
+interface ListboxOptionHarnessFilters extends BaseHarnessFilters {
+    /** Only find instances whose text matches the given value. */
+    text?: string | RegExp;
+    /** Only find instances whose selected state matches the given value. */
+    selected?: boolean;
+    /** Only find instances whose disabled state matches the given value. */
+    disabled?: boolean;
+}
+/** Filters for locating a `ListboxHarness`. */
+interface ListboxHarnessFilters extends BaseHarnessFilters {
+    /** Only find instances whose disabled state matches the given value. */
+    disabled?: boolean;
+}
+
+declare class ListboxOptionHarness extends ComponentHarness {
+    static hostSelector: string;
+    static with(options?: ListboxOptionHarnessFilters): HarnessPredicate<ListboxOptionHarness>;
+    isSelected(): Promise<boolean>;
+    isDisabled(): Promise<boolean>;
+    getText(): Promise<string>;
+    click(): Promise<void>;
+}
+declare class ListboxHarness extends ComponentHarness {
+    static hostSelector: string;
+    static with(options?: ListboxHarnessFilters): HarnessPredicate<ListboxHarness>;
+    getOrientation(): Promise<'vertical' | 'horizontal'>;
+    isMulti(): Promise<boolean>;
+    isDisabled(): Promise<boolean>;
+    getOptions(filters?: ListboxOptionHarnessFilters): Promise<ListboxOptionHarness[]>;
+    focus(): Promise<void>;
+    /** Blurs the listbox container. */
+    blur(): Promise<void>;
+}
+
+export { ListboxHarness, ListboxOptionHarness };
+export type { ListboxHarnessFilters, ListboxOptionHarnessFilters };