@angular/aria 21.0.0-next.8 → 21.0.0-rc.0
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-accordion.json +373 -0
- package/_adev_assets/aria-combobox.json +383 -0
- package/_adev_assets/aria-grid.json +578 -0
- package/_adev_assets/aria-listbox.json +511 -0
- package/_adev_assets/aria-menu.json +752 -0
- package/_adev_assets/aria-radio-group.json +389 -0
- package/_adev_assets/aria-tabs.json +987 -0
- package/_adev_assets/aria-toolbar.json +717 -0
- package/_adev_assets/aria-tree.json +1067 -0
- package/fesm2022/_widget-chunk.mjs +827 -0
- package/fesm2022/_widget-chunk.mjs.map +1 -0
- package/fesm2022/accordion.mjs +371 -172
- package/fesm2022/accordion.mjs.map +1 -1
- package/fesm2022/aria.mjs +1 -2
- package/fesm2022/aria.mjs.map +1 -1
- package/fesm2022/combobox.mjs +304 -114
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/deferred-content.mjs +89 -49
- package/fesm2022/deferred-content.mjs.map +1 -1
- package/fesm2022/grid.mjs +517 -0
- package/fesm2022/grid.mjs.map +1 -0
- package/fesm2022/listbox.mjs +384 -183
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/menu.mjs +535 -0
- package/fesm2022/menu.mjs.map +1 -0
- package/fesm2022/private.mjs +2347 -0
- package/fesm2022/private.mjs.map +1 -0
- package/fesm2022/radio-group.mjs +320 -179
- package/fesm2022/radio-group.mjs.map +1 -1
- package/fesm2022/tabs.mjs +483 -274
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +330 -199
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tree.mjs +511 -309
- package/fesm2022/tree.mjs.map +1 -1
- package/package.json +14 -6
- package/types/_grid-chunk.d.ts +546 -0
- package/types/accordion.d.ts +4 -4
- package/types/combobox.d.ts +18 -5
- package/types/deferred-content.d.ts +1 -0
- package/types/grid.d.ts +111 -0
- package/types/listbox.d.ts +6 -3
- package/types/menu.d.ts +158 -0
- package/types/{ui-patterns.d.ts → private.d.ts} +333 -133
- package/types/radio-group.d.ts +5 -3
- package/types/tabs.d.ts +4 -4
- package/types/toolbar.d.ts +4 -4
- package/types/tree.d.ts +17 -32
- package/fesm2022/ui-patterns.mjs +0 -2504
- package/fesm2022/ui-patterns.mjs.map +0 -1
package/types/radio-group.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { WritableSignal } from '@angular/core';
|
|
3
3
|
import * as _angular_cdk_bidi from '@angular/cdk/bidi';
|
|
4
|
-
import { RadioButtonPattern, RadioGroupPattern } from '@angular/aria/
|
|
4
|
+
import { RadioButtonPattern, RadioGroupPattern } from '@angular/aria/private';
|
|
5
5
|
import * as i1 from '@angular/aria/toolbar';
|
|
6
6
|
|
|
7
7
|
/**
|
|
@@ -47,7 +47,7 @@ declare class RadioGroup<V> {
|
|
|
47
47
|
/** The internal selection state for the radio group. */
|
|
48
48
|
private readonly _value;
|
|
49
49
|
/** The RadioGroup UIPattern. */
|
|
50
|
-
readonly
|
|
50
|
+
readonly _pattern: RadioGroupPattern<V>;
|
|
51
51
|
/** Whether the radio group has received focus yet. */
|
|
52
52
|
private _hasFocused;
|
|
53
53
|
constructor();
|
|
@@ -73,8 +73,10 @@ declare class RadioButton<V> {
|
|
|
73
73
|
element: _angular_core.Signal<any>;
|
|
74
74
|
/** Whether the radio button is disabled. */
|
|
75
75
|
disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
76
|
+
/** Whether the radio button is selected. */
|
|
77
|
+
readonly selected: _angular_core.Signal<boolean>;
|
|
76
78
|
/** The RadioButton UIPattern. */
|
|
77
|
-
|
|
79
|
+
readonly _pattern: RadioButtonPattern<V>;
|
|
78
80
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioButton<any>, never>;
|
|
79
81
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<RadioButton<any>, "[ngRadioButton]", ["ngRadioButton"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
80
82
|
}
|
package/types/tabs.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { Signal, OnInit, OnDestroy } from '@angular/core';
|
|
3
3
|
import * as _angular_cdk_bidi from '@angular/cdk/bidi';
|
|
4
|
-
import { TabPattern, TabPanelPattern, TabListPattern } from '@angular/aria/
|
|
4
|
+
import { TabPattern, TabPanelPattern, TabListPattern } from '@angular/aria/private';
|
|
5
5
|
import * as i1 from '@angular/aria/deferred-content';
|
|
6
6
|
|
|
7
7
|
interface HasElement {
|
|
@@ -79,7 +79,7 @@ declare class TabList implements OnInit, OnDestroy {
|
|
|
79
79
|
/** The current selected tab. */
|
|
80
80
|
readonly selectedTab: _angular_core.ModelSignal<string | undefined>;
|
|
81
81
|
/** The TabList UIPattern. */
|
|
82
|
-
readonly
|
|
82
|
+
readonly _pattern: TabListPattern;
|
|
83
83
|
/** Whether the tree has received focus yet. */
|
|
84
84
|
private _hasFocused;
|
|
85
85
|
constructor();
|
|
@@ -112,7 +112,7 @@ declare class Tab implements HasElement, OnInit, OnDestroy {
|
|
|
112
112
|
/** A local unique identifier for the tab. */
|
|
113
113
|
readonly value: _angular_core.InputSignal<string>;
|
|
114
114
|
/** The Tab UIPattern. */
|
|
115
|
-
readonly
|
|
115
|
+
readonly _pattern: TabPattern;
|
|
116
116
|
ngOnInit(): void;
|
|
117
117
|
ngOnDestroy(): void;
|
|
118
118
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tab, never>;
|
|
@@ -138,7 +138,7 @@ declare class TabPanel implements OnInit, OnDestroy {
|
|
|
138
138
|
/** A local unique identifier for the tabpanel. */
|
|
139
139
|
readonly value: _angular_core.InputSignal<string>;
|
|
140
140
|
/** The TabPanel UIPattern. */
|
|
141
|
-
readonly
|
|
141
|
+
readonly _pattern: TabPanelPattern;
|
|
142
142
|
constructor();
|
|
143
143
|
ngOnInit(): void;
|
|
144
144
|
ngOnDestroy(): void;
|
package/types/toolbar.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { Signal, OnInit, OnDestroy } from '@angular/core';
|
|
3
3
|
import * as _angular_cdk_bidi from '@angular/cdk/bidi';
|
|
4
|
-
import { ToolbarWidgetPattern, ToolbarWidgetGroupPattern, ToolbarPattern, ToolbarWidgetGroupControls } from '@angular/aria/
|
|
4
|
+
import { ToolbarWidgetPattern, ToolbarWidgetGroupPattern, ToolbarPattern, ToolbarWidgetGroupControls } from '@angular/aria/private';
|
|
5
5
|
|
|
6
6
|
/**
|
|
7
7
|
* A toolbar widget container.
|
|
@@ -39,7 +39,7 @@ declare class Toolbar<V> {
|
|
|
39
39
|
/** Whether focus should wrap when navigating. */
|
|
40
40
|
readonly wrap: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
41
41
|
/** The toolbar UIPattern. */
|
|
42
|
-
readonly
|
|
42
|
+
readonly _pattern: ToolbarPattern<V>;
|
|
43
43
|
/** Whether the toolbar has received focus yet. */
|
|
44
44
|
private _hasFocused;
|
|
45
45
|
constructor();
|
|
@@ -75,7 +75,7 @@ declare class ToolbarWidget<V> implements OnInit, OnDestroy {
|
|
|
75
75
|
/** Whether the widget is 'hard' disabled, which is different from `aria-disabled`. A hard disabled widget cannot receive focus. */
|
|
76
76
|
readonly hardDisabled: Signal<boolean>;
|
|
77
77
|
/** The ToolbarWidget UIPattern. */
|
|
78
|
-
readonly
|
|
78
|
+
readonly _pattern: ToolbarWidgetPattern<V>;
|
|
79
79
|
ngOnInit(): void;
|
|
80
80
|
ngOnDestroy(): void;
|
|
81
81
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarWidget<any>, never>;
|
|
@@ -103,7 +103,7 @@ declare class ToolbarWidgetGroup<V> implements OnInit, OnDestroy {
|
|
|
103
103
|
/** The controls that can be performed on the widget group. */
|
|
104
104
|
readonly controls: _angular_core.WritableSignal<ToolbarWidgetGroupControls | undefined>;
|
|
105
105
|
/** The ToolbarWidgetGroup UIPattern. */
|
|
106
|
-
readonly
|
|
106
|
+
readonly _pattern: ToolbarWidgetGroupPattern<V>;
|
|
107
107
|
ngOnInit(): void;
|
|
108
108
|
ngOnDestroy(): void;
|
|
109
109
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarWidgetGroup<any>, never>;
|
package/types/tree.d.ts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import * as _angular_cdk_bidi from '@angular/cdk/bidi';
|
|
2
2
|
import * as _angular_core from '@angular/core';
|
|
3
3
|
import { Signal, OnInit, OnDestroy } from '@angular/core';
|
|
4
|
-
import { TreePattern, TreeItemPattern } from '@angular/aria/ui-patterns';
|
|
5
|
-
import { ComboboxPopup } from './combobox.js';
|
|
6
4
|
import * as i1 from '@angular/aria/deferred-content';
|
|
5
|
+
import { DeferredContentAware } from '@angular/aria/deferred-content';
|
|
6
|
+
import { TreePattern, TreeItemPattern } from '@angular/aria/private';
|
|
7
|
+
import { ComboboxPopup } from './combobox.js';
|
|
7
8
|
|
|
8
9
|
interface HasElement {
|
|
9
10
|
element: Signal<HTMLElement>;
|
|
@@ -65,28 +66,27 @@ declare class Tree<V> {
|
|
|
65
66
|
/** The aria-current type. */
|
|
66
67
|
readonly currentType: _angular_core.InputSignal<"page" | "step" | "location" | "date" | "time" | "true" | "false">;
|
|
67
68
|
/** The UI pattern for the tree. */
|
|
68
|
-
readonly
|
|
69
|
+
readonly _pattern: TreePattern<V>;
|
|
69
70
|
/** Whether the tree has received focus yet. */
|
|
70
71
|
private _hasFocused;
|
|
71
72
|
constructor();
|
|
72
73
|
onFocus(): void;
|
|
73
74
|
register(child: TreeItem<V>): void;
|
|
74
75
|
unregister(child: TreeItem<V>): void;
|
|
76
|
+
scrollActiveItemIntoView(options?: ScrollIntoViewOptions): void;
|
|
75
77
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<Tree<any>, never>;
|
|
76
78
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<Tree<any>, "[ngTree]", ["ngTree"], { "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; }; "skipDisabled": { "alias": "skipDisabled"; "required": false; "isSignal": true; }; "typeaheadDelay": { "alias": "typeaheadDelay"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "nav": { "alias": "nav"; "required": false; "isSignal": true; }; "currentType": { "alias": "currentType"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, [{ directive: typeof ComboboxPopup; inputs: {}; outputs: {}; }]>;
|
|
77
79
|
}
|
|
78
80
|
/**
|
|
79
81
|
* A selectable and expandable Tree Item in a Tree.
|
|
80
82
|
*/
|
|
81
|
-
declare class TreeItem<V> implements OnInit, OnDestroy, HasElement {
|
|
83
|
+
declare class TreeItem<V> extends DeferredContentAware implements OnInit, OnDestroy, HasElement {
|
|
82
84
|
/** A reference to the tree item element. */
|
|
83
85
|
private readonly _elementRef;
|
|
84
86
|
/** A unique identifier for the tree item. */
|
|
85
87
|
private readonly _id;
|
|
86
88
|
/** The owned tree item group. */
|
|
87
89
|
private readonly _group;
|
|
88
|
-
/** The id of the owned group. */
|
|
89
|
-
readonly ownsId: Signal<string | undefined>;
|
|
90
90
|
/** The host native element. */
|
|
91
91
|
readonly element: Signal<any>;
|
|
92
92
|
/** The value of the tree item. */
|
|
@@ -95,6 +95,8 @@ declare class TreeItem<V> implements OnInit, OnDestroy, HasElement {
|
|
|
95
95
|
readonly parent: _angular_core.InputSignal<TreeItemGroup<V> | Tree<V>>;
|
|
96
96
|
/** Whether the tree item is disabled. */
|
|
97
97
|
readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
98
|
+
/** Whether the tree item is selectable. */
|
|
99
|
+
readonly selectable: _angular_core.InputSignal<boolean>;
|
|
98
100
|
/** Optional label for typeahead. Defaults to the element's textContent. */
|
|
99
101
|
readonly label: _angular_core.InputSignal<string | undefined>;
|
|
100
102
|
/** Search term for typeahead. */
|
|
@@ -102,50 +104,33 @@ declare class TreeItem<V> implements OnInit, OnDestroy, HasElement {
|
|
|
102
104
|
/** The tree root. */
|
|
103
105
|
readonly tree: Signal<Tree<V>>;
|
|
104
106
|
/** The UI pattern for this item. */
|
|
105
|
-
|
|
107
|
+
_pattern: TreeItemPattern<V>;
|
|
106
108
|
constructor();
|
|
107
109
|
ngOnInit(): void;
|
|
108
110
|
ngOnDestroy(): void;
|
|
109
111
|
register(group: TreeItemGroup<V>): void;
|
|
110
112
|
unregister(): void;
|
|
111
113
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeItem<any>, never>;
|
|
112
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TreeItem<any>, "[ngTreeItem]", ["ngTreeItem"], { "value": { "alias": "value"; "required": true; "isSignal": true; }; "parent": { "alias": "parent"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
114
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TreeItem<any>, "[ngTreeItem]", ["ngTreeItem"], { "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; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
113
115
|
}
|
|
114
116
|
/**
|
|
115
|
-
*
|
|
117
|
+
* Contains children tree itmes.
|
|
116
118
|
*/
|
|
117
|
-
declare class TreeItemGroup<V> implements OnInit, OnDestroy
|
|
118
|
-
/**
|
|
119
|
-
private readonly
|
|
120
|
-
/** The DeferredContentAware host directive. */
|
|
121
|
-
private readonly _deferredContentAware;
|
|
119
|
+
declare class TreeItemGroup<V> implements OnInit, OnDestroy {
|
|
120
|
+
/** The DeferredContent host directive. */
|
|
121
|
+
private readonly _deferredContent;
|
|
122
122
|
/** All groupable items that are descendants of the group. */
|
|
123
123
|
private readonly _unorderedItems;
|
|
124
|
-
/** The host native element. */
|
|
125
|
-
readonly element: Signal<any>;
|
|
126
|
-
/** Unique ID for the group. */
|
|
127
|
-
readonly id: string;
|
|
128
|
-
/** Whether the group is visible. */
|
|
129
|
-
readonly visible: _angular_core.WritableSignal<boolean>;
|
|
130
124
|
/** Child items within this group. */
|
|
131
|
-
readonly children: Signal<
|
|
125
|
+
readonly children: Signal<TreeItemPattern<V>[]>;
|
|
132
126
|
/** Tree item that owns the group. */
|
|
133
127
|
readonly ownedBy: _angular_core.InputSignal<TreeItem<V>>;
|
|
134
|
-
constructor();
|
|
135
128
|
ngOnInit(): void;
|
|
136
129
|
ngOnDestroy(): void;
|
|
137
130
|
register(child: TreeItem<V>): void;
|
|
138
131
|
unregister(child: TreeItem<V>): void;
|
|
139
132
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeItemGroup<any>, never>;
|
|
140
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TreeItemGroup<any>, "[ngTreeItemGroup]", ["ngTreeItemGroup"], { "ownedBy": { "alias": "ownedBy"; "required": true; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.
|
|
141
|
-
}
|
|
142
|
-
/**
|
|
143
|
-
* A structural directive that marks the `ng-template` to be used as the content
|
|
144
|
-
* for a `TreeItemGroup`. This content can be lazily loaded.
|
|
145
|
-
*/
|
|
146
|
-
declare class TreeItemGroupContent {
|
|
147
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TreeItemGroupContent, never>;
|
|
148
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TreeItemGroupContent, "ng-template[ngTreeItemGroupContent]", never, {}, {}, never, never, true, [{ directive: typeof i1.DeferredContent; inputs: {}; outputs: {}; }]>;
|
|
133
|
+
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: {}; }]>;
|
|
149
134
|
}
|
|
150
135
|
|
|
151
|
-
export { Tree, TreeItem, TreeItemGroup
|
|
136
|
+
export { Tree, TreeItem, TreeItemGroup };
|