@department-of-veterans-affairs/component-library 54.5.2 → 54.6.1
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/1214.app.bundle.js +1 -1
- package/dist/1339.app.bundle.js +1 -1
- package/dist/1365.app.bundle.js +1 -1
- package/dist/1450.app.bundle.js +1 -1
- package/dist/196.app.bundle.js +2 -0
- package/dist/2222.app.bundle.js +1 -1
- package/dist/2387.app.bundle.js +1 -1
- package/dist/2472.app.bundle.js +1 -1
- package/dist/2515.app.bundle.js +2 -0
- package/dist/2654.app.bundle.js +1 -1
- package/dist/2664.app.bundle.js +1 -1
- package/dist/2801.app.bundle.js +1 -1
- package/dist/2858.app.bundle.js +1 -1
- package/dist/3071.app.bundle.js +1 -1
- package/dist/3156.app.bundle.js +1 -1
- package/dist/3349.app.bundle.js +1 -0
- package/dist/4064.app.bundle.js +1 -1
- package/dist/4117.app.bundle.js +1 -1
- package/dist/4140.app.bundle.js +1 -1
- package/dist/415.app.bundle.js +1 -1
- package/dist/4708.app.bundle.js +1 -1
- package/dist/4715.app.bundle.js +1 -1
- package/dist/5019.app.bundle.js +1 -1
- package/dist/5155.app.bundle.js +1 -1
- package/dist/5189.app.bundle.js +1 -1
- package/dist/5306.app.bundle.js +1 -1
- package/dist/5610.app.bundle.js +1 -1
- package/dist/5699.app.bundle.js +1 -1
- package/dist/575.app.bundle.js +1 -1
- package/dist/5830.app.bundle.js +1 -1
- package/dist/6034.app.bundle.js +1 -1
- package/dist/6247.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/6633.app.bundle.js +1 -1
- package/dist/6683.app.bundle.js +1 -1
- package/dist/6771.app.bundle.js +1 -1
- package/dist/6824.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/7814.app.bundle.js +1 -1
- package/dist/7821.app.bundle.js +1 -1
- package/dist/817.app.bundle.js +1 -0
- package/dist/8175.app.bundle.js +1 -1
- package/dist/82.app.bundle.js +1 -1
- package/dist/8206.app.bundle.js +1 -1
- package/dist/8495.app.bundle.js +1 -1
- package/dist/8735.app.bundle.js +1 -1
- package/dist/8762.app.bundle.js +1 -1
- package/dist/8859.app.bundle.js +1 -1
- package/dist/890.app.bundle.js +1 -1
- package/dist/9096.app.bundle.js +1 -0
- package/dist/{3126.app.bundle.js → 9176.app.bundle.js} +1 -1
- package/dist/9288.app.bundle.js +1 -1
- package/dist/9409.app.bundle.js +1 -1
- package/dist/9463.app.bundle.js +1 -1
- package/dist/9670.app.bundle.js +1 -1
- package/dist/9724.app.bundle.js +1 -1
- package/dist/9755.app.bundle.js +1 -1
- package/dist/9794.app.bundle.js +1 -1
- package/dist/9800.app.bundle.js +1 -1
- package/dist/9915.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 +113 -0
- package/dist/components/va-card-status.d.ts +11 -0
- package/dist/components/va-card-status.js +1 -0
- package/dist/components/va-checkbox-group2.js +1 -1
- package/dist/components/va-checkbox2.js +1 -1
- package/dist/components/va-combo-box2.js +1 -1
- package/dist/components/va-crisis-line-modal2.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-header-minimal.js +1 -1
- package/dist/components/va-icon2.js +1 -1
- package/dist/components/va-language-toggle.js +1 -1
- package/dist/components/va-link-action.js +1 -1
- package/dist/components/va-link-action2.js +1 -0
- package/dist/components/va-loading-indicator.js +1 -1
- package/dist/components/va-minimal-footer.js +1 -1
- package/dist/components/va-need-help.js +1 -1
- package/dist/components/va-official-gov-banner2.js +1 -1
- package/dist/components/va-omb-info.js +1 -1
- package/dist/components/va-pagination.js +1 -1
- package/dist/components/va-privacy-agreement.js +1 -1
- package/dist/components/va-process-list-item.js +1 -1
- package/dist/components/va-process-list.js +1 -1
- package/dist/components/va-progress-bar2.js +1 -1
- package/dist/components/va-radio-option.js +1 -1
- package/dist/components/va-radio.js +1 -1
- package/dist/components/va-search-input.js +1 -1
- package/dist/components/va-select2.js +1 -1
- package/dist/components/va-sidenav-item.js +1 -1
- package/dist/components/va-sidenav-submenu.js +1 -1
- package/dist/components/va-statement-of-truth.js +1 -1
- package/dist/components/va-summary-box.js +1 -1
- package/dist/components/va-tab-item.js +1 -1
- package/dist/components/va-tab-panel.js +1 -1
- package/dist/components/va-table-inner2.js +1 -1
- package/dist/components/va-table-row.js +1 -1
- package/dist/components/va-table.js +1 -1
- package/dist/components/va-tag-status.js +1 -1
- package/dist/components/va-tag-status2.js +1 -0
- package/dist/components/va-telephone-input.js +1 -1
- package/dist/components/va-telephone2.js +1 -1
- package/dist/components/va-textarea.js +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 +3 -3
- package/dist/3238.app.bundle.js +0 -1
- package/dist/6246.app.bundle.js +0 -2
- package/dist/6655.app.bundle.js +0 -2
- package/dist/9966.app.bundle.js +0 -2
- package/dist/9966.app.bundle.js.LICENSE.txt +0 -5
- /package/dist/{6246.app.bundle.js.LICENSE.txt → 196.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{6655.app.bundle.js.LICENSE.txt → 2515.app.bundle.js.LICENSE.txt} +0 -0
|
@@ -27,6 +27,8 @@ export { VaButtonSegmented as VaButtonSegmented } from '../types/components/va-b
|
|
|
27
27
|
export { defineCustomElement as defineCustomElementVaButtonSegmented } from './va-button-segmented';
|
|
28
28
|
export { VaCard as VaCard } from '../types/components/va-card/va-card';
|
|
29
29
|
export { defineCustomElement as defineCustomElementVaCard } from './va-card';
|
|
30
|
+
export { VaCard as VaCardStatus } from '../types/components/va-card-status/va-card-status';
|
|
31
|
+
export { defineCustomElement as defineCustomElementVaCardStatus } from './va-card-status';
|
|
30
32
|
export { VaCheckbox as VaCheckbox } from '../types/components/va-checkbox/va-checkbox';
|
|
31
33
|
export { defineCustomElement as defineCustomElementVaCheckbox } from './va-checkbox';
|
|
32
34
|
export { VaCheckboxGroup as VaCheckboxGroup } from '../types/components/va-checkbox-group/va-checkbox-group';
|
package/dist/components/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{getAssetPath,setAssetPath,setNonce,setPlatformOptions}from"@stencil/core/internal/client";export{C as CONTACTS,c as contactsMap}from"./contacts.js";export{i as initIconSpriteLocation}from"./va-icon2.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{VaButtonSegmented,defineCustomElement as defineCustomElementVaButtonSegmented}from"./va-button-segmented.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{VaSidenav,defineCustomElement as defineCustomElementVaSidenav}from"./va-sidenav.js";export{VaSidenavItem,defineCustomElement as defineCustomElementVaSidenavItem}from"./va-sidenav-item.js";export{VaSidenavSubmenu,defineCustomElement as defineCustomElementVaSidenavSubmenu}from"./va-sidenav-submenu.js";export{VaStatementOfTruth,defineCustomElement as defineCustomElementVaStatementOfTruth}from"./va-statement-of-truth.js";export{VaSummaryBox,defineCustomElement as defineCustomElementVaSummaryBox}from"./va-summary-box.js";export{VaTabItem,defineCustomElement as defineCustomElementVaTabItem}from"./va-tab-item.js";export{VaTabPanel,defineCustomElement as defineCustomElementVaTabPanel}from"./va-tab-panel.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{VaTabs,defineCustomElement as defineCustomElementVaTabs}from"./va-tabs.js";export{VaTagStatus,defineCustomElement as defineCustomElementVaTagStatus}from"./va-tag-status.js";export{VaTelephone,defineCustomElement as defineCustomElementVaTelephone}from"./va-telephone.js";export{VaTelephoneInput,defineCustomElement as defineCustomElementVaTelephoneInput}from"./va-telephone-input.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";export{C as CONTACTS,c as contactsMap}from"./contacts.js";export{i as initIconSpriteLocation}from"./va-icon2.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{VaButtonSegmented,defineCustomElement as defineCustomElementVaButtonSegmented}from"./va-button-segmented.js";export{VaCard,defineCustomElement as defineCustomElementVaCard}from"./va-card.js";export{VaCardStatus,defineCustomElement as defineCustomElementVaCardStatus}from"./va-card-status.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{VaSidenav,defineCustomElement as defineCustomElementVaSidenav}from"./va-sidenav.js";export{VaSidenavItem,defineCustomElement as defineCustomElementVaSidenavItem}from"./va-sidenav-item.js";export{VaSidenavSubmenu,defineCustomElement as defineCustomElementVaSidenavSubmenu}from"./va-sidenav-submenu.js";export{VaStatementOfTruth,defineCustomElement as defineCustomElementVaStatementOfTruth}from"./va-statement-of-truth.js";export{VaSummaryBox,defineCustomElement as defineCustomElementVaSummaryBox}from"./va-summary-box.js";export{VaTabItem,defineCustomElement as defineCustomElementVaTabItem}from"./va-tab-item.js";export{VaTabPanel,defineCustomElement as defineCustomElementVaTabPanel}from"./va-tab-panel.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{VaTabs,defineCustomElement as defineCustomElementVaTabs}from"./va-tabs.js";export{VaTagStatus,defineCustomElement as defineCustomElementVaTagStatus}from"./va-tag-status.js";export{VaTelephone,defineCustomElement as defineCustomElementVaTelephone}from"./va-telephone.js";export{VaTelephoneInput,defineCustomElement as defineCustomElementVaTelephoneInput}from"./va-telephone-input.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";
|
|
@@ -414,6 +414,50 @@ export namespace Components {
|
|
|
414
414
|
*/
|
|
415
415
|
"showShadow"?: boolean;
|
|
416
416
|
}
|
|
417
|
+
/**
|
|
418
|
+
* @componentName Card Status
|
|
419
|
+
* @maturityCategory caution
|
|
420
|
+
* @maturityLevel available
|
|
421
|
+
* @guidanceHref card/card-status
|
|
422
|
+
*/
|
|
423
|
+
interface VaCardStatus {
|
|
424
|
+
/**
|
|
425
|
+
* The error message to render.
|
|
426
|
+
*/
|
|
427
|
+
"error"?: string;
|
|
428
|
+
/**
|
|
429
|
+
* Header level. Must be between 1 and 6
|
|
430
|
+
*/
|
|
431
|
+
"headerLevel"?: number;
|
|
432
|
+
/**
|
|
433
|
+
* Text to be displayed in the card header.
|
|
434
|
+
*/
|
|
435
|
+
"headerText": string;
|
|
436
|
+
/**
|
|
437
|
+
* Set the href for the card link.
|
|
438
|
+
*/
|
|
439
|
+
"linkHref": string;
|
|
440
|
+
/**
|
|
441
|
+
* Set the text for the card link.
|
|
442
|
+
*/
|
|
443
|
+
"linkText": string;
|
|
444
|
+
/**
|
|
445
|
+
* Sets the card to required and renders the (*Required) text.
|
|
446
|
+
*/
|
|
447
|
+
"required"?: boolean;
|
|
448
|
+
/**
|
|
449
|
+
* Text to be displayed in the card subheader. Heading level will be +1 of headerLevel Prop.
|
|
450
|
+
*/
|
|
451
|
+
"subheaderText": string;
|
|
452
|
+
/**
|
|
453
|
+
* The status variant of the tag. Determines the background color and icon.
|
|
454
|
+
*/
|
|
455
|
+
"tagStatus": 'info' | 'error';
|
|
456
|
+
/**
|
|
457
|
+
* The text to be displayed in the tag element.
|
|
458
|
+
*/
|
|
459
|
+
"tagText"?: string;
|
|
460
|
+
}
|
|
417
461
|
/**
|
|
418
462
|
* @nativeHandler onBlur
|
|
419
463
|
* @componentName Checkbox
|
|
@@ -2060,6 +2104,7 @@ export namespace Components {
|
|
|
2060
2104
|
* @componentName Tag - Status
|
|
2061
2105
|
* @maturityCategory caution
|
|
2062
2106
|
* @maturityLevel candidate
|
|
2107
|
+
* @guidanceHref tag/tag-status
|
|
2063
2108
|
*/
|
|
2064
2109
|
interface VaTagStatus {
|
|
2065
2110
|
/**
|
|
@@ -2859,6 +2904,18 @@ declare global {
|
|
|
2859
2904
|
prototype: HTMLVaCardElement;
|
|
2860
2905
|
new (): HTMLVaCardElement;
|
|
2861
2906
|
};
|
|
2907
|
+
/**
|
|
2908
|
+
* @componentName Card Status
|
|
2909
|
+
* @maturityCategory caution
|
|
2910
|
+
* @maturityLevel available
|
|
2911
|
+
* @guidanceHref card/card-status
|
|
2912
|
+
*/
|
|
2913
|
+
interface HTMLVaCardStatusElement extends Components.VaCardStatus, HTMLStencilElement {
|
|
2914
|
+
}
|
|
2915
|
+
var HTMLVaCardStatusElement: {
|
|
2916
|
+
prototype: HTMLVaCardStatusElement;
|
|
2917
|
+
new (): HTMLVaCardStatusElement;
|
|
2918
|
+
};
|
|
2862
2919
|
interface HTMLVaCheckboxElementEventMap {
|
|
2863
2920
|
"vaChange": any;
|
|
2864
2921
|
"component-library-analytics": any;
|
|
@@ -3754,6 +3811,7 @@ declare global {
|
|
|
3754
3811
|
* @componentName Tag - Status
|
|
3755
3812
|
* @maturityCategory caution
|
|
3756
3813
|
* @maturityLevel candidate
|
|
3814
|
+
* @guidanceHref tag/tag-status
|
|
3757
3815
|
*/
|
|
3758
3816
|
interface HTMLVaTagStatusElement extends Components.VaTagStatus, HTMLStencilElement {
|
|
3759
3817
|
}
|
|
@@ -3878,6 +3936,7 @@ declare global {
|
|
|
3878
3936
|
"va-button-pair": HTMLVaButtonPairElement;
|
|
3879
3937
|
"va-button-segmented": HTMLVaButtonSegmentedElement;
|
|
3880
3938
|
"va-card": HTMLVaCardElement;
|
|
3939
|
+
"va-card-status": HTMLVaCardStatusElement;
|
|
3881
3940
|
"va-checkbox": HTMLVaCheckboxElement;
|
|
3882
3941
|
"va-checkbox-group": HTMLVaCheckboxGroupElement;
|
|
3883
3942
|
"va-combo-box": HTMLVaComboBoxElement;
|
|
@@ -4401,6 +4460,50 @@ declare namespace LocalJSX {
|
|
|
4401
4460
|
*/
|
|
4402
4461
|
"showShadow"?: boolean;
|
|
4403
4462
|
}
|
|
4463
|
+
/**
|
|
4464
|
+
* @componentName Card Status
|
|
4465
|
+
* @maturityCategory caution
|
|
4466
|
+
* @maturityLevel available
|
|
4467
|
+
* @guidanceHref card/card-status
|
|
4468
|
+
*/
|
|
4469
|
+
interface VaCardStatus {
|
|
4470
|
+
/**
|
|
4471
|
+
* The error message to render.
|
|
4472
|
+
*/
|
|
4473
|
+
"error"?: string;
|
|
4474
|
+
/**
|
|
4475
|
+
* Header level. Must be between 1 and 6
|
|
4476
|
+
*/
|
|
4477
|
+
"headerLevel"?: number;
|
|
4478
|
+
/**
|
|
4479
|
+
* Text to be displayed in the card header.
|
|
4480
|
+
*/
|
|
4481
|
+
"headerText"?: string;
|
|
4482
|
+
/**
|
|
4483
|
+
* Set the href for the card link.
|
|
4484
|
+
*/
|
|
4485
|
+
"linkHref"?: string;
|
|
4486
|
+
/**
|
|
4487
|
+
* Set the text for the card link.
|
|
4488
|
+
*/
|
|
4489
|
+
"linkText"?: string;
|
|
4490
|
+
/**
|
|
4491
|
+
* Sets the card to required and renders the (*Required) text.
|
|
4492
|
+
*/
|
|
4493
|
+
"required"?: boolean;
|
|
4494
|
+
/**
|
|
4495
|
+
* Text to be displayed in the card subheader. Heading level will be +1 of headerLevel Prop.
|
|
4496
|
+
*/
|
|
4497
|
+
"subheaderText"?: string;
|
|
4498
|
+
/**
|
|
4499
|
+
* The status variant of the tag. Determines the background color and icon.
|
|
4500
|
+
*/
|
|
4501
|
+
"tagStatus"?: 'info' | 'error';
|
|
4502
|
+
/**
|
|
4503
|
+
* The text to be displayed in the tag element.
|
|
4504
|
+
*/
|
|
4505
|
+
"tagText"?: string;
|
|
4506
|
+
}
|
|
4404
4507
|
/**
|
|
4405
4508
|
* @nativeHandler onBlur
|
|
4406
4509
|
* @componentName Checkbox
|
|
@@ -6275,6 +6378,7 @@ declare namespace LocalJSX {
|
|
|
6275
6378
|
* @componentName Tag - Status
|
|
6276
6379
|
* @maturityCategory caution
|
|
6277
6380
|
* @maturityLevel candidate
|
|
6381
|
+
* @guidanceHref tag/tag-status
|
|
6278
6382
|
*/
|
|
6279
6383
|
interface VaTagStatus {
|
|
6280
6384
|
/**
|
|
@@ -6636,6 +6740,7 @@ declare namespace LocalJSX {
|
|
|
6636
6740
|
"va-button-pair": VaButtonPair;
|
|
6637
6741
|
"va-button-segmented": VaButtonSegmented;
|
|
6638
6742
|
"va-card": VaCard;
|
|
6743
|
+
"va-card-status": VaCardStatus;
|
|
6639
6744
|
"va-checkbox": VaCheckbox;
|
|
6640
6745
|
"va-checkbox-group": VaCheckboxGroup;
|
|
6641
6746
|
"va-combo-box": VaComboBox;
|
|
@@ -6783,6 +6888,13 @@ declare module "@stencil/core" {
|
|
|
6783
6888
|
* @maturityLevel deployed
|
|
6784
6889
|
*/
|
|
6785
6890
|
"va-card": LocalJSX.VaCard & JSXBase.HTMLAttributes<HTMLVaCardElement>;
|
|
6891
|
+
/**
|
|
6892
|
+
* @componentName Card Status
|
|
6893
|
+
* @maturityCategory caution
|
|
6894
|
+
* @maturityLevel available
|
|
6895
|
+
* @guidanceHref card/card-status
|
|
6896
|
+
*/
|
|
6897
|
+
"va-card-status": LocalJSX.VaCardStatus & JSXBase.HTMLAttributes<HTMLVaCardStatusElement>;
|
|
6786
6898
|
/**
|
|
6787
6899
|
* @nativeHandler onBlur
|
|
6788
6900
|
* @componentName Checkbox
|
|
@@ -7076,6 +7188,7 @@ declare module "@stencil/core" {
|
|
|
7076
7188
|
* @componentName Tag - Status
|
|
7077
7189
|
* @maturityCategory caution
|
|
7078
7190
|
* @maturityLevel candidate
|
|
7191
|
+
* @guidanceHref tag/tag-status
|
|
7079
7192
|
*/
|
|
7080
7193
|
"va-tag-status": LocalJSX.VaTagStatus & JSXBase.HTMLAttributes<HTMLVaTagStatusElement>;
|
|
7081
7194
|
/**
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface VaCardStatus extends Components.VaCardStatus, HTMLElement {}
|
|
4
|
+
export const VaCardStatus: {
|
|
5
|
+
prototype: VaCardStatus;
|
|
6
|
+
new (): VaCardStatus;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement,HTMLElement,h,Host,Fragment}from"@stencil/core/internal/client";import{g as getHeaderLevel}from"./utils.js";import"./contacts.js";import{d as defineCustomElement$5}from"./va-card2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-link-action2.js";import{d as defineCustomElement$2}from"./va-tag-status2.js";import{i as instance}from"./i18next.js";const vaCardStatusCss='.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}.hint-text{color:#71767A;display:block;font-size:1.06rem}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-sr-only{position:absolute;left:-999em;right:auto}:host .va-card-status__header{margin:var(--units-1) 0 var(--units-1) 0;font-size:var(--font-size-h3)}:host .va-card-status__header .va-card-status_card-title{font-family:var(--font-serif);font-weight:var(--font-weight-bold)}:host .va-card-status__tag{display:block}:host .va-card-status__subheader{margin-top:var(--units-1);margin-bottom:var(--units-2);font-size:var(--font-size-h4);font-family:var(--font-sans-serif)}:host([error]:not([error=""])) .va-card-status__wrapper{border-left:var(--units-0p5) solid var(--vads-color-secondary-dark);padding-left:var(--units-2);position:relative}:host([error]:not([error=""])) .va-card-status__wrapper va-card{border-width:var(--units-0p5);border-color:var(--vads-color-secondary-dark)}:host([error]:not([error=""])) .va-card-status__wrapper .required{font-weight:var(--font-weight-bold)}.required{color:var(--vads-color-secondary-dark);margin-left:var(--units-0p5);font-size:initial;font-weight:initial}',VaCardStatusStyle0=vaCardStatusCss,VaCard=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.headerLevel=3,this.headerText=void 0,this.subheaderText=void 0,this.required=!1,this.tagStatus="info",this.tagText=void 0,this.error=void 0,this.linkHref=void 0,this.linkText=void 0}render(){const{headerLevel:e,headerText:t,subheaderText:a,tagStatus:r,tagText:s,error:d,linkHref:o,linkText:i,required:n}=this,c=getHeaderLevel(e),l=getHeaderLevel(e+1),f=n&&h("span",{key:"e46993147e10652ea5e90704b6fe6d60dcf7d504",class:"required"}," ",instance.t("required"));return h(Host,{key:"d3cd4f177f3d5b7eef439a7cd7aeabbd750c09b3"},h("div",{key:"95169a8f13859fcc0348a125ee29db9511079c30",class:"va-card-status__wrapper"},h("va-card",{key:"cc4efe034c3618c94899b5bd19a1e903091169ba"},h("header",{key:"6755f823f243a2a442d2560c23bac5f202d1fd9c"},h(c,{key:"f533d1d1dcf0d00731cc9be5ad08373fb20eac56",class:"va-card-status__header"},h("span",{key:"a9a3d06a4ca469f3d010d5aedf1540ebde8f8ec5",class:"usa-sr-only"},s," ",t," ",n&&"required"," ",a),h("span",{key:"6d878b4f872ba694a39ee3ed363ccb469f213a5d","aria-hidden":"true"},s&&h("div",{key:"8ec22e8887e7ee5443f81e5075f04cb4e141909b"},h("va-tag-status",{key:"67f42b4dc569ce5b3d242b280d4b25352357eb97",status:r,text:s})),h("span",{key:"32985c3958148ddd6dda8e327623d48829f4129d",class:"va-card-status_card-title"},t),f)),a&&h(l,{key:"4dad2769f4af6b360e66b8ff82479d96c60c37fa","aria-hidden":"true",class:"va-card-status__subheader"},a)),h("span",{key:"c6c3b60b33b974a0d82c12386036806fcc114c11",id:"card-status-error-message",role:"alert"},d&&h(Fragment,{key:"64c41a7f7d5fa880017feebcd2a314db2423eee0"},h("span",{key:"f70f714973652e274789080fc699ce4916b233ab",class:"usa-sr-only"},instance.t("error")),h("span",{key:"2d8c9b177033de0c444eba9f9b19a1db174cde8c",class:"usa-error-message"},d))),h("slot",{key:"e45bd2a38a9abfe08f4f85d51b7fbd10403d9e65"}),h("va-link-action",{key:"fe7e953c3fe7b7cab90e83c48b80932f636634a9",messageAriaDescribedby:d?`${instance.t("error")}: ${d}`:null,type:"secondary",href:o,text:i}))))}static get style(){return VaCardStatusStyle0}},[1,"va-card-status",{headerLevel:[2,"header-level"],headerText:[1,"header-text"],subheaderText:[1,"subheader-text"],required:[4],tagStatus:[1537,"tag-status"],tagText:[1,"tag-text"],error:[1537],linkHref:[1,"link-href"],linkText:[1,"link-text"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-card-status","va-card","va-icon","va-link-action","va-tag-status"].forEach(e=>{switch(e){case"va-card-status":customElements.get(e)||customElements.define(e,VaCard);break;case"va-card":customElements.get(e)||defineCustomElement$5();break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-link-action":customElements.get(e)||defineCustomElement$3();break;case"va-tag-status":customElements.get(e)||defineCustomElement$2()}})}const VaCardStatus=VaCard,defineCustomElement=defineCustomElement$1;export{VaCardStatus,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./contacts.js";import{i as isMessageSet,g as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaCheckboxGroupCss='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,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-fieldset{border:none;margin:0;padding:0}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px}:host .usa-hint{font-weight:normal}',VaCheckboxGroupStyle0=vaCheckboxGroupCss;Build.isTesting&&instance.init({lng:"cimode"});const VaCheckboxGroup=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.label=void 0,this.labelSrOnly=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.hint=void 0,this.labelHeaderLevel=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}vaChangeHandler(e){const r=e.target;this.enableAnalytics&&this.fireAnalyticsEvent(r.label)}handleResize(){forceUpdate(this)}fireAnalyticsEvent(e){this.componentLibraryAnalytics.emit({componentName:"va-checkbox-group",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})}getHeaderLevel(){const e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?`h${e}`:null}connectedCallback(){instance.on("languageChanged",()=>{forceUpdate(this.el)})}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,required:r,error:a,hint:t,messageAriaDescribedby:o,useFormsPattern:s,formHeadingLevel:i,formHeading:n,labelSrOnly:l}=this,m=this.getHeaderLevel(),
|
|
1
|
+
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./contacts.js";import{i as isMessageSet,g as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaCheckboxGroupCss='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,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-fieldset{border:none;margin:0;padding:0}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px}:host .usa-hint{font-weight:normal}',VaCheckboxGroupStyle0=vaCheckboxGroupCss;Build.isTesting&&instance.init({lng:"cimode"});const VaCheckboxGroup=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.label=void 0,this.labelSrOnly=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.hint=void 0,this.labelHeaderLevel=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}vaChangeHandler(e){const r=e.target;this.enableAnalytics&&this.fireAnalyticsEvent(r.label)}handleResize(){forceUpdate(this)}fireAnalyticsEvent(e){this.componentLibraryAnalytics.emit({componentName:"va-checkbox-group",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})}getHeaderLevel(){const e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?`h${e}`:null}connectedCallback(){instance.on("languageChanged",()=>{forceUpdate(this.el)})}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,required:r,error:a,hint:t,messageAriaDescribedby:o,useFormsPattern:s,formHeadingLevel:i,formHeading:n,labelSrOnly:l}=this,m=this.getHeaderLevel(),c=`${s&&n?"form-question":""} ${s?"form-description":""} ${"multiple"===s?"header-message":""}`.trim()||null,d=o?"description-message":null,f=classnames({"usa-legend":!0,"usa-label--error":a,"usa-sr-only":this.el.classList.contains("va-search-filter__checkbox-group")});let u=null;if("single"===s||"multiple"===s){const e=getHeaderLevel(i);u=h(Fragment,{key:"a6adcd0a351feedd66df6c0d52a95c96db154613"},n&&h(e,{key:"c913572a696676f7da823d2ae351ef177e9b0237",id:"form-question",part:"form-header"},n),h("div",{key:"3f21be43fa2de751025b7a1a33beb11f2ae5bf39",id:"form-description"},h("slot",{key:"afd2d9c39c924147eeb8ec8a796a1fd69cd2f15b",name:"form-description"})))}return h(Host,{key:"37c499d7f99142d7962d4533532841fe756b032f",role:"group"},u,h("div",{key:"a7757664d7031f1c9e965c602ec03b8859f0d949",class:"input-wrap"},h("fieldset",{key:"45498164cfbf520071a35b5b97e9a330e33a8f3a",class:"usa-fieldset","aria-labelledby":c},h("legend",{key:"33415a7b1b4f0bc71386310fa1965da4ccb994ec",class:f,"aria-describedby":d,part:"legend"},m?h(m,{part:"header"},e):e," ","multiple"===s&&h("span",{key:"8ca15d41745507773e18876399e111f6c27b60f7",id:"header-message",class:"usa-sr-only"},e),l&&h("span",{key:"c3dd29eeb7b49cc9ff8496771c2fd60d37d5e7dd",class:"usa-sr-only"},l),isMessageSet(o)&&h("span",{key:"80a109cba0c31066a944100a45e4ecfcacaa411c",id:"description-message",class:"usa-sr-only"},o),r&&h("span",{key:"198636320779f8356c5ad8c15fc6c385eddae78e",class:"usa-label--required"},instance.t("required")),t&&h("div",{key:"cfb67f637f2809502b5214281d1a6fc522328ee5",class:"usa-hint"},t)),h("span",{key:"1ae6ec80d4e4312064333c6919cc4f3015288c61",id:"checkbox-error-message",role:"alert"},a&&h(Fragment,{key:"4b179a5b73676dee8c803cc6515105977375c012"},h("span",{key:"b642ed97c37715363d1dabc820912c2d15ca931d",class:"usa-sr-only"},instance.t("error")),h("span",{key:"dbf5c0cb0e4ec03b31deea87cbe0d95b48c1d3aa",class:"usa-error-message"},a))),h("slot",{key:"4933b75c3e731c8dfa6b3dacb5c7bacd496cbf26"}))))}get el(){return this}static get style(){return VaCheckboxGroupStyle0}},[1,"va-checkbox-group",{label:[1],labelSrOnly:[1,"label-sr-only"],required:[4],error:[1],enableAnalytics:[4,"enable-analytics"],hint:[1],labelHeaderLevel:[1,"label-header-level"],messageAriaDescribedby:[1,"message-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"]},[[0,"vaChange","vaChangeHandler"],[9,"resize","handleResize"]]]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-checkbox-group"].forEach(e=>{"va-checkbox-group"===e&&(customElements.get(e)||customElements.define(e,VaCheckboxGroup))})}export{VaCheckboxGroup as V,defineCustomElement as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host,Fragment}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./contacts.js";import{j as isInteractiveLinkOrButton,i as isMessageSet}from"./utils.js";import{i as instance}from"./i18next.js";const vaCheckboxCss='@charset "UTF-8";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,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-hint,.usa-checkbox__label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-checkbox{background:white}.usa-checkbox__label{color:#1b1b1b}.usa-checkbox__label::before{background:white;-webkit-box-shadow:0 0 0 2px #1b1b1b;box-shadow:0 0 0 2px #1b1b1b}@media (forced-colors: active){.usa-checkbox__label::before{outline:2px solid transparent;outline-offset:2px}}.usa-checkbox__input:checked+[class*=__label]::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2}.usa-checkbox__input:disabled+[class*=__label],.usa-checkbox__input[aria-disabled=true]+[class*=__label]{color:#757575;cursor:not-allowed}@media (forced-colors: active){.usa-checkbox__input:disabled+[class*=__label],.usa-checkbox__input[aria-disabled=true]+[class*=__label]{color:GrayText}}.usa-checkbox__input:disabled+[class*=__label]::before,.usa-checkbox__input[aria-disabled=true]+[class*=__label]::before{background-color:white;-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-checkbox__input--tile+[class*=__label]{background-color:white;border:2px solid #c9c9c9;color:#1b1b1b}.usa-checkbox__input--tile:checked+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-checkbox__input--tile:checked+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-checkbox__input--tile:disabled+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-checkbox__input--tile:disabled:checked+[class*=__label],.usa-checkbox__input--tile:disabled:indeterminate+[class*=__label],.usa-checkbox__input--tile:disabled[data-indeterminate]+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]:checked+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]:indeterminate+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true][data-indeterminate]+[class*=__label]{background-color:white}.usa-checkbox__input:indeterminate+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2;background-position:center center;background-size:0.75rem auto}@media (forced-colors: active){.usa-checkbox__input:indeterminate+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 28.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8s1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 28.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8s1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-color:SelectedItem}}.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-checkbox__input:indeterminate:disabled+[class*=__label],.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label],.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label],.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-checkbox__input--tile:indeterminate+[class*=__label],.usa-checkbox__input--tile[data-indeterminate]+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-checkbox__input--tile:indeterminate+[class*=__label],.usa-checkbox__input--tile[data-indeterminate]+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-checkbox__input:checked+[class*=__label]::before,.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-checkbox__input:checked+[class*=__label]::before,.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8-alt%3C%2Ftitle%3E%3Cpath fill%3D%22%23171717%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8-alt%3C%2Ftitle%3E%3Cpath fill%3D%22%23171717%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}}.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{background-color:#757575}@media (forced-colors: active){.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{background-color:GrayText}}.usa-checkbox__input{position:absolute;left:-999em;right:auto}.usa-checkbox__input:focus+[class*=__label]::before{outline:0.25rem solid #2491ff;outline-offset:0.25rem}.usa-checkbox__input--tile+[class*=__label]{border-radius:0.25rem;margin-top:0.5rem;padding:0.75rem 1rem 0.75rem 2.5rem}.usa-checkbox__input--tile+[class*=__label]::before{left:0.5rem}.usa-checkbox__input:checked+[class*=__label]::before{background-position:center center;background-size:0.75rem auto}@media print{.usa-checkbox__input:checked+[class*=__label]::before{background-image:none;background-color:white;content:"✔";text-align:center}}@media (forced-colors: active){.usa-checkbox__input:checked+[class*=__label]::before{background-color:SelectedItem}}.usa-checkbox__label{cursor:pointer;display:inherit;font-weight:normal;margin-top:0.75rem;padding-left:2rem;position:relative}.usa-checkbox__label::before{content:" ";display:block;left:0;margin-left:2px;margin-top:0.064rem;position:absolute}.usa-checkbox__label::before{height:1.25rem;width:1.25rem;border-radius:2px}.usa-checkbox__label-description{display:block;font-size:0.93rem;margin-top:0.5rem}.usa-legend{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-legend--large{font-size:2.13rem;font-weight:700;margin-top:1rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;max-width:480px}.va-checkbox__container{background:transparent;display:-ms-flexbox;display:flex;margin:0.75rem 0;max-width:480px;cursor:pointer}.va-checkbox__container--tile{border-radius:0.25rem;background-color:var(--vads-input-background-color-on-light);border:2px solid #c9c9c9;color:var(--vads-color-base);padding:0.75rem 1rem 0.75rem 0.5rem;margin:0.5rem 0}.va-checkbox__container--tile--checked{background-color:var(--vads-input-tile-background-active-on-light);border-color:var(--vads-input-tile-border-active-on-light)}.va-checkbox__input{height:1.25rem;width:1.25rem;min-width:1.25rem;background:var(--vads-input-background-color-on-light);border:none;border-radius:2px;-webkit-box-shadow:0 0 0 2px var(--vads-color-base);box-shadow:0 0 0 2px var(--vads-color-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0.064rem 0 0 4px;opacity:unset;position:initial;cursor:pointer}.va-checkbox__input:not([disabled]):focus{outline-offset:4px}.va-checkbox__input:checked{background:var(--vads-button-color-background-primary-on-light);background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-position:center center;background-size:0.75rem auto;background-repeat:no-repeat;border:none;-webkit-box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light);box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light)}.va-checkbox__input:checked:focus{outline-offset:4px}.va-checkbox__input[data-indeterminate]:not([data-indeterminate=false]){background:var(--vads-button-color-background-primary-on-light);background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-position:center center;background-size:0.75rem auto;background-repeat:no-repeat;border:none}.va-checkbox__input[data-indeterminate]:not([data-indeterminate=false]):focus{outline-offset:4px}.va-checkbox__label{font-size:var(--vads-font-size-source-sans-normalized);padding-left:0.6rem;cursor:pointer}div#description{font-size:var(--vads-font-size-source-sans-normalized);margin-top:0.75rem}',VaCheckboxStyle0=vaCheckboxCss;Build.isTesting&&instance.init({lng:"cimode"});const VaCheckbox=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaChange=createEvent(this,"vaChange",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.fireAnalyticsEvent=()=>{let e=this.description||"";if(!e){const a=this.el.shadowRoot.querySelector('slot[name="description"]');a&&(e=null==a?void 0:a.assignedNodes().map(e=>e.textContent).join(" "))}this.componentLibraryAnalytics.emit({componentName:"va-checkbox",action:"change",details:{label:this.label,description:e,required:this.required,checked:this.checked}})},this.handleClick=e=>{const a=e.target;"checkbox-element"!==a.id&&isInteractiveLinkOrButton(a)||(e.preventDefault(),e.stopImmediatePropagation(),this.checked=!this.checked,this.el.shadowRoot.querySelector("#checkbox-element").focus(),this.vaChange.emit({checked:this.checked}),this.enableAnalytics&&this.fireAnalyticsEvent())},this.label=void 0,this.error=void 0,this.description=void 0,this.required=!1,this.enableAnalytics=!1,this.checked=!1,this.hint=void 0,this.tile=!1,this.checkboxDescription=void 0,this.disabled=!1,this.messageAriaDescribedby=void 0,this.name=void 0,this.indeterminate=!1}handleIndeterminateInput(){const e=this.el.shadowRoot.querySelector("input");this.indeterminate&&!this.checked?e.indeterminate=!0:e.indeterminate=!1}componentDidUpdate(){this.handleIndeterminateInput()}componentDidLoad(){this.handleIndeterminateInput()}connectedCallback(){instance.on("languageChanged",()=>{forceUpdate(this.el)})}disconnectedCallback(){instance.off("languageChanged")}render(){const{error:e,label:a,required:t,description:r,checked:i,hint:o,tile:s,checkboxDescription:l,disabled:n,messageAriaDescribedby:c,name:d,indeterminate:b}=this,u=!r&&this.el.querySelectorAll('[slot="description"]:not(:empty)').length>0,p=classnames("va-checkbox__container",{"va-checkbox__container--tile":s,"va-checkbox__container--tile--checked":s&&i}),m=classnames({"usa-label--error":e}),_=[c?"input-message":"",e?"checkbox-error-message":"",r||u?"description":""].filter(Boolean).join(" ").trim()||null;let g;return g=b&&!i?"mixed":b||i?i:null,h(Host,{key:"3eda796fd03b9271aa44263c52f90380e79bdae6"},r&&h("div",{key:"92b85e7aa2d4b3c136fce5311044b02020af5efb",id:"description",class:m},r),u&&h("div",{key:"113e16cbb574c9c88b20c579bc2de6cdb565ebf9",id:"description"},h("slot",{key:"0178e642b5d45f761fc7aca5bc52b6509e7cae1b",name:"description"})),o&&h("span",{key:"cf9a9f14b71ccc1ae7ffd8b6d10b63647f1280e2",class:"usa-hint"},o),h("span",{key:"874030a19e4e5afdc7b8ba0f7765ea7c0b8a4157",id:"checkbox-error-message",role:"alert"},e&&h(Fragment,{key:"638338c781f3d1a0a95cd9124dc021a7e0c3f32d"},h("span",{key:"fda703b55aeadf36aab91742ada74a3602d4d200",class:"usa-sr-only"},instance.t("error")),h("span",{key:"5847d0dedb54a4e1657b2c71032505b680199880",class:"usa-error-message"},e))),h("div",{key:"9b8b8942ffbada215ad38ed65c5c276287526abf",class:p,part:"checkbox",onClick:this.handleClick},h("input",{key:"8352b8662e5579506c2d2c62c2e3582c97d1177e",class:"va-checkbox__input",type:"checkbox",name:d||null,id:"checkbox-element",checked:i,"aria-describedby":_,"aria-invalid":e?"true":"false",disabled:n,"data-indeterminate":b&&!i,"aria-checked":g}),h("label",{key:"ba17fae5fd1b6e7c4e20b6800989573b98ca3c48",htmlFor:"checkbox-element",class:"va-checkbox__label"},h("span",{key:"9be222d2a0fe0ee0f16feacc8b78217d1bc99ac2",part:"label"},a)," ",t&&h("span",{key:"a2784a0f5d7d22a71ed4ae49fbbfbfa400f445bb",class:"usa-label--required"},instance.t("required")),l&&h("span",{key:"af07d93c0d48e351f17d1a8bf8eabee55834cea0",class:"usa-checkbox__label-description",part:"description"},l),h("slot",{key:"042e21b1e3df8f02b9e16aa7b50b2b3d6cc2825b",name:"internal-description"})),isMessageSet(c)&&h("span",{key:"61417bd0a0420504c0cea21f41fdb45e45602546",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},c)))}get el(){return this}static get style(){return VaCheckboxStyle0}},[1,"va-checkbox",{label:[1],error:[513],description:[1],required:[4],enableAnalytics:[4,"enable-analytics"],checked:[1028],hint:[1],tile:[4],checkboxDescription:[1,"checkbox-description"],disabled:[4],messageAriaDescribedby:[1,"message-aria-describedby"],name:[1],indeterminate:[4]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-checkbox"].forEach(e=>{"va-checkbox"===e&&(customElements.get(e)||customElements.define(e,VaCheckbox))})}export{VaCheckbox as V,defineCustomElement as d};
|
|
1
|
+
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host,Fragment}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./contacts.js";import{j as isInteractiveLinkOrButton,i as isMessageSet}from"./utils.js";import{i as instance}from"./i18next.js";const vaCheckboxCss='@charset "UTF-8";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,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-hint,.usa-checkbox__label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-checkbox{background:white}.usa-checkbox__label{color:#1b1b1b}.usa-checkbox__label::before{background:white;-webkit-box-shadow:0 0 0 2px #1b1b1b;box-shadow:0 0 0 2px #1b1b1b}@media (forced-colors: active){.usa-checkbox__label::before{outline:2px solid transparent;outline-offset:2px}}.usa-checkbox__input:checked+[class*=__label]::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2}.usa-checkbox__input:disabled+[class*=__label],.usa-checkbox__input[aria-disabled=true]+[class*=__label]{color:#757575;cursor:not-allowed}@media (forced-colors: active){.usa-checkbox__input:disabled+[class*=__label],.usa-checkbox__input[aria-disabled=true]+[class*=__label]{color:GrayText}}.usa-checkbox__input:disabled+[class*=__label]::before,.usa-checkbox__input[aria-disabled=true]+[class*=__label]::before{background-color:white;-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-checkbox__input--tile+[class*=__label]{background-color:white;border:2px solid #c9c9c9;color:#1b1b1b}.usa-checkbox__input--tile:checked+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-checkbox__input--tile:checked+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-checkbox__input--tile:disabled+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-checkbox__input--tile:disabled:checked+[class*=__label],.usa-checkbox__input--tile:disabled:indeterminate+[class*=__label],.usa-checkbox__input--tile:disabled[data-indeterminate]+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]:checked+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]:indeterminate+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true][data-indeterminate]+[class*=__label]{background-color:white}.usa-checkbox__input:indeterminate+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2;background-position:center center;background-size:0.75rem auto}@media (forced-colors: active){.usa-checkbox__input:indeterminate+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 28.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8s1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 28.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8s1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-color:SelectedItem}}.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-checkbox__input:indeterminate:disabled+[class*=__label],.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label],.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label],.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-checkbox__input--tile:indeterminate+[class*=__label],.usa-checkbox__input--tile[data-indeterminate]+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-checkbox__input--tile:indeterminate+[class*=__label],.usa-checkbox__input--tile[data-indeterminate]+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-checkbox__input:checked+[class*=__label]::before,.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-checkbox__input:checked+[class*=__label]::before,.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8-alt%3C%2Ftitle%3E%3Cpath fill%3D%22%23171717%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8-alt%3C%2Ftitle%3E%3Cpath fill%3D%22%23171717%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}}.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{background-color:#757575}@media (forced-colors: active){.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{background-color:GrayText}}.usa-checkbox__input{position:absolute;left:-999em;right:auto}.usa-checkbox__input:focus+[class*=__label]::before{outline:0.25rem solid #2491ff;outline-offset:0.25rem}.usa-checkbox__input--tile+[class*=__label]{border-radius:0.25rem;margin-top:0.5rem;padding:0.75rem 1rem 0.75rem 2.5rem}.usa-checkbox__input--tile+[class*=__label]::before{left:0.5rem}.usa-checkbox__input:checked+[class*=__label]::before{background-position:center center;background-size:0.75rem auto}@media print{.usa-checkbox__input:checked+[class*=__label]::before{background-image:none;background-color:white;content:"✔";text-align:center}}@media (forced-colors: active){.usa-checkbox__input:checked+[class*=__label]::before{background-color:SelectedItem}}.usa-checkbox__label{cursor:pointer;display:inherit;font-weight:normal;margin-top:0.75rem;padding-left:2rem;position:relative}.usa-checkbox__label::before{content:" ";display:block;left:0;margin-left:2px;margin-top:0.064rem;position:absolute}.usa-checkbox__label::before{height:1.25rem;width:1.25rem;border-radius:2px}.usa-checkbox__label-description{display:block;font-size:0.93rem;margin-top:0.5rem}.usa-legend{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-legend--large{font-size:2.13rem;font-weight:700;margin-top:1rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;max-width:480px}.va-checkbox__container{background:transparent;display:-ms-flexbox;display:flex;margin:0.75rem 0;max-width:480px;cursor:pointer}.va-checkbox__container--tile{border-radius:0.25rem;background-color:var(--vads-input-background-color-on-light);border:2px solid #c9c9c9;color:var(--vads-color-base);padding:0.75rem 1rem 0.75rem 0.5rem;margin:0.5rem 0}.va-checkbox__container--tile--checked{background-color:var(--vads-input-tile-background-active-on-light);border-color:var(--vads-input-tile-border-active-on-light)}.va-checkbox__input{height:1.25rem;width:1.25rem;min-width:1.25rem;background:var(--vads-input-background-color-on-light);border:none;border-radius:2px;-webkit-box-shadow:0 0 0 2px var(--vads-color-base);box-shadow:0 0 0 2px var(--vads-color-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0.064rem 0 0 4px;opacity:unset;position:initial;cursor:pointer}.va-checkbox__input:not([disabled]):focus{outline-offset:4px}.va-checkbox__input:checked{background:var(--vads-button-color-background-primary-on-light);background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-position:center center;background-size:0.75rem auto;background-repeat:no-repeat;border:none;-webkit-box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light);box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light)}.va-checkbox__input:checked:focus{outline-offset:4px}.va-checkbox__input[data-indeterminate]:not([data-indeterminate=false]){background:var(--vads-button-color-background-primary-on-light);background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-position:center center;background-size:0.75rem auto;background-repeat:no-repeat;border:none}.va-checkbox__input[data-indeterminate]:not([data-indeterminate=false]):focus{outline-offset:4px}.va-checkbox__label{font-size:var(--vads-font-size-source-sans-normalized);padding-left:0.6rem;cursor:pointer}div#description{font-size:var(--vads-font-size-source-sans-normalized);margin-top:0.75rem}',VaCheckboxStyle0=vaCheckboxCss;Build.isTesting&&instance.init({lng:"cimode"});const VaCheckbox=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaChange=createEvent(this,"vaChange",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.fireAnalyticsEvent=()=>{let e=this.description||"";if(!e){const a=this.el.shadowRoot.querySelector('slot[name="description"]');a&&(e=null==a?void 0:a.assignedNodes().map(e=>e.textContent).join(" "))}this.componentLibraryAnalytics.emit({componentName:"va-checkbox",action:"change",details:{label:this.label,description:e,required:this.required,checked:this.checked}})},this.handleClick=e=>{const a=e.target;"checkbox-element"!==a.id&&isInteractiveLinkOrButton(a)||(e.preventDefault(),e.stopImmediatePropagation(),this.checked=!this.checked,this.el.shadowRoot.querySelector("#checkbox-element").focus(),this.vaChange.emit({checked:this.checked}),this.enableAnalytics&&this.fireAnalyticsEvent())},this.label=void 0,this.error=void 0,this.description=void 0,this.required=!1,this.enableAnalytics=!1,this.checked=!1,this.hint=void 0,this.tile=!1,this.checkboxDescription=void 0,this.disabled=!1,this.messageAriaDescribedby=void 0,this.name=void 0,this.indeterminate=!1}handleIndeterminateInput(){const e=this.el.shadowRoot.querySelector("input");this.indeterminate&&!this.checked?e.indeterminate=!0:e.indeterminate=!1}componentDidUpdate(){this.handleIndeterminateInput()}componentDidLoad(){this.handleIndeterminateInput()}connectedCallback(){instance.on("languageChanged",()=>{forceUpdate(this.el)})}disconnectedCallback(){instance.off("languageChanged")}render(){const{error:e,label:a,required:t,description:r,checked:i,hint:o,tile:s,checkboxDescription:l,disabled:n,messageAriaDescribedby:c,name:d,indeterminate:b}=this,u=!r&&this.el.querySelectorAll('[slot="description"]:not(:empty)').length>0,p=classnames("va-checkbox__container",{"va-checkbox__container--tile":s,"va-checkbox__container--tile--checked":s&&i}),m=classnames({"usa-label--error":e}),_=[c?"input-message":"",e?"checkbox-error-message":"",r||u?"description":""].filter(Boolean).join(" ").trim()||null;let g;return g=b&&!i?"mixed":b||i?i:null,h(Host,{key:"109d3b340e87dc1d8c7156e0c80f68588c60ff19"},r&&h("div",{key:"a8392e716a550dbd429e3de3a597bb615e99a4db",id:"description",class:m},r),u&&h("div",{key:"9dbdf03db7b18a83341468e7720600de6df06959",id:"description"},h("slot",{key:"b3edb3595d50b3db6e062410ea2e0ad772183f9c",name:"description"})),o&&h("span",{key:"1dfe4cbba07126c8b57ce0038dc2ca4b954160af",class:"usa-hint"},o),h("span",{key:"0022d46d0adf6d1df21a2482891bb908ce716d87",id:"checkbox-error-message",role:"alert"},e&&h(Fragment,{key:"6023b7da9684a264663f399b70bb49c7602f9763"},h("span",{key:"815fd46a26b1df89f53c2346e3b6e81f751da6ac",class:"usa-sr-only"},instance.t("error")),h("span",{key:"c8f4c1d80e8df4411a30f453be377344a456340d",class:"usa-error-message"},e))),h("div",{key:"09d849885b7a9528280bdb1406177d638cd0e1fe",class:p,part:"checkbox",onClick:this.handleClick},h("input",{key:"c59ac683d9c5b9e48f1fe1d6aa6c5c34488b6c82",class:"va-checkbox__input",type:"checkbox",name:d||null,id:"checkbox-element",checked:i,"aria-describedby":_,"aria-invalid":e?"true":"false",disabled:n,"data-indeterminate":b&&!i,"aria-checked":g}),h("label",{key:"97210ec3fcf0262ae6bea230444ce7bcf8792820",htmlFor:"checkbox-element",class:"va-checkbox__label"},h("span",{key:"995aee940fac634dcea297bce80d11fc9cf65e62",part:"label"},a)," ",t&&h("span",{key:"9c953a262b08fc0fc7323f26ed8a16cad5f98622",class:"usa-label--required"},instance.t("required")),l&&h("span",{key:"c9f97aa96561a529e063be84749e76cabd06eba6",class:"usa-checkbox__label-description",part:"description"},l),h("slot",{key:"c574e82251b724632302b4e1fc96a5769d489fd2",name:"internal-description"})),isMessageSet(c)&&h("span",{key:"ffb68e38e21f92235984a1bf44d94a47cc901d97",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},c)))}get el(){return this}static get style(){return VaCheckboxStyle0}},[1,"va-checkbox",{label:[1],error:[513],description:[1],required:[4],enableAnalytics:[4,"enable-analytics"],checked:[1028],hint:[1],tile:[4],checkboxDescription:[1,"checkbox-description"],disabled:[4],messageAriaDescribedby:[1,"message-aria-describedby"],name:[1],indeterminate:[4]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-checkbox"].forEach(e=>{"va-checkbox"===e&&(customElements.get(e)||customElements.define(e,VaCheckbox))})}export{VaCheckbox as V,defineCustomElement as d};
|