@angular/aria 21.1.0-next.0 → 21.1.0-next.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_adev_assets/aria-combobox.json +1 -5
- package/_adev_assets/aria-grid.json +1 -9
- package/_adev_assets/aria-listbox.json +1 -5
- package/_adev_assets/aria-menu.json +7 -7
- package/_adev_assets/aria-tree.json +1 -9
- package/fesm2022/_widget-chunk.mjs.map +1 -1
- package/fesm2022/accordion.mjs.map +1 -1
- package/fesm2022/aria.mjs +1 -1
- package/fesm2022/aria.mjs.map +1 -1
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/grid.mjs.map +1 -1
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/menu.mjs +1 -1
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/private.mjs +2 -0
- package/fesm2022/private.mjs.map +1 -1
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tree.mjs.map +1 -1
- package/package.json +2 -2
- package/types/private.d.ts +2 -0
|
@@ -179,12 +179,8 @@
|
|
|
179
179
|
"name": "V"
|
|
180
180
|
}
|
|
181
181
|
],
|
|
182
|
-
"description": "The container element that wraps a combobox input and popup, and orchestrates its behavior.\n\nThe `ngCombobox` directive is the main entry point for creating a combobox and customizing its\nbehavior. It coordinates the interactions between the `ngComboboxInput` and the popup, which\nis defined by a `ng-template` with the `ngComboboxPopupContainer` directive. If using the\n`CdkOverlay`, the `cdkConnectedOverlay` directive takes the place of `ngComboboxPopupContainer`.\n\n```html\n<div ngCombobox filterMode=\"highlight\">\n <input\n ngComboboxInput\n placeholder=\"Search for a state...\"\n [(value)]=\"searchString\"\n />\n\n <ng-template ngComboboxPopupContainer>\n <div ngListbox [(value)]=\"selectedValue\">",
|
|
182
|
+
"description": "The container element that wraps a combobox input and popup, and orchestrates its behavior.\n\nThe `ngCombobox` directive is the main entry point for creating a combobox and customizing its\nbehavior. It coordinates the interactions between the `ngComboboxInput` and the popup, which\nis defined by a `ng-template` with the `ngComboboxPopupContainer` directive. If using the\n`CdkOverlay`, the `cdkConnectedOverlay` directive takes the place of `ngComboboxPopupContainer`.\n\n```html\n<div ngCombobox filterMode=\"highlight\">\n <input\n ngComboboxInput\n placeholder=\"Search for a state...\"\n [(value)]=\"searchString\"\n />\n\n <ng-template ngComboboxPopupContainer>\n <div ngListbox [(value)]=\"selectedValue\">\n @for (option of filteredOptions(); track option) {\n <div ngOption [value]=\"option\" [label]=\"option\">\n <span>{{option}}</span>\n </div>\n }\n </div>\n </ng-template>\n</div>\n```",
|
|
183
183
|
"jsdocTags": [
|
|
184
|
-
{
|
|
185
|
-
"name": "for",
|
|
186
|
-
"comment": "(option of filteredOptions(); track option) {\n<div ngOption [value]=\"option\" [label]=\"option\">\n<span>{{option}}</span>\n</div>\n}\n</div>\n</ng-template>\n</div>\n```"
|
|
187
|
-
},
|
|
188
184
|
{
|
|
189
185
|
"name": "developerPreview",
|
|
190
186
|
"comment": "21.0"
|
|
@@ -148,16 +148,8 @@
|
|
|
148
148
|
}
|
|
149
149
|
],
|
|
150
150
|
"generics": [],
|
|
151
|
-
"description": "The container for a grid. It provides keyboard navigation and focus management for the grid's\nrows and cells. It manages the overall behavior of the grid, including focus\nwrapping, selection, and disabled states.\n\n```html\n<table ngGrid [multi]=\"true\" [enableSelection]=\"true\"
|
|
151
|
+
"description": "The container for a grid. It provides keyboard navigation and focus management for the grid's\nrows and cells. It manages the overall behavior of the grid, including focus\nwrapping, selection, and disabled states.\n\n```html\n<table ngGrid [multi]=\"true\" [enableSelection]=\"true\">\n @for (row of gridData; track row) {\n <tr ngGridRow>\n @for (cell of row; track cell) {\n <td ngGridCell [disabled]=\"cell.disabled\">\n {{cell.value}}\n </td>\n }\n </tr>\n }\n</table>\n```",
|
|
152
152
|
"jsdocTags": [
|
|
153
|
-
{
|
|
154
|
-
"name": "for",
|
|
155
|
-
"comment": "(row of gridData; track row) {\n<tr ngGridRow>"
|
|
156
|
-
},
|
|
157
|
-
{
|
|
158
|
-
"name": "for",
|
|
159
|
-
"comment": "(cell of row; track cell) {\n <td ngGridCell [disabled]=\"cell.disabled\">\n {{cell.value}}\n </td>\n}\n</tr>\n}\n</table>\n```"
|
|
160
|
-
},
|
|
161
153
|
{
|
|
162
154
|
"name": "developerPreview",
|
|
163
155
|
"comment": "21.0"
|
|
@@ -217,12 +217,8 @@
|
|
|
217
217
|
"name": "V"
|
|
218
218
|
}
|
|
219
219
|
],
|
|
220
|
-
"description": "Represents a container used to display a list of items for a user to select from.\n\nThe `ngListbox` is meant to be used in conjunction with `ngOption` directives to create a\nselectable list. It supports single and multiple selection modes, as well as various focus and\norientation strategies.\n\n```html\n<ul ngListbox [(value)]=\"selectedItems\" [multi]=\"true\" orientation=\"vertical\"
|
|
220
|
+
"description": "Represents a container used to display a list of items for a user to select from.\n\nThe `ngListbox` is meant to be used in conjunction with `ngOption` directives to create a\nselectable list. It supports single and multiple selection modes, as well as various focus and\norientation strategies.\n\n```html\n<ul ngListbox [(value)]=\"selectedItems\" [multi]=\"true\" orientation=\"vertical\">\n @for (item of items; track item.id) {\n <li ngOption [value]=\"item.id\" [label]=\"item.name\" [disabled]=\"item.disabled\">\n {{item.name}}\n </li>\n }\n</ul>\n```",
|
|
221
221
|
"jsdocTags": [
|
|
222
|
-
{
|
|
223
|
-
"name": "for",
|
|
224
|
-
"comment": "(item of items; track item.id) {\n<li ngOption [value]=\"item.id\" [label]=\"item.name\" [disabled]=\"item.disabled\">\n{{item.name}}\n</li>\n}\n</ul>\n```"
|
|
225
|
-
},
|
|
226
222
|
{
|
|
227
223
|
"name": "developerPreview",
|
|
228
224
|
"comment": "21.0"
|
|
@@ -343,7 +343,7 @@
|
|
|
343
343
|
"source": {
|
|
344
344
|
"filePath": "/src/aria/menu/menu.ts",
|
|
345
345
|
"startLine": 143,
|
|
346
|
-
"endLine":
|
|
346
|
+
"endLine": 278
|
|
347
347
|
}
|
|
348
348
|
},
|
|
349
349
|
{
|
|
@@ -504,8 +504,8 @@
|
|
|
504
504
|
],
|
|
505
505
|
"source": {
|
|
506
506
|
"filePath": "/src/aria/menu/menu.ts",
|
|
507
|
-
"startLine":
|
|
508
|
-
"endLine":
|
|
507
|
+
"startLine": 306,
|
|
508
|
+
"endLine": 390
|
|
509
509
|
}
|
|
510
510
|
},
|
|
511
511
|
{
|
|
@@ -718,8 +718,8 @@
|
|
|
718
718
|
],
|
|
719
719
|
"source": {
|
|
720
720
|
"filePath": "/src/aria/menu/menu.ts",
|
|
721
|
-
"startLine":
|
|
722
|
-
"endLine":
|
|
721
|
+
"startLine": 406,
|
|
722
|
+
"endLine": 486
|
|
723
723
|
}
|
|
724
724
|
},
|
|
725
725
|
{
|
|
@@ -739,8 +739,8 @@
|
|
|
739
739
|
"implements": [],
|
|
740
740
|
"source": {
|
|
741
741
|
"filePath": "/src/aria/menu/menu.ts",
|
|
742
|
-
"startLine":
|
|
743
|
-
"endLine":
|
|
742
|
+
"startLine": 505,
|
|
743
|
+
"endLine": 510
|
|
744
744
|
}
|
|
745
745
|
}
|
|
746
746
|
],
|
|
@@ -204,16 +204,8 @@
|
|
|
204
204
|
"name": "V"
|
|
205
205
|
}
|
|
206
206
|
],
|
|
207
|
-
"description": "A container that transforms nested lists into an accessible, ARIA-compliant tree structure.\nIt manages the overall state of the tree, including selection, expansion, and keyboard\nnavigation.\n\n```html\n<ul ngTree [(value)]=\"selectedItems\" [multi]=\"true\">\n <ng-template\n [ngTemplateOutlet]=\"treeNodes\"\n [ngTemplateOutletContext]=\"{nodes: treeData, parent: tree}\"\n />\n</ul>\n\n<ng-template #treeNodes let-nodes=\"nodes\" let-parent=\"parent\"
|
|
207
|
+
"description": "A container that transforms nested lists into an accessible, ARIA-compliant tree structure.\nIt manages the overall state of the tree, including selection, expansion, and keyboard\nnavigation.\n\n```html\n<ul ngTree [(value)]=\"selectedItems\" [multi]=\"true\">\n <ng-template\n [ngTemplateOutlet]=\"treeNodes\"\n [ngTemplateOutletContext]=\"{nodes: treeData, parent: tree}\"\n />\n</ul>\n\n<ng-template #treeNodes let-nodes=\"nodes\" let-parent=\"parent\">\n @for (node of nodes; track node.name) {\n <li ngTreeItem [parent]=\"parent\" [value]=\"node.name\" [label]=\"node.name\">\n {{ node.name }}\n @if (node.children) {\n <ul role=\"group\">\n <ng-template ngTreeItemGroup [ownedBy]=\"treeItem\" #group=\"ngTreeItemGroup\">\n <ng-template\n [ngTemplateOutlet]=\"treeNodes\"\n [ngTemplateOutletContext]=\"{nodes: node.children, parent: group}\"\n />\n </ng-template>\n </ul>\n }\n </li>\n }\n</ng-template>\n```",
|
|
208
208
|
"jsdocTags": [
|
|
209
|
-
{
|
|
210
|
-
"name": "for",
|
|
211
|
-
"comment": "(node of nodes; track node.name) {\n<li ngTreeItem [parent]=\"parent\" [value]=\"node.name\" [label]=\"node.name\">\n{{ node.name }}"
|
|
212
|
-
},
|
|
213
|
-
{
|
|
214
|
-
"name": "if",
|
|
215
|
-
"comment": "(node.children) {\n <ul role=\"group\">\n <ng-template ngTreeItemGroup [ownedBy]=\"treeItem\" #group=\"ngTreeItemGroup\">\n <ng-template\n [ngTemplateOutlet]=\"treeNodes\"\n [ngTemplateOutletContext]=\"{nodes: node.children, parent: group}\"\n />\n </ng-template>\n </ul>\n}\n</li>\n}\n</ng-template>\n```"
|
|
216
|
-
},
|
|
217
209
|
{
|
|
218
210
|
"name": "developerPreview",
|
|
219
211
|
"comment": "21.0"
|