@angular/aria 21.2.0-next.2 → 21.2.0-next.3
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/_combobox-tree-chunk.mjs.map +1 -1
- package/fesm2022/_menu-chunk.mjs +2 -2
- package/fesm2022/_menu-chunk.mjs.map +1 -1
- package/fesm2022/aria.mjs +1 -1
- package/fesm2022/aria.mjs.map +1 -1
- package/fesm2022/grid.mjs +12 -14
- package/fesm2022/grid.mjs.map +1 -1
- package/fesm2022/menu.mjs +12 -10
- package/fesm2022/menu.mjs.map +1 -1
- package/package.json +2 -2
- package/resources/code-examples.db +0 -0
- package/types/_menu-chunk.d.ts +2 -2
- package/types/_tree-chunk.d.ts +2 -0
- package/types/grid.d.ts +3 -3
- package/types/menu.d.ts +14 -13
package/types/_tree-chunk.d.ts
CHANGED
|
@@ -180,6 +180,8 @@ interface TreeInputs<V> extends Omit<TreeInputs$1<TreeItemPattern<V>, V>, 'multi
|
|
|
180
180
|
nav: SignalLike<boolean>;
|
|
181
181
|
/** The aria-current type. */
|
|
182
182
|
currentType: SignalLike<'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false'>;
|
|
183
|
+
/** The text direction of the tree. */
|
|
184
|
+
textDirection: SignalLike<'ltr' | 'rtl'>;
|
|
183
185
|
}
|
|
184
186
|
/** Controls the state and interactions of a tree view. */
|
|
185
187
|
declare class TreePattern<V> implements TreeInputs<V> {
|
package/types/grid.d.ts
CHANGED
|
@@ -226,9 +226,9 @@ declare class GridCellWidget {
|
|
|
226
226
|
/** The target that will receive focus instead of the widget. */
|
|
227
227
|
readonly focusTarget: _angular_core.InputSignal<ElementRef<any> | HTMLElement | undefined>;
|
|
228
228
|
/** Emits when the widget is activated. */
|
|
229
|
-
readonly
|
|
229
|
+
readonly activated: _angular_core.OutputEmitterRef<FocusEvent | KeyboardEvent | undefined>;
|
|
230
230
|
/** Emits when the widget is deactivated. */
|
|
231
|
-
readonly
|
|
231
|
+
readonly deactivated: _angular_core.OutputEmitterRef<FocusEvent | KeyboardEvent | undefined>;
|
|
232
232
|
/** The tabindex override. */
|
|
233
233
|
readonly tabindex: _angular_core.InputSignal<number | undefined>;
|
|
234
234
|
/**
|
|
@@ -246,7 +246,7 @@ declare class GridCellWidget {
|
|
|
246
246
|
/** Deactivates the widget. */
|
|
247
247
|
deactivate(): void;
|
|
248
248
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridCellWidget, never>;
|
|
249
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GridCellWidget, "[ngGridCellWidget]", ["ngGridCellWidget"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "widgetType": { "alias": "widgetType"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusTarget": { "alias": "focusTarget"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, { "
|
|
249
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GridCellWidget, "[ngGridCellWidget]", ["ngGridCellWidget"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; "widgetType": { "alias": "widgetType"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "focusTarget": { "alias": "focusTarget"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, { "activated": "activated"; "deactivated": "deactivated"; }, never, never, true, never>;
|
|
250
250
|
}
|
|
251
251
|
|
|
252
252
|
export { Grid, GridCell, GridCellWidget, GridRow };
|
package/types/menu.d.ts
CHANGED
|
@@ -61,12 +61,12 @@ declare class MenuBar<V> {
|
|
|
61
61
|
/** The menu items as a writable signal. */
|
|
62
62
|
private readonly _itemPatterns;
|
|
63
63
|
/** A callback function triggered when a menu item is selected. */
|
|
64
|
-
|
|
64
|
+
readonly itemSelected: _angular_core.OutputEmitterRef<V>;
|
|
65
65
|
constructor();
|
|
66
66
|
/** Closes the menubar. */
|
|
67
67
|
close(): void;
|
|
68
68
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuBar<any>, never>;
|
|
69
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuBar<any>, "[ngMenuBar]", ["ngMenuBar"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "softDisabled": { "alias": "softDisabled"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; "
|
|
69
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuBar<any>, "[ngMenuBar]", ["ngMenuBar"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "softDisabled": { "alias": "softDisabled"; "required": false; "isSignal": true; }; "values": { "alias": "values"; "required": false; "isSignal": true; }; "wrap": { "alias": "wrap"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; }, { "values": "valuesChange"; "itemSelected": "itemSelected"; }, ["_allItems"], never, true, never>;
|
|
70
70
|
}
|
|
71
71
|
|
|
72
72
|
/**
|
|
@@ -76,9 +76,10 @@ declare class MenuBar<V> {
|
|
|
76
76
|
* or action a user can take. They can also act as triggers for sub-menus.
|
|
77
77
|
*
|
|
78
78
|
* ```html
|
|
79
|
-
* <div
|
|
80
|
-
*
|
|
81
|
-
*
|
|
79
|
+
* <div ngMenu (itemSelected)="doAction()">
|
|
80
|
+
* <div ngMenuItem >Action Item</div>
|
|
81
|
+
* <div ngMenuItem [submenu]="anotherMenu">Submenu Trigger</div>
|
|
82
|
+
* </div>
|
|
82
83
|
* ```
|
|
83
84
|
*
|
|
84
85
|
* @developerPreview 21.0
|
|
@@ -93,7 +94,7 @@ declare class MenuItem<V> {
|
|
|
93
94
|
readonly element: HTMLElement;
|
|
94
95
|
/** The unique ID of the menu item. */
|
|
95
96
|
readonly id: _angular_core.InputSignal<string>;
|
|
96
|
-
/** The value of the menu item
|
|
97
|
+
/** The value of the menu item, used as the default aria-label */
|
|
97
98
|
readonly value: _angular_core.InputSignal<V>;
|
|
98
99
|
/** Whether the menu item is disabled. */
|
|
99
100
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
@@ -131,14 +132,14 @@ declare class MenuItem<V> {
|
|
|
131
132
|
* <button ngMenuTrigger [menu]="myMenu">Options</button>
|
|
132
133
|
*
|
|
133
134
|
* <div ngMenu #myMenu="ngMenu">
|
|
134
|
-
* <div ngMenuItem>Star</div>
|
|
135
|
-
* <div ngMenuItem>Edit</div>
|
|
136
|
-
* <div ngMenuItem [submenu]="subMenu">More</div>
|
|
135
|
+
* <div ngMenuItem value="Star">Star</div>
|
|
136
|
+
* <div ngMenuItem value="Edit">Edit</div>
|
|
137
|
+
* <div ngMenuItem value="More" [submenu]="subMenu">More</div>
|
|
137
138
|
* </div>
|
|
138
139
|
*
|
|
139
140
|
* <div ngMenu #subMenu="ngMenu">
|
|
140
|
-
* <div ngMenuItem>Sub Item 1</div>
|
|
141
|
-
* <div ngMenuItem>Sub Item 2</div>
|
|
141
|
+
* <div ngMenuItem value="Sub Item 1">Sub Item 1</div>
|
|
142
|
+
* <div ngMenuItem value="Sub Item 2">Sub Item 2</div>
|
|
142
143
|
* </div>
|
|
143
144
|
* ```
|
|
144
145
|
*
|
|
@@ -185,14 +186,14 @@ declare class Menu<V> {
|
|
|
185
186
|
/** The tab index of the menu. */
|
|
186
187
|
readonly tabIndex: Signal<0 | -1>;
|
|
187
188
|
/** A callback function triggered when a menu item is selected. */
|
|
188
|
-
|
|
189
|
+
readonly itemSelected: _angular_core.OutputEmitterRef<V>;
|
|
189
190
|
/** The delay in milliseconds before expanding sub-menus on hover. */
|
|
190
191
|
readonly expansionDelay: _angular_core.InputSignal<number>;
|
|
191
192
|
constructor();
|
|
192
193
|
/** Closes the menu. */
|
|
193
194
|
close(): void;
|
|
194
195
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Menu<any>, never>;
|
|
195
|
-
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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expansionDelay": { "alias": "expansionDelay"; "required": false; "isSignal": true; }; }, { "
|
|
196
|
+
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; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "expansionDelay": { "alias": "expansionDelay"; "required": false; "isSignal": true; }; }, { "itemSelected": "itemSelected"; }, ["_allItems"], never, true, [{ directive: typeof DeferredContentAware; inputs: { "preserveContent": "preserveContent"; }; outputs: {}; }]>;
|
|
196
197
|
}
|
|
197
198
|
|
|
198
199
|
/**
|