@department-of-veterans-affairs/component-library 54.3.0 → 54.4.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Modal.js +1 -1
- package/Modal.unit.spec.js +1 -0
- package/contacts.js +1 -1
- package/dist/1214.app.bundle.js +1 -0
- package/dist/1339.app.bundle.js +2 -0
- package/dist/{6850.app.bundle.js → 1351.app.bundle.js} +1 -1
- package/dist/{6830.app.bundle.js → 1365.app.bundle.js} +1 -1
- package/dist/{7481.app.bundle.js → 1450.app.bundle.js} +1 -1
- package/dist/2222.app.bundle.js +2 -0
- package/dist/2387.app.bundle.js +1 -0
- package/dist/{4157.app.bundle.js → 2472.app.bundle.js} +1 -1
- package/dist/2654.app.bundle.js +2 -0
- package/dist/2664.app.bundle.js +2 -0
- package/dist/2801.app.bundle.js +2 -0
- package/dist/{3601.app.bundle.js → 2858.app.bundle.js} +2 -2
- package/dist/{6832.app.bundle.js → 3071.app.bundle.js} +1 -1
- package/dist/3126.app.bundle.js +1 -0
- package/dist/{4351.app.bundle.js → 3156.app.bundle.js} +1 -1
- package/dist/{7267.app.bundle.js → 3238.app.bundle.js} +1 -1
- package/dist/4064.app.bundle.js +1 -0
- package/dist/4117.app.bundle.js +2 -0
- package/dist/{2205.app.bundle.js → 4140.app.bundle.js} +1 -1
- package/dist/415.app.bundle.js +1 -0
- package/dist/{4569.app.bundle.js → 4164.app.bundle.js} +2 -2
- package/dist/4708.app.bundle.js +2 -0
- package/dist/4715.app.bundle.js +2 -0
- package/dist/5019.app.bundle.js +2 -0
- package/dist/5155.app.bundle.js +1 -0
- package/dist/5189.app.bundle.js +2 -0
- package/dist/5306.app.bundle.js +2 -0
- package/dist/{5689.app.bundle.js → 5610.app.bundle.js} +1 -1
- package/dist/5699.app.bundle.js +2 -0
- package/dist/575.app.bundle.js +2 -0
- package/dist/{5119.app.bundle.js → 5830.app.bundle.js} +2 -2
- package/dist/{7495.app.bundle.js → 6034.app.bundle.js} +2 -2
- package/dist/6246.app.bundle.js +2 -0
- package/dist/{2482.app.bundle.js → 6247.app.bundle.js} +1 -1
- package/dist/6349.app.bundle.js +2 -0
- package/dist/641.app.bundle.js +1 -0
- package/dist/6527.app.bundle.js +2 -0
- package/dist/6633.app.bundle.js +2 -0
- package/dist/{1966.app.bundle.js → 6655.app.bundle.js} +2 -2
- package/dist/6683.app.bundle.js +2 -0
- package/dist/6771.app.bundle.js +1 -0
- package/dist/{8915.app.bundle.js → 6824.app.bundle.js} +2 -2
- package/dist/712.app.bundle.js +2 -0
- package/dist/7367.app.bundle.js +2 -0
- package/dist/7531.app.bundle.js +1 -0
- package/dist/7663.app.bundle.js +1 -0
- package/dist/7814.app.bundle.js +2 -0
- package/dist/7821.app.bundle.js +1 -0
- package/dist/8175.app.bundle.js +2 -0
- package/dist/82.app.bundle.js +2 -0
- package/dist/8206.app.bundle.js +1 -0
- package/dist/8495.app.bundle.js +2 -0
- package/dist/{4996.app.bundle.js → 8735.app.bundle.js} +2 -2
- package/dist/8762.app.bundle.js +2 -1
- package/dist/8859.app.bundle.js +1 -0
- package/dist/890.app.bundle.js +2 -0
- package/dist/9288.app.bundle.js +1 -0
- package/dist/{7084.app.bundle.js → 9409.app.bundle.js} +1 -1
- package/dist/9463.app.bundle.js +1 -0
- package/dist/{8463.app.bundle.js → 9670.app.bundle.js} +1 -1
- package/dist/9724.app.bundle.js +2 -0
- package/dist/9755.app.bundle.js +2 -0
- package/dist/9794.app.bundle.js +2 -0
- package/dist/9800.app.bundle.js +2 -0
- package/dist/9915.app.bundle.js +1 -0
- package/dist/{5705.app.bundle.js → 9966.app.bundle.js} +2 -2
- package/dist/app.bundle.js +1 -1
- package/dist/app.bundle.js.LICENSE.txt +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components/p-0311e4e3.js +1 -0
- package/dist/components/p-067d7618.js +1 -0
- package/dist/components/p-3962731f.js +1 -0
- package/dist/components/p-40738d84.js +1 -0
- package/dist/components/p-494b538e.js +1 -0
- package/dist/components/p-6a3cf3d7.js +1 -0
- package/dist/components/p-6b349d85.js +1 -0
- package/dist/components/p-6e4b9401.js +1 -0
- package/dist/components/p-70a619e9.js +1 -0
- package/dist/components/p-7129443f.js +1 -0
- package/dist/components/p-784bed9b.js +1 -0
- package/dist/components/p-a12014b1.js +1 -0
- package/dist/components/{index2.js → p-a5dce9e6.js} +1 -1
- package/dist/components/p-a836c3e1.js +1 -0
- package/dist/components/{parsePhoneNumber_.js → p-b276cef8.js} +1 -1
- package/dist/components/p-b92d2c38.js +1 -0
- package/dist/components/p-bac94659.js +1 -0
- package/dist/components/p-bea05aab.js +1 -0
- package/dist/components/p-c3fdb782.js +1 -0
- package/dist/components/p-ce1b8abc.js +1 -0
- package/dist/components/p-cf580be9.js +1 -0
- package/dist/components/p-d20739b4.js +20 -0
- package/dist/components/p-d4b7abf9.js +1 -0
- package/dist/components/p-d9f21f0d.js +1 -0
- package/dist/components/p-dffbc03b.js +1 -0
- package/dist/components/p-e1092a04.js +1 -0
- package/dist/components/p-ef5c0d66.js +1 -0
- package/dist/components/p-f3a1dcd5.js +1 -0
- package/dist/components/p-fda59844.js +1 -0
- package/dist/components/types/components.d.ts +2 -2
- package/dist/components/types/index.d.ts +2 -0
- package/dist/components/va-accordion-item.js +1 -1
- package/dist/components/va-accordion.js +1 -1
- package/dist/components/va-additional-info.js +1 -1
- package/dist/components/va-alert-expandable.js +1 -1
- package/dist/components/va-alert-sign-in.js +1 -1
- package/dist/components/va-alert.js +1 -1
- package/dist/components/va-back-to-top.js +1 -1
- package/dist/components/va-banner.js +1 -1
- package/dist/components/va-breadcrumbs.js +1 -1
- package/dist/components/va-button-icon.js +1 -1
- package/dist/components/va-button-pair.js +1 -1
- package/dist/components/va-button-segmented.js +1 -1
- package/dist/components/va-button.js +1 -1
- package/dist/components/va-card.js +1 -1
- package/dist/components/va-checkbox-group.js +1 -1
- package/dist/components/va-checkbox.js +1 -1
- package/dist/components/va-combo-box.js +1 -1
- package/dist/components/va-crisis-line-modal.js +1 -1
- package/dist/components/va-critical-action.js +1 -1
- package/dist/components/va-date.js +1 -1
- package/dist/components/va-file-input-multiple.js +1 -1
- package/dist/components/va-file-input.js +1 -1
- package/dist/components/va-header-minimal.js +1 -1
- package/dist/components/va-icon.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.js +1 -1
- package/dist/components/va-loading-indicator.js +1 -1
- package/dist/components/va-maintenance-banner.js +1 -1
- package/dist/components/va-memorable-date.js +1 -1
- package/dist/components/va-minimal-footer.js +1 -1
- package/dist/components/va-modal.js +1 -1
- package/dist/components/va-need-help.js +1 -1
- package/dist/components/va-notification.js +1 -1
- package/dist/components/va-official-gov-banner.js +1 -1
- package/dist/components/va-omb-info.js +1 -1
- package/dist/components/va-on-this-page.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-bar.js +1 -1
- package/dist/components/va-promo-banner.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-filter.js +1 -1
- package/dist/components/va-search-input.js +1 -1
- package/dist/components/va-segmented-progress-bar.js +1 -1
- package/dist/components/va-select.js +1 -1
- package/dist/components/va-service-list-item.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-sidenav.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-inner.js +1 -1
- package/dist/components/va-table-row.js +1 -1
- package/dist/components/va-table.js +1 -1
- package/dist/components/va-tabs.js +1 -1
- package/dist/components/va-tag-status.js +1 -1
- package/dist/components/va-telephone-input.js +1 -1
- package/dist/components/va-telephone.js +1 -1
- package/dist/components/va-text-input.js +1 -1
- package/dist/components/va-textarea.js +1 -1
- package/dist/react-bindings/components.d.ts +336 -0
- package/dist/react-bindings/components.js +1 -0
- package/dist/react-bindings/components.js.map +1 -0
- package/dist/react-bindings/components.ts +961 -0
- package/dist/react-bindings/index.d.ts +6 -67
- package/dist/react-bindings/index.js +1 -1
- package/dist/react-bindings/index.js.map +1 -1
- package/dist/react-bindings/index.ts +6 -75
- package/format-date.js +1 -1
- package/format-date.unit.spec.js +1 -1
- package/package.json +16 -15
- package/test-helpers.js +1 -1
- package/utilities.unit.spec.js +1 -1
- package/validations.js +1 -1
- package/dist/0.app.bundle.js +0 -2
- package/dist/12.app.bundle.js +0 -1
- package/dist/141.app.bundle.js +0 -2
- package/dist/1822.app.bundle.js +0 -2
- package/dist/2236.app.bundle.js +0 -1
- package/dist/251.app.bundle.js +0 -1
- package/dist/272.app.bundle.js +0 -2
- package/dist/2923.app.bundle.js +0 -2
- package/dist/2986.app.bundle.js +0 -1
- package/dist/323.app.bundle.js +0 -2
- package/dist/3305.app.bundle.js +0 -2
- package/dist/3397.app.bundle.js +0 -1
- package/dist/3589.app.bundle.js +0 -2
- package/dist/3600.app.bundle.js +0 -1
- package/dist/4400.app.bundle.js +0 -2
- package/dist/4432.app.bundle.js +0 -2
- package/dist/4475.app.bundle.js +0 -1
- package/dist/4780.app.bundle.js +0 -2
- package/dist/5341.app.bundle.js +0 -2
- package/dist/5348.app.bundle.js +0 -2
- package/dist/5663.app.bundle.js +0 -2
- package/dist/5845.app.bundle.js +0 -2
- package/dist/5938.app.bundle.js +0 -2
- package/dist/5990.app.bundle.js +0 -2
- package/dist/6043.app.bundle.js +0 -1
- package/dist/606.app.bundle.js +0 -1
- package/dist/6095.app.bundle.js +0 -2
- package/dist/6308.app.bundle.js +0 -2
- package/dist/6498.app.bundle.js +0 -1
- package/dist/6555.app.bundle.js +0 -1
- package/dist/6650.app.bundle.js +0 -2
- package/dist/6696.app.bundle.js +0 -1
- package/dist/6718.app.bundle.js +0 -1
- package/dist/6849.app.bundle.js +0 -2
- package/dist/7166.app.bundle.js +0 -2
- package/dist/7307.app.bundle.js +0 -2
- package/dist/7372.app.bundle.js +0 -2
- package/dist/7734.app.bundle.js +0 -1
- package/dist/8255.app.bundle.js +0 -2
- package/dist/8913.app.bundle.js +0 -2
- package/dist/9186.app.bundle.js +0 -2
- package/dist/9376.app.bundle.js +0 -2
- package/dist/9496.app.bundle.js +0 -2
- package/dist/960.app.bundle.js +0 -1
- package/dist/9851.app.bundle.js +0 -2
- package/dist/components/contacts.js +0 -1
- package/dist/components/date-utils.js +0 -1
- package/dist/components/i18next.js +0 -1
- package/dist/components/utils.js +0 -1
- package/dist/components/va-accordion-item2.js +0 -1
- package/dist/components/va-accordion2.js +0 -1
- package/dist/components/va-alert2.js +0 -1
- package/dist/components/va-button-icon2.js +0 -1
- package/dist/components/va-button2.js +0 -1
- package/dist/components/va-card2.js +0 -1
- package/dist/components/va-checkbox-group2.js +0 -1
- package/dist/components/va-checkbox2.js +0 -1
- package/dist/components/va-combo-box2.js +0 -20
- package/dist/components/va-crisis-line-modal2.js +0 -1
- package/dist/components/va-critical-action2.js +0 -1
- package/dist/components/va-file-input2.js +0 -1
- package/dist/components/va-icon2.js +0 -1
- package/dist/components/va-link2.js +0 -1
- package/dist/components/va-modal2.js +0 -1
- package/dist/components/va-official-gov-banner2.js +0 -1
- package/dist/components/va-progress-bar2.js +0 -1
- package/dist/components/va-select2.js +0 -1
- package/dist/components/va-table-inner2.js +0 -1
- package/dist/components/va-telephone2.js +0 -1
- package/dist/components/va-text-input2.js +0 -1
- package/dist/react-bindings/react-component-lib/createComponent.d.ts +0 -10
- package/dist/react-bindings/react-component-lib/createComponent.js +0 -1
- package/dist/react-bindings/react-component-lib/createComponent.js.map +0 -1
- package/dist/react-bindings/react-component-lib/createComponent.tsx +0 -106
- package/dist/react-bindings/react-component-lib/createOverlayComponent.d.ts +0 -21
- package/dist/react-bindings/react-component-lib/createOverlayComponent.js +0 -1
- package/dist/react-bindings/react-component-lib/createOverlayComponent.js.map +0 -1
- package/dist/react-bindings/react-component-lib/createOverlayComponent.tsx +0 -142
- package/dist/react-bindings/react-component-lib/index.d.ts +0 -2
- package/dist/react-bindings/react-component-lib/index.js +0 -1
- package/dist/react-bindings/react-component-lib/index.js.map +0 -1
- package/dist/react-bindings/react-component-lib/index.ts +0 -2
- package/dist/react-bindings/react-component-lib/interfaces.d.ts +0 -29
- package/dist/react-bindings/react-component-lib/interfaces.js +0 -1
- package/dist/react-bindings/react-component-lib/interfaces.js.map +0 -1
- package/dist/react-bindings/react-component-lib/interfaces.ts +0 -34
- package/dist/react-bindings/react-component-lib/utils/attachProps.d.ts +0 -16
- package/dist/react-bindings/react-component-lib/utils/attachProps.js +0 -2
- package/dist/react-bindings/react-component-lib/utils/attachProps.js.LICENSE.txt +0 -4
- package/dist/react-bindings/react-component-lib/utils/attachProps.js.map +0 -1
- package/dist/react-bindings/react-component-lib/utils/attachProps.ts +0 -125
- package/dist/react-bindings/react-component-lib/utils/case.d.ts +0 -2
- package/dist/react-bindings/react-component-lib/utils/case.js +0 -1
- package/dist/react-bindings/react-component-lib/utils/case.js.map +0 -1
- package/dist/react-bindings/react-component-lib/utils/case.ts +0 -7
- package/dist/react-bindings/react-component-lib/utils/dev.d.ts +0 -2
- package/dist/react-bindings/react-component-lib/utils/dev.js +0 -1
- package/dist/react-bindings/react-component-lib/utils/dev.js.map +0 -1
- package/dist/react-bindings/react-component-lib/utils/dev.ts +0 -14
- package/dist/react-bindings/react-component-lib/utils/index.d.ts +0 -10
- package/dist/react-bindings/react-component-lib/utils/index.js +0 -1
- package/dist/react-bindings/react-component-lib/utils/index.js.map +0 -1
- package/dist/react-bindings/react-component-lib/utils/index.tsx +0 -50
- /package/dist/{0.app.bundle.js.LICENSE.txt → 1339.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{141.app.bundle.js.LICENSE.txt → 2222.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{1822.app.bundle.js.LICENSE.txt → 2654.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{1966.app.bundle.js.LICENSE.txt → 2664.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{272.app.bundle.js.LICENSE.txt → 2801.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{2923.app.bundle.js.LICENSE.txt → 2858.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{323.app.bundle.js.LICENSE.txt → 4117.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{3305.app.bundle.js.LICENSE.txt → 4164.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{3589.app.bundle.js.LICENSE.txt → 4708.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{3601.app.bundle.js.LICENSE.txt → 4715.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{4400.app.bundle.js.LICENSE.txt → 5019.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{4432.app.bundle.js.LICENSE.txt → 5189.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{4569.app.bundle.js.LICENSE.txt → 5306.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{4780.app.bundle.js.LICENSE.txt → 5699.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{4996.app.bundle.js.LICENSE.txt → 575.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{5119.app.bundle.js.LICENSE.txt → 5830.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{5341.app.bundle.js.LICENSE.txt → 6034.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{5348.app.bundle.js.LICENSE.txt → 6246.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{5663.app.bundle.js.LICENSE.txt → 6349.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{5705.app.bundle.js.LICENSE.txt → 6527.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{5845.app.bundle.js.LICENSE.txt → 6633.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{5938.app.bundle.js.LICENSE.txt → 6655.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{5990.app.bundle.js.LICENSE.txt → 6683.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{6095.app.bundle.js.LICENSE.txt → 6824.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{6308.app.bundle.js.LICENSE.txt → 712.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{6650.app.bundle.js.LICENSE.txt → 7367.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{6849.app.bundle.js.LICENSE.txt → 7814.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{7166.app.bundle.js.LICENSE.txt → 8175.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{7307.app.bundle.js.LICENSE.txt → 82.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{7372.app.bundle.js.LICENSE.txt → 8495.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{7495.app.bundle.js.LICENSE.txt → 8735.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{8255.app.bundle.js.LICENSE.txt → 8762.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{8913.app.bundle.js.LICENSE.txt → 890.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{8915.app.bundle.js.LICENSE.txt → 9724.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{9186.app.bundle.js.LICENSE.txt → 9755.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{9376.app.bundle.js.LICENSE.txt → 9794.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{9496.app.bundle.js.LICENSE.txt → 9800.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/{9851.app.bundle.js.LICENSE.txt → 9966.app.bundle.js.LICENSE.txt} +0 -0
- /package/dist/components/{index2.js.LICENSE.txt → p-a5dce9e6.js.LICENSE.txt} +0 -0
- /package/dist/components/{va-combo-box2.js.LICENSE.txt → p-d20739b4.js.LICENSE.txt} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,
|
|
1
|
+
import{p as proxyCustomElement,H,d as createEvent,h,c as Host}from"./p-ef5c0d66.js";import{d as defineCustomElement$3}from"./p-6e4b9401.js";import{d as defineCustomElement$2}from"./p-784bed9b.js";const vaButtonPairCss='.usa-button-group{margin-bottom:0;margin-top:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin-left:-0.25rem;margin-right:-0.25rem;padding-left:0}@media all and (min-width: 30em){.usa-button-group{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row}}.usa-button-group .usa-button-group{height:100%}@media all and (min-width: 30em){.usa-button-group .usa-button-group .usa-button-group__item{margin-top:0;margin-bottom:0}}.usa-button-group .usa-button-group--segmented .usa-button-group__item{margin-top:0;margin-bottom:0}.usa-button-group__item{margin:0.25rem}@media all and (min-width: 30em){.usa-button-group__item:last-child{margin-right:0}}.usa-button-group__item .usa-button{height:100%;margin-left:0;margin-right:0}.usa-button-group--segmented{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;margin-left:0;margin-right:0}@media all and (min-width: 30em){.usa-button-group--segmented{-ms-flex-pack:start;justify-content:flex-start}}.usa-button-group--segmented .usa-button{position:relative;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button{width:auto}}.usa-button-group--segmented .usa-button:hover,.usa-button-group--segmented .usa-button:active{z-index:2}.usa-button-group--segmented .usa-button:focus{z-index:3}.usa-button-group--segmented .usa-button-group__item{margin-left:0;margin-right:0;width:100%}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item{width:auto}}.usa-button-group--segmented .usa-button-group__item:first-child>.usa-button{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-right:0;margin-left:-2px;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{margin-left:-1px;width:auto}}.usa-button-group--segmented .usa-button-group__item:where(:not(:first-child):not(:last-child))>.usa-button{border-radius:0;margin-right:-1px;margin-left:-1px}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button::before{border-right:1px solid #1a4480;bottom:0;content:"";display:block;height:100%;position:absolute;right:1px;top:0;width:1px;z-index:3}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--secondary::before{border-right-color:#b50909}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--accent-cool::before{border-right-color:#28a0cb}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--base::before{border-right-color:#565c65}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button]:disabled::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button][aria-disabled=true]::before{border-right-color:white}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button:active::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--outline::before{display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host va-button::part(button){margin-right:0}@media (max-width: 480px){:host va-button{display:block}.usa-button-group{margin:0 auto;width:100%}}',VaButtonPairStyle0=vaButtonPairCss,VaButtonPair$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.primaryClick=createEvent(this,"primaryClick",7),this.secondaryClick=createEvent(this,"secondaryClick",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handlePrimaryClick=t=>{this.primaryClick.emit(t)},this.handleSecondaryClick=t=>{this.secondaryClick.emit(t)},this.getLeftButtonText=()=>this.leftButtonText?this.leftButtonText:this.continue?"Back":this.update?"Update":"Yes",this.getRightButtonText=()=>this.rightButtonText?this.rightButtonText:this.continue?"Continue":this.update?"Cancel":"No",this.continue=!1,this.disableAnalytics=!1,this.primaryLabel=void 0,this.secondaryLabel=void 0,this.submit=void 0,this.update=!1,this.leftButtonText=void 0,this.rightButtonText=void 0}handleButtonAnalytics(t){var e;if("va-button-pair"!==t.detail.componentName&&(t.stopPropagation(),!this.disableAnalytics)){const o={componentName:"va-button-pair",action:"click",details:Object.assign({type:null,label:null},null===(e=t.detail)||void 0===e?void 0:e.details)};this.componentLibraryAnalytics.emit(o)}}render(){const{continue:t,disableAnalytics:e,handlePrimaryClick:o,handleSecondaryClick:a,primaryLabel:n,secondaryLabel:i,submit:u}=this;return h(Host,null,t?h("ul",{class:"usa-button-group"},h("li",{class:"usa-button-group__item"},h("va-button",{back:!0,"disable-analytics":e,label:i,onClick:a,text:this.getLeftButtonText()})),h("li",{class:"usa-button-group__item"},h("va-button",{continue:!0,"disable-analytics":e,label:n,onClick:o,text:this.getRightButtonText(),submit:u}))):h("ul",{class:"usa-button-group"},h("li",{class:"usa-button-group__item"},h("va-button",{"disable-analytics":e,label:n,onClick:o,text:this.getLeftButtonText(),submit:u})),h("li",{class:"usa-button-group__item"},h("va-button",{"disable-analytics":e,label:i,onClick:a,secondary:!0,text:this.getRightButtonText()}))))}static get style(){return VaButtonPairStyle0}},[1,"va-button-pair",{continue:[4],disableAnalytics:[4,"disable-analytics"],primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],submit:[1],update:[4],leftButtonText:[1,"left-button-text"],rightButtonText:[1,"right-button-text"]},[[0,"component-library-analytics","handleButtonAnalytics"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-button-pair","va-button","va-icon"].forEach(t=>{switch(t){case"va-button-pair":customElements.get(t)||customElements.define(t,VaButtonPair$1);break;case"va-button":customElements.get(t)||defineCustomElement$3();break;case"va-icon":customElements.get(t)||defineCustomElement$2()}})}const VaButtonPair=VaButtonPair$1,defineCustomElement=defineCustomElement$1;export{VaButtonPair,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";const vaButtonSegmentedCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light)}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button-group{margin-bottom:0;margin-top:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin-left:-0.25rem;margin-right:-0.25rem;padding-left:0}@media all and (min-width: 30em){.usa-button-group{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row}}.usa-button-group .usa-button-group{height:100%}@media all and (min-width: 30em){.usa-button-group .usa-button-group .usa-button-group__item{margin-top:0;margin-bottom:0}}.usa-button-group .usa-button-group--segmented .usa-button-group__item{margin-top:0;margin-bottom:0}.usa-button-group__item{margin:0.25rem}@media all and (min-width: 30em){.usa-button-group__item:last-child{margin-right:0}}.usa-button-group__item .usa-button{height:100%;margin-left:0;margin-right:0}.usa-button-group--segmented{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;margin-left:0;margin-right:0}@media all and (min-width: 30em){.usa-button-group--segmented{-ms-flex-pack:start;justify-content:flex-start}}.usa-button-group--segmented .usa-button{position:relative;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button{width:auto}}.usa-button-group--segmented .usa-button:hover,.usa-button-group--segmented .usa-button:active{z-index:2}.usa-button-group--segmented .usa-button:focus{z-index:3}.usa-button-group--segmented .usa-button-group__item{margin-left:0;margin-right:0;width:100%}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item{width:auto}}.usa-button-group--segmented .usa-button-group__item:first-child>.usa-button{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-right:0;margin-left:-2px;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{margin-left:-1px;width:auto}}.usa-button-group--segmented .usa-button-group__item:where(:not(:first-child):not(:last-child))>.usa-button{border-radius:0;margin-right:-1px;margin-left:-1px}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button::before{border-right:1px solid #1a4480;bottom:0;content:"";display:block;height:100%;position:absolute;right:1px;top:0;width:1px;z-index:3}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--secondary::before{border-right-color:#b50909}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--accent-cool::before{border-right-color:#28a0cb}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--base::before{border-right-color:#565c65}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button]:disabled::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button][aria-disabled=true]::before{border-right-color:white}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button:active::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--outline::before{display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.va-segmented-button{background-color:var(--vads-color-base-lighter);padding:var(--vads-spacing-0p5);border-radius:8px;margin-left:0;margin-right:0;display:grid;gap:8px}.va-segmented-button[data-count="4"]{grid-template-columns:repeat(4, 1fr)}.va-segmented-button[data-count="4"] .va-segmented-button__button{max-width:160px}.va-segmented-button[data-count="3"]{grid-template-columns:repeat(3, 1fr)}.va-segmented-button[data-count="2"]{grid-template-columns:repeat(2, 1fr)}.usa-button-group__item{margin:0}.va-segmented-button__button{width:100%;height:100%;min-height:44px;background-color:var(--vads-color-base-lighter);border:0;border-radius:4px;color:var(--vads-color-base);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-family:var(--font-source-sans);font-size:1.06rem}@media screen and (max-width: 640px){.va-segmented-button{width:100%}.va-segmented-button__button{padding:var(--vads-spacing-1p5) var(--vads-spacing-0p5) var(--vads-spacing-1p5) var(--vads-spacing-0p5)}}@media screen and (min-width: 640px){.va-segmented-button[data-count="2"],.va-segmented-button[data-count="3"]{display:-ms-flexbox;display:flex}.va-segmented-button__button{max-width:160px;padding:var(--vads-spacing-1p5) var(--vads-spacing-2p5) var(--vads-spacing-1p5) var(--vads-spacing-2p5)}}.va-segmented-button__button:hover{background-color:var(--vads-button-color-background-disabled-on-light);border-color:var(--vads-button-color-background-disabled-on-light)}.va-segmented-button__button:active,.va-segmented-button__button[aria-pressed=true]{background-color:var(--vads-color-white);position:relative}.va-segmented-button__button:active::after,.va-segmented-button__button[aria-pressed=true]::after{content:attr(data-label)/"";background:var(--vads-color-white);border-radius:4px;font-weight:700;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}',VaButtonSegmentedStyle0=vaButtonSegmentedCss,VaButtonSegmented$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaButtonClick=createEvent(this,"vaButtonClick",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleClick=t=>{if(!this.disableAnalytics){const e={componentName:"va-button-segmented",action:"click",details:{label:t.label,index:this.buttons.indexOf(t),totalButtonCount:this.buttons.length}};this.componentLibraryAnalytics.emit(e)}this.vaButtonClick.emit(t)},this.label=void 0,this.buttons=void 0,this.disableAnalytics=!1,this.selected=0}validateButtons(t){t.length>4&&(this.buttons=t.slice(0,4))}validateSelectedIndex(t){(t<0||t>=this.buttons.length)&&(this.selected=0)}componentWillLoad(){this.buttons&&this.buttons.length>4&&(this.buttons=this.buttons.slice(0,4))}render(){const t=classnames({"usa-button-group":!0,"va-segmented-button":!0}),e=classnames({"va-segmented-button__button":!0});return this.buttons&&Array.isArray(this.buttons)&&0!==this.buttons.length?h(Host,null,h("ul",{class:t,"aria-label":this.label,"data-count":this.buttons.length},this.buttons.map(((t,u)=>h("li",{class:"usa-button-group__item"},h("button",{class:e,onClick:()=>{this.selected=u,this.handleClick(t)},type:"button",title:t.label.length>20?t.label:void 0,"aria-pressed":this.selected===u?"true":"false","data-label":t.label},t.label)))))):(console.error('va-button-segmented: "buttons" prop array is required and must contain at least one item.'),null)}get el(){return this}static get watchers(){return{buttons:["validateButtons"],selected:["validateSelectedIndex"]}}static get style(){return VaButtonSegmentedStyle0}},[1,"va-button-segmented",{label:[1],buttons:[1040],disableAnalytics:[4,"disable-analytics"],selected:[1026]},void 0,{buttons:["validateButtons"],selected:["validateSelectedIndex"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-button-segmented"].forEach((t=>{"va-button-segmented"===t&&(customElements.get(t)||customElements.define(t,VaButtonSegmented$1))}))}const VaButtonSegmented=VaButtonSegmented$1,defineCustomElement=defineCustomElement$1;export{VaButtonSegmented,defineCustomElement};
|
|
1
|
+
import{p as proxyCustomElement,H,d as createEvent,h,c as Host}from"./p-ef5c0d66.js";import{c as classnames}from"./p-a5dce9e6.js";const vaButtonSegmentedCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light)}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button-group{margin-bottom:0;margin-top:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin-left:-0.25rem;margin-right:-0.25rem;padding-left:0}@media all and (min-width: 30em){.usa-button-group{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row}}.usa-button-group .usa-button-group{height:100%}@media all and (min-width: 30em){.usa-button-group .usa-button-group .usa-button-group__item{margin-top:0;margin-bottom:0}}.usa-button-group .usa-button-group--segmented .usa-button-group__item{margin-top:0;margin-bottom:0}.usa-button-group__item{margin:0.25rem}@media all and (min-width: 30em){.usa-button-group__item:last-child{margin-right:0}}.usa-button-group__item .usa-button{height:100%;margin-left:0;margin-right:0}.usa-button-group--segmented{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;margin-left:0;margin-right:0}@media all and (min-width: 30em){.usa-button-group--segmented{-ms-flex-pack:start;justify-content:flex-start}}.usa-button-group--segmented .usa-button{position:relative;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button{width:auto}}.usa-button-group--segmented .usa-button:hover,.usa-button-group--segmented .usa-button:active{z-index:2}.usa-button-group--segmented .usa-button:focus{z-index:3}.usa-button-group--segmented .usa-button-group__item{margin-left:0;margin-right:0;width:100%}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item{width:auto}}.usa-button-group--segmented .usa-button-group__item:first-child>.usa-button{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-right:0;margin-left:-2px;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{margin-left:-1px;width:auto}}.usa-button-group--segmented .usa-button-group__item:where(:not(:first-child):not(:last-child))>.usa-button{border-radius:0;margin-right:-1px;margin-left:-1px}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button::before{border-right:1px solid #1a4480;bottom:0;content:"";display:block;height:100%;position:absolute;right:1px;top:0;width:1px;z-index:3}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--secondary::before{border-right-color:#b50909}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--accent-cool::before{border-right-color:#28a0cb}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--base::before{border-right-color:#565c65}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button]:disabled::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button][aria-disabled=true]::before{border-right-color:white}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button:active::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--outline::before{display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.va-segmented-button{background-color:var(--vads-color-base-lighter);padding:var(--vads-spacing-0p5);border-radius:8px;margin-left:0;margin-right:0;display:grid;gap:8px}.va-segmented-button[data-count="4"]{grid-template-columns:repeat(4, 1fr)}.va-segmented-button[data-count="4"] .va-segmented-button__button{max-width:160px}.va-segmented-button[data-count="3"]{grid-template-columns:repeat(3, 1fr)}.va-segmented-button[data-count="2"]{grid-template-columns:repeat(2, 1fr)}.usa-button-group__item{margin:0}.va-segmented-button__button{width:100%;height:100%;min-height:44px;background-color:var(--vads-color-base-lighter);border:0;border-radius:4px;color:var(--vads-color-base);-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer;font-family:var(--font-source-sans);font-size:1.06rem}@media screen and (max-width: 640px){.va-segmented-button{width:100%}.va-segmented-button__button{padding:var(--vads-spacing-1p5) var(--vads-spacing-0p5) var(--vads-spacing-1p5) var(--vads-spacing-0p5)}}@media screen and (min-width: 640px){.va-segmented-button[data-count="2"],.va-segmented-button[data-count="3"]{display:-ms-flexbox;display:flex}.va-segmented-button__button{max-width:160px;padding:var(--vads-spacing-1p5) var(--vads-spacing-2p5) var(--vads-spacing-1p5) var(--vads-spacing-2p5)}}.va-segmented-button__button:hover{background-color:var(--vads-button-color-background-disabled-on-light);border-color:var(--vads-button-color-background-disabled-on-light)}.va-segmented-button__button:active,.va-segmented-button__button[aria-pressed=true]{background-color:var(--vads-color-white);position:relative}.va-segmented-button__button:active::after,.va-segmented-button__button[aria-pressed=true]::after{content:attr(data-label)/"";background:var(--vads-color-white);border-radius:4px;font-weight:700;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}',VaButtonSegmentedStyle0=vaButtonSegmentedCss,VaButtonSegmented$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaButtonClick=createEvent(this,"vaButtonClick",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleClick=t=>{if(!this.disableAnalytics){const e={componentName:"va-button-segmented",action:"click",details:{label:t.label,index:this.buttons.indexOf(t),totalButtonCount:this.buttons.length}};this.componentLibraryAnalytics.emit(e)}this.vaButtonClick.emit(t)},this.label=void 0,this.buttons=void 0,this.disableAnalytics=!1,this.selected=0}validateButtons(t){t.length>4&&(this.buttons=t.slice(0,4))}validateSelectedIndex(t){(t<0||t>=this.buttons.length)&&(this.selected=0)}componentWillLoad(){this.buttons&&this.buttons.length>4&&(this.buttons=this.buttons.slice(0,4))}render(){const t=classnames({"usa-button-group":!0,"va-segmented-button":!0}),e=classnames({"va-segmented-button__button":!0});return this.buttons&&Array.isArray(this.buttons)&&0!==this.buttons.length?h(Host,null,h("ul",{class:t,"aria-label":this.label,"data-count":this.buttons.length},this.buttons.map((t,u)=>h("li",{class:"usa-button-group__item"},h("button",{class:e,onClick:()=>{this.selected=u,this.handleClick(t)},type:"button",title:t.label.length>20?t.label:void 0,"aria-pressed":this.selected===u?"true":"false","data-label":t.label},t.label))))):(console.error('va-button-segmented: "buttons" prop array is required and must contain at least one item.'),null)}get el(){return this}static get watchers(){return{buttons:["validateButtons"],selected:["validateSelectedIndex"]}}static get style(){return VaButtonSegmentedStyle0}},[1,"va-button-segmented",{label:[1],buttons:[1040],disableAnalytics:[4,"disable-analytics"],selected:[1026]},void 0,{buttons:["validateButtons"],selected:["validateSelectedIndex"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-button-segmented"].forEach(t=>{"va-button-segmented"===t&&(customElements.get(t)||customElements.define(t,VaButtonSegmented$1))})}const VaButtonSegmented=VaButtonSegmented$1,defineCustomElement=defineCustomElement$1;export{VaButtonSegmented,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as VaButton$1,d as defineCustomElement$1}from"./
|
|
1
|
+
import{V as VaButton$1,d as defineCustomElement$1}from"./p-6e4b9401.js";const VaButton=VaButton$1,defineCustomElement=defineCustomElement$1;export{VaButton,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as VaCard$1,d as defineCustomElement$1}from"./
|
|
1
|
+
import{V as VaCard$1,d as defineCustomElement$1}from"./p-bac94659.js";const VaCard=VaCard$1,defineCustomElement=defineCustomElement$1;export{VaCard,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as VaCheckboxGroup$1,d as defineCustomElement$1}from"./
|
|
1
|
+
import{V as VaCheckboxGroup$1,d as defineCustomElement$1}from"./p-d4b7abf9.js";const VaCheckboxGroup=VaCheckboxGroup$1,defineCustomElement=defineCustomElement$1;export{VaCheckboxGroup,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as VaCheckbox$1,d as defineCustomElement$1}from"./
|
|
1
|
+
import{V as VaCheckbox$1,d as defineCustomElement$1}from"./p-067d7618.js";const VaCheckbox=VaCheckbox$1,defineCustomElement=defineCustomElement$1;export{VaCheckbox,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as VaComboBox$1,d as defineCustomElement$1}from"./
|
|
1
|
+
import{V as VaComboBox$1,d as defineCustomElement$1}from"./p-d20739b4.js";const VaComboBox=VaComboBox$1,defineCustomElement=defineCustomElement$1;export{VaComboBox,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as VACrisisLineModal,d as defineCustomElement$1}from"./
|
|
1
|
+
import{V as VACrisisLineModal,d as defineCustomElement$1}from"./p-b92d2c38.js";const VaCrisisLineModal=VACrisisLineModal,defineCustomElement=defineCustomElement$1;export{VaCrisisLineModal,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as VaCriticalAction$1,d as defineCustomElement$1}from"./
|
|
1
|
+
import{V as VaCriticalAction$1,d as defineCustomElement$1}from"./p-d9f21f0d.js";const VaCriticalAction=VaCriticalAction$1,defineCustomElement=defineCustomElement$1;export{VaCriticalAction,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,
|
|
1
|
+
import{p as proxyCustomElement,H,d as createEvent,h,F as Fragment,c as Host}from"./p-ef5c0d66.js";import"./p-6a3cf3d7.js";import{v as validate,z as zeroPadStart,d as daysForSelectedMonth,g as getErrorParameters,m as months}from"./p-70a619e9.js";import{d as defineCustomElement$4}from"./p-784bed9b.js";import{d as defineCustomElement$3}from"./p-f3a1dcd5.js";import{d as defineCustomElement$2}from"./p-cf580be9.js";import{i as instance}from"./p-a836c3e1.js";const vaDateCss='.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}#error-message{margin-bottom:0.75rem}#error-message,#input-error-message{color:var(--vads-color-secondary-dark);display:block;font-weight:700;font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.3rem solid var(--vads-color-secondary-dark);padding-left:1.25rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-1.4375rem;}}.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}}.usa-label--required{color:var(--vads-color-secondary-dark)}.usa-error-message{color:var(--vads-color-secondary-dark)}:host{display:block;font-family:var(--font-source-sans);margin-top:1.875rem}fieldset{border:none;margin:0;padding:0}legend{border:0;font-size:1.06rem;padding:0}span.required{color:var(--vads-color-secondary-dark)}#error-message{color:var(--vads-color-secondary-dark);display:block;margin-bottom:0}.date-container{display:-ms-flexbox;display:flex;margin-top:12px;-ms-flex-wrap:wrap;flex-wrap:wrap;row-gap:12px}:host([error]:not([error=""])) .date-container{padding-top:0}.select-month{width:8.125rem;margin-right:0.9375rem}.select-day{width:5rem;margin-right:0.9375rem}.input-year{width:5rem}va-select::part(label),va-text-input::part(label){margin-top:0;margin-bottom:12px}va-text-input::part(validation){display:none}',VaDateStyle0=vaDateCss,VaDate$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.dateChange=createEvent(this,"dateChange",7),this.dateBlur=createEvent(this,"dateBlur",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.dayTouched=!1,this.monthTouched=!1,this.yearTouched=!1,this.handleDateBlur=e=>{const[t,r,a]=(this.value||"").split("-").map(e=>Number(e));if(validate({component:this,year:t,month:r,day:a,yearTouched:this.yearTouched,monthTouched:this.monthTouched,dayTouched:this.dayTouched,monthSelect:!0,monthYearOnly:this.monthYearOnly,monthOptional:this.monthOptional}),!this.error&&(this.setValue(t,r,a),this.dateBlur.emit(e),this.enableAnalytics)){const e={componentName:"va-date",action:"blur",details:{year:t,month:r,day:a,"month-year-only":this.monthYearOnly}};this.componentLibraryAnalytics.emit(e)}},this.handleDateChange=e=>{const t=e.target;let[r,a,o]=(this.value||"").split("-");t.classList.contains("select-month")&&(a=t.value),t.classList.contains("select-day")&&(o=t.value),t.classList.contains("input-year")&&(r=t.value),this.setValue(parseInt(r),parseInt(a),parseInt(o)),this.dateChange.emit(e)},this.handleMonthBlur=()=>{this.monthTouched=!0},this.handleDayBlur=()=>{this.dayTouched=!0},this.handleYearBlur=()=>{this.yearTouched=!0},this.required=!1,this.label=void 0,this.name=void 0,this.hint=void 0,this.error=void 0,this.monthYearOnly=!1,this.monthOptional=!1,this.value=void 0,this.invalidDay=!1,this.invalidMonth=!1,this.invalidYear=!1,this.enableAnalytics=!1}setValue(e,t,r){const a=`${e||""}-${t?zeroPadStart(t):""}-${r?zeroPadStart(r):""}`.replace(/-+$/,"");this.value=a||null}render(){const{required:e,label:t,name:r,error:a,handleDateBlur:o,handleDateChange:n,monthYearOnly:s,value:i,hint:l}=this,[d,m,u]=(i||"").split("-").map(e=>parseInt(e)),p=Array.from({length:daysForSelectedMonth(d,m)},(e,t)=>t+1);return h(Host,{onBlur:o},h("fieldset",null,h("legend",null,t," ",e&&h("span",{class:"required"},"(*Required)")),l&&h("span",{class:"hint-text"},l),h("slot",null),h("span",{id:"error-message",role:"alert"},a&&h(Fragment,null,h("span",{class:"sr-only"},"Error")," ",instance.t(a,(e=>getErrorParameters(e,d,m))(a)))),h("div",{class:"date-container"},h("va-select",{label:"Month","aria-describedby":a?"error-message":void 0,name:`${r}Month`,value:null==m?void 0:m.toString(),onVaSelect:n,onBlur:this.handleMonthBlur,invalid:this.invalidMonth,class:"select-month",required:e,hideRequiredText:!0,error:this.monthTouched&&this.invalidMonth?a:null,showError:!1},months&&months.map(e=>h("option",{value:e.value},e.label))),!s&&h("va-select",{label:"Day","aria-describedby":a?"error-message":void 0,name:`${r}Day`,value:null==u?void 0:u.toString(),onVaSelect:n,onBlur:this.handleDayBlur,invalid:this.invalidDay,class:"select-day",required:e,hideRequiredText:!0,error:this.dayTouched&&this.invalidDay?this.error:null,showError:!1},p.map(e=>h("option",{value:e},e))),h("va-text-input",{label:"Year","aria-describedby":a?"error-message":void 0,name:`${r}Year`,maxlength:4,pattern:"[0-9]{4}",value:d?d.toString():"",invalid:this.invalidYear,onInput:n,onBlur:this.handleYearBlur,required:e,hideRequiredText:!0,error:this.yearTouched&&this.invalidYear?a:null,"show-input-error":"false",class:"input-year",inputmode:"numeric",type:"text","aria-label":"Please enter four digits for the year"}))))}get el(){return this}static get style(){return VaDateStyle0}},[1,"va-date",{required:[4],label:[1],name:[1],hint:[1],error:[1537],monthYearOnly:[4,"month-year-only"],monthOptional:[4,"month-optional"],value:[1537],invalidDay:[1028,"invalid-day"],invalidMonth:[1028,"invalid-month"],invalidYear:[1028,"invalid-year"],enableAnalytics:[4,"enable-analytics"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-date","va-icon","va-select","va-text-input"].forEach(e=>{switch(e){case"va-date":customElements.get(e)||customElements.define(e,VaDate$1);break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-select":customElements.get(e)||defineCustomElement$3();break;case"va-text-input":customElements.get(e)||defineCustomElement$2()}})}const VaDate=VaDate$1,defineCustomElement=defineCustomElement$1;export{VaDate,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import"./contacts.js";import{d as defineCustomElement$9}from"./va-button2.js";import{d as defineCustomElement$8}from"./va-button-icon2.js";import{d as defineCustomElement$7}from"./va-card2.js";import{d as defineCustomElement$6}from"./va-file-input2.js";import{d as defineCustomElement$5}from"./va-icon2.js";import{d as defineCustomElement$4}from"./va-modal2.js";import{d as defineCustomElement$3}from"./va-progress-bar2.js";import{d as defineCustomElement$2}from"./va-text-input2.js";import{i as instance}from"./i18next.js";const vaFileInputMultipleCss='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}@import \'~@department-of-veterans-affairs/css-library/dist/stylesheets/base/headings.css\';: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{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.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-sr-only{position:absolute;left:-999em;right:auto}.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}}[hidden]{display:none}:host{display:block;font-family:var(--font-source-sans);font-size:16.96px;}:host .label-header{color:var(--vads-color-base);font-weight:var(--font-weight-normal)}:host .label-header-tag{margin:0;display:inline-block}:host .file-input-wrapper{display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host .file-input{cursor:pointer;height:100%;width:100%;max-width:none;top:0;left:0;z-index:1;margin:0;position:absolute;text-indent:-999em;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target{border:1px dashed var(--vads-color-action-border-base-active-on-dark);display:block;margin-top:0.3125rem;position:relative;text-align:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target.file-input-target-error{border:2px dashed var(--vads-color-secondary-dark)}:host .file-input-box{background:var(--vads-color-white);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}:host .file-input-instructions{font-size:1.06rem;padding:1.25rem 0.625rem;pointer-events:none;position:relative;z-index:3}:host .file-input-choose-text{color:var(--vads-color-link);text-decoration:underline;font-weight:var(--font-weight-normal)}:host .file-icon{color:var(--vads-color-primary-alt-darkest)}:host .selected-files-wrapper{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light)}:host .selected-files-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;border-bottom:1px solid var(--vads-color-white);margin-bottom:8px;padding:8px}:host .va-card{margin:8px}:host .file-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;padding:0 8px;display:block;width:100%;word-wrap:break-word;word-break:break-word;overflow:hidden}:host #input-error-message{padding:0 8px;width:100%}:host .file-size-label,:host .file-status-label{color:var(--vads-color-base-dark);font-weight:var(--font-weight-normal);font-size:1.06rem;padding:0 8px;display:block}:host .file-status-label{font-style:italic}:host .file-info-section{padding:0 8px 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .file-button-section{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}:host .file-button-section>va-button-icon{font-size:1.06rem}@media screen and (max-width: 320px){:host .file-button-section{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}:host .with-separator{border-top:1px solid var(--vads-color-base-lighter)}:host .vads-u-line-height--2{line-height:1.15}:host .thumbnail-container{height:40px;width:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .thumbnail-preview{max-width:40px;width:auto;max-height:40px;height:auto}:host .thumbnail-error{color:#b21d38}:host va-progress-bar{font-size:var(--vads-font-size-root);display:block;margin-left:16px}:host .uploading-status{font-style:var(--font-style-italic)}:host(.has-error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host(.has-error){margin-left:-0.9rem}}.required{color:var(--vads-color-secondary-dark);margin-left:0.25rem}h1 .required,h2 .required,h3 .required,h4 .required,h5 .required,h6 .required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}.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.has-error{border-left:0.25rem solid #b50909;padding-left:1rem}:host .outer-wrap{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light);display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host va-file-input.no-file{margin:0 8px}:host va-file-input:not(:last-child){border-bottom:1px solid var(--vads-color-white)}:host va-file-input.has-error{border-left:none;padding-left:0}@media screen and (min-width: 1024px){:host va-file-input.has-error{margin-left:0}}',VaFileInputMultipleStyle0=vaFileInputMultipleCss,VaFileInputMultiple$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaMultipleChange=createEvent(this,"vaMultipleChange",7),this.fileKeyCounter=0,this.additionalSlot=null,this.getAdditionalFileUploadMessage=()=>h("span",null,"Drag an additional file here or"," ",h("span",{class:"file-input-choose-text"},"choose from folder")),this.renderLabelOrHeader=(e,t,i)=>{const r=t?h("span",{class:"required"}," ",instance.t("required")):null;return h("div",{class:"label-header"},i&&i>=1&&i<=6?h(`h${i}`,{part:"label",class:"label-header-tag"},e,r):h("label",{part:"label",class:"usa-label"},e,r))},this.addValueFiles=async()=>(this.files.shift(),this.value.forEach((e=>{this.files.push({file:e,key:this.fileKeyCounter,content:this.getAdditionalContent()||null}),this.fileKeyCounter++})),this.readOnly||this.files.push({file:null,key:this.fileKeyCounter,content:null}),this.valueAdded=!0,Promise.resolve()),this.hasErrors=()=>this.errors.some((e=>!!e)),this.label=void 0,this.name=void 0,this.required=!1,this.accept=void 0,this.errors=[],this.passwordErrors=[],this.encrypted=[],this.hint=void 0,this.enableAnalytics=!1,this.headerSize=void 0,this.value=void 0,this.readOnly=!1,this.slotFieldIndexes=null,this.percentUploaded=[],this.maxFileSize=1/0,this.minFileSize=0,this.statusText=void 0,this.uploadedFiles=void 0,this.files=[{key:0,file:null,content:null,hasError:!1}],this.valueAdded=!1}findFileByKey(e){return this.files.find((t=>t.key===e))}findIndexByKey(e){return this.files.indexOf(this.files.find((t=>t.key===e)))}isEmpty(){return null===this.files[0].file&&!0!==this.files[0].hasError}setSlotContent(){const e=this.el.shadowRoot.querySelector("slot");this.additionalSlot||(this.additionalSlot=e?e.assignedElements({flatten:!0}):[]),null==e||e.remove()}getAdditionalContent(){return this.additionalSlot&&this.additionalSlot.map((e=>e.cloneNode(!0)))}ensurePlaceholder(){if(!this.readOnly&&!this.files.some((e=>null===e.file&&!0!==e.hasError))){this.fileKeyCounter++;const e={file:null,key:this.fileKeyCounter,content:null,error:!1};this.files=[...this.files,e]}}handleChange(e,t,i){const r=e.detail.files[0];let o,s,a;if(r){const e=this.findFileByKey(t);e.hasError&&(e.hasError=!1),e.file?(s="FILE_UPDATED",a=r,e.file=r):(s="FILE_ADDED",a=r,e.file=r,e.content=this.getAdditionalContent(),this.fileKeyCounter++,this.files=[...this.files],this.ensurePlaceholder()),o=this.buildFilesArray(this.files,!1,this.findIndexByKey(t))}else{s="FILE_REMOVED",a=this.files[i].file;const e=[...this.files];e.splice(i,1),this.files=e;const t=this.el.shadowRoot.querySelector("#statusMessage");t.textContent="",setTimeout((()=>{t.textContent="File deleted.",setTimeout((()=>{t.textContent=""}),1e4)}),1e3),o=this.buildFilesArray(this.files,!0)}this.ensurePlaceholder(),this.updateFilesState(),this.vaMultipleChange.emit({action:s,file:a,state:o,index:i})}handlePasswordChange(e,t,i){const r=this.findFileByKey(t);r.password=e.detail.password;const o=this.buildFilesArray(this.files,!1,this.findIndexByKey(t)),s={action:"PASSWORD_UPDATE",file:r.file,state:o,index:i};this.vaMultipleChange.emit(s)}updateFilesState(){this.files=[...this.files]}buildFilesArray(e,t,i){let r=e.filter((e=>!!e.file)).map((e=>({file:e.file,changed:!1,password:e.password})));return!t&&r[i]&&(r[i].changed=!0),r}componentDidRender(){const e=this.el.shadowRoot.querySelectorAll("va-file-input");return this.setSlotContent(),e.forEach(((e,t)=>{!this.files[t].content||this.slotFieldIndexes&&!this.slotFieldIndexes.includes(t)||this.files[t].content.forEach((t=>e.append(t)))})),this.value&&this.value.length&&!this.valueAdded?this.addValueFiles():Promise.resolve()}render(){const{label:e,required:t,headerSize:i,hint:r,files:o,name:s,accept:a,errors:l,encrypted:n,percentUploaded:d,passwordErrors:m,enableAnalytics:f,readOnly:u,maxFileSize:p,minFileSize:c,statusText:b,uploadedFiles:g}=this,v=this.isEmpty()?"":"outer-wrap",x=this.hasErrors()?"has-error":"";return h(Host,{key:"59ebf2f2aa24d163b5f6de91bd9091c056d42db9",class:x,error:x?"error":""},e&&!u&&this.renderLabelOrHeader(e,t,i),r&&!u&&h("div",{key:"f85aff6acbe3f0e54fac53d7546ae1fc1d8bf1d9",class:"usa-hint",id:"input-hint-message"},r),h("div",{key:"463737f15c632f90f79b5a7a0b865759d6576d31",class:v},h("div",{key:"bb4d1b4d316ddee685db7166760bb7a04dd9db85",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),!this.isEmpty()&&h("div",{key:"33635cbf1164cf863309db70f7832a65831ae08d",class:"selected-files-label"},u?"Files you uploaded":"Selected files"),o.map(((i,o)=>{const v=d&&d.length>=o?d[o]:null,x=m&&m.length>=o?m[o]:null,y=g&&g.length>=o?g[o]:null;return h("va-file-input",Object.assign({key:i.key,id:`instance-${o}`,headless:!0,label:e,hint:r,name:`${s}-${i.key}`,accept:a,required:t},o>0?{uploadMessage:this.getAdditionalFileUploadMessage()}:{},{error:l[o],encrypted:n[o],percentUploaded:v,passwordError:x,onVaChange:e=>this.handleChange(e,i.key,o),onVaFileInputError:()=>{const e=this.findIndexByKey(i.key);e>-1&&(this.files[e]=Object.assign(Object.assign({},this.files[e]),{hasError:!0}),this.updateFilesState(),this.ensurePlaceholder())},onVaPasswordChange:e=>this.handlePasswordChange(e,i.key,o),"enable-analytics":f,value:i.file,readOnly:u,maxFileSize:p,minFileSize:c,statusText:b,uploadedFile:y,class:i.file||i.hasError?"has-file":"no-file","max-file-size":p,"min-file-size":c}))}))),h("slot",{key:"358b2c4d0af79aad4d654a9b817c316c4998abaa"}))}get el(){return this}static get style(){return VaFileInputMultipleStyle0}},[1,"va-file-input-multiple",{label:[1],name:[1],required:[4],accept:[1],errors:[16],passwordErrors:[16],encrypted:[16],hint:[1],enableAnalytics:[4,"enable-analytics"],headerSize:[2,"header-size"],value:[16],readOnly:[4,"read-only"],slotFieldIndexes:[16],percentUploaded:[16],maxFileSize:[2,"max-file-size"],minFileSize:[2,"min-file-size"],statusText:[1,"status-text"],uploadedFiles:[16],files:[32],valueAdded:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-file-input-multiple","va-button","va-button-icon","va-card","va-file-input","va-icon","va-modal","va-progress-bar","va-text-input"].forEach((e=>{switch(e){case"va-file-input-multiple":customElements.get(e)||customElements.define(e,VaFileInputMultiple$1);break;case"va-button":customElements.get(e)||defineCustomElement$9();break;case"va-button-icon":customElements.get(e)||defineCustomElement$8();break;case"va-card":customElements.get(e)||defineCustomElement$7();break;case"va-file-input":customElements.get(e)||defineCustomElement$6();break;case"va-icon":customElements.get(e)||defineCustomElement$5();break;case"va-modal":customElements.get(e)||defineCustomElement$4();break;case"va-progress-bar":customElements.get(e)||defineCustomElement$3();break;case"va-text-input":customElements.get(e)||defineCustomElement$2()}}))}const VaFileInputMultiple=VaFileInputMultiple$1,defineCustomElement=defineCustomElement$1;export{VaFileInputMultiple,defineCustomElement};
|
|
1
|
+
import{p as proxyCustomElement,H,d as createEvent,h,c as Host}from"./p-ef5c0d66.js";import"./p-6a3cf3d7.js";import{d as defineCustomElement$9}from"./p-6e4b9401.js";import{d as defineCustomElement$8}from"./p-e1092a04.js";import{d as defineCustomElement$7}from"./p-bac94659.js";import{d as defineCustomElement$6}from"./p-a12014b1.js";import{d as defineCustomElement$5}from"./p-784bed9b.js";import{d as defineCustomElement$4}from"./p-c3fdb782.js";import{d as defineCustomElement$3}from"./p-40738d84.js";import{d as defineCustomElement$2}from"./p-cf580be9.js";import{i as instance}from"./p-a836c3e1.js";const vaFileInputMultipleCss='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}@import \'~@department-of-veterans-affairs/css-library/dist/stylesheets/base/headings.css\';: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{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.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-sr-only{position:absolute;left:-999em;right:auto}.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}}[hidden]{display:none}:host{display:block;font-family:var(--font-source-sans);font-size:16.96px;}:host .label-header{color:var(--vads-color-base);font-weight:var(--font-weight-normal)}:host .label-header-tag{margin:0;display:inline-block}:host .file-input-wrapper{display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host .file-input{cursor:pointer;height:100%;width:100%;max-width:none;top:0;left:0;z-index:1;margin:0;position:absolute;text-indent:-999em;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target{border:1px dashed var(--vads-color-action-border-base-active-on-dark);display:block;margin-top:0.3125rem;position:relative;text-align:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target.file-input-target-error{border:2px dashed var(--vads-color-secondary-dark)}:host .file-input-box{background:var(--vads-color-white);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}:host .file-input-instructions{font-size:1.06rem;padding:1.25rem 0.625rem;pointer-events:none;position:relative;z-index:3}:host .file-input-choose-text{color:var(--vads-color-link);text-decoration:underline;font-weight:var(--font-weight-normal)}:host .file-icon{color:var(--vads-color-primary-alt-darkest)}:host .selected-files-wrapper{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light)}:host .selected-files-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;border-bottom:1px solid var(--vads-color-white);margin-bottom:8px;padding:8px}:host .va-card{margin:8px}:host .file-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;padding:0 8px;display:block;width:100%;word-wrap:break-word;word-break:break-word;overflow:hidden}:host #input-error-message{padding:0 8px;width:100%}:host .file-size-label,:host .file-status-label{color:var(--vads-color-base-dark);font-weight:var(--font-weight-normal);font-size:1.06rem;padding:0 8px;display:block}:host .file-status-label{font-style:italic}:host .file-info-section{padding:0 8px 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .file-button-section{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}:host .file-button-section>va-button-icon{font-size:1.06rem}@media screen and (max-width: 320px){:host .file-button-section{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}:host .with-separator{border-top:1px solid var(--vads-color-base-lighter)}:host .vads-u-line-height--2{line-height:1.15}:host .thumbnail-container{height:40px;width:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .thumbnail-preview{max-width:40px;width:auto;max-height:40px;height:auto}:host .thumbnail-error{color:#b21d38}:host va-progress-bar{font-size:var(--vads-font-size-root);display:block;margin-left:16px}:host .uploading-status{font-style:var(--font-style-italic)}:host(.has-error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host(.has-error){margin-left:-0.9rem}}.required{color:var(--vads-color-secondary-dark);margin-left:0.25rem}h1 .required,h2 .required,h3 .required,h4 .required,h5 .required,h6 .required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}.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.has-error{border-left:0.25rem solid #b50909;padding-left:1rem}:host .outer-wrap{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light);display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host va-file-input.no-file{margin:0 8px}:host va-file-input:not(:last-child){border-bottom:1px solid var(--vads-color-white)}:host va-file-input.has-error{border-left:none;padding-left:0}@media screen and (min-width: 1024px){:host va-file-input.has-error{margin-left:0}}',VaFileInputMultipleStyle0=vaFileInputMultipleCss,VaFileInputMultiple$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaMultipleChange=createEvent(this,"vaMultipleChange",7),this.fileKeyCounter=0,this.additionalSlot=null,this.getAdditionalFileUploadMessage=()=>h("span",null,"Drag an additional file here or"," ",h("span",{class:"file-input-choose-text"},"choose from folder")),this.renderLabelOrHeader=(e,t,i)=>{const r=t?h("span",{class:"required"}," ",instance.t("required")):null;return h("div",{class:"label-header"},i&&i>=1&&i<=6?h(`h${i}`,{part:"label",class:"label-header-tag"},e,r):h("label",{part:"label",class:"usa-label"},e,r))},this.addValueFiles=async()=>(this.files.shift(),this.value.forEach(e=>{this.files.push({file:e,key:this.fileKeyCounter,content:this.getAdditionalContent()||null}),this.fileKeyCounter++}),this.readOnly||this.files.push({file:null,key:this.fileKeyCounter,content:null}),this.valueAdded=!0,Promise.resolve()),this.hasErrors=()=>this.errors.some(e=>!!e),this.label=void 0,this.name=void 0,this.required=!1,this.accept=void 0,this.errors=[],this.passwordErrors=[],this.encrypted=[],this.hint=void 0,this.enableAnalytics=!1,this.headerSize=void 0,this.value=void 0,this.readOnly=!1,this.slotFieldIndexes=null,this.percentUploaded=[],this.maxFileSize=1/0,this.minFileSize=0,this.statusText=void 0,this.uploadedFiles=void 0,this.files=[{key:0,file:null,content:null,hasError:!1}],this.valueAdded=!1}findFileByKey(e){return this.files.find(t=>t.key===e)}findIndexByKey(e){return this.files.indexOf(this.files.find(t=>t.key===e))}isEmpty(){return null===this.files[0].file&&!0!==this.files[0].hasError}setSlotContent(){const e=this.el.shadowRoot.querySelector("slot");this.additionalSlot||(this.additionalSlot=e?e.assignedElements({flatten:!0}):[]),null==e||e.remove()}getAdditionalContent(){return this.additionalSlot&&this.additionalSlot.map(e=>e.cloneNode(!0))}ensurePlaceholder(){if(!this.readOnly&&!this.files.some(e=>null===e.file&&!0!==e.hasError)){this.fileKeyCounter++;const e={file:null,key:this.fileKeyCounter,content:null,error:!1};this.files=[...this.files,e]}}handleChange(e,t,i){const r=e.detail.files[0];let s,o,a;if(r){const e=this.findFileByKey(t);e.hasError&&(e.hasError=!1),e.file?(o="FILE_UPDATED",a=r,e.file=r):(o="FILE_ADDED",a=r,e.file=r,e.content=this.getAdditionalContent(),this.fileKeyCounter++,this.files=[...this.files],this.ensurePlaceholder()),s=this.buildFilesArray(this.files,!1,this.findIndexByKey(t))}else{o="FILE_REMOVED",a=this.files[i].file;const e=[...this.files];e.splice(i,1),this.files=e;const t=this.el.shadowRoot.querySelector("#statusMessage");t.textContent="",setTimeout(()=>{t.textContent="File deleted.",setTimeout(()=>{t.textContent=""},1e4)},1e3),s=this.buildFilesArray(this.files,!0)}this.ensurePlaceholder(),this.updateFilesState(),this.vaMultipleChange.emit({action:o,file:a,state:s,index:i})}handlePasswordChange(e,t,i){const r=this.findFileByKey(t);r.password=e.detail.password;const s=this.buildFilesArray(this.files,!1,this.findIndexByKey(t)),o={action:"PASSWORD_UPDATE",file:r.file,state:s,index:i};this.vaMultipleChange.emit(o)}updateFilesState(){this.files=[...this.files]}buildFilesArray(e,t,i){let r=e.filter(e=>!!e.file).map(e=>({file:e.file,changed:!1,password:e.password}));return!t&&r[i]&&(r[i].changed=!0),r}componentDidRender(){const e=this.el.shadowRoot.querySelectorAll("va-file-input");return this.setSlotContent(),e.forEach((e,t)=>{!this.files[t].content||this.slotFieldIndexes&&!this.slotFieldIndexes.includes(t)||this.files[t].content.forEach(t=>e.append(t))}),this.value&&this.value.length&&!this.valueAdded?this.addValueFiles():Promise.resolve()}render(){const{label:e,required:t,headerSize:i,hint:r,files:s,name:o,accept:a,errors:l,encrypted:n,percentUploaded:d,passwordErrors:m,enableAnalytics:f,readOnly:p,maxFileSize:u,minFileSize:c,statusText:b,uploadedFiles:g}=this,v=this.isEmpty()?"":"outer-wrap",x=this.hasErrors()?"has-error":"";return h(Host,{key:"59ebf2f2aa24d163b5f6de91bd9091c056d42db9",class:x,error:x?"error":""},e&&!p&&this.renderLabelOrHeader(e,t,i),r&&!p&&h("div",{key:"f85aff6acbe3f0e54fac53d7546ae1fc1d8bf1d9",class:"usa-hint",id:"input-hint-message"},r),h("div",{key:"463737f15c632f90f79b5a7a0b865759d6576d31",class:v},h("div",{key:"bb4d1b4d316ddee685db7166760bb7a04dd9db85",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),!this.isEmpty()&&h("div",{key:"33635cbf1164cf863309db70f7832a65831ae08d",class:"selected-files-label"},p?"Files you uploaded":"Selected files"),s.map((i,s)=>{const v=d&&d.length>=s?d[s]:null,x=m&&m.length>=s?m[s]:null,y=g&&g.length>=s?g[s]:null;return h("va-file-input",Object.assign({key:i.key,id:`instance-${s}`,headless:!0,label:e,hint:r,name:`${o}-${i.key}`,accept:a,required:t},s>0?{uploadMessage:this.getAdditionalFileUploadMessage()}:{},{error:l[s],encrypted:n[s],percentUploaded:v,passwordError:x,onVaChange:e=>this.handleChange(e,i.key,s),onVaFileInputError:()=>{const e=this.findIndexByKey(i.key);e>-1&&(this.files[e]=Object.assign(Object.assign({},this.files[e]),{hasError:!0}),this.updateFilesState(),this.ensurePlaceholder())},onVaPasswordChange:e=>this.handlePasswordChange(e,i.key,s),"enable-analytics":f,value:i.file,readOnly:p,maxFileSize:u,minFileSize:c,statusText:b,uploadedFile:y,class:i.file||i.hasError?"has-file":"no-file","max-file-size":u,"min-file-size":c}))})),h("slot",{key:"358b2c4d0af79aad4d654a9b817c316c4998abaa"}))}get el(){return this}static get style(){return VaFileInputMultipleStyle0}},[1,"va-file-input-multiple",{label:[1],name:[1],required:[4],accept:[1],errors:[16],passwordErrors:[16],encrypted:[16],hint:[1],enableAnalytics:[4,"enable-analytics"],headerSize:[2,"header-size"],value:[16],readOnly:[4,"read-only"],slotFieldIndexes:[16],percentUploaded:[16],maxFileSize:[2,"max-file-size"],minFileSize:[2,"min-file-size"],statusText:[1,"status-text"],uploadedFiles:[16],files:[32],valueAdded:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-file-input-multiple","va-button","va-button-icon","va-card","va-file-input","va-icon","va-modal","va-progress-bar","va-text-input"].forEach(e=>{switch(e){case"va-file-input-multiple":customElements.get(e)||customElements.define(e,VaFileInputMultiple$1);break;case"va-button":customElements.get(e)||defineCustomElement$9();break;case"va-button-icon":customElements.get(e)||defineCustomElement$8();break;case"va-card":customElements.get(e)||defineCustomElement$7();break;case"va-file-input":customElements.get(e)||defineCustomElement$6();break;case"va-icon":customElements.get(e)||defineCustomElement$5();break;case"va-modal":customElements.get(e)||defineCustomElement$4();break;case"va-progress-bar":customElements.get(e)||defineCustomElement$3();break;case"va-text-input":customElements.get(e)||defineCustomElement$2()}})}const VaFileInputMultiple=VaFileInputMultiple$1,defineCustomElement=defineCustomElement$1;export{VaFileInputMultiple,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as VaFileInput$1,d as defineCustomElement$1}from"./
|
|
1
|
+
import{V as VaFileInput$1,d as defineCustomElement$1}from"./p-a12014b1.js";const VaFileInput=VaFileInput$1,defineCustomElement=defineCustomElement$1;export{VaFileInput,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,
|
|
1
|
+
import{p as proxyCustomElement,H,h,c as Host}from"./p-ef5c0d66.js";import{d as defineCustomElement$7}from"./p-6e4b9401.js";import{d as defineCustomElement$6}from"./p-b92d2c38.js";import{d as defineCustomElement$5}from"./p-784bed9b.js";import{d as defineCustomElement$4}from"./p-c3fdb782.js";import{d as defineCustomElement$3}from"./p-0311e4e3.js";import{d as defineCustomElement$2}from"./p-3962731f.js";const vaSealSvg="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1Ny42IDM1LjIiIHJvbGU9ImltZyI+PHRpdGxlPlZBPC90aXRsZT48ZyBmaWxsPSIjRkZGIj48cGF0aCBkPSJNMTEuMSAzNS4yTDAgMGg4LjZsNC4yIDE0LjljMS4yIDQuMiAyLjIgOC4yIDMuMSAxMi42aC4xYy45LTQuMiAxLjktOC40IDMuMS0xMi40TDIzLjUgMGg4LjNMMjAuMiAzNS4yaC05LjF6TTM2LjYgMjYuMmwtMi41IDloLThMMzYuNiAwaDEwLjJsMTAuOCAzNS4yaC04LjVsLTIuNy05aC05Ljh6bTguOC02bC0yLjItNy41Yy0uNi0yLjEtMS4yLTQuNy0xLjctNi44aC0uMWMtLjUgMi4xLTEgNC44LTEuNiA2LjhsLTIgNy41aDcuNnoiPjwvcGF0aD48L2c+PC9zdmc+",vaHeaderMinimalCss=".va-header{display:-ms-flexbox;display:flex;margin-left:auto;margin-right:auto;max-width:1000px;background-color:var(--vads-color-primary-darker);color:var(--vads-button-color-text-primary-alt-on-light);-ms-flex-align:center;align-items:center;padding:10px 8px;line-height:22px}@media (min-width: 481px){.va-header{padding:10px 16px}}.va-logo-link:focus{outline:2px solid var(--vads-color-action-focus-on-light)}.va-logo{margin-right:8px;min-height:30px;min-width:48px}@media (min-width: 481px){.va-logo{margin-right:16px}}.header-container{padding-left:8px;border-left:1px solid var(--vads-color-white)}@media (min-width: 481px){.header-container{padding-left:16px}}.header-container h1,.header-container .header{font-size:20px;margin:0;font-weight:700}.header-container h2,.header-container .subheader{font-size:20px;margin:0;font-weight:100}@media (min-width: 1024px){va-crisis-line-modal::part(button){position:absolute;right:0;bottom:-5px}}",VaHeaderMinimalStyle0=vaHeaderMinimalCss,VaHeaderMinimal$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.shifted=!1,this.header=void 0,this.subheader=void 0,this.enableHeadings=!1}trackShiftKey(e){this.shifted=e.shiftKey}trapFocus(){var e;const a=null===(e=this.el)||void 0===e?void 0:e.shadowRoot.querySelector("va-crisis-line-modal").shadowRoot.querySelector("va-modal"),t=null==a?void 0:a.getAttribute("visible");if(null!==t&&"false"!==t){let e;const t=this.shifted?".last-focusable-child":".va-modal-close";e=this.shifted?null==a?void 0:a.querySelector(t):null==a?void 0:a.shadowRoot.querySelector(t),null==e||e.focus()}}render(){const{header:e,subheader:a,enableHeadings:t}=this;return h(Host,{key:"2fda023320e4c67cf4499d221b64bbdd43ba7a9c",role:"banner"},h("va-official-gov-banner",{key:"814588d93f585aa79a1da23d869a495a41dfcce7"}),h("va-crisis-line-modal",{key:"7ef4cbcbb4d050a94fab4c0ddec5eaa76446100c"}),h("div",{key:"bb39421fce96aedb363fe905a924f92f9c730dff",onFocusin:()=>this.trapFocus(),class:"va-header"},h("a",{key:"ae823a972c086c318a2e0220d44c15bc812255e0",href:"/",title:"Go to VA.gov",class:"va-logo-link"},h("img",{key:"adc6bcbae885ad66fb4f7f1888e4864ae70424fa",class:"va-logo",src:vaSealSvg,alt:"VA logo and Seal, U.S. Department of Veterans Affairs"})),h("div",{key:"ba9380c5b5c6ac47a802ca68df24b332562e835f",class:"header-container"},t?h("h1",null,e):h("div",{class:"header"},e),a&&(t?h("h2",null,a):h("div",{class:"subheader"},a)))))}get el(){return this}static get style(){return VaHeaderMinimalStyle0}},[1,"va-header-minimal",{header:[1],subheader:[1],enableHeadings:[4,"enable-headings"],shifted:[32]},[[8,"keydown","trackShiftKey"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-header-minimal","va-button","va-crisis-line-modal","va-icon","va-modal","va-official-gov-banner","va-telephone"].forEach(e=>{switch(e){case"va-header-minimal":customElements.get(e)||customElements.define(e,VaHeaderMinimal$1);break;case"va-button":customElements.get(e)||defineCustomElement$7();break;case"va-crisis-line-modal":customElements.get(e)||defineCustomElement$6();break;case"va-icon":customElements.get(e)||defineCustomElement$5();break;case"va-modal":customElements.get(e)||defineCustomElement$4();break;case"va-official-gov-banner":customElements.get(e)||defineCustomElement$3();break;case"va-telephone":customElements.get(e)||defineCustomElement$2()}})}const VaHeaderMinimal=VaHeaderMinimal$1,defineCustomElement=defineCustomElement$1;export{VaHeaderMinimal,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as VaIcon$1,d as defineCustomElement$1}from"./
|
|
1
|
+
import{V as VaIcon$1,d as defineCustomElement$1}from"./p-784bed9b.js";const VaIcon=VaIcon$1,defineCustomElement=defineCustomElement$1;export{VaIcon,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,
|
|
1
|
+
import{p as proxyCustomElement,H,d as createEvent,h,c as Host}from"./p-ef5c0d66.js";import{c as classnames}from"./p-a5dce9e6.js";import{d as defineCustomElement$3}from"./p-784bed9b.js";import{d as defineCustomElement$2}from"./p-dffbc03b.js";const vaLanguageToggleCss=":host{font-size:1rem}:host div{display:inline-block}:host div div.inner-div{border-right:1px solid var(--vads-color-base-light);padding-right:var(--units-1);margin-right:var(--units-1)}:host div a.is-current-lang{font-weight:var(--font-weight-bold);color:var(--vads-color-black);text-decoration:none;padding-top:var(--units-1p5);padding-bottom:var(--units-2)}:host div a.is-current-lang:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}:host div va-link{color:var(--vads-color-link);padding-bottom:2px;border-bottom:1px solid var(--vads-color-link)}:host div va-link::part(anchor){text-decoration:none;padding-top:var(--units-1p5);padding-bottom:var(--units-2)}",VaLanguageToggleStyle0=vaLanguageToggleCss,VaLanguageToggle$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaLanguageToggle=createEvent(this,"vaLanguageToggle",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.language="en",this.enHref=void 0,this.esHref=void 0,this.tlHref=void 0,this.urls=void 0,this.routerLinks=!1}getUrl(e){const t=new URL(window.location.href);return t.searchParams.set("lang",e),t.href}handleToggle(e,t,a){this.routerLinks&&(e.preventDefault(),window.history.replaceState(null,null,this.getUrl(t)),this.language=t),this.vaLanguageToggle.emit({language:t});const n={componentName:"va-language-toggle",action:"linkClick",details:{"pipe-delimited-list-header":t,label:a}};this.componentLibraryAnalytics.emit(n)}componentWillLoad(){this.urls=[{label:"English",lang:"en",href:this.enHref}],this.esHref&&(this.urls=[...this.urls,{label:"Español",lang:"es",href:this.esHref}]),this.tlHref&&(this.urls=[...this.urls,{label:"Tagalog",lang:"tl",href:this.tlHref}])}render(){const{language:e,urls:t}=this;return h(Host,{key:"08cab772f7422a0a918ab2d27f769452a3e6c671"},h("div",{key:"feb0efcebf56cb993a9f60396b1cc0d82a5b72b3",role:"group","aria-label":"Language selection"},t.map(({href:a,lang:n,label:s},l)=>{const o=classnames({"is-current-lang":n===e}),i=classnames({"inner-div":l<t.length-1});return h("div",{class:i},n===e?h("a",{class:o,href:a,hrefLang:n,onClick:e=>this.handleToggle(e,n,s),"aria-current":"language"},s):h("va-link",{class:o,href:a,language:n,onClick:e=>this.handleToggle(e,n,s),text:s,disableAnalytics:!0}))})))}static get style(){return VaLanguageToggleStyle0}},[1,"va-language-toggle",{language:[1025],enHref:[1,"en-href"],esHref:[1,"es-href"],tlHref:[1,"tl-href"],routerLinks:[4,"router-links"],urls:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-language-toggle","va-icon","va-link"].forEach(e=>{switch(e){case"va-language-toggle":customElements.get(e)||customElements.define(e,VaLanguageToggle$1);break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}})}const VaLanguageToggle=VaLanguageToggle$1,defineCustomElement=defineCustomElement$1;export{VaLanguageToggle,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,
|
|
1
|
+
import{p as proxyCustomElement,H,d as createEvent,h,c as Host}from"./p-ef5c0d66.js";import{c as classnames}from"./p-a5dce9e6.js";import{i as isMessageSet}from"./p-494b538e.js";import{d as defineCustomElement$2}from"./p-784bed9b.js";const vaLinkActionCss="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}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}.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}:host{display:-ms-inline-flexbox;display:inline-flex}:host a{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;cursor:pointer;text-decoration:underline;font-weight:700;font-size:1.06rem;padding:0.5rem 0}:host a:active{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}:host a.va-link--primary:hover,:host a.va-link--primary:active,:host a.va-link--secondary:hover,:host a.va-link--secondary:active{color:var(--vads-color-link) !important}:host a.va-link--reverse{color:var(--vads-color-white);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}:host a.va-link--reverse:hover,:host a.va-link--reverse:active{color:var(--vads-color-action-focus-on-light);background-color:transparent}:host a.va-link--reverse va-icon{-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}:host a.va-link--reverse va-icon:hover,:host a.va-link--reverse va-icon:active{background-color:var(--vads-color-action-focus-on-light)}.link-icon--left{margin-right:8px;vertical-align:baseline;position:relative}.link-icon{border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:white;print-color-adjust:exact;-webkit-print-color-adjust:exact}.va-link--primary va-icon{background-color:var(--vads-color-success-dark)}.va-link--secondary va-icon{background-color:var(--vads-color-primary)}.link-icon--reverse{background-color:var(--vads-color-white);color:var(--vads-color-black)}:host a.va-link--reverse:hover va-icon,:host a.va-link--reverse:active va-icon{background-color:var(--vads-color-action-focus-on-light) !important}.link-text{display:inline-block;vertical-align:top;max-width:calc(100% - 24px);white-space:pre-wrap}:host(.host--primary-entry){width:100%}:host a.va-link--primary-entry{position:relative;display:-ms-inline-flexbox;display:inline-flex;background-color:var(--vads-color-primary);color:var(--vads-color-white);text-decoration:none;padding:15px 15px 15px 45px;margin:0 1.5rem 0 0;-webkit-clip-path:polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%);clip-path:polygon(0 0, calc(100% - 15px) 0, 100% 50%, calc(100% - 15px) 100%, 0 100%);-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;width:95%;line-height:1.4;min-height:24px;max-width:var(--vads-size-line-length-5);}@media (min-width: 768px){:host a.va-link--primary-entry{width:75%}}:host a.va-link--primary-entry va-icon.link-icon{position:absolute;left:12px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--vads-color-primary);background-color:var(--vads-color-white)}:host a.va-link--primary-entry .link-text{font-weight:bold;display:inline-block;vertical-align:middle;text-decoration:underline}:host a.va-link--primary-entry:hover:not(:focus) va-icon.link-icon{background-color:var(--vads-color-action-focus-on-light)}:host a.va-link--primary-entry:hover:not(:focus) .link-text{-webkit-text-decoration-color:var(--vads-color-action-focus-on-light);text-decoration-color:var(--vads-color-action-focus-on-light);color:var(--vads-color-action-focus-on-light)}:host a.va-link--primary-entry:focus,:host a.va-link--primary-entry:active{background-color:var(--vads-color-action-focus-on-light);outline:none;-webkit-transition:none;transition:none}:host a.va-link--primary-entry:focus va-icon.link-icon,:host a.va-link--primary-entry:active va-icon.link-icon{background-color:var(--vads-color-black);color:var(--vads-color-action-focus-on-light)}:host a.va-link--primary-entry:focus .link-text,:host a.va-link--primary-entry:active .link-text{text-decoration:underline;-webkit-text-decoration-color:var(--vads-color-black);text-decoration-color:var(--vads-color-black);color:var(--vads-color-black)}:host a.va-link--primary-entry:focus:hover{background-color:var(--vads-color-action-focus-on-light)}:host a.va-link--primary-entry:focus:hover va-icon.link-icon,:host a.va-link--primary-entry:focus:hover .link-text{text-decoration:underline;-webkit-text-decoration-color:var(--vads-color-black);text-decoration-color:var(--vads-color-black)}",VaLinkActionStyle0=vaLinkActionCss,VaLinkAction$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleClick=i=>{if(!this.disableAnalytics){const i={componentName:"va-link-action",action:"click",details:{label:this.text,destination:this.href,origin:window.location.href}};this.componentLibraryAnalytics.emit(i)}},this.disableAnalytics=!1,this.href=void 0,this.text=void 0,this.messageAriaDescribedby=void 0,this.type="primary",this.label=void 0,this.isSingleLine=!0}componentWillLoad(){this.checkTextLines()}checkTextLines(){if(this.linkRef){const i=getComputedStyle(this.linkRef),o=parseFloat(i.lineHeight),e=this.linkRef.clientHeight;this.isSingleLine=e<=o}}render(){const{handleClick:i,href:o,text:e,messageAriaDescribedby:t,type:a,label:n}=this,r=classnames({"host--primary-entry":"primary-entry"===a}),s=classnames({"va-link--reverse":"reverse"===a,"va-link--primary":"primary"===a,"va-link--secondary":"secondary"===a,"va-link--primary-entry":"primary-entry"===a}),l=classnames("link-icon--left","link-icon",{"link-icon--reverse":"reverse"===a});return h(Host,{key:"3cd2d7b8cdc61fe7e16bfd4f989d8f4616dcb03b",class:r},h("a",{key:"ed20a36f936b31f8726b9b1c264c9d7ec4856799",href:o,class:s,"aria-label":n,"aria-describedby":t?"link-description":null,onClick:i,ref:i=>this.linkRef=i},h("va-icon",{key:"9c2eb72a6a93441ebc57a36c1fe8481f5f2568f0",class:l,icon:"chevron_right",size:3}),h("span",{key:"c63d6b752513066340768d6185d4509f60e3e631",class:"link-text"},e)),isMessageSet(t)&&h("span",{key:"7fcb2a9e29832accb6655b6f47b3f245a93bad25",id:"link-description",class:"sr-only"},t))}static get watchers(){return{text:["checkTextLines"]}}static get style(){return VaLinkActionStyle0}},[1,"va-link-action",{disableAnalytics:[4,"disable-analytics"],href:[1],text:[1],messageAriaDescribedby:[1,"message-aria-describedby"],type:[1],label:[1],isSingleLine:[32]},void 0,{text:["checkTextLines"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-link-action","va-icon"].forEach(i=>{switch(i){case"va-link-action":customElements.get(i)||customElements.define(i,VaLinkAction$1);break;case"va-icon":customElements.get(i)||defineCustomElement$2()}})}const VaLinkAction=VaLinkAction$1,defineCustomElement=defineCustomElement$1;export{VaLinkAction,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{V as VaLink$1,d as defineCustomElement$1}from"./
|
|
1
|
+
import{V as VaLink$1,d as defineCustomElement$1}from"./p-dffbc03b.js";const VaLink=VaLink$1,defineCustomElement=defineCustomElement$1;export{VaLink,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,
|
|
1
|
+
import{p as proxyCustomElement,H,d as createEvent,h,c as Host}from"./p-ef5c0d66.js";var isChromatic=function(t){const e=t||"undefined"!=typeof window&&window;return!(!e||!e.navigator.userAgent.match(/Chromatic/)&&!e.location.href.match(/chromatic=true/))};const vaLoadingIndicatorCss=":host{display:block;font-size:1.06rem;text-align:center}.loading-indicator{display:block;height:4rem;margin-top:1rem}.loading-indicator:after{content:' ';display:inline-block;width:2.1875rem;height:2.1875rem;margin:1px;border-radius:50%;border:8px solid var(--vads-color-primary);border-color:var(--vads-color-primary) transparent var(--vads-color-primary)\n transparent;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.loading-indicator.chromatic:after{-webkit-animation:none;animation:none}.loading-indicator:focus{outline:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}",VaLoadingIndicatorStyle0=vaLoadingIndicatorCss,VaLoadingIndicator$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.loadingStartTime=null,this.observer=null,this.message=void 0,this.label="Loading",this.setFocus=!1,this.enableAnalytics=!1}componentDidLoad(){var t;this.setFocus&&this.spinner&&this.spinner.focus(),this.loadingStartTime=Date.now();const e=null===(t=this.el)||void 0===t?void 0:t.parentNode;e instanceof Node&&(this.observer=new MutationObserver(t=>{for(const a of t)if("childList"===a.type){const t=Array.from(a.removedNodes.values()).filter(t=>{var e;return"va-loading-indicator"===(null===(e=null==t?void 0:t.tagName)||void 0===e?void 0:e.toLowerCase())}).length>0;if(this.enableAnalytics&&t){const t=new CustomEvent("component-library-analytics",{bubbles:!0,composed:!0,detail:{componentName:"va-loading-indicator",action:"displayed",details:{displayTime:Date.now()-this.loadingStartTime,message:this.message}}});e.dispatchEvent(t)}}}),this.observer.observe(e,{childList:!0}))}render(){const{message:t,label:e}=this;let a="loading-indicator";return isChromatic()&&(a+=" chromatic"),h(Host,{key:"d0aa99419bff9d399892f75ce0b81bda316b9bbe","aria-live":"polite"},h("div",{key:"ee8eb4ff68198f800508f82583d38eda29a942a2",ref:t=>this.spinner=t,class:a,role:"progressbar","aria-label":e,"aria-valuetext":t,tabindex:"-1"}),t)}get el(){return this}static get style(){return VaLoadingIndicatorStyle0}},[1,"va-loading-indicator",{message:[1],label:[1],setFocus:[4,"set-focus"],enableAnalytics:[4,"enable-analytics"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-loading-indicator"].forEach(t=>{"va-loading-indicator"===t&&(customElements.get(t)||customElements.define(t,VaLoadingIndicator$1))})}const VaLoadingIndicator=VaLoadingIndicator$1,defineCustomElement=defineCustomElement$1;export{VaLoadingIndicator,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,
|
|
1
|
+
import{p as proxyCustomElement,H,d as createEvent,h,c as Host}from"./p-ef5c0d66.js";import{c as classnames}from"./p-a5dce9e6.js";import{i as isDateSameDay,f as formatDate,a as isDateBefore,b as isDateAfter}from"./p-70a619e9.js";import{g as getHeaderLevel}from"./p-494b538e.js";import{d as defineCustomElement$2}from"./p-784bed9b.js";const vaMaintenanceBannerCss='p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:5px;color:var(--vads-button-color-text-primary-alt-on-light);cursor:pointer;display:inline-block;font-family:var(--font-source-sans);font-size:1rem;font-weight:700;line-height:1;padding:0.625rem 1.25rem;text-align:center;text-decoration:none}.maintenance-banner{border-top:8px solid;background-color:var(--vads-color-base-lightest);position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.maintenance-banner__content{font-size:1.06rem}.maintenance-banner p{-webkit-margin-before:1em;margin-block-start:1em;-webkit-margin-after:1em;margin-block-end:1em}.maintenance-banner--warning{border-color:var(--vads-color-warning)}.maintenance-banner--error{border-color:var(--vads-color-secondary-dark)}.maintenance-banner__icon{position:absolute;top:18px;left:18px}.maintenance-banner--error .maintenance-banner__icon{color:var(--vads-color-secondary-dark)}.maintenance-banner__title{font-family:var(--font-serif);margin:0 0 8px;font-size:20px}.maintenance-banner__body{padding:16px 56px;position:relative;max-width:1000px;margin:0px auto}.maintenance-banner__close{-ms-flex-item-align:start;align-self:flex-start;color:var(--vads-color-base);margin-top:8px}.maintenance-banner__close:hover{color:var(--vads-color-base)}',VaMaintenanceBannerStyle0=vaMaintenanceBannerCss,VaMaintenanceBanner$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeEvent=createEvent(this,"closeEvent",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.derivePostContent=(e,n)=>{let a=n.getTime()-e.getTime();const t=Math.floor(a/36e5),i=60*(a/36e5-t),r=`${t>0?t+" hours ":""} ${i>0?i+" minutes":""}`;return isDateSameDay(e,n),h("div",null,h("p",null,h("strong",null,"Date:")," ",formatDate(e,{dateStyle:"full"})),h("p",null,h("strong",null,"Time:")," ",formatDate(e,{hour:"numeric",minute:"numeric",timeZoneName:"short"})),h("p",null,h("strong",null,"Duration:")," ",r))},this.onCloseAlert=()=>{if(this.closeEvent.emit(),window.localStorage.setItem("MAINTENANCE_BANNER",this.bannerId),this.maintenanceBannerEl.remove(),!this.disableAnalytics){const e={componentName:"va-maintenance-banner",action:"close",details:{header:isDateBefore(new Date,new Date(this.maintenanceStartDateTime))?this.upcomingWarnTitle:this.maintenanceTitle,upcomingWarnStartDateTime:this.upcomingWarnStartDateTime,maintenanceStartDateTime:this.maintenanceStartDateTime,maintenanceEndDateTime:this.maintenanceEndDateTime,displayedContent:this.maintenanceBannerContent.innerText}};this.componentLibraryAnalytics.emit(e)}},this.disableAnalytics=!1,this.bannerId=void 0,this.maintenanceStartDateTime=void 0,this.maintenanceEndDateTime=void 0,this.maintenanceTitle=void 0,this.maintenanceTitleHeaderLevel=2,this.upcomingWarnStartDateTime=void 0,this.upcomingWarnTitle=void 0,this.isError=void 0}render(){const{upcomingWarnStartDateTime:e,maintenanceEndDateTime:n,isError:a,maintenanceTitleHeaderLevel:t}=this,i=new Date,r=getHeaderLevel(t);if(isDateBefore(i,new Date(e)))return null;if(isDateAfter(i,new Date(n)))return null;if(window.localStorage.getItem("MAINTENANCE_BANNER")!==this.bannerId){const{upcomingWarnTitle:e,maintenanceStartDateTime:t,maintenanceTitle:o}=this,s=isDateBefore(i,new Date(t))&&!a,c=classnames({"maintenance-banner":!0,"maintenance-banner--warning":s,"maintenance-banner--error":!s});return h(Host,null,h("div",{class:c,ref:e=>this.maintenanceBannerEl=e},h("va-icon",{class:"maintenance-banner__icon",icon:a?"error":"warning",size:4}),h("div",{class:"maintenance-banner__body"},h(r,{class:"maintenance-banner__title"},s?e:o),h("div",{class:"maintenance-banner__content",ref:e=>this.maintenanceBannerContent=e},h("slot",s?{name:"warn-content"}:{name:"maintenance-content"})),h("div",{class:"maintenance-banner__derived-content"},this.derivePostContent(new Date(t),new Date(n)))),h("button",{"aria-label":"Close notification",class:"maintenance-banner__close",onClick:this.onCloseAlert,type:"button"},h("va-icon",{icon:"close",size:4}))))}return null}static get style(){return VaMaintenanceBannerStyle0}},[1,"va-maintenance-banner",{disableAnalytics:[4,"disable-analytics"],bannerId:[1,"banner-id"],maintenanceStartDateTime:[1,"maintenance-start-date-time"],maintenanceEndDateTime:[1,"maintenance-end-date-time"],maintenanceTitle:[1,"maintenance-title"],maintenanceTitleHeaderLevel:[2,"maintenance-title-header-level"],upcomingWarnStartDateTime:[1,"upcoming-warn-start-date-time"],upcomingWarnTitle:[1,"upcoming-warn-title"],isError:[4,"is-error"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-maintenance-banner","va-icon"].forEach(e=>{switch(e){case"va-maintenance-banner":customElements.get(e)||customElements.define(e,VaMaintenanceBanner$1);break;case"va-icon":customElements.get(e)||defineCustomElement$2()}})}const VaMaintenanceBanner=VaMaintenanceBanner$1,defineCustomElement=defineCustomElement$1;export{VaMaintenanceBanner,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{v as validate,z as zeroPadStart,g as getErrorParameters,m as months}from"./date-utils.js";import{g as getHeaderLevel}from"./utils.js";import"./contacts.js";import{c as classnames}from"./index2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-select2.js";import{d as defineCustomElement$2}from"./va-text-input2.js";import{i as instance}from"./i18next.js";const vaMemorableDateCss='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-form{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}@media all and (min-width: 30em){.usa-form{max-width:20rem}}.usa-form abbr[title=required]{text-decoration:none}.usa-form .usa-input,.usa-form .usa-range,.usa-form .usa-select,.usa-form .usa-textarea{max-width:none}.usa-form .usa-input--2xs,.usa-form .usa-input-group--2xs{max-width:5ex}.usa-form .usa-input--xs,.usa-form .usa-input-group--xs{max-width:9ex}.usa-form .usa-input--sm,.usa-form .usa-input--small,.usa-form .usa-input-group--sm,.usa-form .usa-input-group--small{max-width:13ex}.usa-form .usa-input--md,.usa-form .usa-input--medium,.usa-form .usa-input-group--md,.usa-form .usa-input-group--medium{max-width:20ex}.usa-form .usa-input--lg,.usa-form .usa-input-group--lg{max-width:30ex}.usa-form .usa-input--xl,.usa-form .usa-input-group--xl{max-width:40ex}.usa-form .usa-input--2xl,.usa-form .usa-input-group--2xl{max-width:50ex}.usa-form .usa-button{margin-top:0.5rem}@media all and (min-width: 30em){.usa-form .usa-button{margin-top:1.5rem}}.usa-form a:where(:not(.usa-button)){color:#005ea2;text-decoration:underline}.usa-form a:where(:not(.usa-button)):visited{color:#54278f}.usa-form a:where(:not(.usa-button)):hover{color:#1a4480}.usa-form a:where(:not(.usa-button)):active{color:#162e51}.usa-form a:where(:not(.usa-button)):focus{outline:0.25rem solid #2491ff;outline-offset:0rem}@media all and (min-width: 30em){.usa-form--large{max-width:30rem}}.usa-show-password{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;cursor:pointer}.usa-show-password:visited{color:#54278f}.usa-show-password:hover{color:#1a4480}.usa-show-password:active{color:#162e51}.usa-show-password:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-show-password:hover,.usa-show-password.usa-button--hover,.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password:disabled.usa-button--hover,.usa-show-password[aria-disabled=true].usa-button--hover,.usa-show-password:active,.usa-show-password.usa-button--active,.usa-show-password:disabled:active,.usa-show-password[aria-disabled=true]:active,.usa-show-password:disabled.usa-button--active,.usa-show-password[aria-disabled=true].usa-button--active,.usa-show-password:disabled:focus,.usa-show-password[aria-disabled=true]:focus,.usa-show-password:disabled.usa-focus,.usa-show-password[aria-disabled=true].usa-focus,.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-show-password.usa-button--hover{color:#1a4480}.usa-show-password.usa-button--active{color:#162e51}.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:GrayText}}.usa-form__note,.usa-show-password{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:0.93rem;line-height:1.3;float:right;margin:0.25rem 0 1rem}.usa-fieldset{border:none;margin:0;padding:0}.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-form-group{margin-top:1.5rem}.usa-form-group .usa-label:first-child{margin-top:0}.usa-form-group--error{border-left-width:0.25rem;border-left-color:#b50909;border-left-style:solid;padding-left:1rem;position:relative}@media all and (min-width: 64em){.usa-form-group--error{margin-left:-1.25rem}}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-memorable-date{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.usa-memorable-date [type=number]{-moz-appearance:textfield}.usa-memorable-date [type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.usa-memorable-date [type=number]::-webkit-contacts-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;height:0;width:0;margin:0}.usa-memorable-date .usa-form-group{margin-top:1rem}.usa-form-group--day,.usa-form-group--month,.usa-form-group--year{-ms-flex:0 1 auto;flex:0 1 auto;margin-right:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.usa-form-group--day input,.usa-form-group--month input{width:3rem}.usa-form-group--month select{width:15rem}.usa-form-group--year input{width:4.5rem}#error-message{margin-bottom:0.75rem}#error-message,#input-error-message{color:var(--vads-color-secondary-dark);display:block;font-weight:700;font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.3rem solid var(--vads-color-secondary-dark);padding-left:1.25rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-1.4375rem;}}.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;font-family:var(--font-source-sans);margin-top:24px}#error-message{margin-bottom:0}.usa-hint{display:block}slot:not([name])::slotted(*:last-child){margin-bottom:0.5rem}va-select::part(label),va-text-input::part(label){margin-top:0;margin-bottom:12px}va-text-input::part(validation){display:none}.usa-memorable-date{margin-top:16px;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.usa-memorable-date .usa-form-group{margin-top:0px}.usa-form-group--month{margin-right:16px}.usa-form-group--month-input{width:48px}.usa-form-group--month-select{width:15rem}.usa-form-group--day-input{width:3rem}.usa-form-group--year-input{width:4.5rem}@media (max-width: 480px){.usa-form-group--month-select{width:100%}.usa-form-group--select{-ms-flex:0 1 50%;flex:0 1 50%;width:50%}}',VaMemorableDateStyle0=vaMemorableDateCss;Build.isTesting&&instance.init({lng:"cimode"});const VaMemorableDate$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.dateChange=createEvent(this,"dateChange",7),this.dateBlur=createEvent(this,"dateBlur",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.dayTouched=!1,this.monthTouched=!1,this.yearTouched=!1,this.handleDateBlur=e=>{let a;const{currentYear:t,currentMonth:r,currentDay:o}=this,s=Number(t||a),i=Number(r||a),n=Number(o||a);if(validate({component:this,year:s,month:i,day:n,yearTouched:this.yearTouched,monthTouched:this.monthTouched,dayTouched:this.dayTouched,monthSelect:this.monthSelect}),this.error)this.externalValidation&&this.dateBlur.emit(e);else if(this.value=t||r||o?[t,r?zeroPadStart(i):"",o?zeroPadStart(n):""].join("-"):"",this.dateBlur.emit(e),this.enableAnalytics){const e={componentName:"va-memorable-date",action:"blur",details:{label:this.label,year:s,month:i,day:n}};this.componentLibraryAnalytics.emit(e)}},this.handleMonthChange=e=>{const a=e.target;this.currentMonth=a.value,this.handleDateChange(e)},this.handleDayChange=e=>{const a=e.target;this.currentDay=a.value,this.handleDateChange(e)},this.handleYearChange=e=>{const a=e.target;this.currentYear=a.value,this.handleDateChange(e)},this.handleDateChange=e=>{const{currentYear:a,currentMonth:t,currentDay:r}=this;this.value=a||t||r?[a||"",t||"",r||""].join("-"):"",this.dateChange.emit(e)},this.handleMonthBlur=()=>{this.monthTouched=!0},this.handleDayBlur=()=>{this.dayTouched=!0},this.handleYearBlur=()=>{this.yearTouched=!0},this.required=!1,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.monthSelect=!1,this.label=void 0,this.name=void 0,this.hint=void 0,this.error=void 0,this.value=void 0,this.customDayErrorMessage=void 0,this.customMonthErrorMessage=void 0,this.customYearErrorMessage=void 0,this.removeDateHint=!1,this.externalValidation=!1,this.invalidDay=!1,this.invalidMonth=!1,this.invalidYear=!1,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}componentWillLoad(){this.parseValueProp()}parseValueProp(){const[e,a,t]=(this.value||"").split("-");this.currentYear=e,this.currentMonth=a,this.currentDay=t}handleValueChange(){this.parseValueProp(),this.error=null,this.invalidDay=!1,this.invalidMonth=!1,this.invalidYear=!1}render(){var e;const{required:a,label:t,name:r,hint:o,error:s,handleDateBlur:i,monthSelect:n,useFormsPattern:l,formHeadingLevel:u,formHeading:m,removeDateHint:d,headerAriaDescribedby:p}=this,c=this.externalValidation&&(null===(e=this.el)||void 0===e?void 0:e.getAttribute("error"))||s,{currentYear:f,currentMonth:g,currentDay:b}=this,v=n?instance.t("date-hint-with-select"):instance.t("date-hint"),w=e=>instance.t(e,(e=>{const a=parseInt(f,10),t=parseInt(g,10);return getErrorParameters(e,a,t)})(e)),y=`${l&&m?"form-question":""} ${l?"form-description":""} ${l&&t?"input-label":""}`.trim()||null,x="single"===l||"multiple"===l,M=getHeaderLevel(this.labelHeaderLevel),D=p?"header-message":null;let S=null;if(x){const e=getHeaderLevel(u);S=h(Fragment,null,m&&h(e,{id:"form-question",part:"form-header"},m),h("div",{id:"form-description"},h("slot",{name:"form-description"})))}const C=n?h("div",{class:"usa-form-group usa-form-group--month usa-form-group--select"},h("va-select",{label:instance.t("month"),name:r?`${r}Month`:"Month","aria-labelledby":y,invalid:this.invalidMonth,onVaSelect:this.handleMonthChange,onBlur:this.handleMonthBlur,class:"usa-form-group--month-select",reflectInputError:"month-range"===c,value:g?String(parseInt(g,10)):g,required:a,hideRequiredText:!0,error:this.invalidMonth?w(c):null,showError:!1,messageAriaDescribedby:instance.t("date-hint-month-select")},months&&months.map((e=>h("option",{value:e.value,selected:e.value===parseInt(g,10)},e.label))))):h("div",{class:"usa-form-group usa-form-group--month"},h("va-text-input",{label:instance.t("month"),name:r?`${r}Month`:"Month",maxlength:2,pattern:"[0-9]*","aria-labelledby":y,invalid:this.invalidMonth,value:null==g?void 0:g.toString(),onInput:this.handleMonthChange,onBlur:this.handleMonthBlur,class:"usa-form-group--month-input memorable-date-input",reflectInputError:"month-range"===c,inputmode:"numeric",type:"text",required:a,hideRequiredText:!0,error:this.invalidMonth?w(c):null,"show-input-error":"false",messageAriaDescribedby:instance.t("date-hint-month")})),E=classnames({"usa-legend":!0,"usa-label--error":c}),H=h(Fragment,null,t,"multiple"===l?h("span",{id:"header-message",class:"usa-sr-only"},t):p&&h("span",{id:"header-message",class:"usa-sr-only"},p));return h(Host,{onBlur:i},S,h("div",{class:"input-wrap"},h("fieldset",{class:"usa-form usa-fieldset"},h("legend",{class:E,id:"input-label",part:"legend"},t&&M?h(M,{"aria-describedby":D},H):h(Fragment,null,H),a&&h("span",{class:"usa-label--required"}," ",instance.t("required")),o&&h("div",{class:"usa-hint",id:"hint"},o)),!d&&h("span",{class:"usa-hint",id:"dateHint"},v),h("span",{id:"error-message",role:"alert"},c&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:"usa-error-message"},(e=>{let a="";return this.invalidDay?a=this.customDayErrorMessage:this.invalidMonth?a=this.customMonthErrorMessage:this.invalidYear&&(a=this.customYearErrorMessage),a||w(e)})(c)))),h("slot",null),h("div",{class:"usa-memorable-date"},C,h("div",{class:"usa-form-group usa-form-group--day"},h("va-text-input",{label:instance.t("day"),name:r?`${r}Day`:"Day",maxlength:2,pattern:"[0-9]*",invalid:this.invalidDay,value:null==b?void 0:b.toString(),onInput:this.handleDayChange,onBlur:this.handleDayBlur,class:"usa-form-group--day-input memorable-date-input",reflectInputError:"day-range"===c,inputmode:"numeric",type:"text",required:a,hideRequiredText:!0,error:this.invalidDay?w(c):null,"show-input-error":"false",messageAriaDescribedby:instance.t("date-hint-day")})),h("div",{class:"usa-form-group usa-form-group--year"},h("va-text-input",{label:instance.t("year"),name:r?`${r}Year`:"Year",maxlength:4,pattern:"[0-9]*",invalid:this.invalidYear,value:null==f?void 0:f.toString(),onInput:this.handleYearChange,onBlur:this.handleYearBlur,class:"usa-form-group--year-input memorable-date-input",reflectInputError:"year-range"===c,inputmode:"numeric",type:"text",required:a,hideRequiredText:!0,error:this.invalidYear?w(c):null,"show-input-error":"false",messageAriaDescribedby:instance.t("date-hint-year")}))))))}get el(){return this}static get watchers(){return{value:["handleValueChange"]}}static get style(){return VaMemorableDateStyle0}},[1,"va-memorable-date",{required:[4],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],monthSelect:[4,"month-select"],label:[1],name:[1],hint:[1],error:[1537],value:[1537],customDayErrorMessage:[1,"custom-day-error-message"],customMonthErrorMessage:[1,"custom-month-error-message"],customYearErrorMessage:[1,"custom-year-error-message"],removeDateHint:[4,"remove-date-hint"],externalValidation:[4,"external-validation"],invalidDay:[1028,"invalid-day"],invalidMonth:[1028,"invalid-month"],invalidYear:[1028,"invalid-year"],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"]},void 0,{value:["handleValueChange"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-memorable-date","va-icon","va-select","va-text-input"].forEach((e=>{switch(e){case"va-memorable-date":customElements.get(e)||customElements.define(e,VaMemorableDate$1);break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-select":customElements.get(e)||defineCustomElement$3();break;case"va-text-input":customElements.get(e)||defineCustomElement$2()}}))}const VaMemorableDate=VaMemorableDate$1,defineCustomElement=defineCustomElement$1;export{VaMemorableDate,defineCustomElement};
|
|
1
|
+
import{p as proxyCustomElement,H,d as createEvent,f as forceUpdate,h,F as Fragment,c as Host}from"./p-ef5c0d66.js";import{v as validate,z as zeroPadStart,g as getErrorParameters,m as months}from"./p-70a619e9.js";import{g as getHeaderLevel}from"./p-494b538e.js";import"./p-6a3cf3d7.js";import{c as classnames}from"./p-a5dce9e6.js";import{d as defineCustomElement$4}from"./p-784bed9b.js";import{d as defineCustomElement$3}from"./p-f3a1dcd5.js";import{d as defineCustomElement$2}from"./p-cf580be9.js";import{i as instance}from"./p-a836c3e1.js";const vaMemorableDateCss='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-form{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}@media all and (min-width: 30em){.usa-form{max-width:20rem}}.usa-form abbr[title=required]{text-decoration:none}.usa-form .usa-input,.usa-form .usa-range,.usa-form .usa-select,.usa-form .usa-textarea{max-width:none}.usa-form .usa-input--2xs,.usa-form .usa-input-group--2xs{max-width:5ex}.usa-form .usa-input--xs,.usa-form .usa-input-group--xs{max-width:9ex}.usa-form .usa-input--sm,.usa-form .usa-input--small,.usa-form .usa-input-group--sm,.usa-form .usa-input-group--small{max-width:13ex}.usa-form .usa-input--md,.usa-form .usa-input--medium,.usa-form .usa-input-group--md,.usa-form .usa-input-group--medium{max-width:20ex}.usa-form .usa-input--lg,.usa-form .usa-input-group--lg{max-width:30ex}.usa-form .usa-input--xl,.usa-form .usa-input-group--xl{max-width:40ex}.usa-form .usa-input--2xl,.usa-form .usa-input-group--2xl{max-width:50ex}.usa-form .usa-button{margin-top:0.5rem}@media all and (min-width: 30em){.usa-form .usa-button{margin-top:1.5rem}}.usa-form a:where(:not(.usa-button)){color:#005ea2;text-decoration:underline}.usa-form a:where(:not(.usa-button)):visited{color:#54278f}.usa-form a:where(:not(.usa-button)):hover{color:#1a4480}.usa-form a:where(:not(.usa-button)):active{color:#162e51}.usa-form a:where(:not(.usa-button)):focus{outline:0.25rem solid #2491ff;outline-offset:0rem}@media all and (min-width: 30em){.usa-form--large{max-width:30rem}}.usa-show-password{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;cursor:pointer}.usa-show-password:visited{color:#54278f}.usa-show-password:hover{color:#1a4480}.usa-show-password:active{color:#162e51}.usa-show-password:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-show-password:hover,.usa-show-password.usa-button--hover,.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password:disabled.usa-button--hover,.usa-show-password[aria-disabled=true].usa-button--hover,.usa-show-password:active,.usa-show-password.usa-button--active,.usa-show-password:disabled:active,.usa-show-password[aria-disabled=true]:active,.usa-show-password:disabled.usa-button--active,.usa-show-password[aria-disabled=true].usa-button--active,.usa-show-password:disabled:focus,.usa-show-password[aria-disabled=true]:focus,.usa-show-password:disabled.usa-focus,.usa-show-password[aria-disabled=true].usa-focus,.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-show-password.usa-button--hover{color:#1a4480}.usa-show-password.usa-button--active{color:#162e51}.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:GrayText}}.usa-form__note,.usa-show-password{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:0.93rem;line-height:1.3;float:right;margin:0.25rem 0 1rem}.usa-fieldset{border:none;margin:0;padding:0}.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-form-group{margin-top:1.5rem}.usa-form-group .usa-label:first-child{margin-top:0}.usa-form-group--error{border-left-width:0.25rem;border-left-color:#b50909;border-left-style:solid;padding-left:1rem;position:relative}@media all and (min-width: 64em){.usa-form-group--error{margin-left:-1.25rem}}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-memorable-date{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.usa-memorable-date [type=number]{-moz-appearance:textfield}.usa-memorable-date [type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.usa-memorable-date [type=number]::-webkit-contacts-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;height:0;width:0;margin:0}.usa-memorable-date .usa-form-group{margin-top:1rem}.usa-form-group--day,.usa-form-group--month,.usa-form-group--year{-ms-flex:0 1 auto;flex:0 1 auto;margin-right:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.usa-form-group--day input,.usa-form-group--month input{width:3rem}.usa-form-group--month select{width:15rem}.usa-form-group--year input{width:4.5rem}#error-message{margin-bottom:0.75rem}#error-message,#input-error-message{color:var(--vads-color-secondary-dark);display:block;font-weight:700;font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.3rem solid var(--vads-color-secondary-dark);padding-left:1.25rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-1.4375rem;}}.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;font-family:var(--font-source-sans);margin-top:24px}legend{-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-start:0;padding-inline-start:0}#error-message{margin-bottom:0}.usa-hint{display:block}slot:not([name])::slotted(*:last-child){margin-bottom:0.5rem}va-select::part(label),va-text-input::part(label){margin-top:0;margin-bottom:12px}va-text-input::part(validation){display:none}.usa-memorable-date{margin-top:16px;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.usa-memorable-date .usa-form-group{margin-top:0px}.usa-form-group--month{margin-right:16px}.usa-form-group--month-input{width:48px}.usa-form-group--month-select{width:15rem}.usa-form-group--day-input{width:3rem}.usa-form-group--year-input{width:4.5rem}@media (max-width: 480px){.usa-form-group--month-select{width:100%}.usa-form-group--select{-ms-flex:0 1 50%;flex:0 1 50%;width:50%}}',VaMemorableDateStyle0=vaMemorableDateCss,VaMemorableDate$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.dateChange=createEvent(this,"dateChange",7),this.dateBlur=createEvent(this,"dateBlur",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.dayTouched=!1,this.monthTouched=!1,this.yearTouched=!1,this.handleDateBlur=e=>{let a;const{currentYear:t,currentMonth:r,currentDay:o}=this,s=Number(t||a),i=Number(r||a),n=Number(o||a);if(validate({component:this,year:s,month:i,day:n,yearTouched:this.yearTouched,monthTouched:this.monthTouched,dayTouched:this.dayTouched,monthSelect:this.monthSelect}),this.error)this.externalValidation&&this.dateBlur.emit(e);else if(this.value=t||r||o?[t,r?zeroPadStart(i):"",o?zeroPadStart(n):""].join("-"):"",this.dateBlur.emit(e),this.enableAnalytics){const e={componentName:"va-memorable-date",action:"blur",details:{label:this.label,year:s,month:i,day:n}};this.componentLibraryAnalytics.emit(e)}},this.handleMonthChange=e=>{const a=e.target;this.currentMonth=a.value,this.handleDateChange(e)},this.handleDayChange=e=>{const a=e.target;this.currentDay=a.value,this.handleDateChange(e)},this.handleYearChange=e=>{const a=e.target;this.currentYear=a.value,this.handleDateChange(e)},this.handleDateChange=e=>{const{currentYear:a,currentMonth:t,currentDay:r}=this;this.value=a||t||r?[a||"",t||"",r||""].join("-"):"",this.dateChange.emit(e)},this.handleMonthBlur=()=>{this.monthTouched=!0},this.handleDayBlur=()=>{this.dayTouched=!0},this.handleYearBlur=()=>{this.yearTouched=!0},this.required=!1,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.monthSelect=!1,this.label=void 0,this.name=void 0,this.hint=void 0,this.error=void 0,this.value=void 0,this.customDayErrorMessage=void 0,this.customMonthErrorMessage=void 0,this.customYearErrorMessage=void 0,this.removeDateHint=!1,this.externalValidation=!1,this.invalidDay=!1,this.invalidMonth=!1,this.invalidYear=!1,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0}connectedCallback(){instance.on("languageChanged",()=>{forceUpdate(this.el)})}disconnectedCallback(){instance.off("languageChanged")}componentWillLoad(){this.parseValueProp()}parseValueProp(){const[e,a,t]=(this.value||"").split("-");this.currentYear=e,this.currentMonth=a,this.currentDay=t}handleValueChange(){this.parseValueProp(),this.error=null,this.invalidDay=!1,this.invalidMonth=!1,this.invalidYear=!1}render(){var e;const{required:a,label:t,name:r,hint:o,error:s,handleDateBlur:i,monthSelect:n,useFormsPattern:l,formHeadingLevel:u,formHeading:m,removeDateHint:d,headerAriaDescribedby:p}=this,c=this.externalValidation&&(null===(e=this.el)||void 0===e?void 0:e.getAttribute("error"))||s,{currentYear:f,currentMonth:g,currentDay:b}=this,v=n?instance.t("date-hint-with-select"):instance.t("date-hint"),w=e=>instance.t(e,(e=>{const a=parseInt(f,10),t=parseInt(g,10);return getErrorParameters(e,a,t)})(e)),y=`${l&&m?"form-question":""} ${l?"form-description":""} ${l&&t?"input-label":""}`.trim()||null,x="single"===l||"multiple"===l,M=getHeaderLevel(this.labelHeaderLevel),D=p?"header-message":null;let S=null;if(x){const e=getHeaderLevel(u);S=h(Fragment,null,m&&h(e,{id:"form-question",part:"form-header"},m),h("div",{id:"form-description"},h("slot",{name:"form-description"})))}const C=n?h("div",{class:"usa-form-group usa-form-group--month usa-form-group--select"},h("va-select",{label:instance.t("month"),name:r?`${r}Month`:"Month","aria-labelledby":y,invalid:this.invalidMonth,onVaSelect:this.handleMonthChange,onBlur:this.handleMonthBlur,class:"usa-form-group--month-select",reflectInputError:"month-range"===c,value:g?String(parseInt(g,10)):g,required:a,hideRequiredText:!0,error:this.invalidMonth?w(c):null,showError:!1,messageAriaDescribedby:instance.t("date-hint-month-select")},months&&months.map(e=>h("option",{value:e.value,selected:e.value===parseInt(g,10)},e.label)))):h("div",{class:"usa-form-group usa-form-group--month"},h("va-text-input",{label:instance.t("month"),name:r?`${r}Month`:"Month",maxlength:2,pattern:"[0-9]*","aria-labelledby":y,invalid:this.invalidMonth,value:null==g?void 0:g.toString(),onInput:this.handleMonthChange,onBlur:this.handleMonthBlur,class:"usa-form-group--month-input memorable-date-input",reflectInputError:"month-range"===c,inputmode:"numeric",type:"text",required:a,hideRequiredText:!0,error:this.invalidMonth?w(c):null,"show-input-error":"false",messageAriaDescribedby:instance.t("date-hint-month")})),E=classnames({"usa-legend":!0,"usa-label--error":c}),H=h(Fragment,null,t,"multiple"===l?h("span",{id:"header-message",class:"usa-sr-only"},t):p&&h("span",{id:"header-message",class:"usa-sr-only"},p));return h(Host,{onBlur:i},S,h("div",{class:"input-wrap"},h("fieldset",{class:"usa-form usa-fieldset"},h("legend",{class:E,id:"input-label",part:"legend"},t&&M?h(M,{"aria-describedby":D},H):h(Fragment,null,H),a&&h("span",{class:"usa-label--required"}," ",instance.t("required")),o&&h("div",{class:"usa-hint",id:"hint"},o)),!d&&h("span",{class:"usa-hint",id:"dateHint"},v),h("span",{id:"error-message",role:"alert"},c&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:"usa-error-message"},(e=>{let a="";return this.invalidDay?a=this.customDayErrorMessage:this.invalidMonth?a=this.customMonthErrorMessage:this.invalidYear&&(a=this.customYearErrorMessage),a||w(e)})(c)))),h("slot",null),h("div",{class:"usa-memorable-date"},C,h("div",{class:"usa-form-group usa-form-group--day"},h("va-text-input",{label:instance.t("day"),name:r?`${r}Day`:"Day",maxlength:2,pattern:"[0-9]*",invalid:this.invalidDay,value:null==b?void 0:b.toString(),onInput:this.handleDayChange,onBlur:this.handleDayBlur,class:"usa-form-group--day-input memorable-date-input",reflectInputError:"day-range"===c,inputmode:"numeric",type:"text",required:a,hideRequiredText:!0,error:this.invalidDay?w(c):null,"show-input-error":"false",messageAriaDescribedby:instance.t("date-hint-day")})),h("div",{class:"usa-form-group usa-form-group--year"},h("va-text-input",{label:instance.t("year"),name:r?`${r}Year`:"Year",maxlength:4,pattern:"[0-9]*",invalid:this.invalidYear,value:null==f?void 0:f.toString(),onInput:this.handleYearChange,onBlur:this.handleYearBlur,class:"usa-form-group--year-input memorable-date-input",reflectInputError:"year-range"===c,inputmode:"numeric",type:"text",required:a,hideRequiredText:!0,error:this.invalidYear?w(c):null,"show-input-error":"false",messageAriaDescribedby:instance.t("date-hint-year")}))))))}get el(){return this}static get watchers(){return{value:["handleValueChange"]}}static get style(){return VaMemorableDateStyle0}},[1,"va-memorable-date",{required:[4],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],monthSelect:[4,"month-select"],label:[1],name:[1],hint:[1],error:[1537],value:[1537],customDayErrorMessage:[1,"custom-day-error-message"],customMonthErrorMessage:[1,"custom-month-error-message"],customYearErrorMessage:[1,"custom-year-error-message"],removeDateHint:[4,"remove-date-hint"],externalValidation:[4,"external-validation"],invalidDay:[1028,"invalid-day"],invalidMonth:[1028,"invalid-month"],invalidYear:[1028,"invalid-year"],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"]},void 0,{value:["handleValueChange"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-memorable-date","va-icon","va-select","va-text-input"].forEach(e=>{switch(e){case"va-memorable-date":customElements.get(e)||customElements.define(e,VaMemorableDate$1);break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-select":customElements.get(e)||defineCustomElement$3();break;case"va-text-input":customElements.get(e)||defineCustomElement$2()}})}const VaMemorableDate=VaMemorableDate$1,defineCustomElement=defineCustomElement$1;export{VaMemorableDate,defineCustomElement};
|