@department-of-veterans-affairs/component-library 46.0.3 → 46.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/1185.app.bundle.js +1 -1
- package/dist/1185.app.bundle.js.LICENSE.txt +4 -4
- package/dist/1279.app.bundle.js +1 -1
- package/dist/1652.app.bundle.js +1 -1
- package/dist/2108.app.bundle.js +1 -1
- package/dist/2108.app.bundle.js.LICENSE.txt +4 -4
- package/dist/2305.app.bundle.js +1 -1
- package/dist/2305.app.bundle.js.LICENSE.txt +4 -4
- package/dist/2843.app.bundle.js +1 -1
- package/dist/3389.app.bundle.js +1 -1
- package/dist/3389.app.bundle.js.LICENSE.txt +4 -4
- package/dist/3476.app.bundle.js +1 -1
- package/dist/3476.app.bundle.js.LICENSE.txt +4 -4
- package/dist/3499.app.bundle.js +1 -1
- package/dist/360.app.bundle.js +1 -1
- package/dist/360.app.bundle.js.LICENSE.txt +4 -4
- package/dist/3661.app.bundle.js +1 -1
- package/dist/383.app.bundle.js +1 -1
- package/dist/383.app.bundle.js.LICENSE.txt +4 -4
- package/dist/4104.app.bundle.js +1 -1
- package/dist/4181.app.bundle.js +1 -1
- package/dist/4181.app.bundle.js.LICENSE.txt +4 -4
- package/dist/4317.app.bundle.js +1 -1
- package/dist/4317.app.bundle.js.LICENSE.txt +4 -4
- package/dist/4437.app.bundle.js +1 -1
- package/dist/4818.app.bundle.js +1 -1
- package/dist/4818.app.bundle.js.LICENSE.txt +4 -4
- package/dist/4846.app.bundle.js +1 -1
- package/dist/4859.app.bundle.js +1 -1
- package/dist/5154.app.bundle.js +1 -1
- package/dist/5232.app.bundle.js +1 -1
- package/dist/5254.app.bundle.js +1 -0
- package/dist/529.app.bundle.js +1 -1
- package/dist/529.app.bundle.js.LICENSE.txt +4 -4
- package/dist/5434.app.bundle.js +1 -1
- package/dist/5669.app.bundle.js +1 -1
- package/dist/5669.app.bundle.js.LICENSE.txt +4 -4
- package/dist/569.app.bundle.js +1 -1
- package/dist/569.app.bundle.js.LICENSE.txt +4 -4
- package/dist/6166.app.bundle.js +1 -1
- package/dist/6171.app.bundle.js +1 -1
- package/dist/6171.app.bundle.js.LICENSE.txt +4 -4
- package/dist/6205.app.bundle.js +1 -1
- package/dist/6205.app.bundle.js.LICENSE.txt +4 -4
- package/dist/6391.app.bundle.js +1 -1
- package/dist/6391.app.bundle.js.LICENSE.txt +4 -4
- package/dist/6569.app.bundle.js +1 -1
- package/dist/6569.app.bundle.js.LICENSE.txt +4 -4
- package/dist/6596.app.bundle.js +1 -1
- package/dist/6596.app.bundle.js.LICENSE.txt +4 -4
- package/dist/6734.app.bundle.js +1 -1
- package/dist/6874.app.bundle.js +1 -1
- package/dist/6998.app.bundle.js +1 -1
- package/dist/6998.app.bundle.js.LICENSE.txt +4 -4
- package/dist/7061.app.bundle.js +1 -0
- package/dist/7375.app.bundle.js +1 -1
- package/dist/7454.app.bundle.js +1 -1
- package/dist/7454.app.bundle.js.LICENSE.txt +4 -4
- package/dist/7485.app.bundle.js +2 -0
- package/dist/7485.app.bundle.js.LICENSE.txt +5 -0
- package/dist/753.app.bundle.js +1 -1
- package/dist/753.app.bundle.js.LICENSE.txt +4 -4
- package/dist/783.app.bundle.js +1 -1
- package/dist/8214.app.bundle.js +1 -1
- package/dist/8509.app.bundle.js +1 -1
- package/dist/8509.app.bundle.js.LICENSE.txt +4 -4
- package/dist/8716.app.bundle.js +1 -1
- package/dist/8716.app.bundle.js.LICENSE.txt +4 -4
- package/dist/876.app.bundle.js +1 -1
- package/dist/9262.app.bundle.js +1 -1
- package/dist/9262.app.bundle.js.LICENSE.txt +4 -4
- package/dist/934.app.bundle.js +1 -1
- package/dist/934.app.bundle.js.LICENSE.txt +4 -4
- package/dist/9370.app.bundle.js +1 -1
- package/dist/9370.app.bundle.js.LICENSE.txt +4 -4
- package/dist/9398.app.bundle.js +1 -1
- package/dist/9727.app.bundle.js +1 -1
- package/dist/9727.app.bundle.js.LICENSE.txt +4 -4
- package/dist/9893.app.bundle.js +1 -1
- package/dist/app.bundle.js +1 -1
- package/dist/components/date-utils.js +1 -1
- package/dist/components/index.d.ts +6 -0
- package/dist/components/index.js +1 -1
- package/dist/components/index2.js +1 -1
- package/dist/components/types/components.d.ts +447 -0
- package/dist/components/types/contacts.d.ts +105 -105
- package/dist/components/types/stencil-public-runtime.d.ts +49 -15
- package/dist/components/va-accordion-item.d.ts +2 -2
- package/dist/components/va-accordion-item.js +1 -1
- package/dist/components/va-accordion.d.ts +2 -2
- package/dist/components/va-accordion.js +1 -1
- package/dist/components/va-additional-info.d.ts +2 -2
- package/dist/components/va-additional-info.js +1 -1
- package/dist/components/va-alert-expandable.d.ts +2 -2
- package/dist/components/va-alert-expandable.js +1 -1
- package/dist/components/va-alert.d.ts +2 -2
- package/dist/components/va-alert2.js +1 -1
- package/dist/components/va-back-to-top.d.ts +2 -2
- package/dist/components/va-back-to-top.js +1 -1
- package/dist/components/va-banner.d.ts +2 -2
- package/dist/components/va-banner.js +1 -1
- package/dist/components/va-breadcrumbs.d.ts +2 -2
- package/dist/components/va-breadcrumbs.js +1 -1
- package/dist/components/va-button-icon.d.ts +2 -2
- package/dist/components/va-button-icon2.js +1 -1
- package/dist/components/va-button-pair.d.ts +2 -2
- package/dist/components/va-button-pair.js +1 -1
- package/dist/components/va-button.d.ts +2 -2
- package/dist/components/va-button2.js +1 -1
- package/dist/components/va-card.d.ts +2 -2
- package/dist/components/va-card2.js +1 -1
- package/dist/components/va-checkbox-group.d.ts +2 -2
- package/dist/components/va-checkbox-group.js +1 -1
- package/dist/components/va-checkbox.d.ts +2 -2
- package/dist/components/va-checkbox2.js +1 -1
- package/dist/components/va-crisis-line-modal.d.ts +2 -2
- package/dist/components/va-crisis-line-modal2.js +1 -1
- package/dist/components/va-date.d.ts +2 -2
- package/dist/components/va-date.js +1 -1
- package/dist/components/va-file-input-multiple.d.ts +2 -2
- package/dist/components/va-file-input-multiple.js +1 -1
- package/dist/components/va-file-input.d.ts +2 -2
- package/dist/components/va-file-input2.js +1 -1
- package/dist/components/va-header-minimal.d.ts +2 -2
- package/dist/components/va-header-minimal.js +1 -1
- package/dist/components/va-icon.d.ts +2 -2
- package/dist/components/va-icon2.js +1 -1
- package/dist/components/va-link-action.d.ts +2 -2
- package/dist/components/va-link-action.js +1 -1
- package/dist/components/va-link.d.ts +2 -2
- package/dist/components/va-link2.js +1 -1
- package/dist/components/va-loading-indicator.d.ts +2 -2
- package/dist/components/va-loading-indicator.js +1 -1
- package/dist/components/va-maintenance-banner.d.ts +2 -2
- package/dist/components/va-maintenance-banner.js +1 -1
- package/dist/components/va-memorable-date.d.ts +2 -2
- package/dist/components/va-memorable-date.js +1 -1
- package/dist/components/va-minimal-footer.d.ts +2 -2
- package/dist/components/va-minimal-footer.js +1 -1
- package/dist/components/va-modal.d.ts +2 -2
- package/dist/components/va-modal2.js +1 -1
- package/dist/components/va-need-help.d.ts +2 -2
- package/dist/components/va-need-help.js +1 -1
- package/dist/components/va-notification.d.ts +2 -2
- package/dist/components/va-notification.js +1 -1
- package/dist/components/va-official-gov-banner.d.ts +2 -2
- package/dist/components/va-official-gov-banner2.js +1 -1
- package/dist/components/va-omb-info.d.ts +2 -2
- package/dist/components/va-omb-info.js +1 -1
- package/dist/components/va-on-this-page.d.ts +2 -2
- package/dist/components/va-on-this-page.js +1 -1
- package/dist/components/va-pagination.d.ts +2 -2
- package/dist/components/va-pagination.js +1 -1
- package/dist/components/va-privacy-agreement.d.ts +2 -2
- package/dist/components/va-privacy-agreement.js +1 -1
- package/dist/components/va-process-list-item.d.ts +2 -2
- package/dist/components/va-process-list-item.js +1 -1
- package/dist/components/va-process-list.d.ts +2 -2
- package/dist/components/va-process-list.js +1 -1
- package/dist/components/va-progress-bar.d.ts +2 -2
- package/dist/components/va-progress-bar.js +1 -1
- package/dist/components/va-promo-banner.d.ts +2 -2
- package/dist/components/va-promo-banner.js +1 -1
- package/dist/components/va-radio-option.d.ts +2 -2
- package/dist/components/va-radio-option.js +1 -1
- package/dist/components/va-radio.d.ts +2 -2
- package/dist/components/va-radio.js +1 -1
- package/dist/components/va-search-input.d.ts +2 -2
- package/dist/components/va-search-input.js +1 -1
- package/dist/components/va-segmented-progress-bar.d.ts +2 -2
- package/dist/components/va-segmented-progress-bar.js +1 -1
- package/dist/components/va-select.d.ts +2 -2
- package/dist/components/va-select2.js +1 -1
- package/dist/components/va-statement-of-truth.d.ts +2 -2
- package/dist/components/va-statement-of-truth.js +1 -1
- package/dist/components/va-summary-box.d.ts +2 -2
- package/dist/components/va-summary-box.js +1 -1
- package/dist/components/va-table-inner.d.ts +2 -2
- package/dist/components/va-table-inner2.js +1 -1
- package/dist/components/va-table-row.d.ts +2 -2
- package/dist/components/va-table-row.js +1 -1
- package/dist/components/va-table.d.ts +2 -2
- package/dist/components/va-table.js +1 -1
- package/dist/components/va-telephone.d.ts +2 -2
- package/dist/components/va-telephone2.js +1 -1
- package/dist/components/va-text-input.d.ts +2 -2
- package/dist/components/va-text-input2.js +1 -1
- package/dist/components/va-textarea.d.ts +2 -2
- package/dist/components/va-textarea.js +1 -1
- package/package.json +2 -2
- package/dist/265.app.bundle.js +0 -1
- package/dist/2963.app.bundle.js +0 -1
- package/dist/3270.app.bundle.js +0 -2
- package/dist/3270.app.bundle.js.LICENSE.txt +0 -11
- package/dist/5285.app.bundle.js +0 -2
- package/dist/5285.app.bundle.js.LICENSE.txt +0 -5
- package/dist/9452.app.bundle.js +0 -1
- package/dist/9970.app.bundle.js +0 -2
- package/dist/9970.app.bundle.js.LICENSE.txt +0 -17
|
@@ -3,115 +3,115 @@
|
|
|
3
3
|
* purposes. Use CONTACTS.<key> to get the actual phone number.
|
|
4
4
|
*/
|
|
5
5
|
export declare const contactsMap: Readonly<{
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
6
|
+
'222_VETS': {
|
|
7
|
+
phoneNumber: string;
|
|
8
|
+
description: string;
|
|
9
|
+
};
|
|
10
|
+
'4AID_VET': {
|
|
11
|
+
phoneNumber: string;
|
|
12
|
+
description: string;
|
|
13
|
+
};
|
|
14
|
+
711: {
|
|
15
|
+
phoneNumber: string;
|
|
16
|
+
description: string;
|
|
17
|
+
};
|
|
18
|
+
911: {
|
|
19
|
+
phoneNumber: string;
|
|
20
|
+
description: string;
|
|
21
|
+
};
|
|
22
|
+
CAREGIVER: {
|
|
23
|
+
phoneNumber: string;
|
|
24
|
+
description: string;
|
|
25
|
+
};
|
|
26
|
+
CRISIS_LINE: {
|
|
27
|
+
phoneNumber: string;
|
|
28
|
+
description: string;
|
|
29
|
+
};
|
|
30
|
+
CRISIS_TTY: {
|
|
31
|
+
phoneNumber: string;
|
|
32
|
+
description: string;
|
|
33
|
+
};
|
|
34
|
+
DMC: {
|
|
35
|
+
phoneNumber: string;
|
|
36
|
+
description: string;
|
|
37
|
+
};
|
|
38
|
+
DMC_OVERSEAS: {
|
|
39
|
+
phoneNumber: string;
|
|
40
|
+
description: string;
|
|
41
|
+
};
|
|
42
|
+
DMDC_DEERS: {
|
|
43
|
+
phoneNumber: string;
|
|
44
|
+
description: string;
|
|
45
|
+
};
|
|
46
|
+
DS_LOGON: {
|
|
47
|
+
phoneNumber: string;
|
|
48
|
+
description: string;
|
|
49
|
+
};
|
|
50
|
+
DS_LOGON_TTY: {
|
|
51
|
+
phoneNumber: string;
|
|
52
|
+
description: string;
|
|
53
|
+
};
|
|
54
|
+
FEDERAL_RELAY_SERVICE: {
|
|
55
|
+
phoneNumber: string;
|
|
56
|
+
description: string;
|
|
57
|
+
};
|
|
58
|
+
GI_BILL: {
|
|
59
|
+
phoneNumber: string;
|
|
60
|
+
description: string;
|
|
61
|
+
};
|
|
62
|
+
GO_DIRECT: {
|
|
63
|
+
phoneNumber: string;
|
|
64
|
+
description: string;
|
|
65
|
+
};
|
|
66
|
+
HELP_DESK: {
|
|
67
|
+
phoneNumber: string;
|
|
68
|
+
description: string;
|
|
69
|
+
};
|
|
70
|
+
HEALTHCARE_ELIGIBILITY_CENTER: {
|
|
71
|
+
phoneNumber: string;
|
|
72
|
+
description: string;
|
|
73
|
+
};
|
|
74
|
+
HELP_TTY: {
|
|
75
|
+
phoneNumber: string;
|
|
76
|
+
description: string;
|
|
77
|
+
};
|
|
78
|
+
MY_HEALTHEVET: {
|
|
79
|
+
phoneNumber: string;
|
|
80
|
+
description: string;
|
|
81
|
+
};
|
|
82
|
+
NCA: {
|
|
83
|
+
phoneNumber: string;
|
|
84
|
+
description: string;
|
|
85
|
+
};
|
|
86
|
+
SUICIDE_PREVENTION_LIFELINE: {
|
|
87
|
+
phoneNumber: string;
|
|
88
|
+
description: string;
|
|
89
|
+
};
|
|
90
|
+
TESC: {
|
|
91
|
+
phoneNumber: string;
|
|
92
|
+
description: string;
|
|
93
|
+
};
|
|
94
|
+
TREASURY_DMS: {
|
|
95
|
+
phoneNumber: string;
|
|
96
|
+
description: string;
|
|
97
|
+
};
|
|
98
|
+
VA_311: {
|
|
99
|
+
phoneNumber: string;
|
|
100
|
+
description: string;
|
|
101
|
+
};
|
|
102
|
+
VA_411: {
|
|
103
|
+
phoneNumber: string;
|
|
104
|
+
description: string;
|
|
105
|
+
};
|
|
106
|
+
VA_BENEFITS: {
|
|
107
|
+
phoneNumber: string;
|
|
108
|
+
description: string;
|
|
109
|
+
};
|
|
110
110
|
}>;
|
|
111
111
|
/**
|
|
112
112
|
* Map of phone numbers. CONTACTS.GI_BILL, for example, will return the phone
|
|
113
113
|
* number defined in contactsMap.
|
|
114
114
|
*/
|
|
115
115
|
export declare const CONTACTS: {
|
|
116
|
-
|
|
116
|
+
[x: string]: string;
|
|
117
117
|
};
|
|
@@ -3,6 +3,16 @@ export interface ComponentDecorator {
|
|
|
3
3
|
(opts?: ComponentOptions): ClassDecorator;
|
|
4
4
|
}
|
|
5
5
|
export interface ComponentOptions {
|
|
6
|
+
/**
|
|
7
|
+
* When set to `true` this component will be form-associated. See
|
|
8
|
+
* https://stenciljs.com/docs/next/form-associated documentation on how to
|
|
9
|
+
* build form-associated Stencil components that integrate into forms like
|
|
10
|
+
* native browser elements such as `<input>` and `<textarea>`.
|
|
11
|
+
*
|
|
12
|
+
* The {@link AttachInternals} decorator allows for access to the
|
|
13
|
+
* `ElementInternals` object to modify the associated form.
|
|
14
|
+
*/
|
|
15
|
+
formAssociated?: boolean;
|
|
6
16
|
/**
|
|
7
17
|
* Tag name of the web component. Ideally, the tag name must be globally unique,
|
|
8
18
|
* so it's recommended to choose an unique prefix for all your components within the same collection.
|
|
@@ -62,7 +72,7 @@ export interface PropOptions {
|
|
|
62
72
|
/**
|
|
63
73
|
* The name of the associated DOM attribute.
|
|
64
74
|
* Stencil uses different heuristics to determine the default name of the attribute,
|
|
65
|
-
* but using this property, you can override the default
|
|
75
|
+
* but using this property, you can override the default behavior.
|
|
66
76
|
*/
|
|
67
77
|
attribute?: string | null;
|
|
68
78
|
/**
|
|
@@ -107,6 +117,9 @@ export interface EventOptions {
|
|
|
107
117
|
*/
|
|
108
118
|
composed?: boolean;
|
|
109
119
|
}
|
|
120
|
+
export interface AttachInternalsDecorator {
|
|
121
|
+
(): PropertyDecorator;
|
|
122
|
+
}
|
|
110
123
|
export interface ListenDecorator {
|
|
111
124
|
(eventName: string, opts?: ListenOptions): CustomMethodDecorator<any>;
|
|
112
125
|
}
|
|
@@ -128,7 +141,7 @@ export interface ListenOptions {
|
|
|
128
141
|
* By default, Stencil uses several heuristics to determine if
|
|
129
142
|
* it must attach a `passive` event listener or not.
|
|
130
143
|
*
|
|
131
|
-
* Using the `passive` option can be used to change the default
|
|
144
|
+
* Using the `passive` option can be used to change the default behavior.
|
|
132
145
|
* Please see https://developers.google.com/web/updates/2016/06/passive-event-listeners for further information.
|
|
133
146
|
*/
|
|
134
147
|
passive?: boolean;
|
|
@@ -175,6 +188,12 @@ export declare const Element: ElementDecorator;
|
|
|
175
188
|
* https://stenciljs.com/docs/events
|
|
176
189
|
*/
|
|
177
190
|
export declare const Event: EventDecorator;
|
|
191
|
+
/**
|
|
192
|
+
* If the `formAssociated` option is set in options passed to the
|
|
193
|
+
* `@Component()` decorator then this decorator may be used to get access to the
|
|
194
|
+
* `ElementInternals` instance associated with the component.
|
|
195
|
+
*/
|
|
196
|
+
export declare const AttachInternals: AttachInternalsDecorator;
|
|
178
197
|
/**
|
|
179
198
|
* The `Listen()` decorator is for listening DOM events, including the ones
|
|
180
199
|
* dispatched from `@Events()`.
|
|
@@ -432,7 +451,7 @@ export interface QueueApi {
|
|
|
432
451
|
/**
|
|
433
452
|
* Host
|
|
434
453
|
*/
|
|
435
|
-
interface HostAttributes {
|
|
454
|
+
export interface HostAttributes {
|
|
436
455
|
class?: string | {
|
|
437
456
|
[className: string]: boolean;
|
|
438
457
|
};
|
|
@@ -471,7 +490,7 @@ export interface FunctionalUtilities {
|
|
|
471
490
|
/**
|
|
472
491
|
* Utility for reading the children of a functional component at runtime.
|
|
473
492
|
* Since the Stencil runtime uses a different interface for children it is
|
|
474
|
-
* not
|
|
493
|
+
* not recommended to read the children directly, and is preferable to use
|
|
475
494
|
* this utility to, for instance, perform a side effect for each child.
|
|
476
495
|
*/
|
|
477
496
|
forEach: (children: VNode[], cb: (vnode: ChildNode, index: number, array: ChildNode[]) => void) => void;
|
|
@@ -749,6 +768,7 @@ export declare namespace JSXBase {
|
|
|
749
768
|
hrefLang?: string;
|
|
750
769
|
hreflang?: string;
|
|
751
770
|
media?: string;
|
|
771
|
+
ping?: string;
|
|
752
772
|
rel?: string;
|
|
753
773
|
target?: string;
|
|
754
774
|
referrerPolicy?: ReferrerPolicy;
|
|
@@ -775,7 +795,6 @@ export declare namespace JSXBase {
|
|
|
775
795
|
cite?: string;
|
|
776
796
|
}
|
|
777
797
|
interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
778
|
-
autoFocus?: boolean;
|
|
779
798
|
disabled?: boolean;
|
|
780
799
|
form?: string;
|
|
781
800
|
formAction?: string;
|
|
@@ -791,6 +810,9 @@ export declare namespace JSXBase {
|
|
|
791
810
|
name?: string;
|
|
792
811
|
type?: string;
|
|
793
812
|
value?: string | string[] | number;
|
|
813
|
+
popoverTargetAction?: string;
|
|
814
|
+
popoverTargetElement?: Element | null;
|
|
815
|
+
popoverTarget?: string;
|
|
794
816
|
}
|
|
795
817
|
interface CanvasHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
796
818
|
height?: number | string;
|
|
@@ -872,6 +894,8 @@ export declare namespace JSXBase {
|
|
|
872
894
|
}
|
|
873
895
|
interface ImgHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
874
896
|
alt?: string;
|
|
897
|
+
crossOrigin?: string;
|
|
898
|
+
crossorigin?: string;
|
|
875
899
|
decoding?: 'async' | 'auto' | 'sync';
|
|
876
900
|
importance?: 'low' | 'auto' | 'high';
|
|
877
901
|
height?: number | string;
|
|
@@ -897,8 +921,6 @@ export declare namespace JSXBase {
|
|
|
897
921
|
autocapitalize?: string;
|
|
898
922
|
autoComplete?: string;
|
|
899
923
|
autocomplete?: string;
|
|
900
|
-
autoFocus?: boolean;
|
|
901
|
-
autofocus?: boolean | string;
|
|
902
924
|
capture?: string;
|
|
903
925
|
checked?: boolean;
|
|
904
926
|
crossOrigin?: string;
|
|
@@ -930,6 +952,8 @@ export declare namespace JSXBase {
|
|
|
930
952
|
minlength?: number | string;
|
|
931
953
|
multiple?: boolean;
|
|
932
954
|
name?: string;
|
|
955
|
+
onSelect?: (event: Event) => void;
|
|
956
|
+
onselect?: (event: Event) => void;
|
|
933
957
|
pattern?: string;
|
|
934
958
|
placeholder?: string;
|
|
935
959
|
readOnly?: boolean;
|
|
@@ -948,10 +972,11 @@ export declare namespace JSXBase {
|
|
|
948
972
|
webkitdirectory?: boolean;
|
|
949
973
|
webkitEntries?: any;
|
|
950
974
|
width?: number | string;
|
|
975
|
+
popoverTargetAction?: string;
|
|
976
|
+
popoverTargetElement?: Element | null;
|
|
977
|
+
popoverTarget?: string;
|
|
951
978
|
}
|
|
952
979
|
interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
953
|
-
autoFocus?: boolean;
|
|
954
|
-
autofocus?: boolean | string;
|
|
955
980
|
challenge?: string;
|
|
956
981
|
disabled?: boolean;
|
|
957
982
|
form?: string;
|
|
@@ -964,7 +989,6 @@ export declare namespace JSXBase {
|
|
|
964
989
|
interface LabelHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
965
990
|
form?: string;
|
|
966
991
|
htmlFor?: string;
|
|
967
|
-
htmlfor?: string;
|
|
968
992
|
}
|
|
969
993
|
interface LiHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
970
994
|
value?: string | string[] | number;
|
|
@@ -1075,7 +1099,6 @@ export declare namespace JSXBase {
|
|
|
1075
1099
|
interface OutputHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
1076
1100
|
form?: string;
|
|
1077
1101
|
htmlFor?: string;
|
|
1078
|
-
htmlfor?: string;
|
|
1079
1102
|
name?: string;
|
|
1080
1103
|
}
|
|
1081
1104
|
interface ParamHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
@@ -1100,7 +1123,6 @@ export declare namespace JSXBase {
|
|
|
1100
1123
|
type?: string;
|
|
1101
1124
|
}
|
|
1102
1125
|
interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
1103
|
-
autoFocus?: boolean;
|
|
1104
1126
|
disabled?: boolean;
|
|
1105
1127
|
form?: string;
|
|
1106
1128
|
multiple?: boolean;
|
|
@@ -1111,11 +1133,13 @@ export declare namespace JSXBase {
|
|
|
1111
1133
|
autocomplete?: string;
|
|
1112
1134
|
}
|
|
1113
1135
|
interface SourceHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
1136
|
+
height?: number;
|
|
1114
1137
|
media?: string;
|
|
1115
1138
|
sizes?: string;
|
|
1116
1139
|
src?: string;
|
|
1117
1140
|
srcSet?: string;
|
|
1118
1141
|
type?: string;
|
|
1142
|
+
width?: number;
|
|
1119
1143
|
}
|
|
1120
1144
|
interface StyleHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
1121
1145
|
media?: string;
|
|
@@ -1133,8 +1157,6 @@ export declare namespace JSXBase {
|
|
|
1133
1157
|
interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
|
|
1134
1158
|
autoComplete?: string;
|
|
1135
1159
|
autocomplete?: string;
|
|
1136
|
-
autoFocus?: boolean;
|
|
1137
|
-
autofocus?: boolean | string;
|
|
1138
1160
|
cols?: number;
|
|
1139
1161
|
disabled?: boolean;
|
|
1140
1162
|
form?: string;
|
|
@@ -1143,6 +1165,8 @@ export declare namespace JSXBase {
|
|
|
1143
1165
|
minLength?: number;
|
|
1144
1166
|
minlength?: number | string;
|
|
1145
1167
|
name?: string;
|
|
1168
|
+
onSelect?: (event: Event) => void;
|
|
1169
|
+
onselect?: (event: Event) => void;
|
|
1146
1170
|
placeholder?: string;
|
|
1147
1171
|
readOnly?: boolean;
|
|
1148
1172
|
readonly?: boolean | string;
|
|
@@ -1185,6 +1209,8 @@ export declare namespace JSXBase {
|
|
|
1185
1209
|
interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
|
|
1186
1210
|
innerHTML?: string;
|
|
1187
1211
|
accessKey?: string;
|
|
1212
|
+
autoFocus?: boolean;
|
|
1213
|
+
autofocus?: boolean | string;
|
|
1188
1214
|
class?: string | {
|
|
1189
1215
|
[className: string]: boolean;
|
|
1190
1216
|
};
|
|
@@ -1196,6 +1222,7 @@ export declare namespace JSXBase {
|
|
|
1196
1222
|
draggable?: boolean;
|
|
1197
1223
|
hidden?: boolean;
|
|
1198
1224
|
id?: string;
|
|
1225
|
+
inert?: boolean;
|
|
1199
1226
|
lang?: string;
|
|
1200
1227
|
spellcheck?: 'true' | 'false' | any;
|
|
1201
1228
|
style?: {
|
|
@@ -1204,6 +1231,7 @@ export declare namespace JSXBase {
|
|
|
1204
1231
|
tabIndex?: number;
|
|
1205
1232
|
tabindex?: number | string;
|
|
1206
1233
|
title?: string;
|
|
1234
|
+
popover?: string | null;
|
|
1207
1235
|
inputMode?: string;
|
|
1208
1236
|
inputmode?: string;
|
|
1209
1237
|
enterKeyHint?: string;
|
|
@@ -1289,7 +1317,7 @@ export declare namespace JSXBase {
|
|
|
1289
1317
|
clipPathUnits?: number | string;
|
|
1290
1318
|
'clip-rule'?: number | string;
|
|
1291
1319
|
'color-interpolation'?: number | string;
|
|
1292
|
-
'color-interpolation-filters'?: 'auto' | '
|
|
1320
|
+
'color-interpolation-filters'?: 'auto' | 'sRGB' | 'linearRGB';
|
|
1293
1321
|
'color-profile'?: number | string;
|
|
1294
1322
|
'color-rendering'?: number | string;
|
|
1295
1323
|
contentScriptType?: number | string;
|
|
@@ -1619,8 +1647,14 @@ export declare namespace JSXBase {
|
|
|
1619
1647
|
onAnimationEndCapture?: (event: AnimationEvent) => void;
|
|
1620
1648
|
onAnimationIteration?: (event: AnimationEvent) => void;
|
|
1621
1649
|
onAnimationIterationCapture?: (event: AnimationEvent) => void;
|
|
1650
|
+
onTransitionCancel?: (event: TransitionEvent) => void;
|
|
1651
|
+
onTransitionCancelCapture?: (event: TransitionEvent) => void;
|
|
1622
1652
|
onTransitionEnd?: (event: TransitionEvent) => void;
|
|
1623
1653
|
onTransitionEndCapture?: (event: TransitionEvent) => void;
|
|
1654
|
+
onTransitionRun?: (event: TransitionEvent) => void;
|
|
1655
|
+
onTransitionRunCapture?: (event: TransitionEvent) => void;
|
|
1656
|
+
onTransitionStart?: (event: TransitionEvent) => void;
|
|
1657
|
+
onTransitionStartCapture?: (event: TransitionEvent) => void;
|
|
1624
1658
|
}
|
|
1625
1659
|
}
|
|
1626
1660
|
export interface JSXAttributes<T = Element> {
|
|
@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
|
|
|
2
2
|
|
|
3
3
|
interface VaAccordionItem extends Components.VaAccordionItem, HTMLElement {}
|
|
4
4
|
export const VaAccordionItem: {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
prototype: VaAccordionItem;
|
|
6
|
+
new (): VaAccordionItem;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* Used to define this component and all nested components recursively.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{g as getSlottedNodes}from"./utils.js";import{c as classnames}from"./index2.js";const vaAccordionItemCss='button:not([disabled]):focus,:host([uswds=\'false\']) button:not([disabled]):active,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-accordion{margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;color:#1b1b1b;margin:0;padding:0;width:100%;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-accordion>li{margin-bottom:0;max-width:unset}.usa-accordion>ul li ul{list-style:disc}.usa-accordion>ul li ul>li>ul{list-style:circle}.usa-accordion>ul li ul>li>ul>li>ul{list-style:square}.usa-accordion+.usa-accordion,.usa-accordion+.usa-accordion--bordered{margin-top:0.5rem}.usa-accordion--bordered .usa-accordion__content{border-bottom:0.25rem solid #f0f0f0;border-left:0.25rem solid #f0f0f0;border-right:0.25rem solid #f0f0f0;padding-bottom:1rem}.usa-accordion--bordered .usa-accordion__heading{margin-bottom:0}.usa-accordion__heading,.usa-prose .usa-accordion__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;margin:0}.usa-accordion__heading:not(:first-child),.usa-prose .usa-accordion__heading:not(:first-child){margin-top:0.5rem}.usa-accordion__content{color:#1b1b1b;background-color:white;margin-top:0;overflow:auto;padding:1rem 1.25rem calc(1rem - 0.25rem) 1.25rem}.usa-accordion__content>*:first-child{margin-top:0}.usa-accordion__content>*:last-child{margin-bottom:0}.usa-accordion__button{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;color:#1b1b1b;background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1.5rem;cursor:pointer;display:inline-block;font-weight:700;margin:0;padding:1rem 3.5rem 1rem 1.25rem;text-decoration:none;width:100%}.usa-accordion__button:visited{color:#54278f}.usa-accordion__button:hover{color:#1a4480}.usa-accordion__button:active{color:#162e51}.usa-accordion__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-accordion__button:hover,.usa-accordion__button.usa-button--hover,.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button:disabled.usa-button--hover,.usa-accordion__button[aria-disabled=true].usa-button--hover,.usa-accordion__button:active,.usa-accordion__button.usa-button--active,.usa-accordion__button:disabled:active,.usa-accordion__button[aria-disabled=true]:active,.usa-accordion__button:disabled.usa-button--active,.usa-accordion__button[aria-disabled=true].usa-button--active,.usa-accordion__button:disabled:focus,.usa-accordion__button[aria-disabled=true]:focus,.usa-accordion__button:disabled.usa-focus,.usa-accordion__button[aria-disabled=true].usa-focus,.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-accordion__button.usa-button--hover{color:#1a4480}.usa-accordion__button.usa-button--active{color:#162e51}.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:GrayText}}.usa-accordion__button:hover{color:#1b1b1b;background-color:#dfe1e2;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;text-decoration:none}@media (forced-colors: active){.usa-accordion__button{border:2px solid transparent;position:relative}.usa-accordion__button::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0;content:""}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}.usa-accordion__button[aria-expanded=false]{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:1.5rem}.usa-accordion__button[aria-expanded=false]:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-accordion__button[aria-expanded=false]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button[aria-expanded=false]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}:host{display:block}:host(:not(:last-child)){margin-bottom:0.5rem}:host(:last-child){margin-bottom:0.3125rem}button{font:inherit;line-height:1.15}::slotted([slot=headline]){display:none}::slotted([slot=icon]),::slotted([slot=subheader-icon]){width:0.625rem;margin-right:0.938rem}::slotted([slot=subheader-icon]){margin-top:0.2rem}.va-accordion__header,.va-accordion__subheader{display:block}.va-accordion__header ::slotted([slot=icon]),.va-accordion__subheader ::slotted([slot=subheader-icon]){margin-right:15px;width:inherit;vertical-align:text-top}.va-accordion__subheader{font-weight:400;font-size:16px;line-height:26px;margin-top:2px}.usa-prose>::slotted(p){line-height:1.5;max-width:64ex}@media print{:host(:not([open])) #content,:host([open=false]) #content{display:block}}:host(:not([open])) #content,:host([open=false]) #content{display:none}',VaAccordionItem$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.accordionItemToggled=createEvent(this,"accordionItemToggled",7),this.expandButton=null,this.header=void 0,this.subheader=null,this.open=!1,this.level=2,this.bordered=!1,this.slotHeader=null,this.slotTag=null}toggleOpen(t){this.accordionItemToggled.emit(t)}populateStateValues(){getSlottedNodes(this.el,null).forEach((t=>{this.slotHeader=t.innerHTML,this.slotTag=t.tagName.toLowerCase()}))}componentDidLoad(){this.el.id&&this.el.id===window.location.hash.slice(1)&&this.expandButton&&(this.open=!0,this.el.setAttribute("open","true"),this.el.scrollIntoView())}render(){const{bordered:t,header:e,subheader:o,level:a,open:r}=this,n=classnames({"usa-accordion--bordered":t});return h(Host,null,h("div",{class:n},h((()=>{const t=this.el.querySelector('[slot="headline"]'),n=null==t?void 0:t.innerHTML,i=t&&t.tagName.includes("H")?t.tagName.toLowerCase():`h${a}`;return h(i,{class:"usa-accordion__heading"},h("button",{type:"button",class:"usa-accordion__button","aria-expanded":r?"true":"false","aria-controls":"content",onClick:this.toggleOpen.bind(this),ref:t=>{this.expandButton=t},part:"accordion-header"},h("span",{class:"va-accordion__header"},h("slot",{name:"icon"}),this.slotHeader||e||n),this.subheader&&h("span",{class:"va-accordion__subheader"},h("slot",{name:"subheader-icon"}),o)))}),null),h("slot",{name:"headline",onSlotchange:()=>this.populateStateValues()}),h("div",{id:"content",class:"usa-accordion__content usa-prose",hidden:!r,part:"accordion-content"},h("slot",null))))}get el(){return this}static get style(){return vaAccordionItemCss}},[1,"va-accordion-item",{header:[1],subheader:[1],open:[4],level:[2],bordered:[4],slotHeader:[32],slotTag:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-accordion-item"].forEach((t=>{"va-accordion-item"===t&&(customElements.get(t)||customElements.define(t,VaAccordionItem$1))}))}const VaAccordionItem=VaAccordionItem$1,defineCustomElement=defineCustomElement$1;export{VaAccordionItem,defineCustomElement};
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{g as getSlottedNodes}from"./utils.js";import{c as classnames}from"./index2.js";const vaAccordionItemCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-accordion{margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;color:#1b1b1b;margin:0;padding:0;width:100%;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-accordion>li{margin-bottom:0;max-width:unset}.usa-accordion>ul li ul{list-style:disc}.usa-accordion>ul li ul>li>ul{list-style:circle}.usa-accordion>ul li ul>li>ul>li>ul{list-style:square}.usa-accordion+.usa-accordion,.usa-accordion+.usa-accordion--bordered{margin-top:0.5rem}.usa-accordion--bordered .usa-accordion__content{border-bottom:0.25rem solid #f0f0f0;border-left:0.25rem solid #f0f0f0;border-right:0.25rem solid #f0f0f0;padding-bottom:1rem}.usa-accordion--bordered .usa-accordion__heading{margin-bottom:0}.usa-accordion__heading,.usa-prose .usa-accordion__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;margin:0}.usa-accordion__heading:not(:first-child),.usa-prose .usa-accordion__heading:not(:first-child){margin-top:0.5rem}.usa-accordion__content{color:#1b1b1b;background-color:white;margin-top:0;overflow:auto;padding:1rem 1.25rem calc(1rem - 0.25rem) 1.25rem}.usa-accordion__content>*:first-child{margin-top:0}.usa-accordion__content>*:last-child{margin-bottom:0}.usa-accordion__button{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;color:#1b1b1b;background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1.5rem;cursor:pointer;display:inline-block;font-weight:700;margin:0;padding:1rem 3.5rem 1rem 1.25rem;text-decoration:none;width:100%}.usa-accordion__button:visited{color:#54278f}.usa-accordion__button:hover{color:#1a4480}.usa-accordion__button:active{color:#162e51}.usa-accordion__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-accordion__button:hover,.usa-accordion__button.usa-button--hover,.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button:disabled.usa-button--hover,.usa-accordion__button[aria-disabled=true].usa-button--hover,.usa-accordion__button:active,.usa-accordion__button.usa-button--active,.usa-accordion__button:disabled:active,.usa-accordion__button[aria-disabled=true]:active,.usa-accordion__button:disabled.usa-button--active,.usa-accordion__button[aria-disabled=true].usa-button--active,.usa-accordion__button:disabled:focus,.usa-accordion__button[aria-disabled=true]:focus,.usa-accordion__button:disabled.usa-focus,.usa-accordion__button[aria-disabled=true].usa-focus,.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-accordion__button.usa-button--hover{color:#1a4480}.usa-accordion__button.usa-button--active{color:#162e51}.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:GrayText}}.usa-accordion__button:hover{color:#1b1b1b;background-color:#dfe1e2;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;text-decoration:none}@media (forced-colors: active){.usa-accordion__button{border:2px solid transparent;position:relative}.usa-accordion__button::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0;content:""}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}.usa-accordion__button[aria-expanded=false]{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:1.5rem}.usa-accordion__button[aria-expanded=false]:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-accordion__button[aria-expanded=false]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button[aria-expanded=false]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}:host{display:block}:host(:not(:last-child)){margin-bottom:0.5rem}:host(:last-child){margin-bottom:0.3125rem}button{font:inherit;line-height:1.15}::slotted([slot=headline]){display:none}::slotted([slot=icon]),::slotted([slot=subheader-icon]){width:0.625rem;margin-right:0.938rem}::slotted([slot=subheader-icon]){margin-top:0.2rem}.va-accordion__header,.va-accordion__subheader{display:block}.va-accordion__header ::slotted([slot=icon]),.va-accordion__subheader ::slotted([slot=subheader-icon]){margin-right:15px;width:inherit;vertical-align:text-top}.va-accordion__subheader{font-weight:400;font-size:16px;line-height:26px;margin-top:2px}.usa-prose>::slotted(p){line-height:1.5;max-width:64ex}@media print{:host(:not([open])) #content,:host([open=false]) #content{display:block}}:host(:not([open])) #content,:host([open=false]) #content{display:none}',VaAccordionItemStyle0=vaAccordionItemCss,VaAccordionItem$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.accordionItemToggled=createEvent(this,"accordionItemToggled",7),this.expandButton=null,this.header=void 0,this.subheader=null,this.open=!1,this.level=2,this.bordered=!1,this.slotHeader=null,this.slotTag=null}toggleOpen(t){this.accordionItemToggled.emit(t)}populateStateValues(){getSlottedNodes(this.el,null).forEach((t=>{this.slotHeader=t.innerHTML,this.slotTag=t.tagName.toLowerCase()}))}componentDidLoad(){this.el.id&&this.el.id===window.location.hash.slice(1)&&this.expandButton&&(this.open=!0,this.el.setAttribute("open","true"),this.el.scrollIntoView())}render(){const{bordered:t,header:e,subheader:o,level:a,open:r}=this,n=classnames({"usa-accordion--bordered":t});return h(Host,null,h("div",{class:n},h((()=>{const t=this.el.querySelector('[slot="headline"]'),n=null==t?void 0:t.innerHTML,i=t&&t.tagName.includes("H")?t.tagName.toLowerCase():`h${a}`;return h(i,{class:"usa-accordion__heading"},h("button",{type:"button",class:"usa-accordion__button","aria-expanded":r?"true":"false","aria-controls":"content",onClick:this.toggleOpen.bind(this),ref:t=>{this.expandButton=t},part:"accordion-header"},h("span",{class:"va-accordion__header"},h("slot",{name:"icon"}),this.slotHeader||e||n),this.subheader&&h("span",{class:"va-accordion__subheader"},h("slot",{name:"subheader-icon"}),o)))}),null),h("slot",{name:"headline",onSlotchange:()=>this.populateStateValues()}),h("div",{id:"content",class:"usa-accordion__content usa-prose",hidden:!r,part:"accordion-content"},h("slot",null))))}get el(){return this}static get style(){return VaAccordionItemStyle0}},[1,"va-accordion-item",{header:[1],subheader:[1],open:[4],level:[2],bordered:[4],slotHeader:[32],slotTag:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-accordion-item"].forEach((t=>{"va-accordion-item"===t&&(customElements.get(t)||customElements.define(t,VaAccordionItem$1))}))}const VaAccordionItem=VaAccordionItem$1,defineCustomElement=defineCustomElement$1;export{VaAccordionItem,defineCustomElement};
|
|
@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
|
|
|
2
2
|
|
|
3
3
|
interface VaAccordion extends Components.VaAccordion, HTMLElement {}
|
|
4
4
|
export const VaAccordion: {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
prototype: VaAccordion;
|
|
6
|
+
new (): VaAccordion;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* Used to define this component and all nested components recursively.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host}from"@stencil/core/internal/client";import{g as getSlottedNodes}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{c as classnames}from"./index2.js";import{i as instance}from"./i18next.js";const vaAccordionCss='button:not([disabled]):focus,:host([uswds=\'false\']) button:not([disabled]):active,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-accordion{margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;color:#1b1b1b;margin:0;padding:0;width:100%;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-accordion>li{margin-bottom:0;max-width:unset}.usa-accordion>ul li ul{list-style:disc}.usa-accordion>ul li ul>li>ul{list-style:circle}.usa-accordion>ul li ul>li>ul>li>ul{list-style:square}.usa-accordion+.usa-accordion,.usa-accordion+.usa-accordion--bordered{margin-top:0.5rem}.usa-accordion--bordered .usa-accordion__content{border-bottom:0.25rem solid #f0f0f0;border-left:0.25rem solid #f0f0f0;border-right:0.25rem solid #f0f0f0;padding-bottom:1rem}.usa-accordion--bordered .usa-accordion__heading{margin-bottom:0}.usa-accordion__heading,.usa-prose .usa-accordion__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;margin:0}.usa-accordion__heading:not(:first-child),.usa-prose .usa-accordion__heading:not(:first-child){margin-top:0.5rem}.usa-accordion__content{color:#1b1b1b;background-color:white;margin-top:0;overflow:auto;padding:1rem 1.25rem calc(1rem - 0.25rem) 1.25rem}.usa-accordion__content>*:first-child{margin-top:0}.usa-accordion__content>*:last-child{margin-bottom:0}.usa-accordion__button{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;color:#1b1b1b;background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1.5rem;cursor:pointer;display:inline-block;font-weight:700;margin:0;padding:1rem 3.5rem 1rem 1.25rem;text-decoration:none;width:100%}.usa-accordion__button:visited{color:#54278f}.usa-accordion__button:hover{color:#1a4480}.usa-accordion__button:active{color:#162e51}.usa-accordion__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-accordion__button:hover,.usa-accordion__button.usa-button--hover,.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button:disabled.usa-button--hover,.usa-accordion__button[aria-disabled=true].usa-button--hover,.usa-accordion__button:active,.usa-accordion__button.usa-button--active,.usa-accordion__button:disabled:active,.usa-accordion__button[aria-disabled=true]:active,.usa-accordion__button:disabled.usa-button--active,.usa-accordion__button[aria-disabled=true].usa-button--active,.usa-accordion__button:disabled:focus,.usa-accordion__button[aria-disabled=true]:focus,.usa-accordion__button:disabled.usa-focus,.usa-accordion__button[aria-disabled=true].usa-focus,.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-accordion__button.usa-button--hover{color:#1a4480}.usa-accordion__button.usa-button--active{color:#162e51}.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:GrayText}}.usa-accordion__button:hover{color:#1b1b1b;background-color:#dfe1e2;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;text-decoration:none}@media (forced-colors: active){.usa-accordion__button{border:2px solid transparent;position:relative}.usa-accordion__button::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0;content:""}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}.usa-accordion__button[aria-expanded=false]{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:1.5rem}.usa-accordion__button[aria-expanded=false]:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-accordion__button[aria-expanded=false]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button[aria-expanded=false]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}button.va-accordion__button{border:none;color:var(--vads-color-link);background:transparent;padding:0.625rem;cursor:pointer;font-family:inherit;font-weight:bold;float:right}@media print{button.va-accordion__button{display:none}}';Build.isTesting&&instance.init({lng:"cimode"});const VaAccordion$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.expandCollapseAll=t=>{this.expanded=t,getSlottedNodes(this.el,"va-accordion-item").forEach((e=>{e.setAttribute("open",`${t}`)}))},this.expanded=!1,this.openSingle=!1,this.disableAnalytics=!1,this.sectionHeading=null}itemToggledHandler(t){var e;const a=t.target.closest("va-accordion-item"),o=a.querySelector('[slot="headline"]');let n,r;o?(n=null==o?void 0:o.innerHTML,r=parseInt(null===(e=null==o?void 0:o.tagName)||void 0===e?void 0:e.toLowerCase().split("")[1])):(n=a.header,r=a.level),this.openSingle&&getSlottedNodes(this.el,"va-accordion-item").filter((t=>t!==a)).forEach((t=>t.setAttribute("open","false")));const i="true"===a.getAttribute("open");if(!this.disableAnalytics){const t={componentName:"va-accordion",action:i?"collapse":"expand",details:{header:n||a.header,subheader:a.subheader,level:r||a.level,sectionHeading:this.sectionHeading}};this.componentLibraryAnalytics.emit(t)}a.setAttribute("open",i?"false":"true"),this.isScrolledIntoView(a)||a.scrollIntoView(),this.accordionsOpened()}accordionsOpened(){let t=[];getSlottedNodes(this.el,"va-accordion-item").forEach((e=>{t.push(e.getAttribute("open"))})),t.every((t=>"true"===t))&&(this.expanded=!0),t.every((t=>"false"===t))&&(this.expanded=!1)}isScrolledIntoView(t){const e=null==t?void 0:t.getBoundingClientRect().top;return!(!e&&0!==e)&&e>=0&&e<=window.innerHeight}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{openSingle:t}=this,e=classnames({"usa-accordion":!0}),a=[...this.el.children].filter((t=>"va-accordion-item"===t.tagName.toLowerCase())).map((t=>t.id));return h(Host,null,h("div",{class:e,ref:t=>this.accordionContainer=t},t?null:h("button",{class:"va-accordion__button",ref:t=>this.expandCollapseBtn=t,onClick:()=>this.expandCollapseAll(!this.expanded),"aria-label":this.expanded?instance.t("collapse-all-aria-label"):instance.t("expand-all-aria-label"),"aria-controls":a.join(" "),"aria-expanded":`${this.expanded}`},this.expanded?`${instance.t("collapse-all")} -`:`${instance.t("expand-all")} +`),h("slot",null)))}get el(){return this}static get style(){return vaAccordionCss}},[1,"va-accordion",{openSingle:[4,"open-single"],disableAnalytics:[4,"disable-analytics"],sectionHeading:[1,"section-heading"],expanded:[32]},[[0,"accordionItemToggled","itemToggledHandler"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-accordion"].forEach((t=>{"va-accordion"===t&&(customElements.get(t)||customElements.define(t,VaAccordion$1))}))}const VaAccordion=VaAccordion$1,defineCustomElement=defineCustomElement$1;export{VaAccordion,defineCustomElement};
|
|
1
|
+
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host}from"@stencil/core/internal/client";import{g as getSlottedNodes}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{c as classnames}from"./index2.js";import{i as instance}from"./i18next.js";const vaAccordionCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-accordion{margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;color:#1b1b1b;margin:0;padding:0;width:100%;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-accordion>li{margin-bottom:0;max-width:unset}.usa-accordion>ul li ul{list-style:disc}.usa-accordion>ul li ul>li>ul{list-style:circle}.usa-accordion>ul li ul>li>ul>li>ul{list-style:square}.usa-accordion+.usa-accordion,.usa-accordion+.usa-accordion--bordered{margin-top:0.5rem}.usa-accordion--bordered .usa-accordion__content{border-bottom:0.25rem solid #f0f0f0;border-left:0.25rem solid #f0f0f0;border-right:0.25rem solid #f0f0f0;padding-bottom:1rem}.usa-accordion--bordered .usa-accordion__heading{margin-bottom:0}.usa-accordion__heading,.usa-prose .usa-accordion__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;margin:0}.usa-accordion__heading:not(:first-child),.usa-prose .usa-accordion__heading:not(:first-child){margin-top:0.5rem}.usa-accordion__content{color:#1b1b1b;background-color:white;margin-top:0;overflow:auto;padding:1rem 1.25rem calc(1rem - 0.25rem) 1.25rem}.usa-accordion__content>*:first-child{margin-top:0}.usa-accordion__content>*:last-child{margin-bottom:0}.usa-accordion__button{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;color:#1b1b1b;background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1.5rem;cursor:pointer;display:inline-block;font-weight:700;margin:0;padding:1rem 3.5rem 1rem 1.25rem;text-decoration:none;width:100%}.usa-accordion__button:visited{color:#54278f}.usa-accordion__button:hover{color:#1a4480}.usa-accordion__button:active{color:#162e51}.usa-accordion__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-accordion__button:hover,.usa-accordion__button.usa-button--hover,.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button:disabled.usa-button--hover,.usa-accordion__button[aria-disabled=true].usa-button--hover,.usa-accordion__button:active,.usa-accordion__button.usa-button--active,.usa-accordion__button:disabled:active,.usa-accordion__button[aria-disabled=true]:active,.usa-accordion__button:disabled.usa-button--active,.usa-accordion__button[aria-disabled=true].usa-button--active,.usa-accordion__button:disabled:focus,.usa-accordion__button[aria-disabled=true]:focus,.usa-accordion__button:disabled.usa-focus,.usa-accordion__button[aria-disabled=true].usa-focus,.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-accordion__button.usa-button--hover{color:#1a4480}.usa-accordion__button.usa-button--active{color:#162e51}.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:GrayText}}.usa-accordion__button:hover{color:#1b1b1b;background-color:#dfe1e2;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;text-decoration:none}@media (forced-colors: active){.usa-accordion__button{border:2px solid transparent;position:relative}.usa-accordion__button::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0;content:""}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}.usa-accordion__button[aria-expanded=false]{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:1.5rem}.usa-accordion__button[aria-expanded=false]:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-accordion__button[aria-expanded=false]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button[aria-expanded=false]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}button.va-accordion__button{border:none;color:var(--vads-color-link);background:transparent;padding:0.625rem;cursor:pointer;font-family:inherit;font-weight:bold;float:right}@media print{button.va-accordion__button{display:none}}',VaAccordionStyle0=vaAccordionCss;Build.isTesting&&instance.init({lng:"cimode"});const VaAccordion$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.expandCollapseAll=t=>{this.expanded=t,getSlottedNodes(this.el,"va-accordion-item").forEach((e=>{e.setAttribute("open",`${t}`)}))},this.expanded=!1,this.openSingle=!1,this.disableAnalytics=!1,this.sectionHeading=null}itemToggledHandler(t){var e;const a=t.target.closest("va-accordion-item"),o=a.querySelector('[slot="headline"]');let n,r;o?(n=null==o?void 0:o.innerHTML,r=parseInt(null===(e=null==o?void 0:o.tagName)||void 0===e?void 0:e.toLowerCase().split("")[1])):(n=a.header,r=a.level),this.openSingle&&getSlottedNodes(this.el,"va-accordion-item").filter((t=>t!==a)).forEach((t=>t.setAttribute("open","false")));const i="true"===a.getAttribute("open");if(!this.disableAnalytics){const t={componentName:"va-accordion",action:i?"collapse":"expand",details:{header:n||a.header,subheader:a.subheader,level:r||a.level,sectionHeading:this.sectionHeading}};this.componentLibraryAnalytics.emit(t)}a.setAttribute("open",i?"false":"true"),this.isScrolledIntoView(a)||a.scrollIntoView(),this.accordionsOpened()}accordionsOpened(){let t=[];getSlottedNodes(this.el,"va-accordion-item").forEach((e=>{t.push(e.getAttribute("open"))})),t.every((t=>"true"===t))&&(this.expanded=!0),t.every((t=>"false"===t))&&(this.expanded=!1)}isScrolledIntoView(t){const e=null==t?void 0:t.getBoundingClientRect().top;return!(!e&&0!==e)&&e>=0&&e<=window.innerHeight}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{openSingle:t}=this,e=classnames({"usa-accordion":!0}),a=[...this.el.children].filter((t=>"va-accordion-item"===t.tagName.toLowerCase())).map((t=>t.id));return h(Host,{key:"73486caa7de66f2150dbbe6916aa6b0f3ef5c0f1"},h("div",{key:"e61692d1784964c903adbdb44055a62897edbb4e",class:e,ref:t=>this.accordionContainer=t},t?null:h("button",{class:"va-accordion__button",ref:t=>this.expandCollapseBtn=t,onClick:()=>this.expandCollapseAll(!this.expanded),"aria-label":this.expanded?instance.t("collapse-all-aria-label"):instance.t("expand-all-aria-label"),"aria-controls":a.join(" "),"aria-expanded":`${this.expanded}`},this.expanded?`${instance.t("collapse-all")} -`:`${instance.t("expand-all")} +`),h("slot",{key:"56afd5fcab57d4be9dd5fd1689543deb9f505465"})))}get el(){return this}static get style(){return VaAccordionStyle0}},[1,"va-accordion",{openSingle:[4,"open-single"],disableAnalytics:[4,"disable-analytics"],sectionHeading:[1,"section-heading"],expanded:[32]},[[0,"accordionItemToggled","itemToggledHandler"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-accordion"].forEach((t=>{"va-accordion"===t&&(customElements.get(t)||customElements.define(t,VaAccordion$1))}))}const VaAccordion=VaAccordion$1,defineCustomElement=defineCustomElement$1;export{VaAccordion,defineCustomElement};
|
|
@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
|
|
|
2
2
|
|
|
3
3
|
interface VaAdditionalInfo extends Components.VaAdditionalInfo, HTMLElement {}
|
|
4
4
|
export const VaAdditionalInfo: {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
prototype: VaAdditionalInfo;
|
|
6
|
+
new (): VaAdditionalInfo;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* Used to define this component and all nested components recursively.
|