diff --git a/adev/src/content/aria/_build-info.json b/adev/src/content/aria/_build-info.json
index 54c723b3136..27f7b0285cd 100644
--- a/adev/src/content/aria/_build-info.json
+++ b/adev/src/content/aria/_build-info.json
@@ -1,4 +1,4 @@
{
"branchName": "refs/heads/main",
- "sha": "d6e798ec341c4951dcbbeeea2d8a5f00d3147cbf"
+ "sha": "16b1a95b15f329bbd575acb64d874d77ba19bba5"
}
\ No newline at end of file
diff --git a/adev/src/content/aria/aria-combobox.json b/adev/src/content/aria/aria-combobox.json
index a06dad00073..a585240a4c3 100755
--- a/adev/src/content/aria/aria-combobox.json
+++ b/adev/src/content/aria/aria-combobox.json
@@ -5,44 +5,7 @@
"normalizedModuleName": "angular_aria_combobox",
"entries": [
{
- "name": "ComboboxPopupContainer",
- "isAbstract": false,
- "entryType": "undecorated_class",
- "members": [],
- "generics": [],
- "description": "A structural directive that marks the `ng-template` to be used as the popup\nfor a combobox. This content is conditionally rendered.\n\nThe content of the popup can be a `ngListbox`, `ngTree`, or `role=\"dialog\"`, allowing for\nflexible and complex combobox implementations. The consumer is responsible for\nimplementing the filtering logic based on the `ngComboboxInput`'s value.\n\n```html\n\n
\n \n
\n\n```\n\nWhen using CdkOverlay, this directive can be replaced by `cdkConnectedOverlay`.\n\n```html\n\n
\n \n
\n\n```",
- "jsdocTags": [
- {
- "name": "developerPreview",
- "comment": "21.0"
- },
- {
- "name": "see",
- "comment": "[Combobox](guide/aria/combobox)"
- },
- {
- "name": "see",
- "comment": "[Select](guide/aria/select)"
- },
- {
- "name": "see",
- "comment": "[Multiselect](guide/aria/multiselect)"
- },
- {
- "name": "see",
- "comment": "[Autocomplete](guide/aria/autocomplete)"
- }
- ],
- "rawComment": "/**\n * A structural directive that marks the `ng-template` to be used as the popup\n * for a combobox. This content is conditionally rendered.\n *\n * The content of the popup can be a `ngListbox`, `ngTree`, or `role=\"dialog\"`, allowing for\n * flexible and complex combobox implementations. The consumer is responsible for\n * implementing the filtering logic based on the `ngComboboxInput`'s value.\n *\n * ```html\n * \n *
\n * \n *
\n * \n * ```\n *\n * When using CdkOverlay, this directive can be replaced by `cdkConnectedOverlay`.\n *\n * ```html\n * \n *
\n * \n *
\n * \n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Combobox](guide/aria/combobox)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n * @see [Autocomplete](guide/aria/autocomplete)\n */",
- "implements": [],
- "source": {
- "filePath": "src/aria/combobox/combobox-popup-container.ts",
- "startLine": 47,
- "endLine": 52
- }
- },
- {
- "name": "ComboboxInput",
+ "name": "ComboboxWidget",
"isAbstract": false,
"entryType": "directive",
"members": [
@@ -53,178 +16,37 @@
"memberTags": [
"readonly"
],
- "description": "A reference to the input element.",
+ "description": "A reference to the popup widget element.",
"jsdocTags": []
},
{
- "name": "combobox",
- "type": "Combobox",
+ "name": "popupId",
+ "type": "WritableSignal",
"memberType": "property",
"memberTags": [
"readonly"
],
- "description": "The combobox that the input belongs to.",
+ "description": "The ID of the popup widget.",
"jsdocTags": []
},
{
- "name": "value",
- "type": "ModelSignal",
- "memberType": "property",
- "memberTags": [
- "readonly",
- "input",
- "output"
- ],
- "description": "The value of the input.",
- "jsdocTags": [],
- "inputAlias": "value",
- "isRequiredInput": false,
- "outputAlias": "valueChange"
- }
- ],
- "generics": [],
- "description": "An input that is part of a combobox. It is responsible for displaying the\ncurrent value and handling user input for filtering and selection.\n\nThis directive should be applied to an `` element within an `ngCombobox`\ncontainer. It automatically handles keyboard interactions, such as opening the\npopup and navigating through the options.\n\n```html\n\n```",
- "jsdocTags": [
- {
- "name": "developerPreview",
- "comment": "21.0"
- },
- {
- "name": "see",
- "comment": "[Combobox](guide/aria/combobox)"
- },
- {
- "name": "see",
- "comment": "[Select](guide/aria/select)"
- },
- {
- "name": "see",
- "comment": "[Multiselect](guide/aria/multiselect)"
- },
- {
- "name": "see",
- "comment": "[Autocomplete](guide/aria/autocomplete)"
- }
- ],
- "rawComment": "/**\n * An input that is part of a combobox. It is responsible for displaying the\n * current value and handling user input for filtering and selection.\n *\n * This directive should be applied to an `` element within an `ngCombobox`\n * container. It automatically handles keyboard interactions, such as opening the\n * popup and navigating through the options.\n *\n * ```html\n * \n * ```\n *\n * @developerPreview 21.0\n *\n * @see [Combobox](guide/aria/combobox)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n * @see [Autocomplete](guide/aria/autocomplete)\n */",
- "implements": [],
- "isStandalone": true,
- "selector": "input[ngComboboxInput]",
- "exportAs": [
- "ngComboboxInput"
- ],
- "aliases": [
- "ngComboboxInput"
- ],
- "source": {
- "filePath": "src/aria/combobox/combobox-input.ts",
- "startLine": 44,
- "endLine": 92
- }
- },
- {
- "name": "ComboboxPopup",
- "isAbstract": false,
- "entryType": "directive",
- "members": [
- {
- "name": "combobox",
- "type": "Combobox | null",
- "memberType": "property",
- "memberTags": [
- "readonly"
- ],
- "description": "The combobox that the popup belongs to.",
- "jsdocTags": []
- }
- ],
- "generics": [
- {
- "name": "V"
- }
- ],
- "description": "Identifies an element as a popup for an `ngCombobox`.\n\nThis directive acts as a bridge, allowing the `ngCombobox` to discover and interact\nwith the underlying control (e.g., `ngListbox`, `ngTree`, or `ngComboboxDialog`) that\nmanages the options. It's primarily used as a host directive and is responsible for\nexposing the popup's control pattern to the parent combobox.",
- "jsdocTags": [
- {
- "name": "developerPreview",
- "comment": "21.0"
- },
- {
- "name": "see",
- "comment": "[Combobox](guide/aria/combobox)"
- },
- {
- "name": "see",
- "comment": "[Select](guide/aria/select)"
- },
- {
- "name": "see",
- "comment": "[Multiselect](guide/aria/multiselect)"
- },
- {
- "name": "see",
- "comment": "[Autocomplete](guide/aria/autocomplete)"
- }
- ],
- "rawComment": "/**\n * Identifies an element as a popup for an `ngCombobox`.\n *\n * This directive acts as a bridge, allowing the `ngCombobox` to discover and interact\n * with the underlying control (e.g., `ngListbox`, `ngTree`, or `ngComboboxDialog`) that\n * manages the options. It's primarily used as a host directive and is responsible for\n * exposing the popup's control pattern to the parent combobox.\n *\n * @developerPreview 21.0\n *\n * @see [Combobox](guide/aria/combobox)\n * @see [Select](guide/aria/select)\n * @see [Multiselect](guide/aria/multiselect)\n * @see [Autocomplete](guide/aria/autocomplete)\n */",
- "implements": [],
- "isStandalone": true,
- "selector": "[ngComboboxPopup]",
- "exportAs": [
- "ngComboboxPopup"
- ],
- "aliases": [
- "ngComboboxPopup"
- ],
- "source": {
- "filePath": "/src/aria/combobox/combobox-popup.ts",
- "startLine": 29,
- "endLine": 44
- }
- },
- {
- "name": "ComboboxDialog",
- "isAbstract": false,
- "entryType": "directive",
- "members": [
- {
- "name": "element",
- "type": "HTMLDialogElement",
- "memberType": "property",
- "memberTags": [
- "readonly"
- ],
- "description": "A reference to the dialog element.",
- "jsdocTags": []
- },
- {
- "name": "combobox",
- "type": "Combobox",
- "memberType": "property",
- "memberTags": [
- "readonly"
- ],
- "description": "The combobox that the dialog belongs to.",
- "jsdocTags": []
- },
- {
- "name": "id",
- "type": "InputSignal",
+ "name": "activeDescendant",
+ "type": "InputSignal",
"memberType": "property",
"memberTags": [
"readonly",
"input"
],
- "description": "The unique identifier for the trigger.",
+ "description": "The ID of the active descendant in the widget.",
"jsdocTags": [],
- "inputAlias": "id",
+ "inputAlias": "activeDescendant",
"isRequiredInput": false
},
{
- "name": "close",
+ "name": "ngOnInit",
"signatures": [
{
- "name": "close",
+ "name": "ngOnInit",
"entryType": "function",
"description": "",
"generics": [],
@@ -240,7 +62,272 @@
"isNewType": false,
"returnType": "void",
"generics": [],
- "name": "close",
+ "name": "ngOnInit",
+ "description": "",
+ "entryType": "function",
+ "jsdocTags": [],
+ "rawComment": ""
+ },
+ "entryType": "function",
+ "description": "",
+ "jsdocTags": [],
+ "rawComment": "",
+ "memberType": "method",
+ "memberTags": []
+ },
+ {
+ "name": "ngOnDestroy",
+ "signatures": [
+ {
+ "name": "ngOnDestroy",
+ "entryType": "function",
+ "description": "",
+ "generics": [],
+ "isNewType": false,
+ "jsdocTags": [],
+ "params": [],
+ "rawComment": "",
+ "returnType": "void"
+ }
+ ],
+ "implementation": {
+ "params": [],
+ "isNewType": false,
+ "returnType": "void",
+ "generics": [],
+ "name": "ngOnDestroy",
+ "description": "",
+ "entryType": "function",
+ "jsdocTags": [],
+ "rawComment": ""
+ },
+ "entryType": "function",
+ "description": "",
+ "jsdocTags": [],
+ "rawComment": "",
+ "memberType": "method",
+ "memberTags": []
+ },
+ {
+ "name": "onFocusin",
+ "signatures": [
+ {
+ "name": "onFocusin",
+ "entryType": "function",
+ "description": "Handles focus in events for the widget.",
+ "generics": [],
+ "isNewType": false,
+ "jsdocTags": [],
+ "params": [],
+ "rawComment": "/** Handles focus in events for the widget. */",
+ "returnType": "void"
+ }
+ ],
+ "implementation": {
+ "params": [],
+ "isNewType": false,
+ "returnType": "void",
+ "generics": [],
+ "name": "onFocusin",
+ "description": "Handles focus in events for the widget.",
+ "entryType": "function",
+ "jsdocTags": [],
+ "rawComment": "/** Handles focus in events for the widget. */"
+ },
+ "entryType": "function",
+ "description": "Handles focus in events for the widget.",
+ "jsdocTags": [],
+ "rawComment": "/** Handles focus in events for the widget. */",
+ "memberType": "method",
+ "memberTags": []
+ },
+ {
+ "name": "onFocusout",
+ "signatures": [
+ {
+ "name": "onFocusout",
+ "entryType": "function",
+ "description": "Handles focus out events for the widget.",
+ "generics": [],
+ "isNewType": false,
+ "jsdocTags": [],
+ "params": [
+ {
+ "name": "event",
+ "description": "",
+ "type": "FocusEvent",
+ "isOptional": false,
+ "isRestParam": false
+ }
+ ],
+ "rawComment": "/** Handles focus out events for the widget. */",
+ "returnType": "void"
+ }
+ ],
+ "implementation": {
+ "params": [
+ {
+ "name": "event",
+ "description": "",
+ "type": "FocusEvent",
+ "isOptional": false,
+ "isRestParam": false
+ }
+ ],
+ "isNewType": false,
+ "returnType": "void",
+ "generics": [],
+ "name": "onFocusout",
+ "description": "Handles focus out events for the widget.",
+ "entryType": "function",
+ "jsdocTags": [],
+ "rawComment": "/** Handles focus out events for the widget. */"
+ },
+ "entryType": "function",
+ "description": "Handles focus out events for the widget.",
+ "jsdocTags": [],
+ "rawComment": "/** Handles focus out events for the widget. */",
+ "memberType": "method",
+ "memberTags": []
+ }
+ ],
+ "generics": [],
+ "description": "Identifies an element as a widget within a combobox popup.\n\nThis directive should be applied to the element that contains the options or content\nof the popup. It handles the communication of ID and active descendant information\nto the combobox.",
+ "jsdocTags": [],
+ "rawComment": "/**\n * Identifies an element as a widget within a combobox popup.\n *\n * This directive should be applied to the element that contains the options or content\n * of the popup. It handles the communication of ID and active descendant information\n * to the combobox.\n */",
+ "implements": [
+ "OnInit",
+ "OnDestroy"
+ ],
+ "isStandalone": true,
+ "selector": "[ngComboboxWidget]",
+ "exportAs": [
+ "ngComboboxWidget"
+ ],
+ "aliases": [
+ "ngComboboxWidget"
+ ],
+ "source": {
+ "filePath": "/src/aria/combobox/combobox-widget.ts",
+ "startLine": 19,
+ "endLine": 78
+ }
+ },
+ {
+ "name": "ComboboxPopup",
+ "isAbstract": false,
+ "entryType": "directive",
+ "members": [
+ {
+ "name": "combobox",
+ "type": "InputSignal",
+ "memberType": "property",
+ "memberTags": [
+ "readonly",
+ "input"
+ ],
+ "description": "The combobox that the popup belongs to.",
+ "jsdocTags": [],
+ "inputAlias": "combobox",
+ "isRequiredInput": true
+ },
+ {
+ "name": "controlTarget",
+ "type": "Signal",
+ "memberType": "property",
+ "memberTags": [
+ "readonly"
+ ],
+ "description": "The element that serves as the control target for the popup.",
+ "jsdocTags": []
+ },
+ {
+ "name": "popupId",
+ "type": "Signal",
+ "memberType": "property",
+ "memberTags": [
+ "readonly"
+ ],
+ "description": "The ID of the popup.",
+ "jsdocTags": []
+ },
+ {
+ "name": "activeDescendant",
+ "type": "Signal",
+ "memberType": "property",
+ "memberTags": [
+ "readonly"
+ ],
+ "description": "The ID of the active descendant in the popup.",
+ "jsdocTags": []
+ },
+ {
+ "name": "popupType",
+ "type": "InputSignal<\"listbox\" | \"tree\" | \"grid\" | \"dialog\">",
+ "memberType": "property",
+ "memberTags": [
+ "readonly",
+ "input"
+ ],
+ "description": "The type of the popup (e.g., listbox, tree, grid, dialog).",
+ "jsdocTags": [],
+ "inputAlias": "popupType",
+ "isRequiredInput": false
+ },
+ {
+ "name": "ngOnInit",
+ "signatures": [
+ {
+ "name": "ngOnInit",
+ "entryType": "function",
+ "description": "",
+ "generics": [],
+ "isNewType": false,
+ "jsdocTags": [],
+ "params": [],
+ "rawComment": "",
+ "returnType": "void"
+ }
+ ],
+ "implementation": {
+ "params": [],
+ "isNewType": false,
+ "returnType": "void",
+ "generics": [],
+ "name": "ngOnInit",
+ "description": "",
+ "entryType": "function",
+ "jsdocTags": [],
+ "rawComment": ""
+ },
+ "entryType": "function",
+ "description": "",
+ "jsdocTags": [],
+ "rawComment": "",
+ "memberType": "method",
+ "memberTags": []
+ },
+ {
+ "name": "ngOnDestroy",
+ "signatures": [
+ {
+ "name": "ngOnDestroy",
+ "entryType": "function",
+ "description": "",
+ "generics": [],
+ "isNewType": false,
+ "jsdocTags": [],
+ "params": [],
+ "rawComment": "",
+ "returnType": "void"
+ }
+ ],
+ "implementation": {
+ "params": [],
+ "isNewType": false,
+ "returnType": "void",
+ "generics": [],
+ "name": "ngOnDestroy",
"description": "",
"entryType": "function",
"jsdocTags": [],
@@ -255,61 +342,32 @@
}
],
"generics": [],
- "description": "Integrates a native `