@department-of-veterans-affairs/component-library 50.2.0 → 50.2.2
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/2319.app.bundle.js +2 -0
- package/dist/2387.app.bundle.js +1 -1
- package/dist/2654.app.bundle.js +1 -1
- package/dist/2801.app.bundle.js +1 -1
- package/dist/4064.app.bundle.js +1 -1
- package/dist/4117.app.bundle.js +1 -1
- package/dist/4715.app.bundle.js +1 -1
- package/dist/5189.app.bundle.js +1 -1
- package/dist/5533.app.bundle.js +1 -0
- package/dist/5699.app.bundle.js +1 -1
- package/dist/6246.app.bundle.js +1 -1
- package/dist/6349.app.bundle.js +1 -1
- package/dist/641.app.bundle.js +1 -1
- package/dist/6527.app.bundle.js +1 -1
- package/dist/712.app.bundle.js +1 -1
- package/dist/7367.app.bundle.js +1 -1
- package/dist/7531.app.bundle.js +1 -1
- package/dist/7663.app.bundle.js +1 -1
- package/dist/7821.app.bundle.js +1 -1
- package/dist/8175.app.bundle.js +1 -1
- package/dist/82.app.bundle.js +1 -1
- package/dist/8206.app.bundle.js +1 -0
- package/dist/8495.app.bundle.js +1 -1
- package/dist/9288.app.bundle.js +1 -1
- package/dist/9409.app.bundle.js +1 -1
- package/dist/9800.app.bundle.js +1 -1
- package/dist/app.bundle.js +1 -1
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +1 -1
- package/dist/components/types/components.d.ts +85 -0
- package/dist/components/utils.js +1 -1
- package/dist/components/va-accordion-item.js +1 -1
- package/dist/components/va-accordion-item2.js +1 -0
- package/dist/components/va-accordion.js +1 -1
- package/dist/components/va-accordion2.js +1 -0
- package/dist/components/va-additional-info.js +1 -1
- package/dist/components/va-alert-expandable.js +1 -1
- package/dist/components/va-alert-sign-in.js +1 -1
- package/dist/components/va-alert2.js +1 -1
- package/dist/components/va-checkbox-group.js +1 -1
- package/dist/components/va-checkbox-group2.js +1 -0
- package/dist/components/va-checkbox2.js +1 -1
- package/dist/components/va-combo-box.js +1 -1
- package/dist/components/va-critical-action2.js +1 -1
- package/dist/components/va-file-input-multiple.js +1 -1
- package/dist/components/va-file-input2.js +1 -1
- package/dist/components/va-loading-indicator.js +1 -1
- package/dist/components/va-memorable-date.js +1 -1
- package/dist/components/va-modal2.js +1 -1
- package/dist/components/va-process-list-item.js +1 -1
- package/dist/components/va-radio.js +1 -1
- package/dist/components/va-search-filter.d.ts +11 -0
- package/dist/components/va-search-filter.js +1 -0
- package/dist/components/va-select2.js +1 -1
- package/dist/components/va-service-list-item.js +1 -1
- package/dist/components/va-text-input2.js +1 -1
- package/dist/components/va-textarea.js +1 -1
- package/dist/main.css +1 -1
- package/dist/react-bindings/index.d.ts +1 -0
- package/dist/react-bindings/index.js +1 -1
- package/dist/react-bindings/index.js.map +1 -1
- package/dist/react-bindings/index.ts +1 -0
- package/package.json +2 -2
- package/dist/2664.app.bundle.js +0 -2
- package/dist/4033.app.bundle.js +0 -1
- package/dist/4493.app.bundle.js +0 -2
- package/dist/4493.app.bundle.js.LICENSE.txt +0 -5
- package/dist/9157.app.bundle.js +0 -2
- package/dist/9157.app.bundle.js.LICENSE.txt +0 -5
- /package/dist/{2664.app.bundle.js.LICENSE.txt → 2319.app.bundle.js.LICENSE.txt} +0 -0
|
@@ -87,6 +87,8 @@ export { VaRadio as VaRadio } from '../types/components/va-radio/va-radio';
|
|
|
87
87
|
export { defineCustomElement as defineCustomElementVaRadio } from './va-radio';
|
|
88
88
|
export { VaRadioOption as VaRadioOption } from '../types/components/va-radio-option/va-radio-option';
|
|
89
89
|
export { defineCustomElement as defineCustomElementVaRadioOption } from './va-radio-option';
|
|
90
|
+
export { VaSearchFilter as VaSearchFilter } from '../types/components/va-search-filter/va-search-filter';
|
|
91
|
+
export { defineCustomElement as defineCustomElementVaSearchFilter } from './va-search-filter';
|
|
90
92
|
export { VaSearchInput as VaSearchInput } from '../types/components/va-search-input/va-search-input';
|
|
91
93
|
export { defineCustomElement as defineCustomElementVaSearchInput } from './va-search-input';
|
|
92
94
|
export { VaSegmentedProgressBar as VaSegmentedProgressBar } from '../types/components/va-segmented-progress-bar/va-segmented-progress-bar';
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{getAssetPath,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import"./i18n-setup.js";export{C as CONTACTS,c as contactsMap}from"./contacts.js";export{VaAccordion,defineCustomElement as defineCustomElementVaAccordion}from"./va-accordion.js";export{VaAccordionItem,defineCustomElement as defineCustomElementVaAccordionItem}from"./va-accordion-item.js";export{VaAdditionalInfo,defineCustomElement as defineCustomElementVaAdditionalInfo}from"./va-additional-info.js";export{VaAlert,defineCustomElement as defineCustomElementVaAlert}from"./va-alert.js";export{VaAlertExpandable,defineCustomElement as defineCustomElementVaAlertExpandable}from"./va-alert-expandable.js";export{VaAlertSignIn,defineCustomElement as defineCustomElementVaAlertSignIn}from"./va-alert-sign-in.js";export{VaBackToTop,defineCustomElement as defineCustomElementVaBackToTop}from"./va-back-to-top.js";export{VaBanner,defineCustomElement as defineCustomElementVaBanner}from"./va-banner.js";export{VaBreadcrumbs,defineCustomElement as defineCustomElementVaBreadcrumbs}from"./va-breadcrumbs.js";export{VaButton,defineCustomElement as defineCustomElementVaButton}from"./va-button.js";export{VaButtonIcon,defineCustomElement as defineCustomElementVaButtonIcon}from"./va-button-icon.js";export{VaButtonPair,defineCustomElement as defineCustomElementVaButtonPair}from"./va-button-pair.js";export{VaCard,defineCustomElement as defineCustomElementVaCard}from"./va-card.js";export{VaCheckbox,defineCustomElement as defineCustomElementVaCheckbox}from"./va-checkbox.js";export{VaCheckboxGroup,defineCustomElement as defineCustomElementVaCheckboxGroup}from"./va-checkbox-group.js";export{VaComboBox,defineCustomElement as defineCustomElementVaComboBox}from"./va-combo-box.js";export{VaCrisisLineModal,defineCustomElement as defineCustomElementVaCrisisLineModal}from"./va-crisis-line-modal.js";export{VaCriticalAction,defineCustomElement as defineCustomElementVaCriticalAction}from"./va-critical-action.js";export{VaDate,defineCustomElement as defineCustomElementVaDate}from"./va-date.js";export{VaFileInput,defineCustomElement as defineCustomElementVaFileInput}from"./va-file-input.js";export{VaFileInputMultiple,defineCustomElement as defineCustomElementVaFileInputMultiple}from"./va-file-input-multiple.js";export{VaHeaderMinimal,defineCustomElement as defineCustomElementVaHeaderMinimal}from"./va-header-minimal.js";export{VaIcon,defineCustomElement as defineCustomElementVaIcon}from"./va-icon.js";export{VaLanguageToggle,defineCustomElement as defineCustomElementVaLanguageToggle}from"./va-language-toggle.js";export{VaLink,defineCustomElement as defineCustomElementVaLink}from"./va-link.js";export{VaLinkAction,defineCustomElement as defineCustomElementVaLinkAction}from"./va-link-action.js";export{VaLoadingIndicator,defineCustomElement as defineCustomElementVaLoadingIndicator}from"./va-loading-indicator.js";export{VaMaintenanceBanner,defineCustomElement as defineCustomElementVaMaintenanceBanner}from"./va-maintenance-banner.js";export{VaMemorableDate,defineCustomElement as defineCustomElementVaMemorableDate}from"./va-memorable-date.js";export{VaMinimalFooter,defineCustomElement as defineCustomElementVaMinimalFooter}from"./va-minimal-footer.js";export{VaModal,defineCustomElement as defineCustomElementVaModal}from"./va-modal.js";export{VaNeedHelp,defineCustomElement as defineCustomElementVaNeedHelp}from"./va-need-help.js";export{VaNotification,defineCustomElement as defineCustomElementVaNotification}from"./va-notification.js";export{VaOfficialGovBanner,defineCustomElement as defineCustomElementVaOfficialGovBanner}from"./va-official-gov-banner.js";export{VaOmbInfo,defineCustomElement as defineCustomElementVaOmbInfo}from"./va-omb-info.js";export{VaOnThisPage,defineCustomElement as defineCustomElementVaOnThisPage}from"./va-on-this-page.js";export{VaPagination,defineCustomElement as defineCustomElementVaPagination}from"./va-pagination.js";export{VaPrivacyAgreement,defineCustomElement as defineCustomElementVaPrivacyAgreement}from"./va-privacy-agreement.js";export{VaProcessList,defineCustomElement as defineCustomElementVaProcessList}from"./va-process-list.js";export{VaProcessListItem,defineCustomElement as defineCustomElementVaProcessListItem}from"./va-process-list-item.js";export{VaProgressBar,defineCustomElement as defineCustomElementVaProgressBar}from"./va-progress-bar.js";export{VaPromoBanner,defineCustomElement as defineCustomElementVaPromoBanner}from"./va-promo-banner.js";export{VaRadio,defineCustomElement as defineCustomElementVaRadio}from"./va-radio.js";export{VaRadioOption,defineCustomElement as defineCustomElementVaRadioOption}from"./va-radio-option.js";export{VaSearchInput,defineCustomElement as defineCustomElementVaSearchInput}from"./va-search-input.js";export{VaSegmentedProgressBar,defineCustomElement as defineCustomElementVaSegmentedProgressBar}from"./va-segmented-progress-bar.js";export{VaSelect,defineCustomElement as defineCustomElementVaSelect}from"./va-select.js";export{VaServiceListItem,defineCustomElement as defineCustomElementVaServiceListItem}from"./va-service-list-item.js";export{VaStatementOfTruth,defineCustomElement as defineCustomElementVaStatementOfTruth}from"./va-statement-of-truth.js";export{VaSummaryBox,defineCustomElement as defineCustomElementVaSummaryBox}from"./va-summary-box.js";export{VaTable,defineCustomElement as defineCustomElementVaTable}from"./va-table.js";export{VaTableInner,defineCustomElement as defineCustomElementVaTableInner}from"./va-table-inner.js";export{VaTableRow,defineCustomElement as defineCustomElementVaTableRow}from"./va-table-row.js";export{VaTelephone,defineCustomElement as defineCustomElementVaTelephone}from"./va-telephone.js";export{VaTextInput,defineCustomElement as defineCustomElementVaTextInput}from"./va-text-input.js";export{VaTextarea,defineCustomElement as defineCustomElementVaTextarea}from"./va-textarea.js";export{i as i18next}from"./i18next.js";
|
|
1
|
+
export{getAssetPath,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";import"./i18n-setup.js";export{C as CONTACTS,c as contactsMap}from"./contacts.js";export{VaAccordion,defineCustomElement as defineCustomElementVaAccordion}from"./va-accordion.js";export{VaAccordionItem,defineCustomElement as defineCustomElementVaAccordionItem}from"./va-accordion-item.js";export{VaAdditionalInfo,defineCustomElement as defineCustomElementVaAdditionalInfo}from"./va-additional-info.js";export{VaAlert,defineCustomElement as defineCustomElementVaAlert}from"./va-alert.js";export{VaAlertExpandable,defineCustomElement as defineCustomElementVaAlertExpandable}from"./va-alert-expandable.js";export{VaAlertSignIn,defineCustomElement as defineCustomElementVaAlertSignIn}from"./va-alert-sign-in.js";export{VaBackToTop,defineCustomElement as defineCustomElementVaBackToTop}from"./va-back-to-top.js";export{VaBanner,defineCustomElement as defineCustomElementVaBanner}from"./va-banner.js";export{VaBreadcrumbs,defineCustomElement as defineCustomElementVaBreadcrumbs}from"./va-breadcrumbs.js";export{VaButton,defineCustomElement as defineCustomElementVaButton}from"./va-button.js";export{VaButtonIcon,defineCustomElement as defineCustomElementVaButtonIcon}from"./va-button-icon.js";export{VaButtonPair,defineCustomElement as defineCustomElementVaButtonPair}from"./va-button-pair.js";export{VaCard,defineCustomElement as defineCustomElementVaCard}from"./va-card.js";export{VaCheckbox,defineCustomElement as defineCustomElementVaCheckbox}from"./va-checkbox.js";export{VaCheckboxGroup,defineCustomElement as defineCustomElementVaCheckboxGroup}from"./va-checkbox-group.js";export{VaComboBox,defineCustomElement as defineCustomElementVaComboBox}from"./va-combo-box.js";export{VaCrisisLineModal,defineCustomElement as defineCustomElementVaCrisisLineModal}from"./va-crisis-line-modal.js";export{VaCriticalAction,defineCustomElement as defineCustomElementVaCriticalAction}from"./va-critical-action.js";export{VaDate,defineCustomElement as defineCustomElementVaDate}from"./va-date.js";export{VaFileInput,defineCustomElement as defineCustomElementVaFileInput}from"./va-file-input.js";export{VaFileInputMultiple,defineCustomElement as defineCustomElementVaFileInputMultiple}from"./va-file-input-multiple.js";export{VaHeaderMinimal,defineCustomElement as defineCustomElementVaHeaderMinimal}from"./va-header-minimal.js";export{VaIcon,defineCustomElement as defineCustomElementVaIcon}from"./va-icon.js";export{VaLanguageToggle,defineCustomElement as defineCustomElementVaLanguageToggle}from"./va-language-toggle.js";export{VaLink,defineCustomElement as defineCustomElementVaLink}from"./va-link.js";export{VaLinkAction,defineCustomElement as defineCustomElementVaLinkAction}from"./va-link-action.js";export{VaLoadingIndicator,defineCustomElement as defineCustomElementVaLoadingIndicator}from"./va-loading-indicator.js";export{VaMaintenanceBanner,defineCustomElement as defineCustomElementVaMaintenanceBanner}from"./va-maintenance-banner.js";export{VaMemorableDate,defineCustomElement as defineCustomElementVaMemorableDate}from"./va-memorable-date.js";export{VaMinimalFooter,defineCustomElement as defineCustomElementVaMinimalFooter}from"./va-minimal-footer.js";export{VaModal,defineCustomElement as defineCustomElementVaModal}from"./va-modal.js";export{VaNeedHelp,defineCustomElement as defineCustomElementVaNeedHelp}from"./va-need-help.js";export{VaNotification,defineCustomElement as defineCustomElementVaNotification}from"./va-notification.js";export{VaOfficialGovBanner,defineCustomElement as defineCustomElementVaOfficialGovBanner}from"./va-official-gov-banner.js";export{VaOmbInfo,defineCustomElement as defineCustomElementVaOmbInfo}from"./va-omb-info.js";export{VaOnThisPage,defineCustomElement as defineCustomElementVaOnThisPage}from"./va-on-this-page.js";export{VaPagination,defineCustomElement as defineCustomElementVaPagination}from"./va-pagination.js";export{VaPrivacyAgreement,defineCustomElement as defineCustomElementVaPrivacyAgreement}from"./va-privacy-agreement.js";export{VaProcessList,defineCustomElement as defineCustomElementVaProcessList}from"./va-process-list.js";export{VaProcessListItem,defineCustomElement as defineCustomElementVaProcessListItem}from"./va-process-list-item.js";export{VaProgressBar,defineCustomElement as defineCustomElementVaProgressBar}from"./va-progress-bar.js";export{VaPromoBanner,defineCustomElement as defineCustomElementVaPromoBanner}from"./va-promo-banner.js";export{VaRadio,defineCustomElement as defineCustomElementVaRadio}from"./va-radio.js";export{VaRadioOption,defineCustomElement as defineCustomElementVaRadioOption}from"./va-radio-option.js";export{VaSearchFilter,defineCustomElement as defineCustomElementVaSearchFilter}from"./va-search-filter.js";export{VaSearchInput,defineCustomElement as defineCustomElementVaSearchInput}from"./va-search-input.js";export{VaSegmentedProgressBar,defineCustomElement as defineCustomElementVaSegmentedProgressBar}from"./va-segmented-progress-bar.js";export{VaSelect,defineCustomElement as defineCustomElementVaSelect}from"./va-select.js";export{VaServiceListItem,defineCustomElement as defineCustomElementVaServiceListItem}from"./va-service-list-item.js";export{VaStatementOfTruth,defineCustomElement as defineCustomElementVaStatementOfTruth}from"./va-statement-of-truth.js";export{VaSummaryBox,defineCustomElement as defineCustomElementVaSummaryBox}from"./va-summary-box.js";export{VaTable,defineCustomElement as defineCustomElementVaTable}from"./va-table.js";export{VaTableInner,defineCustomElement as defineCustomElementVaTableInner}from"./va-table-inner.js";export{VaTableRow,defineCustomElement as defineCustomElementVaTableRow}from"./va-table-row.js";export{VaTelephone,defineCustomElement as defineCustomElementVaTelephone}from"./va-telephone.js";export{VaTextInput,defineCustomElement as defineCustomElementVaTextInput}from"./va-text-input.js";export{VaTextarea,defineCustomElement as defineCustomElementVaTextarea}from"./va-textarea.js";export{i as i18next}from"./i18next.js";
|
|
@@ -7,9 +7,11 @@
|
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
8
|
import { Breadcrumb } from "./components/va-breadcrumbs/va-breadcrumbs";
|
|
9
9
|
import { UploadedFile } from "./components/va-file-input/uploadedFile";
|
|
10
|
+
import { Filter } from "./components/va-search-filter/va-search-filter";
|
|
10
11
|
import { OptionalLink, ServiceAction, ServiceDetails } from "./components/va-service-list-item/va-service-list-item";
|
|
11
12
|
export { Breadcrumb } from "./components/va-breadcrumbs/va-breadcrumbs";
|
|
12
13
|
export { UploadedFile } from "./components/va-file-input/uploadedFile";
|
|
14
|
+
export { Filter } from "./components/va-search-filter/va-search-filter";
|
|
13
15
|
export { OptionalLink, ServiceAction, ServiceDetails } from "./components/va-service-list-item/va-service-list-item";
|
|
14
16
|
export namespace Components {
|
|
15
17
|
/**
|
|
@@ -1437,6 +1439,21 @@ export namespace Components {
|
|
|
1437
1439
|
*/
|
|
1438
1440
|
"value": string;
|
|
1439
1441
|
}
|
|
1442
|
+
/**
|
|
1443
|
+
* @componentName Search Filter
|
|
1444
|
+
* @maturityCategory caution
|
|
1445
|
+
* @maturityLevel candidate
|
|
1446
|
+
*/
|
|
1447
|
+
interface VaSearchFilter {
|
|
1448
|
+
/**
|
|
1449
|
+
* Represents a list of filter facets and their categories. Use a JSON array of objects with label and id properties.
|
|
1450
|
+
*/
|
|
1451
|
+
"filterOptions": Filter[];
|
|
1452
|
+
/**
|
|
1453
|
+
* The filter header text.
|
|
1454
|
+
*/
|
|
1455
|
+
"header": string;
|
|
1456
|
+
}
|
|
1440
1457
|
/**
|
|
1441
1458
|
* @componentName Search input
|
|
1442
1459
|
* @maturityCategory use
|
|
@@ -2156,6 +2173,10 @@ export interface VaRadioOptionCustomEvent<T> extends CustomEvent<T> {
|
|
|
2156
2173
|
detail: T;
|
|
2157
2174
|
target: HTMLVaRadioOptionElement;
|
|
2158
2175
|
}
|
|
2176
|
+
export interface VaSearchFilterCustomEvent<T> extends CustomEvent<T> {
|
|
2177
|
+
detail: T;
|
|
2178
|
+
target: HTMLVaSearchFilterElement;
|
|
2179
|
+
}
|
|
2159
2180
|
export interface VaSearchInputCustomEvent<T> extends CustomEvent<T> {
|
|
2160
2181
|
detail: T;
|
|
2161
2182
|
target: HTMLVaSearchInputElement;
|
|
@@ -2581,6 +2602,7 @@ declare global {
|
|
|
2581
2602
|
};
|
|
2582
2603
|
interface HTMLVaFileInputElementEventMap {
|
|
2583
2604
|
"vaChange": any;
|
|
2605
|
+
"vaPasswordChange": any;
|
|
2584
2606
|
"component-library-analytics": any;
|
|
2585
2607
|
}
|
|
2586
2608
|
/**
|
|
@@ -3078,6 +3100,30 @@ declare global {
|
|
|
3078
3100
|
prototype: HTMLVaRadioOptionElement;
|
|
3079
3101
|
new (): HTMLVaRadioOptionElement;
|
|
3080
3102
|
};
|
|
3103
|
+
interface HTMLVaSearchFilterElementEventMap {
|
|
3104
|
+
"vaFilterChange": Filter[];
|
|
3105
|
+
"vaFilterApply": Filter[];
|
|
3106
|
+
"vaFilterClearAll": void;
|
|
3107
|
+
}
|
|
3108
|
+
/**
|
|
3109
|
+
* @componentName Search Filter
|
|
3110
|
+
* @maturityCategory caution
|
|
3111
|
+
* @maturityLevel candidate
|
|
3112
|
+
*/
|
|
3113
|
+
interface HTMLVaSearchFilterElement extends Components.VaSearchFilter, HTMLStencilElement {
|
|
3114
|
+
addEventListener<K extends keyof HTMLVaSearchFilterElementEventMap>(type: K, listener: (this: HTMLVaSearchFilterElement, ev: VaSearchFilterCustomEvent<HTMLVaSearchFilterElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
|
|
3115
|
+
addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
3116
|
+
addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
|
|
3117
|
+
addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
|
|
3118
|
+
removeEventListener<K extends keyof HTMLVaSearchFilterElementEventMap>(type: K, listener: (this: HTMLVaSearchFilterElement, ev: VaSearchFilterCustomEvent<HTMLVaSearchFilterElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
|
|
3119
|
+
removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
3120
|
+
removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
|
|
3121
|
+
removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
|
|
3122
|
+
}
|
|
3123
|
+
var HTMLVaSearchFilterElement: {
|
|
3124
|
+
prototype: HTMLVaSearchFilterElement;
|
|
3125
|
+
new (): HTMLVaSearchFilterElement;
|
|
3126
|
+
};
|
|
3081
3127
|
interface HTMLVaSearchInputElementEventMap {
|
|
3082
3128
|
"component-library-analytics": any;
|
|
3083
3129
|
}
|
|
@@ -3359,6 +3405,7 @@ declare global {
|
|
|
3359
3405
|
"va-promo-banner": HTMLVaPromoBannerElement;
|
|
3360
3406
|
"va-radio": HTMLVaRadioElement;
|
|
3361
3407
|
"va-radio-option": HTMLVaRadioOptionElement;
|
|
3408
|
+
"va-search-filter": HTMLVaSearchFilterElement;
|
|
3362
3409
|
"va-search-input": HTMLVaSearchInputElement;
|
|
3363
3410
|
"va-segmented-progress-bar": HTMLVaSegmentedProgressBarElement;
|
|
3364
3411
|
"va-select": HTMLVaSelectElement;
|
|
@@ -4120,6 +4167,10 @@ declare namespace LocalJSX {
|
|
|
4120
4167
|
* The event emitted when the file input value changes.
|
|
4121
4168
|
*/
|
|
4122
4169
|
"onVaChange"?: (event: VaFileInputCustomEvent<any>) => void;
|
|
4170
|
+
/**
|
|
4171
|
+
* The event emitted when the file input password value changes.
|
|
4172
|
+
*/
|
|
4173
|
+
"onVaPasswordChange"?: (event: VaFileInputCustomEvent<any>) => void;
|
|
4123
4174
|
/**
|
|
4124
4175
|
* Percent upload completed. For use with va-progress-bar component
|
|
4125
4176
|
*/
|
|
@@ -5015,6 +5066,33 @@ declare namespace LocalJSX {
|
|
|
5015
5066
|
*/
|
|
5016
5067
|
"value": string;
|
|
5017
5068
|
}
|
|
5069
|
+
/**
|
|
5070
|
+
* @componentName Search Filter
|
|
5071
|
+
* @maturityCategory caution
|
|
5072
|
+
* @maturityLevel candidate
|
|
5073
|
+
*/
|
|
5074
|
+
interface VaSearchFilter {
|
|
5075
|
+
/**
|
|
5076
|
+
* Represents a list of filter facets and their categories. Use a JSON array of objects with label and id properties.
|
|
5077
|
+
*/
|
|
5078
|
+
"filterOptions"?: Filter[];
|
|
5079
|
+
/**
|
|
5080
|
+
* The filter header text.
|
|
5081
|
+
*/
|
|
5082
|
+
"header"?: string;
|
|
5083
|
+
/**
|
|
5084
|
+
* A custom event emitted when the apply filters button is clicked.
|
|
5085
|
+
*/
|
|
5086
|
+
"onVaFilterApply"?: (event: VaSearchFilterCustomEvent<Filter[]>) => void;
|
|
5087
|
+
/**
|
|
5088
|
+
* A custom event emitted when the filter changes. The payload will provide all active categories.
|
|
5089
|
+
*/
|
|
5090
|
+
"onVaFilterChange"?: (event: VaSearchFilterCustomEvent<Filter[]>) => void;
|
|
5091
|
+
/**
|
|
5092
|
+
* A custom event emitted when the clear all filters button is clicked.
|
|
5093
|
+
*/
|
|
5094
|
+
"onVaFilterClearAll"?: (event: VaSearchFilterCustomEvent<void>) => void;
|
|
5095
|
+
}
|
|
5018
5096
|
/**
|
|
5019
5097
|
* @componentName Search input
|
|
5020
5098
|
* @maturityCategory use
|
|
@@ -5702,6 +5780,7 @@ declare namespace LocalJSX {
|
|
|
5702
5780
|
"va-promo-banner": VaPromoBanner;
|
|
5703
5781
|
"va-radio": VaRadio;
|
|
5704
5782
|
"va-radio-option": VaRadioOption;
|
|
5783
|
+
"va-search-filter": VaSearchFilter;
|
|
5705
5784
|
"va-search-input": VaSearchInput;
|
|
5706
5785
|
"va-segmented-progress-bar": VaSegmentedProgressBar;
|
|
5707
5786
|
"va-select": VaSelect;
|
|
@@ -6015,6 +6094,12 @@ declare module "@stencil/core" {
|
|
|
6015
6094
|
*/
|
|
6016
6095
|
"va-radio": LocalJSX.VaRadio & JSXBase.HTMLAttributes<HTMLVaRadioElement>;
|
|
6017
6096
|
"va-radio-option": LocalJSX.VaRadioOption & JSXBase.HTMLAttributes<HTMLVaRadioOptionElement>;
|
|
6097
|
+
/**
|
|
6098
|
+
* @componentName Search Filter
|
|
6099
|
+
* @maturityCategory caution
|
|
6100
|
+
* @maturityLevel candidate
|
|
6101
|
+
*/
|
|
6102
|
+
"va-search-filter": LocalJSX.VaSearchFilter & JSXBase.HTMLAttributes<HTMLVaSearchFilterElement>;
|
|
6018
6103
|
/**
|
|
6019
6104
|
* @componentName Search input
|
|
6020
6105
|
* @maturityCategory use
|
package/dist/components/utils.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Build}from"@stencil/core/internal/client";function isNumeric(e){return!Number.isNaN(parseFloat(e))}function getSlottedNodes(e,t,r="slot"){const n=e.shadowRoot.querySelector(r).assignedNodes();return null!==t?Array.from(n).filter((e=>e.nodeName.toLowerCase()===t)):Array.from(n)}function consoleDevError(e){Build.isDev&&!Build.isTesting&&console.error(e)}function plurality(e){return 1===e?"":"s"}function getCharacterMessage(e,t){if(void 0===e||""===e)return`${t} character${plurality(t)} allowed`;let r;if(e.length<=t){const n=t-e.length;r=`${n} character${plurality(n)} left`}else{const n=e.length-t;r=`${n} character${plurality(n)} over limit`}return r}function makeArray(e,t){return Array.from({length:t-e+1},((t,r)=>e+r))}const isElement=e=>e&&"object"==typeof e&&1===e.nodeType;function select(e,t){if("string"!=typeof e)return[];if(!t||!isElement(t))return[];const r=t.shadowRoot.querySelectorAll(e);return Array.from(r)}function selectOrMatches(e,t){const r=select(e,t);return"string"!=typeof e||isElement(t)&&t.matches(e)&&r.push(t),r}const Sanitizer={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return Sanitizer._entities[e]},escapeHTML:function(e){for(var t="",r=0;r<e.length;r++)t+=e[r],r+1<arguments.length&&(t+=String(arguments[r+1]||"").replace(Sanitizer._entity,Sanitizer.getEntity));return t}};function getHeaderLevel(e){let t=null;return t="string"==typeof e?parseInt(e,10):Math.floor(e),t>=1&&t<=6?`h${t}`:null}function isInteractiveLinkOrButton(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function isMessageSet(e){return e&&"false"!==e||!1}export{Sanitizer as S,
|
|
1
|
+
import{Build}from"@stencil/core/internal/client";function isNumeric(e){return!Number.isNaN(parseFloat(e))}function getSlottedNodes(e,t,r="slot"){const n=e.shadowRoot.querySelector(r).assignedNodes();return null!==t?Array.from(n).filter((e=>e.nodeName.toLowerCase()===t)):Array.from(n)}function consoleDevError(e){Build.isDev&&!Build.isTesting&&console.error(e)}function plurality(e){return 1===e?"":"s"}function getCharacterMessage(e,t){if(void 0===e||""===e)return`${t} character${plurality(t)} allowed`;let r;if(e.length<=t){const n=t-e.length;r=`${n} character${plurality(n)} left`}else{const n=e.length-t;r=`${n} character${plurality(n)} over limit`}return r}function makeArray(e,t){return Array.from({length:t-e+1},((t,r)=>e+r))}const isElement=e=>e&&"object"==typeof e&&1===e.nodeType;function select(e,t){if("string"!=typeof e)return[];if(!t||!isElement(t))return[];const r=t.shadowRoot.querySelectorAll(e);return Array.from(r)}function selectOrMatches(e,t){const r=select(e,t);return"string"!=typeof e||isElement(t)&&t.matches(e)&&r.push(t),r}const Sanitizer={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return Sanitizer._entities[e]},escapeHTML:function(e){for(var t="",r=0;r<e.length;r++)t+=e[r],r+1<arguments.length&&(t+=String(arguments[r+1]||"").replace(Sanitizer._entity,Sanitizer.getEntity));return t}};function getHeaderLevel(e){let t=null;return t="string"==typeof e?parseInt(e,10):Math.floor(e),t>=1&&t<=6?`h${t}`:null}function isInteractiveLinkOrButton(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function isMessageSet(e){return e&&"false"!==e||!1}function isArguments(e){return"[object Arguments]"===Object.prototype.toString.call(e)}function deepEquals(e,t){const r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(e===t)return!0;if("function"==typeof e||"function"==typeof t)return!0;if("object"!=typeof e||"object"!=typeof t)return!1;if(null===e||null===t)return!1;if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(e instanceof RegExp&&t instanceof RegExp)return e.source===t.source&&e.global===t.global&&e.multiline===t.multiline&&e.lastIndex===t.lastIndex&&e.ignoreCase===t.ignoreCase;if(isArguments(e)||isArguments(t)){if(!isArguments(e)||!isArguments(t))return!1;const i=Array.prototype.slice;return deepEquals(i.call(e),i.call(t),r,n)}{if(e.constructor!==t.constructor)return!1;const i=Object.keys(e),o=Object.keys(t);if(0===i.length&&0===o.length)return!0;if(i.length!==o.length)return!1;let s,l=r.length;for(;l--;)if(r[l]===e)return n[l]===t;r.push(e),n.push(t),i.sort(),o.sort();for(let e=i.length-1;e>=0;e--)if(i[e]!==o[e])return!1;for(let o=i.length-1;o>=0;o--)if(s=i[o],!deepEquals(e[s],t[s],r,n))return!1;return r.pop(),n.pop(),!0}}export{Sanitizer as S,getSlottedNodes as a,isNumeric as b,consoleDevError as c,deepEquals as d,getCharacterMessage as e,isInteractiveLinkOrButton as f,getHeaderLevel as g,isMessageSet as i,makeArray as m,selectOrMatches as s};
|
|
@@ -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,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]: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;width:auto;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}:host(:not([open])) #content,:host([open=false]) #content{display:none}@media print{:host(:not([open])) #content,:host([open=false]) #content{display:block}}',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};
|
|
1
|
+
import{V as VaAccordionItem$1,d as defineCustomElement$1}from"./va-accordion-item2.js";const VaAccordionItem=VaAccordionItem$1,defineCustomElement=defineCustomElement$1;export{VaAccordionItem,defineCustomElement};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{a 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,*[tabindex]: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;width:auto;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}:host(:not([open])) #content,:host([open=false]) #content{display:none}@media print{:host(:not([open])) #content,:host([open=false]) #content{display:block}}',VaAccordionItemStyle0=vaAccordionItemCss,VaAccordionItem=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:[516],level:[2],bordered:[4],slotHeader:[32],slotTag:[32]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-accordion-item"].forEach((t=>{"va-accordion-item"===t&&(customElements.get(t)||customElements.define(t,VaAccordionItem))}))}export{VaAccordionItem as V,defineCustomElement as d};
|
|
@@ -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,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]: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;width:auto;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.accordionExpandCollapseAll=createEvent(this,"accordionExpandCollapseAll",7),this.expandCollapseAll=t=>{this.expanded=t;const e=t?"allOpen":"allClosed";this.accordionExpandCollapseAll.emit({status:e}),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");if(this.el!==a.parentElement)return;const o=a.querySelector('[slot="headline"]');let n,i;o?(n=null==o?void 0:o.innerHTML,i=parseInt(null===(e=null==o?void 0:o.tagName)||void 0===e?void 0:e.toLowerCase().split("")[1])):(n=a.header,i=a.level),this.openSingle&&getSlottedNodes(this.el,"va-accordion-item").filter((t=>t!==a)).forEach((t=>t.setAttribute("open","false")));const r="true"===a.getAttribute("open");if(!this.disableAnalytics){const t={componentName:"va-accordion",action:r?"collapse":"expand",details:{header:n||a.header,subheader:a.subheader,level:i||a.level,sectionHeading:this.sectionHeading}};this.componentLibraryAnalytics.emit(t)}a.setAttribute("open",r?"false":"true"),this.isScrolledIntoView(a)||a.scrollIntoView(),this.accordionsOpened()}accordionsOpened(t="every"){const e=[...this.el.children].filter((t=>"va-accordion-item"===t.tagName.toLowerCase())).map((t=>t.open));return e[t]((t=>!0===t))?this.expanded=!0:e[t]((t=>!1===t))?this.expanded=!1:void 0}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")}componentWillLoad(){this.accordionsOpened("some")}render(){const{openSingle:t}=this,e=classnames({"usa-accordion":!0});return h(Host,{key:"168bf595ee602ec6fdf4db359a99a2617f4497ca"},h("div",{key:"19c933dd57628b13dd2525511455e9b19685d937",class:e,ref:t=>this.accordionContainer=t},t?null:h("button",{"aria-expanded":`${this.expanded}`,class:"va-accordion__button","data-testid":"expand-all-accordions",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")},this.expanded?`${instance.t("collapse-all")} -`:`${instance.t("expand-all")} +`),h("slot",{key:"9dff1090fe7d9d8bd734e98e52815534094b51b4"})))}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};
|
|
1
|
+
import{V as VaAccordion$1,d as defineCustomElement$1}from"./va-accordion2.js";const VaAccordion=VaAccordion$1,defineCustomElement=defineCustomElement$1;export{VaAccordion,defineCustomElement};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host}from"@stencil/core/internal/client";import{a 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,*[tabindex]: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;width:auto;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=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.accordionExpandCollapseAll=createEvent(this,"accordionExpandCollapseAll",7),this.expandCollapseAll=t=>{this.expanded=t;const e=t?"allOpen":"allClosed";this.accordionExpandCollapseAll.emit({status:e}),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");if(this.el!==a.parentElement)return;const o=a.querySelector('[slot="headline"]');let n,i;o?(n=null==o?void 0:o.innerHTML,i=parseInt(null===(e=null==o?void 0:o.tagName)||void 0===e?void 0:e.toLowerCase().split("")[1])):(n=a.header,i=a.level),this.openSingle&&getSlottedNodes(this.el,"va-accordion-item").filter((t=>t!==a)).forEach((t=>t.setAttribute("open","false")));const r="true"===a.getAttribute("open");if(!this.disableAnalytics){const t={componentName:"va-accordion",action:r?"collapse":"expand",details:{header:n||a.header,subheader:a.subheader,level:i||a.level,sectionHeading:this.sectionHeading}};this.componentLibraryAnalytics.emit(t)}a.setAttribute("open",r?"false":"true"),this.isScrolledIntoView(a)||a.scrollIntoView(),this.accordionsOpened()}accordionsOpened(t="every"){const e=[...this.el.children].filter((t=>"va-accordion-item"===t.tagName.toLowerCase())).map((t=>t.open));return e[t]((t=>!0===t))?this.expanded=!0:e[t]((t=>!1===t))?this.expanded=!1:void 0}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")}componentWillLoad(){this.accordionsOpened("some")}render(){const{openSingle:t}=this,e=this.el.classList.contains("va-search-filter__accordion"),a=classnames({"usa-accordion":!0});return h(Host,{key:"e99a2752e0e62bcef5ea3d45434acb96aebb258e"},h("div",{key:"1cea6ce644d89665e4df7c1852cdd8d70c916127",class:a,ref:t=>this.accordionContainer=t},t||e?null:h("button",{"aria-expanded":`${this.expanded}`,class:"va-accordion__button","data-testid":"expand-all-accordions",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")},this.expanded?`${instance.t("collapse-all")} -`:`${instance.t("expand-all")} +`),h("slot",{key:"d6d92d02ab0d7d0727d43f85438656441817c4bb"})))}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(){"undefined"!=typeof customElements&&["va-accordion"].forEach((t=>{"va-accordion"===t&&(customElements.get(t)||customElements.define(t,VaAccordion))}))}export{VaAccordion as V,defineCustomElement as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaAdditionalInfoCss="p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, \"Source Sans Pro\", \"Helvetica Neue\", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}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,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block}:host(:not([disable-border])) a[aria-expanded='true']~#info,:host([disable-border='false']) a[aria-expanded='true']~#info{padding-left:calc(20px - 7px);border-left:7px solid transparent;border-left-color:var(--vads-color-primary-alt-darkest)}#info{overflow:hidden}#info.closed{visibility:hidden}a{-ms-flex-align:start;align-items:flex-start;cursor:pointer;display:-ms-flexbox;display:flex}.additional-info-title{border-bottom-right-radius:1px;border-bottom:2px dotted var(--vads-color-primary-alt-darkest);color:var(--vads-color-base-darker);cursor:pointer}.closed{opacity:0;max-height:0}.open{height:auto;opacity:1;-webkit-transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;max-height:var(--calc-max-height);margin-bottom:16px;margin-top:16px}.additional-info-icon{display:inline-block;color:var(--vads-color-primary-alt-darkest);font-size:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;line-height:1;vertical-align:bottom}a[aria-expanded='true'] .additional-info-icon{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear}::slotted(*){margin-bottom:0 !important;margin-top:0 !important}",VaAdditionalInfoStyle0=vaAdditionalInfoCss,VaAdditionalInfo$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.open=void 0,this.trigger=void 0,this.disableAnalytics=!1,this.disableBorder=!1}handleResize(){this.updateInfoMaxHeight()}toggleOpen(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-additional-info",action:this.open?"collapse":"expand",details:{triggerText:this.trigger}}),this.open=!this.open}handleKeydown(t){" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),this.toggleOpen())}updateInfoMaxHeight(){const t=this.el.shadowRoot.getElementById("info")
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaAdditionalInfoCss="p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, \"Source Sans Pro\", \"Helvetica Neue\", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}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,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block}:host(:not([disable-border])) a[aria-expanded='true']~#info,:host([disable-border='false']) a[aria-expanded='true']~#info{padding-left:calc(20px - 7px);border-left:7px solid transparent;border-left-color:var(--vads-color-primary-alt-darkest)}#info{overflow:hidden}#info.closed{visibility:hidden}a{-ms-flex-align:start;align-items:flex-start;cursor:pointer;display:-ms-flexbox;display:flex}.additional-info-title{border-bottom-right-radius:1px;border-bottom:2px dotted var(--vads-color-primary-alt-darkest);color:var(--vads-color-base-darker);cursor:pointer}.closed{opacity:0;max-height:0}.open{height:auto;opacity:1;-webkit-transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;max-height:var(--calc-max-height);margin-bottom:16px;margin-top:16px}.additional-info-icon{display:inline-block;color:var(--vads-color-primary-alt-darkest);font-size:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;line-height:1;vertical-align:bottom}a[aria-expanded='true'] .additional-info-icon{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear}::slotted(*){margin-bottom:0 !important;margin-top:0 !important}",VaAdditionalInfoStyle0=vaAdditionalInfoCss,VaAdditionalInfo$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.open=void 0,this.trigger=void 0,this.disableAnalytics=!1,this.disableBorder=!1}handleResize(){this.updateInfoMaxHeight()}toggleOpen(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-additional-info",action:this.open?"collapse":"expand",details:{triggerText:this.trigger}}),this.open=!this.open}handleKeydown(t){" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),this.toggleOpen())}updateInfoMaxHeight(){var t;const e=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById("info");if(!e)return;const i=e.scrollHeight+"px";e.style.setProperty("--calc-max-height","calc("+i+" + 1.125rem)")}componentDidRender(){requestAnimationFrame((()=>this.updateInfoMaxHeight()))}render(){const t=classnames({open:this.open,closed:!this.open});return h(Host,{key:"55d487f1c1ae022603a9dbd61dbfd1f83a8d8afa"},h("a",{key:"bfa55efc97aab5fb0809dd89c4b891840e6b3d71",role:"button","aria-controls":"info","aria-expanded":this.open?"true":"false",tabIndex:0,onClick:this.toggleOpen.bind(this),onKeyDown:this.handleKeydown.bind(this)},h("div",{key:"e773fc4b5720c6cdd81c1eb53316602c298b8cbf"},h("span",{key:"c364063df56e845ea966b522e6a52c2ebc0960f6",class:"additional-info-title"},this.trigger),h("va-icon",{key:"ecad44dd464da88a67844af4eda51b47750224ed",class:"additional-info-icon",icon:"chevron_right",size:3}))),h("div",{key:"53c8dbd2478d6972e983268f94f93db41006eabd",id:"info",class:t},h("slot",{key:"b83dee0c9486de58f4281dc3b8987ab6ae708db7"})))}get el(){return this}static get style(){return VaAdditionalInfoStyle0}},[1,"va-additional-info",{trigger:[1],disableAnalytics:[4,"disable-analytics"],disableBorder:[4,"disable-border"],open:[32]},[[9,"resize","handleResize"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-additional-info","va-icon"].forEach((t=>{switch(t){case"va-additional-info":customElements.get(t)||customElements.define(t,VaAdditionalInfo$1);break;case"va-icon":customElements.get(t)||defineCustomElement$2()}}))}const VaAdditionalInfo=VaAdditionalInfo$1,defineCustomElement=defineCustomElement$1;export{VaAdditionalInfo,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaAlertExpandableCss="p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, \"Source Sans Pro\", \"Helvetica Neue\", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}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,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block}:host([status='warning']){background-color:var(--vads-color-
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaAlertExpandableCss="p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, \"Source Sans Pro\", \"Helvetica Neue\", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}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,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block}:host([status='warning']){background-color:var(--vads-alert-color-background-warning-on-light)}:host([status='info']){background-color:var(--vads-alert-color-background-info-on-light)}:host([status='error']){background-color:var(--vads-alert-color-background-error-on-light)}:host([status='success']){background-color:var(--vads-alert-color-background-success-on-light)}:host([status='continue']){background-color:var(--vads-color-base-lightest)}.alert-expandable-trigger{-ms-flex-align:start;align-items:flex-start;cursor:pointer;display:-ms-flexbox;display:flex;padding:0.75rem}div.warning .alert-expandable-trigger:hover{background-color:var(--vads-color-gold-lighter)}div.info .alert-expandable-trigger:hover{background-color:var(--vads-color-primary-alt-light)}div.error .alert-expandable-trigger:hover{background-color:var(--vads-color-secondary-light)}div.success .alert-expandable-trigger:hover{background-color:var(--vads-color-green-lighter)}div.continue .alert-expandable-trigger:hover{background-color:var(--vads-color-base-lighter)}.alert-expandable-title{border-bottom-right-radius:1px;border-bottom:2px dotted var(--vads-color-primary-alt-dark);color:var(--vads-color-base-darker);cursor:pointer;font-weight:600}.alert-expandable:not(.hide-icon) .alert-expandable-body{padding-left:32px;}.alert-expandable-body{overflow:hidden}.alert-expandable-body.closed{opacity:0;max-height:0;visibility:hidden;overflow:hidden}.alert-expandable-body.open{height:auto;opacity:1;-webkit-transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;max-height:var(--calc-max-height)}#slot-wrap{margin:0.75rem}.alert-expandable-icon{display:inline-block;color:var(--vads-color-primary-alt-darkest);font-size:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;line-height:1;vertical-align:bottom}a[aria-expanded='true'] .alert-expandable-icon{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear}.alert-expandable__status-icon{color:var(--vads-color-base-darker);margin-right:8px}::slotted(*){margin-bottom:0 !important;margin-top:0 !important}",VaAlertExpandableStyle0=vaAlertExpandableCss,VaAlertExpandable$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.open=void 0,this.status=void 0,this.trigger=void 0,this.disableAnalytics=!1,this.iconless=!1}handleResize(){this.updateAlertBodyMaxHeight()}toggleOpen(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-alert-expandable",action:this.open?"collapse":"expand",details:{triggerText:this.trigger}}),this.open=!this.open}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.toggleOpen())}updateAlertBodyMaxHeight(){const e=this.el.shadowRoot.getElementById("alert-body"),t=e.scrollHeight+"px";e.style.setProperty("--calc-max-height","calc("+t+" + 2rem)")}componentDidLoad(){this.updateAlertBodyMaxHeight()}render(){const{status:e,open:t,iconless:a}=this,o=classnames("alert-expandable",e,{"hide-icon":a}),r=classnames("alert-expandable-body",{open:t,closed:!t});return h(Host,{key:"6fc3df416a8fac248e2126cb8157d8a2e7feb911"},h("div",{key:"95b99c8f82be748843d68501be2eee1e8e82dd7b",role:"error"===e?"alert":null,"aria-live":"error"===e?"assertive":null,class:o},h("a",{key:"fd142dcdf974c4c515fe8a3e7580e539c4d0bba1",role:"button","aria-controls":"alert-body","aria-expanded":this.open?"true":"false",tabIndex:0,onClick:this.toggleOpen.bind(this),onKeyDown:this.handleKeydown.bind(this),class:"alert-expandable-trigger"},!a&&h("va-icon",{key:"bd838624edf194851e9904aae4a6d808a37f8bc9",class:"alert-expandable__status-icon",icon:{continue:"lock",error:"info",warning:"warning",info:"info",success:"check_circle"}[e]||"info",size:3}),h("div",{key:"994c7cd4e2c5da21f1641c008ae62d95e1b7638c"},h("span",{key:"010ee28deb8e95cd5f3577bc9fa55f9295dd98fb",class:"alert-expandable-title"},h("span",{key:"d00bf08ec1b1fc36cd796002bf4f62db2d1b1441",class:"sr-only"},"Alert: "),this.trigger),h("va-icon",{key:"80c497f250218c3e96b7e46f2c9d292e0e5d6775",class:"alert-expandable-icon",icon:"chevron_right",size:3}))),h("div",{key:"791aa5bb5b66e10acb5441e7431cf56ae99bd7bd",id:"alert-body",class:r},h("div",{key:"18982533ba13ffac9370d2ea82dfbf0eb2ff70df",id:"slot-wrap"},h("slot",{key:"0d86667d0c2d68f9555f6288d75233a9e7c8fb92"})))))}get el(){return this}static get style(){return VaAlertExpandableStyle0}},[1,"va-alert-expandable",{status:[1],trigger:[1],disableAnalytics:[4,"disable-analytics"],iconless:[4],open:[32]},[[9,"resize","handleResize"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-alert-expandable","va-icon"].forEach((e=>{switch(e){case"va-alert-expandable":customElements.get(e)||customElements.define(e,VaAlertExpandable$1);break;case"va-icon":customElements.get(e)||defineCustomElement$2()}}))}const VaAlertExpandable=VaAlertExpandable$1,defineCustomElement=defineCustomElement$1;export{VaAlertExpandable,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{a as getHeaderLevel}from"./utils.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";var AlertSignInVariants;!function(e){e.signInRequired="signInRequired",e.signInOptional="signInOptional",e.signInOptionalNoPrefill="signInOptionalNoPrefill",e.verifyIdMe="verifyIdMe",e.verifyLoginGov="verifyLoginGov",e.signInEither="signInEither"}(AlertSignInVariants||(AlertSignInVariants={}));const vaAlertSignInCss='p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-alert>.usa-list,.usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-alert>.usa-list:last-child,.usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-alert .usa-alert__body{padding-left:1.25rem;padding-right:1.25rem}.usa-alert .usa-alert__body::before{left:1.0833333333rem}*+.usa-alert{margin-top:1rem}.usa-alert--success{background-color:#ecf3ec;border-left-color:#00a91c}.usa-alert--success .usa-alert__body{color:#1b1b1b;background-color:#ecf3ec;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--success .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--success .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--success .usa-alert__body>*{margin-left:2.5rem}.usa-alert--success .usa-alert__body .usa-link{color:#005ea2}.usa-alert--success .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--success .usa-alert__body .usa-link:hover,.usa-alert--success .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--warning{background-color:#faf3d1;border-left-color:#ffbe2e}.usa-alert--warning .usa-alert__body{color:#1b1b1b;background-color:#faf3d1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--warning .usa-alert__body::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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--warning .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--warning .usa-alert__body>*{margin-left:2.5rem}.usa-alert--warning .usa-alert__body .usa-link{color:#005ea2}.usa-alert--warning .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--warning .usa-alert__body .usa-link:hover,.usa-alert--warning .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--error{background-color:#f4e3db;border-left-color:#d54309}.usa-alert--error .usa-alert__body{color:#1b1b1b;background-color:#f4e3db;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--error .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--error .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--error .usa-alert__body>*{margin-left:2.5rem}.usa-alert--error .usa-alert__body .usa-link{color:#005ea2}.usa-alert--error .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--error .usa-alert__body .usa-link:hover,.usa-alert--error .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--info{background-color:#e7f6f8;border-left-color:#00bde3}.usa-alert--info .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--info .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--info .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--info .usa-alert__body>*{margin-left:2.5rem}.usa-alert--info .usa-alert__body .usa-link{color:#005ea2}.usa-alert--info .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--info .usa-alert__body .usa-link:hover,.usa-alert--info .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--emergency{background-color:#9c3d10;border-left-color:#9c3d10}.usa-alert--emergency .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--emergency .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--emergency .usa-alert__body::before{background:none;background-color:white;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--emergency .usa-alert__body>*{margin-left:2.5rem}.usa-alert--emergency .usa-alert__body .usa-link{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:hover,.usa-alert--emergency .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-alert--slim .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-alert--slim .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--slim .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-alert--slim .usa-alert__body>*{margin-left:2rem}.usa-alert--slim .usa-alert__body::before{left:1.125rem}.usa-alert--no-icon .usa-alert__body{min-height:0}.usa-alert--no-icon .usa-alert__body:before{display:none}.usa-alert--no-icon .usa-alert__body>*{margin-left:0}.usa-alert--validation .usa-checklist{margin-top:1rem}:host{display:block;position:relative}.usa-alert--info .usa-alert__body::before,.usa-alert--warning .usa-alert__body::before{-webkit-mask:none;mask:none;background:transparent}.va-alert-sign-in__lock-icon{position:absolute;top:12px;left:24px}@media screen and (max-width: 64em){.va-alert-sign-in__lock-icon{left:12px}}:host .headline{font-size:1.33rem;margin-top:0;margin-bottom:0.5rem;font-family:var(--font-serif)}:host ul{-webkit-padding-start:1.2em;padding-inline-start:1.2em}',VaAlertSignInStyle0=vaAlertSignInCss,VaAlertSignIn$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.variant=AlertSignInVariants.signInRequired,this.headingLevel=2,this.visible=!0,this.timeLimit="15 minutes",this.noSignInLink=void 0}render(){const{visible:e}=this;let{variant:t}=this;if(Object.values(AlertSignInVariants).includes(t)||(console.error("A non-allowed variant name was provided, please check your spelling."),t=AlertSignInVariants.signInRequired),!e)return h("div",{"aria-live":"polite"});const a=classnames("usa-alert",`va-alert-sign-in--${t}`,{"usa-alert--info":t===AlertSignInVariants.signInRequired||t===AlertSignInVariants.signInOptional||t===AlertSignInVariants.signInOptionalNoPrefill,"usa-alert--warning":t!==AlertSignInVariants.signInRequired&&t!==AlertSignInVariants.signInOptional&&t!==AlertSignInVariants.signInOptionalNoPrefill}),n=getHeaderLevel(this.headingLevel),r={[AlertSignInVariants.signInEither]:()=>h("div",{class:"va-alert-sign-in__body"},h(n,{class:"headline"},"You need to sign in with a different account"),h("p",null,"We need you to sign in with an identity-verified account. This helps us protect all Veterans' information and prevent scammers from stealing your benefits. You have 2 options: a verified"," ",h("strong",null,"Login.gov")," or a verified ",h("strong",null,"ID.me")," ","account."),h("p",null,h("strong",null,"If you already have a Login.gov or ID.me account,")," ","sign in with that account. If you still need to verify your identity for your account, we'll help you do that now."),h("p",null,h("strong",null,"If you don't have a Login.gov or ID.me account,")," ","create one now. We'll help you verify your identity."),h("p",null,h("slot",{name:"LoginGovSignInButton"})),h("p",null,h("slot",{name:"IdMeSignInButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/creating-an-account-for-vagov",text:"Learn about creating an account",disableAnalytics:!0}))),[AlertSignInVariants.signInOptional]:()=>h("div",{class:"va-alert-sign-in__body"},h(n,{class:"headline"},"Sign in with a verified account"),h("p",null,"Here's how signing in with an identity-verified account helps you:"),h("ul",null,h("li",null,"We can fill in some of your information for you to save you time."),h("li",null,"You can save your work in progress. You'll have ",this.timeLimit," ","from when you start or make changes to submit your form.")),h("p",null,h("strong",null,"Don't yet have a verified account?")," Create a"," ",h("strong",null,"Login.gov")," or ",h("strong",null,"ID.me")," account. We'll help you verify your identity for your account now."),h("p",null,h("strong",null,"Not sure if your account is verified?")," Sign in here. If you still need to verify your identity, we'll help you do that now."),h("p",null,h("strong",null,"Note:")," You can sign in after you start filling out your form. But you'll lose any information you already filled in."),h("p",null,h("slot",{name:"SignInButton"})),this.noSignInLink&&h("p",null,h("va-link",{href:this.noSignInLink,text:"Start your form without signing in",disableAnalytics:!0}))),[AlertSignInVariants.signInOptionalNoPrefill]:()=>h("div",{class:"va-alert-sign-in__body"},h(n,{class:"headline"},"Sign in with a verified account"),h("p",null,"When you sign in with an identity-verified account, you can save your work in progress. You'll have 60 days from when you start or make changes to submit your form."),h("p",null,h("strong",null,"Don't yet have a verified account?")," Create a"," ",h("strong",null,"Login.gov")," or ",h("strong",null,"ID.me")," account. We'll help you verify your identity for your account now."),h("p",null,h("strong",null,"Not sure if your account is verified?")," Sign in here. If you still need to verify your identity, we'll help you do that now."),h("p",null,h("strong",null,"Note:")," You can sign in after you start filling out your form. But you'll lose any information you already filled in."),h("p",null,h("slot",{name:"SignInButton"})),this.noSignInLink&&h("p",null,h("va-link",{href:this.noSignInLink,text:"Start your form without signing in",disableAnalytics:!0}))),[AlertSignInVariants.signInRequired]:()=>h("div",{class:"va-alert-sign-in__body"},h(n,{class:"headline"},"Sign in with a verified account"),h("p",null,"You'll need to sign in with an identity-verified account through one of our account providers. Identity verification helps us protect all Veterans' information and prevent scammers from stealing your benefits."),h("p",null,h("strong",null,"Don't yet have a verified account?")," Create a"," ",h("strong",null,"Login.gov")," or ",h("strong",null,"ID.me")," account. We'll help you verify your identity for your account now."),h("p",null,h("strong",null,"Not sure if your account is verified?")," Sign in here. If you still need to verify your identity, we'll help you do that now."),h("p",null,h("slot",{name:"SignInButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/creating-an-account-for-vagov",text:"Learn about creating an account",disableAnalytics:!0}))),[AlertSignInVariants.verifyIdMe]:()=>h("div",{class:"va-alert-sign-in__body"},h(n,{class:"headline"},"Verify your identity"),h("p",null,"We need you to verify your identity for your ",h("strong",null,"ID.me")," ","account. This step helps us protect all Veterans' information and prevent scammers from stealing your benefits."),h("p",null,"This one-time process often takes about 10 minutes. You'll need to provide certain personal information and identification."),h("p",null,h("slot",{name:"IdMeVerifyButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/verifying-your-identity-on-vagov/",text:"Learn more about verifying your identity",disableAnalytics:!0}))),[AlertSignInVariants.verifyLoginGov]:()=>h("div",{class:"va-alert-sign-in__body"},h(n,{class:"headline"},"Verify your identity"),h("p",null,"We need you to verify your identity for your"," ",h("strong",null,"Login.gov")," account. This step helps us protect all Veterans' information and prevent scammers from stealing your benefits."),h("p",null,"This one-time process often takes about 10 minutes. You'll need to provide certain personal information and identification."),h("p",null,h("slot",{name:"LoginGovVerifyButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/verifying-your-identity-on-vagov/",text:"Learn more about verifying your identity",disableAnalytics:!0})))}[t];return h(Host,null,h("div",{role:this.el.getAttribute("data-role"),class:a,"aria-label":this.el.getAttribute("data-label")},h("div",{class:"usa-alert__body"},h("div",null,h("va-icon",{class:"va-alert-sign-in__lock-icon",icon:"lock",size:4}),h(r,null)))))}get el(){return this}static get style(){return VaAlertSignInStyle0}},[1,"va-alert-sign-in",{variant:[1],headingLevel:[2,"heading-level"],visible:[4],timeLimit:[1,"time-limit"],noSignInLink:[1,"no-sign-in-link"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-alert-sign-in","va-icon","va-link"].forEach((e=>{switch(e){case"va-alert-sign-in":customElements.get(e)||customElements.define(e,VaAlertSignIn$1);break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}}))}const VaAlertSignIn=VaAlertSignIn$1,defineCustomElement=defineCustomElement$1;export{VaAlertSignIn,defineCustomElement};
|
|
1
|
+
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{g as getHeaderLevel}from"./utils.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";var AlertSignInVariants;!function(e){e.signInRequired="signInRequired",e.signInOptional="signInOptional",e.signInOptionalNoPrefill="signInOptionalNoPrefill",e.verifyIdMe="verifyIdMe",e.verifyLoginGov="verifyLoginGov",e.signInEither="signInEither"}(AlertSignInVariants||(AlertSignInVariants={}));const vaAlertSignInCss='p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-alert>.usa-list,.usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-alert>.usa-list:last-child,.usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-alert .usa-alert__body{padding-left:1.25rem;padding-right:1.25rem}.usa-alert .usa-alert__body::before{left:1.0833333333rem}*+.usa-alert{margin-top:1rem}.usa-alert--success{background-color:#ecf3ec;border-left-color:#00a91c}.usa-alert--success .usa-alert__body{color:#1b1b1b;background-color:#ecf3ec;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--success .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--success .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--success .usa-alert__body>*{margin-left:2.5rem}.usa-alert--success .usa-alert__body .usa-link{color:#005ea2}.usa-alert--success .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--success .usa-alert__body .usa-link:hover,.usa-alert--success .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--warning{background-color:#faf3d1;border-left-color:#ffbe2e}.usa-alert--warning .usa-alert__body{color:#1b1b1b;background-color:#faf3d1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--warning .usa-alert__body::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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--warning .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--warning .usa-alert__body>*{margin-left:2.5rem}.usa-alert--warning .usa-alert__body .usa-link{color:#005ea2}.usa-alert--warning .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--warning .usa-alert__body .usa-link:hover,.usa-alert--warning .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--error{background-color:#f4e3db;border-left-color:#d54309}.usa-alert--error .usa-alert__body{color:#1b1b1b;background-color:#f4e3db;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--error .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--error .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--error .usa-alert__body>*{margin-left:2.5rem}.usa-alert--error .usa-alert__body .usa-link{color:#005ea2}.usa-alert--error .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--error .usa-alert__body .usa-link:hover,.usa-alert--error .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--info{background-color:#e7f6f8;border-left-color:#00bde3}.usa-alert--info .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--info .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--info .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--info .usa-alert__body>*{margin-left:2.5rem}.usa-alert--info .usa-alert__body .usa-link{color:#005ea2}.usa-alert--info .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--info .usa-alert__body .usa-link:hover,.usa-alert--info .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--emergency{background-color:#9c3d10;border-left-color:#9c3d10}.usa-alert--emergency .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--emergency .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--emergency .usa-alert__body::before{background:none;background-color:white;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--emergency .usa-alert__body>*{margin-left:2.5rem}.usa-alert--emergency .usa-alert__body .usa-link{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:hover,.usa-alert--emergency .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-alert--slim .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-alert--slim .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--slim .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-alert--slim .usa-alert__body>*{margin-left:2rem}.usa-alert--slim .usa-alert__body::before{left:1.125rem}.usa-alert--no-icon .usa-alert__body{min-height:0}.usa-alert--no-icon .usa-alert__body:before{display:none}.usa-alert--no-icon .usa-alert__body>*{margin-left:0}.usa-alert--validation .usa-checklist{margin-top:1rem}:host{display:block;position:relative}.usa-alert--info .usa-alert__body::before,.usa-alert--warning .usa-alert__body::before{-webkit-mask:none;mask:none;background:transparent}.va-alert-sign-in__lock-icon{position:absolute;top:12px;left:24px}@media screen and (max-width: 64em){.va-alert-sign-in__lock-icon{left:12px}}:host .headline{font-size:1.33rem;margin-top:0;margin-bottom:0.5rem;font-family:var(--font-serif)}:host ul{-webkit-padding-start:1.2em;padding-inline-start:1.2em}',VaAlertSignInStyle0=vaAlertSignInCss,VaAlertSignIn$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.variant=AlertSignInVariants.signInRequired,this.headingLevel=2,this.visible=!0,this.timeLimit="15 minutes",this.noSignInLink=void 0}render(){const{visible:e}=this;let{variant:t}=this;if(Object.values(AlertSignInVariants).includes(t)||(console.error("A non-allowed variant name was provided, please check your spelling."),t=AlertSignInVariants.signInRequired),!e)return h("div",{"aria-live":"polite"});const a=classnames("usa-alert",`va-alert-sign-in--${t}`,{"usa-alert--info":t===AlertSignInVariants.signInRequired||t===AlertSignInVariants.signInOptional||t===AlertSignInVariants.signInOptionalNoPrefill,"usa-alert--warning":t!==AlertSignInVariants.signInRequired&&t!==AlertSignInVariants.signInOptional&&t!==AlertSignInVariants.signInOptionalNoPrefill}),n=getHeaderLevel(this.headingLevel),r={[AlertSignInVariants.signInEither]:()=>h("div",{class:"va-alert-sign-in__body"},h(n,{class:"headline"},"You need to sign in with a different account"),h("p",null,"We need you to sign in with an identity-verified account. This helps us protect all Veterans' information and prevent scammers from stealing your benefits. You have 2 options: a verified"," ",h("strong",null,"Login.gov")," or a verified ",h("strong",null,"ID.me")," ","account."),h("p",null,h("strong",null,"If you already have a Login.gov or ID.me account,")," ","sign in with that account. If you still need to verify your identity for your account, we'll help you do that now."),h("p",null,h("strong",null,"If you don't have a Login.gov or ID.me account,")," ","create one now. We'll help you verify your identity."),h("p",null,h("slot",{name:"LoginGovSignInButton"})),h("p",null,h("slot",{name:"IdMeSignInButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/creating-an-account-for-vagov",text:"Learn about creating an account",disableAnalytics:!0}))),[AlertSignInVariants.signInOptional]:()=>h("div",{class:"va-alert-sign-in__body"},h(n,{class:"headline"},"Sign in with a verified account"),h("p",null,"Here's how signing in with an identity-verified account helps you:"),h("ul",null,h("li",null,"We can fill in some of your information for you to save you time."),h("li",null,"You can save your work in progress. You'll have ",this.timeLimit," ","from when you start or make changes to submit your form.")),h("p",null,h("strong",null,"Don't yet have a verified account?")," Create a"," ",h("strong",null,"Login.gov")," or ",h("strong",null,"ID.me")," account. We'll help you verify your identity for your account now."),h("p",null,h("strong",null,"Not sure if your account is verified?")," Sign in here. If you still need to verify your identity, we'll help you do that now."),h("p",null,h("strong",null,"Note:")," You can sign in after you start filling out your form. But you'll lose any information you already filled in."),h("p",null,h("slot",{name:"SignInButton"})),this.noSignInLink&&h("p",null,h("va-link",{href:this.noSignInLink,text:"Start your form without signing in",disableAnalytics:!0}))),[AlertSignInVariants.signInOptionalNoPrefill]:()=>h("div",{class:"va-alert-sign-in__body"},h(n,{class:"headline"},"Sign in with a verified account"),h("p",null,"When you sign in with an identity-verified account, you can save your work in progress. You'll have 60 days from when you start or make changes to submit your form."),h("p",null,h("strong",null,"Don't yet have a verified account?")," Create a"," ",h("strong",null,"Login.gov")," or ",h("strong",null,"ID.me")," account. We'll help you verify your identity for your account now."),h("p",null,h("strong",null,"Not sure if your account is verified?")," Sign in here. If you still need to verify your identity, we'll help you do that now."),h("p",null,h("strong",null,"Note:")," You can sign in after you start filling out your form. But you'll lose any information you already filled in."),h("p",null,h("slot",{name:"SignInButton"})),this.noSignInLink&&h("p",null,h("va-link",{href:this.noSignInLink,text:"Start your form without signing in",disableAnalytics:!0}))),[AlertSignInVariants.signInRequired]:()=>h("div",{class:"va-alert-sign-in__body"},h(n,{class:"headline"},"Sign in with a verified account"),h("p",null,"You'll need to sign in with an identity-verified account through one of our account providers. Identity verification helps us protect all Veterans' information and prevent scammers from stealing your benefits."),h("p",null,h("strong",null,"Don't yet have a verified account?")," Create a"," ",h("strong",null,"Login.gov")," or ",h("strong",null,"ID.me")," account. We'll help you verify your identity for your account now."),h("p",null,h("strong",null,"Not sure if your account is verified?")," Sign in here. If you still need to verify your identity, we'll help you do that now."),h("p",null,h("slot",{name:"SignInButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/creating-an-account-for-vagov",text:"Learn about creating an account",disableAnalytics:!0}))),[AlertSignInVariants.verifyIdMe]:()=>h("div",{class:"va-alert-sign-in__body"},h(n,{class:"headline"},"Verify your identity"),h("p",null,"We need you to verify your identity for your ",h("strong",null,"ID.me")," ","account. This step helps us protect all Veterans' information and prevent scammers from stealing your benefits."),h("p",null,"This one-time process often takes about 10 minutes. You'll need to provide certain personal information and identification."),h("p",null,h("slot",{name:"IdMeVerifyButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/verifying-your-identity-on-vagov/",text:"Learn more about verifying your identity",disableAnalytics:!0}))),[AlertSignInVariants.verifyLoginGov]:()=>h("div",{class:"va-alert-sign-in__body"},h(n,{class:"headline"},"Verify your identity"),h("p",null,"We need you to verify your identity for your"," ",h("strong",null,"Login.gov")," account. This step helps us protect all Veterans' information and prevent scammers from stealing your benefits."),h("p",null,"This one-time process often takes about 10 minutes. You'll need to provide certain personal information and identification."),h("p",null,h("slot",{name:"LoginGovVerifyButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/verifying-your-identity-on-vagov/",text:"Learn more about verifying your identity",disableAnalytics:!0})))}[t];return h(Host,null,h("div",{role:this.el.getAttribute("data-role"),class:a,"aria-label":this.el.getAttribute("data-label")},h("div",{class:"usa-alert__body"},h("div",null,h("va-icon",{class:"va-alert-sign-in__lock-icon",icon:"lock",size:4}),h(r,null)))))}get el(){return this}static get style(){return VaAlertSignInStyle0}},[1,"va-alert-sign-in",{variant:[1],headingLevel:[2,"heading-level"],visible:[4],timeLimit:[1,"time-limit"],noSignInLink:[1,"no-sign-in-link"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-alert-sign-in","va-icon","va-link"].forEach((e=>{switch(e){case"va-alert-sign-in":customElements.get(e)||customElements.define(e,VaAlertSignIn$1);break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}}))}const VaAlertSignIn=VaAlertSignIn$1,defineCustomElement=defineCustomElement$1;export{VaAlertSignIn,defineCustomElement};
|