@angular/aria 21.0.0-rc.0 → 21.0.0-rc.1

package/types/combobox.d.ts

@@ -1,8 +1,8 @@
 import * as _angular_core from '@angular/core';
 import { WritableSignal } from '@angular/core';
 import * as _angular_cdk_bidi from '@angular/cdk/bidi';
+import * as i1 from '@angular/aria/private';
 import { ComboboxPattern, ComboboxListboxControls, ComboboxTreeControls } from '@angular/aria/private';
-import * as i1 from '@angular/aria/deferred-content';
 
 declare class Combobox<V> {
     /** The directionality (LTR / RTL) context for the application (or a subtree of it). */
@@ -19,7 +19,7 @@ declare class Combobox<V> {
     filterMode: _angular_core.InputSignal<"manual" | "auto-select" | "highlight">;
     /** Whether the combobox is focused. */
     readonly isFocused: WritableSignal<boolean>;
-    /** Whether the listbox has received focus yet. */
+    /** Whether the combobox has received focus yet. */
     private _hasBeenFocused;
     /** Whether the combobox is disabled. */
     readonly disabled: _angular_core.InputSignal<boolean>;

package/types/grid.d.ts

@@ -1,5 +1,6 @@
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
+import * as _angular_cdk_bidi from '@angular/cdk/bidi';
 import { GridPattern, GridRowPattern, GridCellPattern, GridCellWidgetPattern } from './_grid-chunk.js';
 
 /** A directive that provides grid-based navigation and selection behavior. */
@@ -10,27 +11,35 @@ declare class Grid {
     private readonly _rows;
     /** The UI patterns for the rows in the grid. */
     private readonly _rowPatterns;
+    /** Text direction. */
+    readonly textDirection: _angular_core.WritableSignal<_angular_cdk_bidi.Direction>;
     /** The host native element. */
     readonly element: Signal<any>;
     /** Whether selection is enabled for the grid. */
     readonly enableSelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether the grid is disabled. */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Whether to skip disabled items during navigation. */
-    readonly skipDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Whether to allow disabled items to receive focus. */
+    readonly softDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** The focus strategy used by the grid. */
     readonly focusMode: _angular_core.InputSignal<"roving" | "activedescendant">;
     /** The wrapping behavior for keyboard navigation along the row axis. */
     readonly rowWrap: _angular_core.InputSignal<"continuous" | "loop" | "nowrap">;
     /** The wrapping behavior for keyboard navigation along the column axis. */
     readonly colWrap: _angular_core.InputSignal<"continuous" | "loop" | "nowrap">;
+    /** Whether multiple cells in the grid can be selected. */
+    readonly multi: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** The selection strategy used by the grid. */
+    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; }; "skipDisabled": { "alias": "skipDisabled"; "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; }; }, {}, ["_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; }; "enableRangeSelection": { "alias": "enableRangeSelection"; "required": false; "isSignal": true; }; }, {}, ["_rows"], never, true, never>;
 }
 /** A directive that represents a row in a grid. */
 declare class GridRow {

package/types/listbox.d.ts

@@ -2,7 +2,6 @@ import * as _angular_cdk_bidi from '@angular/cdk/bidi';
 import * as _angular_core from '@angular/core';
 import { OptionPattern, ListboxPattern } from '@angular/aria/private';
 import { ComboboxPopup } from './combobox.js';
-import '@angular/aria/deferred-content';
 
 /**
  * A listbox container.
@@ -41,8 +40,8 @@ declare class Listbox<V> {
     multi: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Whether focus should wrap when navigating. */
     wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    /** Whether disabled items in the list should be skipped when navigating. */
-    skipDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Whether to allow disabled items in the list to receive focus. */
+    softDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** The focus strategy used by the list. */
     focusMode: _angular_core.InputSignal<"roving" | "activedescendant">;
     /** The selection strategy used by the list. */
@@ -63,7 +62,7 @@ declare class Listbox<V> {
     onFocus(): void;
     scrollActiveItemIntoView(options?: ScrollIntoViewOptions): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Listbox<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Listbox<any>, "[ngListbox]", ["ngListbox"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "skipDisabled": { "alias": "skipDisabled"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["_options"], never, true, [{ directive: typeof ComboboxPopup; inputs: {}; outputs: {}; }]>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Listbox<any>, "[ngListbox]", ["ngListbox"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "softDisabled": { "alias": "softDisabled"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, ["_options"], never, true, [{ directive: typeof ComboboxPopup; inputs: {}; outputs: {}; }]>;
 }
 /** A selectable option in a Listbox. */
 declare class Option<V> {

package/types/menu.d.ts

@@ -1,6 +1,7 @@
-import * as _angular_cdk_bidi from '@angular/cdk/bidi';
 import * as _angular_core from '@angular/core';
 import { Signal } from '@angular/core';
+import * as _angular_cdk_bidi from '@angular/cdk/bidi';
+import * as i1 from '@angular/aria/private';
 import { MenuTriggerPattern, MenuPattern, MenuItemPattern, SignalLike, MenuBarPattern } from '@angular/aria/private';
 
 /**
@@ -12,16 +13,21 @@ import { MenuTriggerPattern, MenuPattern, MenuItemPattern, SignalLike, MenuBarPa
 declare class MenuTrigger<V> {
     /** A reference to the menu trigger element. */
     private readonly _elementRef;
+    /** The directionality (LTR / RTL) context for the application (or a subtree of it). */
+    readonly textDirection: _angular_core.WritableSignal<_angular_cdk_bidi.Direction>;
     /** A reference to the menu element. */
     readonly element: HTMLButtonElement;
-    /** The submenu associated with the menu trigger. */
-    submenu: _angular_core.InputSignal<Menu<V> | undefined>;
-    /** A callback function triggered when a menu item is selected. */
-    onSubmit: _angular_core.OutputEmitterRef<V>;
+    /** The menu associated with the trigger. */
+    menu: _angular_core.InputSignal<Menu<V> | undefined>;
+    /** Whether the menu item has been focused. */
+    readonly hasBeenFocused: _angular_core.WritableSignal<boolean>;
     /** The menu trigger ui pattern instance. */
-    readonly _pattern: MenuTriggerPattern<V>;
+    _pattern: MenuTriggerPattern<V>;
+    constructor();
+    /** Marks the menu trigger as having been focused. */
+    onFocusIn(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuTrigger<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuTrigger<any>, "button[ngMenuTrigger]", ["ngMenuTrigger"], { "submenu": { "alias": "submenu"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; }, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuTrigger<any>, "button[ngMenuTrigger]", ["ngMenuTrigger"], { "menu": { "alias": "menu"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 /**
  * A list of menu items.
@@ -40,6 +46,8 @@ declare class MenuTrigger<V> {
  * ```
  */
 declare class Menu<V> {
+    /** The DeferredContentAware host directive. */
+    private readonly _deferredContentAware;
     /** The menu items contained in the menu. */
     readonly _allItems: Signal<readonly MenuItem<V>[]>;
     /** The menu items that are direct children of this menu. */
@@ -49,11 +57,7 @@ declare class Menu<V> {
     /** A reference to the menu element. */
     readonly element: HTMLElement;
     /** The directionality (LTR / RTL) context for the application (or a subtree of it). */
-    private readonly _directionality;
-    /** A signal wrapper for directionality. */
-    readonly textDirection: Signal<_angular_cdk_bidi.Direction>;
-    /** The submenu associated with the menu. */
-    readonly submenu: _angular_core.InputSignal<Menu<V> | undefined>;
+    readonly textDirection: _angular_core.WritableSignal<_angular_cdk_bidi.Direction>;
     /** The unique ID of the menu. */
     readonly id: _angular_core.InputSignal<string>;
     /** Whether the menu should wrap its items. */
@@ -61,7 +65,7 @@ declare class Menu<V> {
     /** The delay in seconds before the typeahead buffer is cleared. */
     readonly typeaheadDelay: _angular_core.InputSignal<number>;
     /** A reference to the parent menu item or menu trigger. */
-    readonly parent: _angular_core.InputSignal<MenuItem<V> | MenuTrigger<V> | undefined>;
+    readonly parent: _angular_core.WritableSignal<MenuTrigger<V> | MenuItem<V> | undefined>;
     /** The menu ui pattern instance. */
     readonly _pattern: MenuPattern<V>;
     /**
@@ -75,7 +79,7 @@ declare class Menu<V> {
     /** Whether the menu is visible. */
     isVisible: Signal<boolean>;
     /** A callback function triggered when a menu item is selected. */
-    onSubmit: _angular_core.OutputEmitterRef<V>;
+    onSelect: _angular_core.OutputEmitterRef<V>;
     constructor();
     /** Closes the menu. */
     close(opts?: {
@@ -86,7 +90,7 @@ declare class Menu<V> {
         refocus?: boolean;
     }): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Menu<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Menu<any>, "[ngMenu]", ["ngMenu"], { "submenu": { "alias": "submenu"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "parent": { "alias": "parent"; "required": false; "isSignal": true; }; }, { "onSubmit": "onSubmit"; }, ["_allItems"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Menu<any>, "[ngMenu]", ["ngMenu"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; }, { "onSelect": "onSelect"; }, ["_allItems"], never, true, [{ directive: typeof i1.DeferredContentAware; inputs: { "preserveContent": "preserveContent"; }; outputs: {}; }]>;
 }
 /**
  * A menu bar of menu items.
@@ -104,9 +108,7 @@ declare class MenuBar<V> {
     /** A reference to the menubar element. */
     readonly element: HTMLElement;
     /** The directionality (LTR / RTL) context for the application (or a subtree of it). */
-    private readonly _directionality;
-    /** A signal wrapper for directionality. */
-    readonly textDirection: Signal<_angular_cdk_bidi.Direction>;
+    readonly textDirection: _angular_core.WritableSignal<_angular_cdk_bidi.Direction>;
     /** The value of the menu. */
     readonly value: _angular_core.ModelSignal<V[]>;
     /** Whether the menu should wrap its items. */
@@ -118,10 +120,10 @@ declare class MenuBar<V> {
     /** The menu items as a writable signal. */
     readonly items: _angular_core.WritableSignal<MenuItemPattern<V>[]>;
     /** A callback function triggered when a menu item is selected. */
-    onSubmit: _angular_core.OutputEmitterRef<V>;
+    onSelect: _angular_core.OutputEmitterRef<V>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuBar<any>, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuBar<any>, "[ngMenuBar]", ["ngMenuBar"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onSubmit": "onSubmit"; }, ["_allItems"], never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuBar<any>, "[ngMenuBar]", ["ngMenuBar"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onSelect": "onSelect"; }, ["_allItems"], never, true, never>;
 }
 /**
  * An item in a Menu.
@@ -149,10 +151,20 @@ declare class MenuItem<V> {
     readonly parent: Menu<V> | MenuBar<V> | null;
     /** The submenu associated with the menu item. */
     readonly submenu: _angular_core.InputSignal<Menu<V> | undefined>;
+    /** Whether the menu item has been focused. */
+    readonly hasBeenFocused: _angular_core.WritableSignal<boolean>;
     /** The menu item ui pattern instance. */
     readonly _pattern: MenuItemPattern<V>;
+    constructor();
+    /** Marks the menu item as having been focused. */
+    onFocusIn(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItem<any>, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuItem<any>, "[ngMenuItem]", ["ngMenuItem"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "searchTerm": { "alias": "searchTerm"; "required": false; "isSignal": true; }; "submenu": { "alias": "submenu"; "required": false; "isSignal": true; }; }, { "searchTerm": "searchTermChange"; }, never, never, true, never>;
 }
+/** Defers the rendering of the menu content. */
+declare class MenuContent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuContent, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuContent, "ng-template[ngMenuContent]", ["ngMenuContent"], {}, {}, never, never, true, [{ directive: typeof i1.DeferredContent; inputs: {}; outputs: {}; }]>;
+}
 
-export { Menu, MenuBar, MenuItem, MenuTrigger };
+export { Menu, MenuBar, MenuContent, MenuItem, MenuTrigger };