@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.
Files changed (50) hide show
  1. package/_adev_assets/aria-accordion.json +373 -0
  2. package/_adev_assets/aria-combobox.json +383 -0
  3. package/_adev_assets/aria-grid.json +578 -0
  4. package/_adev_assets/aria-listbox.json +511 -0
  5. package/_adev_assets/aria-menu.json +752 -0
  6. package/_adev_assets/aria-radio-group.json +389 -0
  7. package/_adev_assets/aria-tabs.json +987 -0
  8. package/_adev_assets/aria-toolbar.json +717 -0
  9. package/_adev_assets/aria-tree.json +1067 -0
  10. package/fesm2022/_widget-chunk.mjs +827 -0
  11. package/fesm2022/_widget-chunk.mjs.map +1 -0
  12. package/fesm2022/accordion.mjs +371 -172
  13. package/fesm2022/accordion.mjs.map +1 -1
  14. package/fesm2022/aria.mjs +1 -2
  15. package/fesm2022/aria.mjs.map +1 -1
  16. package/fesm2022/combobox.mjs +304 -114
  17. package/fesm2022/combobox.mjs.map +1 -1
  18. package/fesm2022/deferred-content.mjs +89 -49
  19. package/fesm2022/deferred-content.mjs.map +1 -1
  20. package/fesm2022/grid.mjs +517 -0
  21. package/fesm2022/grid.mjs.map +1 -0
  22. package/fesm2022/listbox.mjs +384 -183
  23. package/fesm2022/listbox.mjs.map +1 -1
  24. package/fesm2022/menu.mjs +535 -0
  25. package/fesm2022/menu.mjs.map +1 -0
  26. package/fesm2022/private.mjs +2347 -0
  27. package/fesm2022/private.mjs.map +1 -0
  28. package/fesm2022/radio-group.mjs +320 -179
  29. package/fesm2022/radio-group.mjs.map +1 -1
  30. package/fesm2022/tabs.mjs +483 -274
  31. package/fesm2022/tabs.mjs.map +1 -1
  32. package/fesm2022/toolbar.mjs +330 -199
  33. package/fesm2022/toolbar.mjs.map +1 -1
  34. package/fesm2022/tree.mjs +511 -309
  35. package/fesm2022/tree.mjs.map +1 -1
  36. package/package.json +14 -6
  37. package/types/_grid-chunk.d.ts +546 -0
  38. package/types/accordion.d.ts +4 -4
  39. package/types/combobox.d.ts +18 -5
  40. package/types/deferred-content.d.ts +1 -0
  41. package/types/grid.d.ts +111 -0
  42. package/types/listbox.d.ts +6 -3
  43. package/types/menu.d.ts +158 -0
  44. package/types/{ui-patterns.d.ts → private.d.ts} +333 -133
  45. package/types/radio-group.d.ts +5 -3
  46. package/types/tabs.d.ts +4 -4
  47. package/types/toolbar.d.ts +4 -4
  48. package/types/tree.d.ts +17 -32
  49. package/fesm2022/ui-patterns.mjs +0 -2504
  50. package/fesm2022/ui-patterns.mjs.map +0 -1
@@ -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/ui-patterns';
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 pattern: RadioGroupPattern<V>;
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
- pattern: RadioButtonPattern<V>;
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/ui-patterns';
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 pattern: TabListPattern;
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 pattern: TabPattern;
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 pattern: TabPanelPattern;
141
+ readonly _pattern: TabPanelPattern;
142
142
  constructor();
143
143
  ngOnInit(): void;
144
144
  ngOnDestroy(): void;
@@ -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/ui-patterns';
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 pattern: ToolbarPattern<V>;
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 pattern: ToolbarWidgetPattern<V>;
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 pattern: ToolbarWidgetGroupPattern<V>;
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 pattern: TreePattern<V>;
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
- pattern: TreeItemPattern<V>;
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
- * Container that designates content as a group.
117
+ * Contains children tree itmes.
116
118
  */
117
- declare class TreeItemGroup<V> implements OnInit, OnDestroy, HasElement {
118
- /** A reference to the group element. */
119
- private readonly _elementRef;
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<TreeItem<V>[]>;
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.DeferredContentAware; inputs: { "preserveContent": "preserveContent"; }; outputs: {}; }]>;
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, TreeItemGroupContent };
136
+ export { Tree, TreeItem, TreeItemGroup };