@angular/aria 22.0.0-next.7 → 22.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/fesm2022/_accordion-chunk.mjs +11 -1
- package/fesm2022/_accordion-chunk.mjs.map +1 -1
- package/fesm2022/_click-event-manager-chunk.mjs +1 -1
- package/fesm2022/_deferred-content-chunk.mjs +6 -6
- package/fesm2022/_list-chunk.mjs +4 -1
- package/fesm2022/_list-chunk.mjs.map +1 -1
- package/fesm2022/_list-navigation-chunk.mjs +1 -1
- package/fesm2022/_list-typeahead-chunk.mjs +1 -1
- package/fesm2022/_menu-chunk.mjs +10 -1
- package/fesm2022/_menu-chunk.mjs.map +1 -1
- package/fesm2022/{_combobox-listbox-chunk.mjs → _option-chunk.mjs} +13 -50
- package/fesm2022/_option-chunk.mjs.map +1 -0
- package/fesm2022/_tabs-chunk.mjs +1 -1
- package/fesm2022/_toolbar-widget-group-chunk.mjs +10 -1
- package/fesm2022/_toolbar-widget-group-chunk.mjs.map +1 -1
- package/fesm2022/_transforms-chunk.mjs +8 -0
- package/fesm2022/_transforms-chunk.mjs.map +1 -0
- package/fesm2022/{_combobox-tree-chunk.mjs → _tree-chunk.mjs} +8 -48
- package/fesm2022/_tree-chunk.mjs.map +1 -0
- package/fesm2022/{_signal-like-chunk.mjs → _violations-chunk.mjs} +60 -2
- package/fesm2022/_violations-chunk.mjs.map +1 -0
- package/fesm2022/_widget-chunk.mjs +46 -15
- package/fesm2022/_widget-chunk.mjs.map +1 -1
- package/fesm2022/accordion.mjs +116 -89
- package/fesm2022/accordion.mjs.map +1 -1
- package/fesm2022/aria.mjs +1 -1
- package/fesm2022/aria.mjs.map +1 -1
- package/fesm2022/combobox-testing.mjs +79 -0
- package/fesm2022/combobox-testing.mjs.map +1 -0
- package/fesm2022/combobox.mjs +273 -307
- package/fesm2022/combobox.mjs.map +1 -1
- package/fesm2022/grid-testing.mjs +8 -0
- package/fesm2022/grid-testing.mjs.map +1 -1
- package/fesm2022/grid.mjs +75 -87
- package/fesm2022/grid.mjs.map +1 -1
- package/fesm2022/listbox-testing.mjs +4 -0
- package/fesm2022/listbox-testing.mjs.map +1 -1
- package/fesm2022/listbox.mjs +192 -215
- package/fesm2022/listbox.mjs.map +1 -1
- package/fesm2022/menu-testing.mjs +11 -0
- package/fesm2022/menu-testing.mjs.map +1 -1
- package/fesm2022/menu.mjs +60 -66
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/private.mjs +19 -13
- package/fesm2022/private.mjs.map +1 -1
- package/fesm2022/tabs.mjs +172 -115
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar-testing.mjs +5 -1
- package/fesm2022/toolbar-testing.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +41 -30
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tree-testing.mjs +12 -0
- package/fesm2022/tree-testing.mjs.map +1 -1
- package/fesm2022/tree.mjs +126 -156
- package/fesm2022/tree.mjs.map +1 -1
- package/package.json +6 -6
- package/types/_accordion-chunk.d.ts +4 -2
- package/types/_collection-chunk.d.ts +42 -0
- package/types/_expansion-chunk.d.ts +1 -1
- package/types/_grid-chunk.d.ts +11 -3
- package/types/_keyboard-event-manager-chunk.d.ts +1 -1
- package/types/_list-chunk.d.ts +1 -1
- package/types/_list-navigation-chunk.d.ts +1 -1
- package/types/_listbox-chunk.d.ts +1 -1
- package/types/_menu-chunk.d.ts +3 -1
- package/types/_tabs-chunk.d.ts +1 -1
- package/types/_toolbar-chunk.d.ts +3 -1
- package/types/_tree-chunk.d.ts +1 -1
- package/types/accordion.d.ts +10 -18
- package/types/combobox-testing.d.ts +63 -0
- package/types/combobox.d.ts +96 -193
- package/types/grid-testing.d.ts +4 -0
- package/types/grid.d.ts +99 -103
- package/types/listbox-testing.d.ts +25 -0
- package/types/listbox.d.ts +53 -62
- package/types/menu-testing.d.ts +6 -0
- package/types/menu.d.ts +17 -23
- package/types/private.d.ts +26 -137
- package/types/tabs.d.ts +69 -80
- package/types/toolbar-testing.d.ts +4 -0
- package/types/toolbar.d.ts +6 -12
- package/types/tree-testing.d.ts +8 -0
- package/types/tree.d.ts +7 -20
- package/fesm2022/_combobox-chunk.mjs +0 -478
- package/fesm2022/_combobox-chunk.mjs.map +0 -1
- package/fesm2022/_combobox-listbox-chunk.mjs.map +0 -1
- package/fesm2022/_combobox-tree-chunk.mjs.map +0 -1
- package/fesm2022/_element-chunk.mjs +0 -6
- package/fesm2022/_element-chunk.mjs.map +0 -1
- package/fesm2022/_signal-like-chunk.mjs.map +0 -1
- package/fesm2022/simple-combobox.mjs +0 -443
- package/fesm2022/simple-combobox.mjs.map +0 -1
- package/types/_combobox-chunk.d.ts +0 -224
- package/types/_element-chunk.d.ts +0 -10
- package/types/_signal-like-chunk.d.ts +0 -14
- package/types/simple-combobox.d.ts +0 -124
package/fesm2022/accordion.mjs
CHANGED
|
@@ -1,20 +1,57 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { inject, ElementRef, input, computed, afterRenderEffect,
|
|
3
|
-
import {
|
|
2
|
+
import { Directive, inject, ElementRef, contentChild, input, computed, afterRenderEffect, InjectionToken, booleanAttribute, signal, afterNextRender, model } from '@angular/core';
|
|
3
|
+
import { DeferredContent, DeferredContentAware } from './_deferred-content-chunk.mjs';
|
|
4
4
|
import { Directionality } from '@angular/cdk/bidi';
|
|
5
|
-
import {
|
|
5
|
+
import { reportViolations, SortedCollection } from './_violations-chunk.mjs';
|
|
6
6
|
import { AccordionGroupPattern, AccordionTriggerPattern } from './_accordion-chunk.mjs';
|
|
7
7
|
import { _IdGenerator } from '@angular/cdk/a11y';
|
|
8
|
+
import '@angular/core/primitives/signals';
|
|
8
9
|
import './_expansion-chunk.mjs';
|
|
9
10
|
import './_list-navigation-chunk.mjs';
|
|
10
|
-
import './_signal-like-chunk.mjs';
|
|
11
|
-
import '@angular/core/primitives/signals';
|
|
12
11
|
import './_click-event-manager-chunk.mjs';
|
|
13
12
|
|
|
13
|
+
class AccordionContent {
|
|
14
|
+
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
15
|
+
minVersion: "12.0.0",
|
|
16
|
+
version: "22.0.0-next.12",
|
|
17
|
+
ngImport: i0,
|
|
18
|
+
type: AccordionContent,
|
|
19
|
+
deps: [],
|
|
20
|
+
target: i0.ɵɵFactoryTarget.Directive
|
|
21
|
+
});
|
|
22
|
+
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
23
|
+
minVersion: "14.0.0",
|
|
24
|
+
version: "22.0.0-next.12",
|
|
25
|
+
type: AccordionContent,
|
|
26
|
+
isStandalone: true,
|
|
27
|
+
selector: "ng-template[ngAccordionContent]",
|
|
28
|
+
hostDirectives: [{
|
|
29
|
+
directive: DeferredContent
|
|
30
|
+
}],
|
|
31
|
+
ngImport: i0
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({
|
|
35
|
+
minVersion: "12.0.0",
|
|
36
|
+
version: "22.0.0-next.12",
|
|
37
|
+
ngImport: i0,
|
|
38
|
+
type: AccordionContent,
|
|
39
|
+
decorators: [{
|
|
40
|
+
type: Directive,
|
|
41
|
+
args: [{
|
|
42
|
+
selector: 'ng-template[ngAccordionContent]',
|
|
43
|
+
hostDirectives: [DeferredContent]
|
|
44
|
+
}]
|
|
45
|
+
}]
|
|
46
|
+
});
|
|
47
|
+
|
|
14
48
|
class AccordionPanel {
|
|
15
49
|
_elementRef = inject(ElementRef);
|
|
16
50
|
element = this._elementRef.nativeElement;
|
|
17
51
|
_deferredContentAware = inject(DeferredContentAware);
|
|
52
|
+
_accordionContent = contentChild(AccordionContent, ...(ngDevMode ? [{
|
|
53
|
+
debugName: "_accordionContent"
|
|
54
|
+
}] : []));
|
|
18
55
|
id = input(inject(_IdGenerator).getId('ng-accordion-panel-', true), ...(ngDevMode ? [{
|
|
19
56
|
debugName: "id"
|
|
20
57
|
}] : []));
|
|
@@ -28,6 +65,20 @@ class AccordionPanel {
|
|
|
28
65
|
this._deferredContentAware.contentVisible.set(this.visible());
|
|
29
66
|
}
|
|
30
67
|
});
|
|
68
|
+
if (typeof ngDevMode === 'undefined' || ngDevMode) {
|
|
69
|
+
afterRenderEffect({
|
|
70
|
+
read: () => {
|
|
71
|
+
const violations = [];
|
|
72
|
+
if (!this._accordionContent()) {
|
|
73
|
+
violations.push('ngAccordionPanel must have an ngAccordionContent to render.');
|
|
74
|
+
}
|
|
75
|
+
if (!this._pattern) {
|
|
76
|
+
violations.push('ngAccordionPanel must have an ngAccordionTrigger to control it.');
|
|
77
|
+
}
|
|
78
|
+
reportViolations(violations, this.element);
|
|
79
|
+
}
|
|
80
|
+
});
|
|
81
|
+
}
|
|
31
82
|
}
|
|
32
83
|
expand() {
|
|
33
84
|
this._pattern?.open();
|
|
@@ -40,15 +91,15 @@ class AccordionPanel {
|
|
|
40
91
|
}
|
|
41
92
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
42
93
|
minVersion: "12.0.0",
|
|
43
|
-
version: "22.0.0-next.
|
|
94
|
+
version: "22.0.0-next.12",
|
|
44
95
|
ngImport: i0,
|
|
45
96
|
type: AccordionPanel,
|
|
46
97
|
deps: [],
|
|
47
98
|
target: i0.ɵɵFactoryTarget.Directive
|
|
48
99
|
});
|
|
49
100
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
50
|
-
minVersion: "17.
|
|
51
|
-
version: "22.0.0-next.
|
|
101
|
+
minVersion: "17.2.0",
|
|
102
|
+
version: "22.0.0-next.12",
|
|
52
103
|
type: AccordionPanel,
|
|
53
104
|
isStandalone: true,
|
|
54
105
|
selector: "[ngAccordionPanel]",
|
|
@@ -71,6 +122,13 @@ class AccordionPanel {
|
|
|
71
122
|
"attr.inert": "!visible() ? true : null"
|
|
72
123
|
}
|
|
73
124
|
},
|
|
125
|
+
queries: [{
|
|
126
|
+
propertyName: "_accordionContent",
|
|
127
|
+
first: true,
|
|
128
|
+
predicate: AccordionContent,
|
|
129
|
+
descendants: true,
|
|
130
|
+
isSignal: true
|
|
131
|
+
}],
|
|
74
132
|
exportAs: ["ngAccordionPanel"],
|
|
75
133
|
hostDirectives: [{
|
|
76
134
|
directive: DeferredContentAware,
|
|
@@ -81,7 +139,7 @@ class AccordionPanel {
|
|
|
81
139
|
}
|
|
82
140
|
i0.ɵɵngDeclareClassMetadata({
|
|
83
141
|
minVersion: "12.0.0",
|
|
84
|
-
version: "22.0.0-next.
|
|
142
|
+
version: "22.0.0-next.12",
|
|
85
143
|
ngImport: i0,
|
|
86
144
|
type: AccordionPanel,
|
|
87
145
|
decorators: [{
|
|
@@ -103,6 +161,12 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
103
161
|
}],
|
|
104
162
|
ctorParameters: () => [],
|
|
105
163
|
propDecorators: {
|
|
164
|
+
_accordionContent: [{
|
|
165
|
+
type: i0.ContentChild,
|
|
166
|
+
args: [i0.forwardRef(() => AccordionContent), {
|
|
167
|
+
isSignal: true
|
|
168
|
+
}]
|
|
169
|
+
}],
|
|
106
170
|
id: [{
|
|
107
171
|
type: i0.Input,
|
|
108
172
|
args: [{
|
|
@@ -119,18 +183,9 @@ const ACCORDION_GROUP = new InjectionToken('ACCORDION_GROUP');
|
|
|
119
183
|
class AccordionGroup {
|
|
120
184
|
_elementRef = inject(ElementRef);
|
|
121
185
|
element = this._elementRef.nativeElement;
|
|
122
|
-
|
|
123
|
-
debugName: "_triggers"
|
|
124
|
-
}] : []));
|
|
125
|
-
_sortedTriggers = computed(() => {
|
|
126
|
-
const triggers = [...this._triggers()];
|
|
127
|
-
const sortFn = triggers[0]?.index() === undefined ? sortDirectives : (a, b) => a.index() - b.index();
|
|
128
|
-
return triggers.sort(sortFn);
|
|
129
|
-
}, ...(ngDevMode ? [{
|
|
130
|
-
debugName: "_sortedTriggers"
|
|
131
|
-
}] : []));
|
|
186
|
+
_collection = new SortedCollection();
|
|
132
187
|
_triggerPatterns = computed(() => {
|
|
133
|
-
return this.
|
|
188
|
+
return this._collection.orderedItems().map(t => t._pattern);
|
|
134
189
|
}, ...(ngDevMode ? [{
|
|
135
190
|
debugName: "_triggerPatterns"
|
|
136
191
|
}] : []));
|
|
@@ -166,23 +221,30 @@ class AccordionGroup {
|
|
|
166
221
|
items: this._triggerPatterns,
|
|
167
222
|
orientation: () => 'vertical'
|
|
168
223
|
});
|
|
224
|
+
constructor() {
|
|
225
|
+
afterNextRender(() => {
|
|
226
|
+
this._collection.startObserving(this.element);
|
|
227
|
+
});
|
|
228
|
+
if (typeof ngDevMode === 'undefined' || ngDevMode) {
|
|
229
|
+
afterRenderEffect({
|
|
230
|
+
read: () => {
|
|
231
|
+
reportViolations(this._pattern.validate(), this.element);
|
|
232
|
+
}
|
|
233
|
+
});
|
|
234
|
+
}
|
|
235
|
+
}
|
|
236
|
+
ngOnDestroy() {
|
|
237
|
+
this._collection.stopObserving();
|
|
238
|
+
}
|
|
169
239
|
expandAll() {
|
|
170
240
|
this._pattern.expandAll();
|
|
171
241
|
}
|
|
172
242
|
collapseAll() {
|
|
173
243
|
this._pattern.collapseAll();
|
|
174
244
|
}
|
|
175
|
-
_registerTrigger(trigger) {
|
|
176
|
-
this._triggers().add(trigger);
|
|
177
|
-
this._triggers.set(new Set(this._triggers()));
|
|
178
|
-
}
|
|
179
|
-
_unregisterTrigger(trigger) {
|
|
180
|
-
this._triggers().delete(trigger);
|
|
181
|
-
this._triggers.set(new Set(this._triggers()));
|
|
182
|
-
}
|
|
183
245
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
184
246
|
minVersion: "12.0.0",
|
|
185
|
-
version: "22.0.0-next.
|
|
247
|
+
version: "22.0.0-next.12",
|
|
186
248
|
ngImport: i0,
|
|
187
249
|
type: AccordionGroup,
|
|
188
250
|
deps: [],
|
|
@@ -190,7 +252,7 @@ class AccordionGroup {
|
|
|
190
252
|
});
|
|
191
253
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
192
254
|
minVersion: "17.1.0",
|
|
193
|
-
version: "22.0.0-next.
|
|
255
|
+
version: "22.0.0-next.12",
|
|
194
256
|
type: AccordionGroup,
|
|
195
257
|
isStandalone: true,
|
|
196
258
|
selector: "[ngAccordionGroup]",
|
|
@@ -241,7 +303,7 @@ class AccordionGroup {
|
|
|
241
303
|
}
|
|
242
304
|
i0.ɵɵngDeclareClassMetadata({
|
|
243
305
|
minVersion: "12.0.0",
|
|
244
|
-
version: "22.0.0-next.
|
|
306
|
+
version: "22.0.0-next.12",
|
|
245
307
|
ngImport: i0,
|
|
246
308
|
type: AccordionGroup,
|
|
247
309
|
decorators: [{
|
|
@@ -260,6 +322,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
260
322
|
}]
|
|
261
323
|
}]
|
|
262
324
|
}],
|
|
325
|
+
ctorParameters: () => [],
|
|
263
326
|
propDecorators: {
|
|
264
327
|
disabled: [{
|
|
265
328
|
type: i0.Input,
|
|
@@ -315,9 +378,6 @@ class AccordionTrigger {
|
|
|
315
378
|
} : {}),
|
|
316
379
|
transform: booleanAttribute
|
|
317
380
|
});
|
|
318
|
-
index = input(...(ngDevMode ? [undefined, {
|
|
319
|
-
debugName: "index"
|
|
320
|
-
}] : []));
|
|
321
381
|
expanded = model(false, ...(ngDevMode ? [{
|
|
322
382
|
debugName: "expanded"
|
|
323
383
|
}] : []));
|
|
@@ -325,6 +385,22 @@ class AccordionTrigger {
|
|
|
325
385
|
debugName: "active"
|
|
326
386
|
}] : []));
|
|
327
387
|
_pattern;
|
|
388
|
+
constructor() {
|
|
389
|
+
if (typeof ngDevMode === 'undefined' || ngDevMode) {
|
|
390
|
+
afterRenderEffect({
|
|
391
|
+
read: () => {
|
|
392
|
+
const violations = [];
|
|
393
|
+
if (this.panel() && this.panel().element.contains(this.element)) {
|
|
394
|
+
violations.push('ngAccordionTrigger must not be nested inside its controlled ngAccordionPanel, otherwise it will become unreachable when collapsed.');
|
|
395
|
+
}
|
|
396
|
+
if (this.panel() && this.panel()._pattern !== this._pattern) {
|
|
397
|
+
violations.push('ngAccordionPanel is already controlled by another ngAccordionTrigger.');
|
|
398
|
+
}
|
|
399
|
+
reportViolations(violations, this.element);
|
|
400
|
+
}
|
|
401
|
+
});
|
|
402
|
+
}
|
|
403
|
+
}
|
|
328
404
|
ngOnInit() {
|
|
329
405
|
this._pattern = new AccordionTriggerPattern({
|
|
330
406
|
...this,
|
|
@@ -333,11 +409,11 @@ class AccordionTrigger {
|
|
|
333
409
|
accordionPanelId: this.panelId
|
|
334
410
|
});
|
|
335
411
|
this.panel()._pattern = this._pattern;
|
|
336
|
-
this._accordionGroup.
|
|
412
|
+
this._accordionGroup._collection.register(this);
|
|
337
413
|
}
|
|
338
414
|
ngOnDestroy() {
|
|
339
415
|
this.panel()._pattern = undefined;
|
|
340
|
-
this._accordionGroup.
|
|
416
|
+
this._accordionGroup._collection.unregister(this);
|
|
341
417
|
}
|
|
342
418
|
expand() {
|
|
343
419
|
this._pattern.open();
|
|
@@ -350,7 +426,7 @@ class AccordionTrigger {
|
|
|
350
426
|
}
|
|
351
427
|
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
352
428
|
minVersion: "12.0.0",
|
|
353
|
-
version: "22.0.0-next.
|
|
429
|
+
version: "22.0.0-next.12",
|
|
354
430
|
ngImport: i0,
|
|
355
431
|
type: AccordionTrigger,
|
|
356
432
|
deps: [],
|
|
@@ -358,7 +434,7 @@ class AccordionTrigger {
|
|
|
358
434
|
});
|
|
359
435
|
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
360
436
|
minVersion: "17.1.0",
|
|
361
|
-
version: "22.0.0-next.
|
|
437
|
+
version: "22.0.0-next.12",
|
|
362
438
|
type: AccordionTrigger,
|
|
363
439
|
isStandalone: true,
|
|
364
440
|
selector: "[ngAccordionTrigger]",
|
|
@@ -384,13 +460,6 @@ class AccordionTrigger {
|
|
|
384
460
|
isRequired: false,
|
|
385
461
|
transformFunction: null
|
|
386
462
|
},
|
|
387
|
-
index: {
|
|
388
|
-
classPropertyName: "index",
|
|
389
|
-
publicName: "index",
|
|
390
|
-
isSignal: true,
|
|
391
|
-
isRequired: false,
|
|
392
|
-
transformFunction: null
|
|
393
|
-
},
|
|
394
463
|
expanded: {
|
|
395
464
|
classPropertyName: "expanded",
|
|
396
465
|
publicName: "expanded",
|
|
@@ -422,7 +491,7 @@ class AccordionTrigger {
|
|
|
422
491
|
}
|
|
423
492
|
i0.ɵɵngDeclareClassMetadata({
|
|
424
493
|
minVersion: "12.0.0",
|
|
425
|
-
version: "22.0.0-next.
|
|
494
|
+
version: "22.0.0-next.12",
|
|
426
495
|
ngImport: i0,
|
|
427
496
|
type: AccordionTrigger,
|
|
428
497
|
decorators: [{
|
|
@@ -442,6 +511,7 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
442
511
|
}
|
|
443
512
|
}]
|
|
444
513
|
}],
|
|
514
|
+
ctorParameters: () => [],
|
|
445
515
|
propDecorators: {
|
|
446
516
|
panel: [{
|
|
447
517
|
type: i0.Input,
|
|
@@ -467,14 +537,6 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
467
537
|
required: false
|
|
468
538
|
}]
|
|
469
539
|
}],
|
|
470
|
-
index: [{
|
|
471
|
-
type: i0.Input,
|
|
472
|
-
args: [{
|
|
473
|
-
isSignal: true,
|
|
474
|
-
alias: "index",
|
|
475
|
-
required: false
|
|
476
|
-
}]
|
|
477
|
-
}],
|
|
478
540
|
expanded: [{
|
|
479
541
|
type: i0.Input,
|
|
480
542
|
args: [{
|
|
@@ -489,40 +551,5 @@ i0.ɵɵngDeclareClassMetadata({
|
|
|
489
551
|
}
|
|
490
552
|
});
|
|
491
553
|
|
|
492
|
-
class AccordionContent {
|
|
493
|
-
static ɵfac = i0.ɵɵngDeclareFactory({
|
|
494
|
-
minVersion: "12.0.0",
|
|
495
|
-
version: "22.0.0-next.9",
|
|
496
|
-
ngImport: i0,
|
|
497
|
-
type: AccordionContent,
|
|
498
|
-
deps: [],
|
|
499
|
-
target: i0.ɵɵFactoryTarget.Directive
|
|
500
|
-
});
|
|
501
|
-
static ɵdir = i0.ɵɵngDeclareDirective({
|
|
502
|
-
minVersion: "14.0.0",
|
|
503
|
-
version: "22.0.0-next.9",
|
|
504
|
-
type: AccordionContent,
|
|
505
|
-
isStandalone: true,
|
|
506
|
-
selector: "ng-template[ngAccordionContent]",
|
|
507
|
-
hostDirectives: [{
|
|
508
|
-
directive: DeferredContent
|
|
509
|
-
}],
|
|
510
|
-
ngImport: i0
|
|
511
|
-
});
|
|
512
|
-
}
|
|
513
|
-
i0.ɵɵngDeclareClassMetadata({
|
|
514
|
-
minVersion: "12.0.0",
|
|
515
|
-
version: "22.0.0-next.9",
|
|
516
|
-
ngImport: i0,
|
|
517
|
-
type: AccordionContent,
|
|
518
|
-
decorators: [{
|
|
519
|
-
type: Directive,
|
|
520
|
-
args: [{
|
|
521
|
-
selector: 'ng-template[ngAccordionContent]',
|
|
522
|
-
hostDirectives: [DeferredContent]
|
|
523
|
-
}]
|
|
524
|
-
}]
|
|
525
|
-
});
|
|
526
|
-
|
|
527
554
|
export { AccordionContent, AccordionGroup, AccordionPanel, AccordionTrigger, DeferredContent as ɵɵDeferredContent, DeferredContentAware as ɵɵDeferredContentAware };
|
|
528
555
|
//# sourceMappingURL=accordion.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"accordion.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/accordion/accordion-panel.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/accordion/accordion-tokens.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/accordion/accordion-group.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/accordion/accordion-trigger.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/accordion/accordion-content.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Directive, ElementRef, afterRenderEffect, computed, inject, input} from '@angular/core';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {DeferredContentAware, AccordionTriggerPattern} from '../private';\n\n/**\n * The content panel of an accordion item that is conditionally visible.\n *\n * This directive is a container for the content that is shown or hidden. It should\n * expose a template reference that will be used by the corresponding `ngAccordionTrigger`.\n * The content within the panel should be provided using an `ng-template` with the\n * `ngAccordionContent` directive so that the content is not rendered on the page until the trigger\n * is expanded. It applies `role=\"region\"` for accessibility and uses the `inert` attribute to hide\n * its content from assistive technologies when not visible.\n *\n * ```html\n * <div ngAccordionPanel #panel=\"ngAccordionPanel\">\n * <ng-template ngAccordionContent>\n * <p>This content is lazily rendered and will be shown when the panel is expanded.</p>\n * </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n * @see [Accordion](guide/aria/accordion)\n */\n@Directive({\n selector: '[ngAccordionPanel]',\n exportAs: 'ngAccordionPanel',\n hostDirectives: [\n {\n directive: DeferredContentAware,\n inputs: ['preserveContent'],\n },\n ],\n host: {\n 'role': 'region',\n '[attr.id]': 'id()',\n '[attr.aria-labelledby]': '_pattern?.id()',\n '[attr.inert]': '!visible() ? true : null',\n },\n})\nexport class AccordionPanel {\n /** A reference to the trigger element. */\n private readonly _elementRef = inject(ElementRef);\n\n /** A reference to the trigger element. */\n readonly element = this._elementRef.nativeElement as HTMLElement;\n\n /** The DeferredContentAware host directive. */\n private readonly _deferredContentAware = inject(DeferredContentAware);\n\n /** A global unique identifier for the panel. */\n readonly id = input(inject(_IdGenerator).getId('ng-accordion-panel-', true));\n\n /** Whether the accordion panel is visible. True if the associated trigger is expanded. */\n readonly visible = computed(() => this._pattern?.expanded() === true);\n\n /**\n * The pattern for the accordion trigger that controls this panel.\n * This is set by the trigger when it initializes.\n * There is no need for a panel pattern, as the trigger has all the necessary logic.\n */\n _pattern?: AccordionTriggerPattern;\n\n constructor() {\n // Connect the panel's hidden state to the DeferredContentAware's visibility.\n afterRenderEffect({\n write: () => {\n this._deferredContentAware.contentVisible.set(this.visible());\n },\n });\n }\n\n /** Expands this item. */\n expand() {\n this._pattern?.open();\n }\n\n /** Collapses this item. */\n collapse() {\n this._pattern?.close();\n }\n\n /** Toggles the expansion state of this item. */\n toggle() {\n this._pattern?.toggle();\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {InjectionToken} from '@angular/core';\nimport type {AccordionGroup} from './accordion-group';\n\n/** Token used to expose the accordion group. */\nexport const ACCORDION_GROUP = new InjectionToken<AccordionGroup>('ACCORDION_GROUP');\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n Directive,\n ElementRef,\n booleanAttribute,\n computed,\n inject,\n input,\n signal,\n} from '@angular/core';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {AccordionGroupPattern, sortDirectives} from '../private';\nimport {AccordionTrigger} from './accordion-trigger';\nimport {ACCORDION_GROUP} from './accordion-tokens';\n\n/**\n * A container for a group of accordion items. It manages the overall state and\n * interactions of the accordion, such as keyboard navigation and expansion mode.\n *\n * The `ngAccordionGroup` serves as the root of a group of accordion triggers and panels,\n * coordinating the behavior of the `ngAccordionTrigger` and `ngAccordionPanel` elements within it.\n * It supports both single and multiple expansion modes.\n *\n * ```html\n * <div ngAccordionGroup [multiExpandable]=\"true\">\n * <div class=\"accordion-item\">\n * <h3>\n * <button ngAccordionTrigger [panel]=\"panel1\">Item 1</button>\n * </h3>\n * <div ngAccordionPanel #panel1=\"ngAccordionPanel\">\n * <ng-template ngAccordionContent>\n * <p>Content for Item 1.</p>\n * </ng-template>\n * </div>\n * </div>\n * <div class=\"accordion-item\">\n * <h3>\n * <button ngAccordionTrigger [panel]=\"panel2\">Item 2</button>\n * </h3>\n * <div ngAccordionPanel #panel2=\"ngAccordionPanel\">\n * <ng-template ngAccordionContent>\n * <p>Content for Item 2.</p>\n * </ng-template>\n * </div>\n * </div>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n * @see [Accordion](guide/aria/accordion)\n */\n@Directive({\n selector: '[ngAccordionGroup]',\n exportAs: 'ngAccordionGroup',\n host: {\n '(keydown)': '_pattern.onKeydown($event)',\n '(click)': '_pattern.onClick($event)',\n '(focusin)': '_pattern.onFocus($event)',\n },\n providers: [{provide: ACCORDION_GROUP, useExisting: AccordionGroup}],\n})\nexport class AccordionGroup {\n /** A reference to the group element. */\n private readonly _elementRef = inject(ElementRef);\n\n /** A reference to the group element. */\n readonly element = this._elementRef.nativeElement as HTMLElement;\n\n /** The AccordionTriggers nested inside this group. */\n private readonly _triggers = signal(new Set<AccordionTrigger>());\n\n /** The AccordionTriggers nested inside this group. */\n private readonly _sortedTriggers = computed(() => {\n const triggers = [...this._triggers()] as AccordionTrigger[];\n const sortFn =\n triggers[0]?.index() === undefined\n ? sortDirectives\n : (a: AccordionTrigger, b: AccordionTrigger) => a.index()! - b.index()!;\n\n return triggers.sort(sortFn);\n });\n\n /** The corresponding patterns for the accordion triggers. */\n private readonly _triggerPatterns = computed(() => {\n return this._sortedTriggers().map(t => t._pattern);\n });\n\n /** The text direction (ltr or rtl). */\n readonly textDirection = inject(Directionality).valueSignal;\n\n /** Whether the entire accordion group is disabled. */\n readonly disabled = input(false, {transform: booleanAttribute});\n\n /** Whether multiple accordion items can be expanded simultaneously. */\n readonly multiExpandable = input(true, {transform: booleanAttribute});\n\n /**\n * Whether to allow disabled items to receive focus. When `true`, disabled items are\n * focusable but not interactive. When `false`, disabled items are skipped during navigation.\n */\n readonly softDisabled = input(true, {transform: booleanAttribute});\n\n /** Whether keyboard navigation should wrap around from the last item to the first, and vice-versa. */\n readonly wrap = input(false, {transform: booleanAttribute});\n\n /** The UI pattern instance for this accordion group. */\n readonly _pattern: AccordionGroupPattern = new AccordionGroupPattern({\n ...this,\n element: () => this.element,\n activeItem: signal(undefined),\n items: this._triggerPatterns,\n orientation: () => 'vertical',\n });\n\n /** Expands all accordion panels if multi-expandable. */\n expandAll() {\n this._pattern.expandAll();\n }\n\n /** Collapses all accordion panels. */\n collapseAll() {\n this._pattern.collapseAll();\n }\n\n /** Internal method to register each trigger as we can not use contentChildren. */\n _registerTrigger(trigger: AccordionTrigger) {\n this._triggers().add(trigger);\n this._triggers.set(new Set(this._triggers()));\n }\n\n /** Internal method to unregister each trigger as we can not use contentChildren. */\n _unregisterTrigger(trigger: AccordionTrigger) {\n this._triggers().delete(trigger);\n this._triggers.set(new Set(this._triggers()));\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n Directive,\n ElementRef,\n OnDestroy,\n OnInit,\n booleanAttribute,\n computed,\n inject,\n input,\n model,\n} from '@angular/core';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {AccordionTriggerPattern} from '../private';\nimport {ACCORDION_GROUP} from './accordion-tokens';\nimport {AccordionPanel} from './accordion-panel';\n\n/**\n * The trigger that toggles the visibility of its associated `ngAccordionPanel`.\n *\n * This directive requires the `panel` input be set to the template reference of the `ngAccordionPanel`\n * it controls. When clicked, it will expand or collapse the panel. It also handles keyboard\n * interactions for navigation within the `ngAccordionGroup`. It applies `role=\"button\"` and manages\n * `aria-expanded`, `aria-controls`, and `aria-disabled` attributes for accessibility.\n * The `disabled` input can be used to disable the trigger.\n *\n * ```html\n * <button ngAccordionTrigger [panel]=\"panel\">\n * Accordion Trigger Text\n * </button>\n * ```\n *\n * @developerPreview 21.0\n * @see [Accordion](guide/aria/accordion)\n */\n@Directive({\n selector: '[ngAccordionTrigger]',\n exportAs: 'ngAccordionTrigger',\n host: {\n '[attr.data-active]': 'active()',\n 'role': 'button',\n '[id]': 'id()',\n '[attr.aria-expanded]': 'expanded()',\n '[attr.aria-controls]': '_pattern.controls()',\n '[attr.aria-disabled]': '_pattern.disabled()',\n '[attr.disabled]': '_pattern.hardDisabled() ? true : null',\n '[attr.tabindex]': '_pattern.tabIndex()',\n },\n})\nexport class AccordionTrigger implements OnInit, OnDestroy {\n /** A reference to the trigger element. */\n private readonly _elementRef = inject(ElementRef);\n\n /** A reference to the trigger element. */\n readonly element = this._elementRef.nativeElement as HTMLElement;\n\n /** The parent AccordionGroup. */\n private readonly _accordionGroup = inject(ACCORDION_GROUP);\n\n /** The associated AccordionPanel. */\n readonly panel = input.required<AccordionPanel>();\n\n /** The unique identifier for the trigger. */\n readonly id = input(inject(_IdGenerator).getId('ng-accordion-trigger-', true));\n\n /** The unique identifier for the corresponding trigger panel. */\n readonly panelId = computed(() => this.panel().id());\n\n /** Whether the trigger is disabled. */\n readonly disabled = input(false, {transform: booleanAttribute});\n\n /** The index of the trigger within the accordion group. */\n readonly index = input<number>();\n\n /** Whether the corresponding panel is expanded. */\n readonly expanded = model<boolean>(false);\n\n /** Whether the trigger is active. */\n readonly active = computed(() => this._pattern.active());\n\n /** The UI pattern instance for this trigger. */\n _pattern!: AccordionTriggerPattern;\n\n ngOnInit() {\n this._pattern = new AccordionTriggerPattern({\n ...this,\n element: () => this.element,\n accordionGroup: () => this._accordionGroup._pattern,\n accordionPanelId: this.panelId,\n });\n\n this.panel()._pattern = this._pattern;\n\n this._accordionGroup._registerTrigger(this);\n }\n\n ngOnDestroy() {\n this.panel()._pattern = undefined;\n\n this._accordionGroup._unregisterTrigger(this);\n }\n\n /** Expands this item. */\n expand() {\n this._pattern.open();\n }\n\n /** Collapses this item. */\n collapse() {\n this._pattern.close();\n }\n\n /** Toggles the expansion state of this item. */\n toggle() {\n this._pattern.toggle();\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Directive} from '@angular/core';\nimport {DeferredContent} from '../private';\n\n/**\n * A structural directive that provides a mechanism for lazily rendering the content for an\n * `ngAccordionPanel`.\n *\n * This directive should be applied to an `ng-template` inside an `ngAccordionPanel`.\n * It allows the content of the panel to be lazily rendered, improving performance\n * by only creating the content when the panel is first expanded.\n *\n * ```html\n * <div ngAccordionPanel>\n * <ng-template ngAccordionContent>\n * <p>This is the content that will be displayed inside the panel.</p>\n * </ng-template>\n * </div>\n * ```\n *\n * @developerPreview 21.0\n * @see [Accordion](guide/aria/accordion)\n */\n@Directive({\n selector: 'ng-template[ngAccordionContent]',\n hostDirectives: [DeferredContent],\n})\nexport class AccordionContent {}\n"],"names":["AccordionPanel","_elementRef","inject","ElementRef","element","nativeElement","_deferredContentAware","DeferredContentAware","id","input","_IdGenerator","getId","visible","computed","_pattern","expanded","constructor","afterRenderEffect","write","contentVisible","set","expand","open","collapse","close","toggle","deps","target","i0","ɵɵFactoryTarget","Directive","isStandalone","selector","inputs","classPropertyName","publicName","isSignal","isRequired","transformFunction","host","attributes","properties","exportAs","hostDirectives","directive","i1","ngImport","decorators","args","ACCORDION_GROUP","InjectionToken","AccordionGroup","_triggers","signal","Set","_sortedTriggers","triggers","sortFn","index","undefined","sortDirectives","a","b","sort","_triggerPatterns","map","t","textDirection","Directionality","valueSignal","disabled","transform","booleanAttribute","multiExpandable","softDisabled","wrap","AccordionGroupPattern","activeItem","items","orientation","expandAll","collapseAll","_registerTrigger","trigger","add","_unregisterTrigger","delete","listeners","providers","provide","useExisting","AccordionTrigger","_accordionGroup","panel","required","panelId","model","active","ngOnInit","AccordionTriggerPattern","accordionGroup","accordionPanelId","ngOnDestroy","outputs","AccordionContent","DeferredContent"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"accordion.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/accordion/accordion-content.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/accordion/accordion-panel.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/accordion/accordion-tokens.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/accordion/accordion-group.ts","../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/accordion/accordion-trigger.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Directive} from '@angular/core';\nimport {DeferredContent} from '../private';\n\n/**\n * A structural directive that provides a mechanism for lazily rendering the content for an\n * `ngAccordionPanel`.\n *\n * This directive should be applied to an `ng-template` inside an `ngAccordionPanel`.\n * It allows the content of the panel to be lazily rendered, improving performance\n * by only creating the content when the panel is first expanded.\n *\n * ```html\n * <div ngAccordionPanel>\n * <ng-template ngAccordionContent>\n * <p>This is the content that will be displayed inside the panel.</p>\n * </ng-template>\n * </div>\n * ```\n *\n * @see [Accordion](guide/aria/accordion)\n */\n@Directive({\n selector: 'ng-template[ngAccordionContent]',\n hostDirectives: [DeferredContent],\n})\nexport class AccordionContent {}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n Directive,\n ElementRef,\n afterRenderEffect,\n computed,\n contentChild,\n inject,\n input,\n} from '@angular/core';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {DeferredContentAware, AccordionTriggerPattern, reportViolations} from '../private';\nimport {AccordionContent} from './accordion-content';\n\n/**\n * The content panel of an accordion item that is conditionally visible.\n *\n * This directive is a container for the content that is shown or hidden. It should\n * expose a template reference that will be used by the corresponding `ngAccordionTrigger`.\n * The content within the panel should be provided using an `ng-template` with the\n * `ngAccordionContent` directive so that the content is not rendered on the page until the trigger\n * is expanded. It applies `role=\"region\"` for accessibility and uses the `inert` attribute to hide\n * its content from assistive technologies when not visible.\n *\n * ```html\n * <div ngAccordionPanel #panel=\"ngAccordionPanel\">\n * <ng-template ngAccordionContent>\n * <p>This content is lazily rendered and will be shown when the panel is expanded.</p>\n * </ng-template>\n * </div>\n * ```\n *\n * @see [Accordion](guide/aria/accordion)\n */\n@Directive({\n selector: '[ngAccordionPanel]',\n exportAs: 'ngAccordionPanel',\n hostDirectives: [\n {\n directive: DeferredContentAware,\n inputs: ['preserveContent'],\n },\n ],\n host: {\n 'role': 'region',\n '[attr.id]': 'id()',\n '[attr.aria-labelledby]': '_pattern?.id()',\n '[attr.inert]': '!visible() ? true : null',\n },\n})\nexport class AccordionPanel {\n /** A reference to the trigger element. */\n private readonly _elementRef = inject(ElementRef);\n\n /** A reference to the trigger element. */\n readonly element = this._elementRef.nativeElement as HTMLElement;\n\n /** The DeferredContentAware host directive. */\n private readonly _deferredContentAware = inject(DeferredContentAware);\n\n private readonly _accordionContent = contentChild(AccordionContent);\n\n /** A global unique identifier for the panel. */\n readonly id = input(inject(_IdGenerator).getId('ng-accordion-panel-', true));\n\n /** Whether the accordion panel is visible. True if the associated trigger is expanded. */\n readonly visible = computed(() => this._pattern?.expanded() === true);\n\n /**\n * The pattern for the accordion trigger that controls this panel.\n * This is set by the trigger when it initializes.\n * There is no need for a panel pattern, as the trigger has all the necessary logic.\n */\n _pattern?: AccordionTriggerPattern;\n\n constructor() {\n // Connect the panel's hidden state to the DeferredContentAware's visibility.\n afterRenderEffect({\n write: () => {\n this._deferredContentAware.contentVisible.set(this.visible());\n },\n });\n\n // Check for any violations after the DOM has been updated.\n if (typeof ngDevMode === 'undefined' || ngDevMode) {\n afterRenderEffect({\n read: () => {\n const violations: string[] = [];\n\n if (!this._accordionContent()) {\n violations.push('ngAccordionPanel must have an ngAccordionContent to render.');\n }\n if (!this._pattern) {\n violations.push('ngAccordionPanel must have an ngAccordionTrigger to control it.');\n }\n\n reportViolations(violations, this.element);\n },\n });\n }\n }\n\n /** Expands this item. */\n expand() {\n this._pattern?.open();\n }\n\n /** Collapses this item. */\n collapse() {\n this._pattern?.close();\n }\n\n /** Toggles the expansion state of this item. */\n toggle() {\n this._pattern?.toggle();\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {InjectionToken} from '@angular/core';\nimport type {AccordionGroup} from './accordion-group';\n\n/** Token used to expose the accordion group. */\nexport const ACCORDION_GROUP = new InjectionToken<AccordionGroup>('ACCORDION_GROUP');\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n Directive,\n ElementRef,\n booleanAttribute,\n computed,\n inject,\n input,\n signal,\n afterNextRender,\n afterRenderEffect,\n OnDestroy,\n} from '@angular/core';\nimport {Directionality} from '@angular/cdk/bidi';\nimport {AccordionGroupPattern, SortedCollection, reportViolations} from '../private';\nimport {ACCORDION_GROUP} from './accordion-tokens';\nimport {AccordionTrigger} from './accordion-trigger';\n\n/**\n * A container for a group of accordion items. It manages the overall state and\n * interactions of the accordion, such as keyboard navigation and expansion mode.\n *\n * The `ngAccordionGroup` serves as the root of a group of accordion triggers and panels,\n * coordinating the behavior of the `ngAccordionTrigger` and `ngAccordionPanel` elements within it.\n * It supports both single and multiple expansion modes.\n *\n * ```html\n * <div ngAccordionGroup [multiExpandable]=\"true\">\n * <div class=\"accordion-item\">\n * <h3>\n * <button ngAccordionTrigger [panel]=\"panel1\">Item 1</button>\n * </h3>\n * <div ngAccordionPanel #panel1=\"ngAccordionPanel\">\n * <ng-template ngAccordionContent>\n * <p>Content for Item 1.</p>\n * </ng-template>\n * </div>\n * </div>\n * <div class=\"accordion-item\">\n * <h3>\n * <button ngAccordionTrigger [panel]=\"panel2\">Item 2</button>\n * </h3>\n * <div ngAccordionPanel #panel2=\"ngAccordionPanel\">\n * <ng-template ngAccordionContent>\n * <p>Content for Item 2.</p>\n * </ng-template>\n * </div>\n * </div>\n * </div>\n * ```\n *\n * @see [Accordion](guide/aria/accordion)\n */\n@Directive({\n selector: '[ngAccordionGroup]',\n exportAs: 'ngAccordionGroup',\n host: {\n '(keydown)': '_pattern.onKeydown($event)',\n '(click)': '_pattern.onClick($event)',\n '(focusin)': '_pattern.onFocus($event)',\n },\n providers: [{provide: ACCORDION_GROUP, useExisting: AccordionGroup}],\n})\nexport class AccordionGroup implements OnDestroy {\n /** A reference to the group element. */\n private readonly _elementRef = inject(ElementRef);\n\n /** A reference to the group element. */\n readonly element = this._elementRef.nativeElement as HTMLElement;\n\n /** The collection of AccordionTriggers. */\n readonly _collection = new SortedCollection<AccordionTrigger>();\n\n /** The corresponding patterns for the accordion triggers. */\n private readonly _triggerPatterns = computed(() => {\n return this._collection.orderedItems().map(t => t._pattern);\n });\n\n /** The text direction (ltr or rtl). */\n readonly textDirection = inject(Directionality).valueSignal;\n\n /** Whether the entire accordion group is disabled. */\n readonly disabled = input(false, {transform: booleanAttribute});\n\n /** Whether multiple accordion items can be expanded simultaneously. */\n readonly multiExpandable = input(true, {transform: booleanAttribute});\n\n /**\n * Whether to allow disabled items to receive focus. When `true`, disabled items are\n * focusable but not interactive. When `false`, disabled items are skipped during navigation.\n */\n readonly softDisabled = input(true, {transform: booleanAttribute});\n\n /** Whether keyboard navigation should wrap around from the last item to the first, and vice-versa. */\n readonly wrap = input(false, {transform: booleanAttribute});\n\n /** The UI pattern instance for this accordion group. */\n readonly _pattern: AccordionGroupPattern = new AccordionGroupPattern({\n ...this,\n element: () => this.element,\n activeItem: signal(undefined),\n items: this._triggerPatterns,\n orientation: () => 'vertical',\n });\n\n constructor() {\n afterNextRender(() => {\n this._collection.startObserving(this.element);\n });\n\n // Check for any violations after the DOM has been updated.\n if (typeof ngDevMode === 'undefined' || ngDevMode) {\n afterRenderEffect({\n read: () => {\n reportViolations(this._pattern.validate(), this.element);\n },\n });\n }\n }\n\n ngOnDestroy() {\n this._collection.stopObserving();\n }\n\n /** Expands all accordion panels if multi-expandable. */\n expandAll() {\n this._pattern.expandAll();\n }\n\n /** Collapses all accordion panels. */\n collapseAll() {\n this._pattern.collapseAll();\n }\n}\n","/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n Directive,\n ElementRef,\n OnDestroy,\n OnInit,\n booleanAttribute,\n computed,\n inject,\n input,\n model,\n afterRenderEffect,\n} from '@angular/core';\nimport {_IdGenerator} from '@angular/cdk/a11y';\nimport {AccordionTriggerPattern, reportViolations} from '../private';\nimport {ACCORDION_GROUP} from './accordion-tokens';\nimport {AccordionPanel} from './accordion-panel';\n\n/**\n * The trigger that toggles the visibility of its associated `ngAccordionPanel`.\n *\n * This directive requires the `panel` input be set to the template reference of the `ngAccordionPanel`\n * it controls. When clicked, it will expand or collapse the panel. It also handles keyboard\n * interactions for navigation within the `ngAccordionGroup`. It applies `role=\"button\"` and manages\n * `aria-expanded`, `aria-controls`, and `aria-disabled` attributes for accessibility.\n * The `disabled` input can be used to disable the trigger.\n *\n * ```html\n * <button ngAccordionTrigger [panel]=\"panel\">\n * Accordion Trigger Text\n * </button>\n * ```\n *\n * @see [Accordion](guide/aria/accordion)\n */\n@Directive({\n selector: '[ngAccordionTrigger]',\n exportAs: 'ngAccordionTrigger',\n host: {\n '[attr.data-active]': 'active()',\n 'role': 'button',\n '[id]': 'id()',\n '[attr.aria-expanded]': 'expanded()',\n '[attr.aria-controls]': '_pattern.controls()',\n '[attr.aria-disabled]': '_pattern.disabled()',\n '[attr.disabled]': '_pattern.hardDisabled() ? true : null',\n '[attr.tabindex]': '_pattern.tabIndex()',\n },\n})\nexport class AccordionTrigger implements OnInit, OnDestroy {\n /** A reference to the trigger element. */\n private readonly _elementRef = inject(ElementRef);\n\n /** A reference to the trigger element. */\n readonly element = this._elementRef.nativeElement as HTMLElement;\n\n /** The parent AccordionGroup. */\n private readonly _accordionGroup = inject(ACCORDION_GROUP);\n\n /** The associated AccordionPanel. */\n readonly panel = input.required<AccordionPanel>();\n\n /** The unique identifier for the trigger. */\n readonly id = input(inject(_IdGenerator).getId('ng-accordion-trigger-', true));\n\n /** The unique identifier for the corresponding trigger panel. */\n readonly panelId = computed(() => this.panel().id());\n\n /** Whether the trigger is disabled. */\n readonly disabled = input(false, {transform: booleanAttribute});\n\n /** Whether the corresponding panel is expanded. */\n readonly expanded = model<boolean>(false);\n\n /** Whether the trigger is active. */\n readonly active = computed(() => this._pattern.active());\n\n /** The UI pattern instance for this trigger. */\n _pattern!: AccordionTriggerPattern;\n\n constructor() {\n // Check for any violations after the DOM has been updated.\n if (typeof ngDevMode === 'undefined' || ngDevMode) {\n afterRenderEffect({\n read: () => {\n const violations: string[] = [];\n\n if (this.panel() && this.panel().element.contains(this.element)) {\n violations.push(\n 'ngAccordionTrigger must not be nested inside its controlled ngAccordionPanel, otherwise it will become unreachable when collapsed.',\n );\n }\n if (this.panel() && (this.panel() as any)._pattern !== this._pattern) {\n violations.push(\n 'ngAccordionPanel is already controlled by another ngAccordionTrigger.',\n );\n }\n\n reportViolations(violations, this.element);\n },\n });\n }\n }\n\n ngOnInit() {\n this._pattern = new AccordionTriggerPattern({\n ...this,\n element: () => this.element,\n accordionGroup: () => this._accordionGroup._pattern,\n accordionPanelId: this.panelId,\n });\n\n this.panel()._pattern = this._pattern;\n\n this._accordionGroup._collection.register(this);\n }\n\n ngOnDestroy() {\n this.panel()._pattern = undefined;\n\n this._accordionGroup._collection.unregister(this);\n }\n\n /** Expands this item. */\n expand() {\n this._pattern.open();\n }\n\n /** Collapses this item. */\n collapse() {\n this._pattern.close();\n }\n\n /** Toggles the expansion state of this item. */\n toggle() {\n this._pattern.toggle();\n }\n}\n"],"names":["AccordionContent","deps","target","i0","ɵɵFactoryTarget","Directive","isStandalone","selector","hostDirectives","directive","i1","ngImport","decorators","args","DeferredContent","AccordionPanel","_elementRef","inject","ElementRef","element","nativeElement","_deferredContentAware","DeferredContentAware","_accordionContent","contentChild","id","input","_IdGenerator","getId","visible","computed","_pattern","expanded","constructor","afterRenderEffect","write","contentVisible","set","ngDevMode","read","violations","push","reportViolations","expand","open","collapse","close","toggle","ɵdir","ɵɵngDeclareDirective","minVersion","version","type","descendants","isSignal","exportAs","inputs","host","Input","alias","required","ACCORDION_GROUP","InjectionToken","AccordionGroup","_collection","SortedCollection","_triggerPatterns","orderedItems","map","t","textDirection","Directionality","valueSignal","disabled","transform","booleanAttribute","multiExpandable","softDisabled","wrap","AccordionGroupPattern","activeItem","signal","undefined","items","orientation","afterNextRender","startObserving","validate","ngOnDestroy","stopObserving","expandAll","collapseAll","classPropertyName","publicName","isRequired","transformFunction","listeners","providers","provide","useExisting","AccordionTrigger","_accordionGroup","panel","panelId","model","active","contains","ngOnInit","AccordionTriggerPattern","accordionGroup","accordionPanelId","register","unregister","outputs","attributes","properties"],"mappings":"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"}
|
package/fesm2022/aria.mjs
CHANGED
package/fesm2022/aria.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"aria.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/version.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the Aria package. */\nexport const VERSION = new Version('22.0.0-
|
|
1
|
+
{"version":3,"file":"aria.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/version.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {Version} from '@angular/core';\n\n/** Current version of the Aria package. */\nexport const VERSION = new Version('22.0.0-rc.0');\n"],"names":["VERSION","Version"],"mappings":";;MAWaA,OAAO,GAAG,IAAIC,OAAO,CAAC,mBAAmB;;;;"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { ContentContainerComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';
|
|
2
|
+
|
|
3
|
+
class ComboboxHarness extends ContentContainerComponentHarness {
|
|
4
|
+
static hostSelector = '[ngCombobox]';
|
|
5
|
+
static with(options = {}) {
|
|
6
|
+
return new HarnessPredicate(ComboboxHarness, options).addOption('placeholder', options.placeholder, async (harness, placeholder) => HarnessPredicate.stringMatches(await harness.getPlaceholder(), placeholder)).addOption('value', options.value, async (harness, value) => HarnessPredicate.stringMatches(await harness.getValue(), value)).addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);
|
|
7
|
+
}
|
|
8
|
+
async getPopupWidget(type) {
|
|
9
|
+
const host = await this.host();
|
|
10
|
+
const controlsId = await host.getAttribute('aria-controls');
|
|
11
|
+
if (!controlsId) {
|
|
12
|
+
throw new Error('Cannot retrieve popup content because the combobox is closed or not associated with a popup controls ID.');
|
|
13
|
+
}
|
|
14
|
+
return this.documentRootLocatorFactory().locatorFor(type.with({
|
|
15
|
+
selector: `#${controlsId}`
|
|
16
|
+
}))();
|
|
17
|
+
}
|
|
18
|
+
async getPopupLoader() {
|
|
19
|
+
return this.getRootHarnessLoader();
|
|
20
|
+
}
|
|
21
|
+
async getRootHarnessLoader() {
|
|
22
|
+
const host = await this.host();
|
|
23
|
+
const controlsId = await host.getAttribute('aria-controls');
|
|
24
|
+
if (!controlsId) {
|
|
25
|
+
throw new Error('Cannot retrieve popup content because the combobox is closed or not associated with a popup controls ID.');
|
|
26
|
+
}
|
|
27
|
+
const documentRoot = await this.documentRootLocatorFactory().rootHarnessLoader();
|
|
28
|
+
return documentRoot.getChildLoader(`#${controlsId}`);
|
|
29
|
+
}
|
|
30
|
+
async isOpen() {
|
|
31
|
+
const host = await this.host();
|
|
32
|
+
return (await host.getAttribute('aria-expanded')) === 'true';
|
|
33
|
+
}
|
|
34
|
+
async isDisabled() {
|
|
35
|
+
const host = await this.host();
|
|
36
|
+
return (await host.getAttribute('aria-disabled')) === 'true';
|
|
37
|
+
}
|
|
38
|
+
async getValue() {
|
|
39
|
+
const host = await this.host();
|
|
40
|
+
return host.getProperty('value');
|
|
41
|
+
}
|
|
42
|
+
async setValue(value) {
|
|
43
|
+
const host = await this.host();
|
|
44
|
+
await host.clear();
|
|
45
|
+
if (value) {
|
|
46
|
+
await host.sendKeys(value);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
async getPlaceholder() {
|
|
50
|
+
const host = await this.host();
|
|
51
|
+
return host.getAttribute('placeholder');
|
|
52
|
+
}
|
|
53
|
+
async open() {
|
|
54
|
+
if (!(await this.isOpen())) {
|
|
55
|
+
const host = await this.host();
|
|
56
|
+
await host.focus();
|
|
57
|
+
await host.sendKeys(TestKey.DOWN_ARROW);
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
async close() {
|
|
61
|
+
if (await this.isOpen()) {
|
|
62
|
+
const host = await this.host();
|
|
63
|
+
await host.focus();
|
|
64
|
+
await host.sendKeys(TestKey.ESCAPE);
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
async focus() {
|
|
68
|
+
return (await this.host()).focus();
|
|
69
|
+
}
|
|
70
|
+
async blur() {
|
|
71
|
+
return (await this.host()).blur();
|
|
72
|
+
}
|
|
73
|
+
async isFocused() {
|
|
74
|
+
return (await this.host()).isFocused();
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
export { ComboboxHarness };
|
|
79
|
+
//# sourceMappingURL=combobox-testing.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"combobox-testing.mjs","sources":["../../../../../darwin_arm64-fastbuild-ST-fdfa778d11ba/bin/src/aria/combobox/testing/combobox-harness.ts"],"sourcesContent":["/**\n * @license\n * Copyright Google LLC All Rights Reserved.\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://angular.dev/license\n */\n\nimport {\n ComponentHarness,\n ComponentHarnessConstructor,\n ContentContainerComponentHarness,\n HarnessLoader,\n HarnessPredicate,\n TestKey,\n} from '@angular/cdk/testing';\nimport {ComboboxHarnessFilters} from './combobox-harness-filters';\n\n/** Harness for interacting with a standard `ngCombobox` input element in tests. */\nexport class ComboboxHarness extends ContentContainerComponentHarness {\n static hostSelector = '[ngCombobox]';\n\n /**\n * Gets a `HarnessPredicate` that can be used to search for a combobox with specific attributes.\n * @param options Options for filtering which combobox instances are considered a match.\n * @return a `HarnessPredicate` configured with the given options.\n */\n static with(options: ComboboxHarnessFilters = {}): HarnessPredicate<ComboboxHarness> {\n return new HarnessPredicate(ComboboxHarness, options)\n .addOption('placeholder', options.placeholder, async (harness, placeholder) =>\n HarnessPredicate.stringMatches(await harness.getPlaceholder(), placeholder),\n )\n .addOption('value', options.value, async (harness, value) =>\n HarnessPredicate.stringMatches(await harness.getValue(), value),\n )\n .addOption(\n 'disabled',\n options.disabled,\n async (harness, disabled) => (await harness.isDisabled()) === disabled,\n );\n }\n\n /**\n * Gets the component harness for the active widget contained inside the popup.\n * Use this when you need to access the harness of the widget itself (e.g., `ListboxHarness`),\n * rather than querying items within it.\n * @param type The harness type to locate. Must implement standard static `.with()` method.\n */\n async getPopupWidget<T extends ComponentHarness>(\n type: ComponentHarnessConstructor<T> & {\n with: (options?: {selector?: string}) => HarnessPredicate<T>;\n },\n ): Promise<T> {\n const host = await this.host();\n const controlsId = await host.getAttribute('aria-controls');\n if (!controlsId) {\n throw new Error(\n 'Cannot retrieve popup content because the combobox is closed or not associated with a popup controls ID.',\n );\n }\n return this.documentRootLocatorFactory().locatorFor(type.with({selector: `#${controlsId}`}))();\n }\n\n /**\n * Gets a harness loader scoped to the content inside the popup container.\n * Note that lookups performed by this loader will only find descendants of the popup container.\n */\n async getPopupLoader(): Promise<HarnessLoader> {\n return this.getRootHarnessLoader();\n }\n\n /** Overrides root loader to automatically resolve queries nested inside the associated popup. */\n protected override async getRootHarnessLoader(): Promise<HarnessLoader> {\n const host = await this.host();\n const controlsId = await host.getAttribute('aria-controls');\n if (!controlsId) {\n throw new Error(\n 'Cannot retrieve popup content because the combobox is closed or not associated with a popup controls ID.',\n );\n }\n const documentRoot = await this.documentRootLocatorFactory().rootHarnessLoader();\n // Locate the widget by ID, which was assigned by ngComboboxWidget and linked via aria-controls.\n return documentRoot.getChildLoader(`#${controlsId}`);\n }\n\n /** Whether the combobox is expanded (popup is open). */\n async isOpen(): Promise<boolean> {\n const host = await this.host();\n return (await host.getAttribute('aria-expanded')) === 'true';\n }\n\n /** Whether the combobox is disabled. */\n async isDisabled(): Promise<boolean> {\n const host = await this.host();\n return (await host.getAttribute('aria-disabled')) === 'true';\n }\n\n /** Gets the current value string of the combobox input. */\n async getValue(): Promise<string> {\n const host = await this.host();\n return host.getProperty<string>('value');\n }\n\n /** Sets the value of the combobox input. */\n async setValue(value: string): Promise<void> {\n const host = await this.host();\n await host.clear();\n if (value) {\n await host.sendKeys(value);\n }\n }\n\n /** Gets the placeholder text of the combobox. */\n async getPlaceholder(): Promise<string | null> {\n const host = await this.host();\n return host.getAttribute('placeholder');\n }\n\n /** Opens the combobox popup if it is currently closed. */\n async open(): Promise<void> {\n if (!(await this.isOpen())) {\n const host = await this.host();\n await host.focus();\n await host.sendKeys(TestKey.DOWN_ARROW);\n }\n }\n\n /** Closes the combobox popup if it is currently open. */\n async close(): Promise<void> {\n if (await this.isOpen()) {\n const host = await this.host();\n await host.focus();\n await host.sendKeys(TestKey.ESCAPE);\n }\n }\n\n /** Focuses the combobox. */\n async focus(): Promise<void> {\n return (await this.host()).focus();\n }\n\n /** Blurs the combobox. */\n async blur(): Promise<void> {\n return (await this.host()).blur();\n }\n\n /** Whether the combobox has focus. */\n async isFocused(): Promise<boolean> {\n return (await this.host()).isFocused();\n }\n}\n"],"names":["ComboboxHarness","ContentContainerComponentHarness","hostSelector","with","options","HarnessPredicate","addOption","placeholder","harness","stringMatches","getPlaceholder","value","getValue","disabled","isDisabled","getPopupWidget","type","host","controlsId","getAttribute","Error","documentRootLocatorFactory","locatorFor","selector","getPopupLoader","getRootHarnessLoader","documentRoot","rootHarnessLoader","getChildLoader","isOpen","getProperty","setValue","clear","sendKeys","open","focus","TestKey","DOWN_ARROW","close","ESCAPE","blur","isFocused"],"mappings":"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"}
|