@angular/aria 21.0.2 → 21.0.4
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/fesm2022/_accordion-chunk.mjs +108 -0
- package/fesm2022/_accordion-chunk.mjs.map +1 -0
- package/fesm2022/_combobox-chunk.mjs +425 -0
- package/fesm2022/_combobox-chunk.mjs.map +1 -0
- package/fesm2022/_combobox-listbox-chunk.mjs +240 -0
- package/fesm2022/_combobox-listbox-chunk.mjs.map +1 -0
- package/fesm2022/_combobox-tree-chunk.mjs +331 -0
- package/fesm2022/_combobox-tree-chunk.mjs.map +1 -0
- package/fesm2022/_deferred-content-chunk.mjs +124 -0
- package/fesm2022/_deferred-content-chunk.mjs.map +1 -0
- package/fesm2022/_expansion-chunk.mjs +41 -0
- package/fesm2022/_expansion-chunk.mjs.map +1 -0
- package/fesm2022/_list-chunk.mjs +287 -0
- package/fesm2022/_list-chunk.mjs.map +1 -0
- package/fesm2022/_list-navigation-chunk.mjs +116 -0
- package/fesm2022/_list-navigation-chunk.mjs.map +1 -0
- package/fesm2022/_menu-chunk.mjs +515 -0
- package/fesm2022/_menu-chunk.mjs.map +1 -0
- package/fesm2022/_pointer-event-manager-chunk.mjs +54 -0
- package/fesm2022/_pointer-event-manager-chunk.mjs.map +1 -0
- package/fesm2022/_signal-like-chunk.mjs +118 -0
- package/fesm2022/_signal-like-chunk.mjs.map +1 -0
- package/fesm2022/_tabs-chunk.mjs +159 -0
- package/fesm2022/_tabs-chunk.mjs.map +1 -0
- package/fesm2022/_toolbar-widget-group-chunk.mjs +148 -0
- package/fesm2022/_toolbar-widget-group-chunk.mjs.map +1 -0
- package/fesm2022/_widget-chunk.mjs +5 -246
- package/fesm2022/_widget-chunk.mjs.map +1 -1
- package/fesm2022/accordion.mjs +73 -55
- package/fesm2022/accordion.mjs.map +1 -1
- package/fesm2022/aria.mjs +1 -1
- package/fesm2022/aria.mjs.map +1 -1
- package/fesm2022/combobox.mjs +166 -153
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/grid.mjs +287 -261
- package/fesm2022/grid.mjs.map +1 -1
- package/fesm2022/listbox.mjs +211 -197
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/menu.mjs +308 -286
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/private.mjs +15 -2329
- package/fesm2022/private.mjs.map +1 -1
- package/fesm2022/tabs.mjs +221 -199
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +64 -48
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tree.mjs +54 -44
- package/fesm2022/tree.mjs.map +1 -1
- package/package.json +2 -2
- package/types/_accordion-chunk.d.ts +100 -0
- package/types/_combobox-chunk.d.ts +194 -0
- package/types/_deferred-content-chunk.d.ts +42 -0
- package/types/_expansion-chunk.d.ts +40 -0
- package/types/_grid-chunk.d.ts +43 -250
- package/types/_keyboard-event-manager-chunk.d.ts +68 -0
- package/types/_list-chunk.d.ts +211 -0
- package/types/_list-navigation-chunk.d.ts +119 -0
- package/types/_listbox-chunk.d.ts +107 -0
- package/types/_menu-chunk.d.ts +267 -0
- package/types/_pointer-event-manager-chunk.d.ts +34 -0
- package/types/_tabs-chunk.d.ts +153 -0
- package/types/_toolbar-chunk.d.ts +124 -0
- package/types/_tree-chunk.d.ts +185 -0
- package/types/accordion.d.ts +65 -54
- package/types/aria.d.ts +1 -1
- package/types/combobox.d.ts +86 -56
- package/types/grid.d.ts +47 -32
- package/types/listbox.d.ts +22 -7
- package/types/menu.d.ts +135 -117
- package/types/private.d.ts +28 -1376
- package/types/tabs.d.ts +109 -88
- package/types/toolbar.d.ts +77 -66
- package/types/tree.d.ts +118 -104
- package/_adev_assets/aria-accordion.json +0 -743
- package/_adev_assets/aria-combobox.json +0 -603
- package/_adev_assets/aria-grid.json +0 -893
- package/_adev_assets/aria-listbox.json +0 -540
- package/_adev_assets/aria-menu.json +0 -1049
- package/_adev_assets/aria-tabs.json +0 -880
- package/_adev_assets/aria-toolbar.json +0 -545
- package/_adev_assets/aria-tree.json +0 -853
package/types/tree.d.ts
CHANGED
|
@@ -1,13 +1,125 @@
|
|
|
1
1
|
import * as _angular_cdk_bidi from '@angular/cdk/bidi';
|
|
2
2
|
import * as _angular_core from '@angular/core';
|
|
3
3
|
import { OnInit, OnDestroy, Signal } from '@angular/core';
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
4
|
+
import { TreeItemPattern, TreePattern } from './_tree-chunk.js';
|
|
5
|
+
import { DeferredContent, DeferredContentAware } from './_deferred-content-chunk.js';
|
|
6
6
|
import { ComboboxPopup } from './combobox.js';
|
|
7
|
+
export { Combobox as ɵɵCombobox, ComboboxDialog as ɵɵComboboxDialog, ComboboxInput as ɵɵComboboxInput, ComboboxPopupContainer as ɵɵComboboxPopupContainer } from './combobox.js';
|
|
8
|
+
import './_list-navigation-chunk.js';
|
|
9
|
+
import './_list-chunk.js';
|
|
10
|
+
import './_expansion-chunk.js';
|
|
11
|
+
import './_keyboard-event-manager-chunk.js';
|
|
12
|
+
import './_pointer-event-manager-chunk.js';
|
|
13
|
+
import './_combobox-chunk.js';
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Group that contains children tree items.
|
|
17
|
+
*
|
|
18
|
+
* The `ngTreeItemGroup` structural directive should be applied to an `ng-template` that
|
|
19
|
+
* wraps the child `ngTreeItem` elements. It is used to define a group of children for an
|
|
20
|
+
* expandable `ngTreeItem`. The `ownedBy` input links the group to its parent `ngTreeItem`.
|
|
21
|
+
*
|
|
22
|
+
* ```html
|
|
23
|
+
* <li ngTreeItem [value]="'parent-id'">
|
|
24
|
+
* Parent Item
|
|
25
|
+
* <ul role="group">
|
|
26
|
+
* <ng-template ngTreeItemGroup [ownedBy]="parentTreeItemRef">
|
|
27
|
+
* <li ngTreeItem [value]="'child-id'">Child Item</li>
|
|
28
|
+
* </ng-template>
|
|
29
|
+
* </ul>
|
|
30
|
+
* </li>
|
|
31
|
+
* ```
|
|
32
|
+
*
|
|
33
|
+
* @developerPreview 21.0
|
|
34
|
+
*
|
|
35
|
+
* @see [Tree](guide/aria/tree)
|
|
36
|
+
*/
|
|
37
|
+
declare class TreeItemGroup<V> implements OnInit, OnDestroy {
|
|
38
|
+
/** A reference to the host element. */
|
|
39
|
+
private readonly _elementRef;
|
|
40
|
+
/** A reference to the host element. */
|
|
41
|
+
readonly element: HTMLElement;
|
|
42
|
+
/** The DeferredContent host directive. */
|
|
43
|
+
private readonly _deferredContent;
|
|
44
|
+
/** All groupable items that are descendants of the group. */
|
|
45
|
+
private readonly _unorderedItems;
|
|
46
|
+
/** Child items within this group. */
|
|
47
|
+
readonly _childPatterns: _angular_core.Signal<TreeItemPattern<V>[]>;
|
|
48
|
+
/** Tree item that owns the group. */
|
|
49
|
+
readonly ownedBy: _angular_core.InputSignal<TreeItem<V>>;
|
|
50
|
+
ngOnInit(): void;
|
|
51
|
+
ngOnDestroy(): void;
|
|
52
|
+
_register(child: TreeItem<V>): void;
|
|
53
|
+
_unregister(child: TreeItem<V>): void;
|
|
54
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeItemGroup<any>, never>;
|
|
55
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TreeItemGroup<any>, "ng-template[ngTreeItemGroup]", ["ngTreeItemGroup"], { "ownedBy": { "alias": "ownedBy"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof DeferredContent; inputs: {}; outputs: {}; }]>;
|
|
56
|
+
}
|
|
7
57
|
|
|
8
58
|
interface HasElement {
|
|
9
59
|
element: HTMLElement;
|
|
10
60
|
}
|
|
61
|
+
|
|
62
|
+
/**
|
|
63
|
+
* A selectable and expandable item in an `ngTree`.
|
|
64
|
+
*
|
|
65
|
+
* The `ngTreeItem` directive represents an individual node within an `ngTree`. It can be
|
|
66
|
+
* selected, expanded (if it has children), and disabled. The `parent` input establishes
|
|
67
|
+
* the hierarchical relationship within the tree.
|
|
68
|
+
*
|
|
69
|
+
* ```html
|
|
70
|
+
* <li ngTreeItem [parent]="parentTreeOrGroup" value="item-id" label="Item Label">
|
|
71
|
+
* Item Label
|
|
72
|
+
* </li>
|
|
73
|
+
* ```
|
|
74
|
+
*
|
|
75
|
+
* @developerPreview 21.0
|
|
76
|
+
*/
|
|
77
|
+
declare class TreeItem<V> extends DeferredContentAware implements OnInit, OnDestroy, HasElement {
|
|
78
|
+
/** A reference to the host element. */
|
|
79
|
+
private readonly _elementRef;
|
|
80
|
+
/** A reference to the host element. */
|
|
81
|
+
readonly element: HTMLElement;
|
|
82
|
+
/** The owned tree item group. */
|
|
83
|
+
private readonly _group;
|
|
84
|
+
/** A unique identifier for the tree item. */
|
|
85
|
+
readonly id: _angular_core.InputSignal<string>;
|
|
86
|
+
/** The value of the tree item. */
|
|
87
|
+
readonly value: _angular_core.InputSignal<V>;
|
|
88
|
+
/** The parent tree root or tree item group. */
|
|
89
|
+
readonly parent: _angular_core.InputSignal<TreeItemGroup<V> | Tree<V>>;
|
|
90
|
+
/** Whether the tree item is disabled. */
|
|
91
|
+
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
92
|
+
/** Whether the tree item is selectable. */
|
|
93
|
+
readonly selectable: _angular_core.InputSignal<boolean>;
|
|
94
|
+
/** Whether the tree item is expanded. */
|
|
95
|
+
readonly expanded: _angular_core.ModelSignal<boolean>;
|
|
96
|
+
/** Optional label for typeahead. Defaults to the element's textContent. */
|
|
97
|
+
readonly label: _angular_core.InputSignal<string | undefined>;
|
|
98
|
+
/** Search term for typeahead. */
|
|
99
|
+
readonly searchTerm: Signal<string>;
|
|
100
|
+
/** The tree root. */
|
|
101
|
+
readonly tree: Signal<Tree<V>>;
|
|
102
|
+
/** Whether the item is active. */
|
|
103
|
+
readonly active: Signal<boolean>;
|
|
104
|
+
/** The level of the current item in a tree. */
|
|
105
|
+
readonly level: Signal<number>;
|
|
106
|
+
/** Whether the item is selected. */
|
|
107
|
+
readonly selected: Signal<boolean | undefined>;
|
|
108
|
+
/** Whether this item is visible due to all of its parents being expanded. */
|
|
109
|
+
readonly visible: Signal<boolean>;
|
|
110
|
+
/** Whether the tree is expanded. Use this value for aria-expanded. */
|
|
111
|
+
protected readonly _expanded: Signal<boolean | undefined>;
|
|
112
|
+
/** The UI pattern for this item. */
|
|
113
|
+
_pattern: TreeItemPattern<V>;
|
|
114
|
+
constructor();
|
|
115
|
+
ngOnInit(): void;
|
|
116
|
+
ngOnDestroy(): void;
|
|
117
|
+
_register(group: TreeItemGroup<V>): void;
|
|
118
|
+
_unregister(): void;
|
|
119
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeItem<any>, never>;
|
|
120
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TreeItem<any>, "[ngTreeItem]", ["ngTreeItem"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "parent": { "alias": "parent"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, never, true, never>;
|
|
121
|
+
}
|
|
122
|
+
|
|
11
123
|
/**
|
|
12
124
|
* A container that transforms nested lists into an accessible, ARIA-compliant tree structure.
|
|
13
125
|
* It manages the overall state of the tree, including selection, expansion, and keyboard
|
|
@@ -41,6 +153,8 @@ interface HasElement {
|
|
|
41
153
|
* ```
|
|
42
154
|
*
|
|
43
155
|
* @developerPreview 21.0
|
|
156
|
+
*
|
|
157
|
+
* @see [Tree](guide/aria/tree)
|
|
44
158
|
*/
|
|
45
159
|
declare class Tree<V> {
|
|
46
160
|
/** A reference to the host element. */
|
|
@@ -64,7 +178,7 @@ declare class Tree<V> {
|
|
|
64
178
|
* - `explicit`: Items are selected explicitly by the user (e.g., via click or spacebar).
|
|
65
179
|
* - `follow`: The focused item is automatically selected.
|
|
66
180
|
*/
|
|
67
|
-
readonly selectionMode: _angular_core.InputSignal<"
|
|
181
|
+
readonly selectionMode: _angular_core.InputSignal<"follow" | "explicit">;
|
|
68
182
|
/**
|
|
69
183
|
* The focus strategy used by the tree.
|
|
70
184
|
* - `roving`: Focus is moved to the active item using `tabindex`.
|
|
@@ -103,105 +217,5 @@ declare class Tree<V> {
|
|
|
103
217
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tree<any>, never>;
|
|
104
218
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Tree<any>, "[ngTree]", ["ngTree"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "focusMode": { "alias": "focusMode"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "softDisabled": { "alias": "softDisabled"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "nav": { "alias": "nav"; "required": false; "isSignal": true; }; "currentType": { "alias": "currentType"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; }, never, never, true, [{ directive: typeof ComboboxPopup; inputs: {}; outputs: {}; }]>;
|
|
105
219
|
}
|
|
106
|
-
/**
|
|
107
|
-
* A selectable and expandable item in an `ngTree`.
|
|
108
|
-
*
|
|
109
|
-
* The `ngTreeItem` directive represents an individual node within an `ngTree`. It can be
|
|
110
|
-
* selected, expanded (if it has children), and disabled. The `parent` input establishes
|
|
111
|
-
* the hierarchical relationship within the tree.
|
|
112
|
-
*
|
|
113
|
-
* ```html
|
|
114
|
-
* <li ngTreeItem [parent]="parentTreeOrGroup" value="item-id" label="Item Label">
|
|
115
|
-
* Item Label
|
|
116
|
-
* </li>
|
|
117
|
-
* ```
|
|
118
|
-
*
|
|
119
|
-
* @developerPreview 21.0
|
|
120
|
-
*/
|
|
121
|
-
declare class TreeItem<V> extends DeferredContentAware implements OnInit, OnDestroy, HasElement {
|
|
122
|
-
/** A reference to the host element. */
|
|
123
|
-
private readonly _elementRef;
|
|
124
|
-
/** A reference to the host element. */
|
|
125
|
-
readonly element: HTMLElement;
|
|
126
|
-
/** The owned tree item group. */
|
|
127
|
-
private readonly _group;
|
|
128
|
-
/** A unique identifier for the tree item. */
|
|
129
|
-
readonly id: _angular_core.InputSignal<string>;
|
|
130
|
-
/** The value of the tree item. */
|
|
131
|
-
readonly value: _angular_core.InputSignal<V>;
|
|
132
|
-
/** The parent tree root or tree item group. */
|
|
133
|
-
readonly parent: _angular_core.InputSignal<TreeItemGroup<V> | Tree<V>>;
|
|
134
|
-
/** Whether the tree item is disabled. */
|
|
135
|
-
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
136
|
-
/** Whether the tree item is selectable. */
|
|
137
|
-
readonly selectable: _angular_core.InputSignal<boolean>;
|
|
138
|
-
/** Whether the tree item is expanded. */
|
|
139
|
-
readonly expanded: _angular_core.ModelSignal<boolean>;
|
|
140
|
-
/** Optional label for typeahead. Defaults to the element's textContent. */
|
|
141
|
-
readonly label: _angular_core.InputSignal<string | undefined>;
|
|
142
|
-
/** Search term for typeahead. */
|
|
143
|
-
readonly searchTerm: Signal<string>;
|
|
144
|
-
/** The tree root. */
|
|
145
|
-
readonly tree: Signal<Tree<V>>;
|
|
146
|
-
/** Whether the item is active. */
|
|
147
|
-
readonly active: Signal<boolean>;
|
|
148
|
-
/** The level of the current item in a tree. */
|
|
149
|
-
readonly level: Signal<number>;
|
|
150
|
-
/** Whether the item is selected. */
|
|
151
|
-
readonly selected: Signal<boolean | undefined>;
|
|
152
|
-
/** Whether this item is visible due to all of its parents being expanded. */
|
|
153
|
-
readonly visible: Signal<boolean>;
|
|
154
|
-
/** Whether the tree is expanded. Use this value for aria-expanded. */
|
|
155
|
-
protected readonly _expanded: Signal<boolean | undefined>;
|
|
156
|
-
/** The UI pattern for this item. */
|
|
157
|
-
_pattern: TreeItemPattern<V>;
|
|
158
|
-
constructor();
|
|
159
|
-
ngOnInit(): void;
|
|
160
|
-
ngOnDestroy(): void;
|
|
161
|
-
_register(group: TreeItemGroup<V>): void;
|
|
162
|
-
_unregister(): void;
|
|
163
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeItem<any>, never>;
|
|
164
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TreeItem<any>, "[ngTreeItem]", ["ngTreeItem"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "parent": { "alias": "parent"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, never, true, never>;
|
|
165
|
-
}
|
|
166
|
-
/**
|
|
167
|
-
* Group that contains children tree items.
|
|
168
|
-
*
|
|
169
|
-
* The `ngTreeItemGroup` structural directive should be applied to an `ng-template` that
|
|
170
|
-
* wraps the child `ngTreeItem` elements. It is used to define a group of children for an
|
|
171
|
-
* expandable `ngTreeItem`. The `ownedBy` input links the group to its parent `ngTreeItem`.
|
|
172
|
-
*
|
|
173
|
-
* ```html
|
|
174
|
-
* <li ngTreeItem [value]="'parent-id'">
|
|
175
|
-
* Parent Item
|
|
176
|
-
* <ul role="group">
|
|
177
|
-
* <ng-template ngTreeItemGroup [ownedBy]="parentTreeItemRef">
|
|
178
|
-
* <li ngTreeItem [value]="'child-id'">Child Item</li>
|
|
179
|
-
* </ng-template>
|
|
180
|
-
* </ul>
|
|
181
|
-
* </li>
|
|
182
|
-
* ```
|
|
183
|
-
*
|
|
184
|
-
* @developerPreview 21.0
|
|
185
|
-
*/
|
|
186
|
-
declare class TreeItemGroup<V> implements OnInit, OnDestroy {
|
|
187
|
-
/** A reference to the host element. */
|
|
188
|
-
private readonly _elementRef;
|
|
189
|
-
/** A reference to the host element. */
|
|
190
|
-
readonly element: HTMLElement;
|
|
191
|
-
/** The DeferredContent host directive. */
|
|
192
|
-
private readonly _deferredContent;
|
|
193
|
-
/** All groupable items that are descendants of the group. */
|
|
194
|
-
private readonly _unorderedItems;
|
|
195
|
-
/** Child items within this group. */
|
|
196
|
-
readonly _childPatterns: Signal<TreeItemPattern<V>[]>;
|
|
197
|
-
/** Tree item that owns the group. */
|
|
198
|
-
readonly ownedBy: _angular_core.InputSignal<TreeItem<V>>;
|
|
199
|
-
ngOnInit(): void;
|
|
200
|
-
ngOnDestroy(): void;
|
|
201
|
-
_register(child: TreeItem<V>): void;
|
|
202
|
-
_unregister(child: TreeItem<V>): void;
|
|
203
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeItemGroup<any>, never>;
|
|
204
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TreeItemGroup<any>, "ng-template[ngTreeItemGroup]", ["ngTreeItemGroup"], { "ownedBy": { "alias": "ownedBy"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.DeferredContent; inputs: {}; outputs: {}; }]>;
|
|
205
|
-
}
|
|
206
220
|
|
|
207
|
-
export { Tree, TreeItem, TreeItemGroup };
|
|
221
|
+
export { Tree, TreeItem, TreeItemGroup, ComboboxPopup as ɵɵComboboxPopup, DeferredContent as ɵɵDeferredContent };
|