@department-of-veterans-affairs/component-library 53.0.0 → 53.2.0

package/dist/components/va-omb-info.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{d as defineCustomElement$5}from"./va-button2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-modal2.js";import{d as defineCustomElement$2}from"./va-telephone2.js";const vaOmbInfoCss=":host{display:block;font-size:1.06rem}",VaOmbInfoStyle0=vaOmbInfoCss,VaOmbInfo$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.modalContents=null,this.toggleModalVisible=()=>{this.visible=!this.visible},this.handleSlotChange=()=>{this.modalContents=null},this.visible=void 0,this.shifted=!1,this.benefitType="benefits",this.expDate=void 0,this.ombNumber=void 0,this.formId=void 0,this.resBurden=void 0}trackShiftKey(e){this.shifted=e.shiftKey}trapFocus(){var e;const t=null===(e=this.el)||void 0===e?void 0:e.shadowRoot.querySelector("va-modal"),o=null==t?void 0:t.getAttribute("visible");if(null!==o&&"false"!==o){let e;const o=this.shifted?".last-focusable-child":'[role="document"]';e=this.shifted?null==t?void 0:t.querySelector("va-telephone").shadowRoot.querySelector(o):null==t?void 0:t.shadowRoot.querySelector(o),null==e||e.focus()}}componentWillLoad(){this.modalContents=h("div",null,this.resBurden&&h("p",null,h("strong",null,"Respondent Burden:")," We need this information to determine your eligibility for ",this.benefitType," (38 U.S.C. 3471). Title 38, United States Code, allows us to ask for this information. We estimate that you will need an average of ",this.resBurden," ","minutes to review the instructions, find the information, and complete this form. The VA cannot conduct or sponsor a collection of information unless a valid OMB (Office of Management and Budget) control number is displayed. You are not required to respond to a collection of information if this number is not displayed. Valid OMB control numbers can be located on the OMB Internet Page at www.reginfo.gov/public/do/PRAMain. If desired, you can call"," ",h("va-telephone",{contact:"8008271000",international:!0})," to get information on where to send comments or suggestions about this form."),h("p",null,h("strong",null,"Privacy Act Notice:")," The VA will not disclose information collected on this form to any source other than what has been authorized under the Privacy Act of 1974 or title 38, Code of Federal Regulations, section 1.576 for routine uses (e.g., the VA sends educational forms or letters with a veteran’s identifying information to the Veteran’s school or training establishment to (1) assist the veteran in the completion of claims forms or (2) for the VA to obtain further information as may be necessary from the school for VA to properly process the Veteran’s education claim or to monitor his or her progress during training) as identified in the VA system of records, 58VA21/22/28, Compensation, Pension, Education, and Vocational Rehabilitation and Employment Records - VA, and published in the Federal Register. Your obligation to respond is required to obtain or retain",this.benefitType,". Giving us your SSN account information is voluntary. Refusal to provide your SSN by itself will not result in the denial of benefits. The VA will not deny an individual benefits for refusing to provide his or her SSN unless the disclosure of the SSN is required by a Federal Statute of law enacted before January 1, 1975, and still in effect. The requested information is considered relevant and necessary to determine the maximum benefits under the law. While you do not have to respond, VA cannot process your claim for education assistance unless the information is furnished as required by existing law (38 U.S.C. 3471). The responses you submit are considered confidential (38 U.S.C. 5701). Any information provided by applicants, recipients, and others may be subject to verification through computer matching programs with other agencies."))}render(){const{expDate:e,handleSlotChange:t,modalContents:o,ombNumber:n,resBurden:i,toggleModalVisible:s,visible:a,formId:r}=this;return h(Host,{key:"d21aeb920e4eac3cf4f54e431ad33dacd1acb88d"},i&&h("div",{key:"cb1c6e1e7639c738e700bb7d08bf48d622f756f0"},"Respondent burden: ",h("strong",{key:"4e41541791af715427b7991d2b52484e1398a8e0"},i," minutes")),n&&h("div",{key:"a663cf83b79cc327b72a255535adb1b75277174a"},"OMB Control #: ",h("strong",{key:"fddc1bef3d6dbc783fbb615007b97621956edf5a"},n)),h("div",{key:"3512a69c5a00768bd218531ccdd281a00666e6b0"},"Expiration date: ",h("strong",{key:"dbb53295db9d2cb28f06991538b8cdecd02cfe03"},e)),h("div",{key:"b4fe3560737cddf30307b570421370b381b0da1d"},h("va-button",{key:"7845d4b0e34647ec282211cf62141abc86ba7e51",onClick:s,onFocusin:()=>this.trapFocus(),secondary:!0,text:r?`Privacy Act Statement for VA Form ${r}`:"Privacy Act Statement"})),h("va-modal",{key:"fc1388afb968245cd9919518ed16b24262f30d0b",large:!0,modalTitle:"Privacy Act Statement",onCloseEvent:s,visible:a,ariaHiddenNodeExceptions:[this.el]},h("slot",{key:"d9da50f98412e88374079174da3ee41b4d739645",onSlotchange:t}),o))}get el(){return this}static get style(){return VaOmbInfoStyle0}},[1,"va-omb-info",{benefitType:[1,"benefit-type"],expDate:[1,"exp-date"],ombNumber:[1,"omb-number"],formId:[1,"form-id"],resBurden:[2,"res-burden"],visible:[32],shifted:[32]},[[8,"keydown","trackShiftKey"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-omb-info","va-button","va-icon","va-modal","va-telephone"].forEach((e=>{switch(e){case"va-omb-info":customElements.get(e)||customElements.define(e,VaOmbInfo$1);break;case"va-button":customElements.get(e)||defineCustomElement$5();break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-modal":customElements.get(e)||defineCustomElement$3();break;case"va-telephone":customElements.get(e)||defineCustomElement$2()}}))}const VaOmbInfo=VaOmbInfo$1,defineCustomElement=defineCustomElement$1;export{VaOmbInfo,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{d as defineCustomElement$5}from"./va-button2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-modal2.js";import{d as defineCustomElement$2}from"./va-telephone2.js";const vaOmbInfoCss=":host{display:block;font-size:1.06rem}",VaOmbInfoStyle0=vaOmbInfoCss,VaOmbInfo$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.modalContents=null,this.toggleModalVisible=()=>{this.visible=!this.visible},this.handleSlotChange=()=>{this.modalContents=null},this.visible=void 0,this.shifted=!1,this.benefitType="benefits",this.expDate=void 0,this.ombNumber=void 0,this.formId=void 0,this.resBurden=void 0}trackShiftKey(e){this.shifted=e.shiftKey}trapFocus(){var e;const t=null===(e=this.el)||void 0===e?void 0:e.shadowRoot.querySelector("va-modal"),o=null==t?void 0:t.getAttribute("visible");if(null!==o&&"false"!==o){let e;const o=this.shifted?".last-focusable-child":'[role="document"]';e=this.shifted?null==t?void 0:t.querySelector("va-telephone").shadowRoot.querySelector(o):null==t?void 0:t.shadowRoot.querySelector(o),null==e||e.focus()}}componentWillLoad(){this.modalContents=h("div",null,this.resBurden&&h("p",null,h("strong",null,"Respondent Burden:")," We need this information to determine your eligibility for ",this.benefitType," (38 U.S.C. 3471). Title 38, United States Code, allows us to ask for this information. We estimate that you will need an average of ",this.resBurden," ","minutes to review the instructions, find the information, and complete this form. The VA cannot conduct or sponsor a collection of information unless a valid OMB (Office of Management and Budget) control number is displayed. You are not required to respond to a collection of information if this number is not displayed. Valid OMB control numbers can be located on the OMB Internet Page at www.reginfo.gov/public/do/PRAMain. If desired, you can call"," ",h("va-telephone",{contact:"8008271000",international:!0})," to get information on where to send comments or suggestions about this form."),h("p",null,h("strong",null,"Privacy Act Notice:")," The VA will not disclose information collected on this form to any source other than what has been authorized under the Privacy Act of 1974 or title 38, Code of Federal Regulations, section 1.576 for routine uses (e.g., the VA sends educational forms or letters with a veteran’s identifying information to the Veteran’s school or training establishment to (1) assist the veteran in the completion of claims forms or (2) for the VA to obtain further information as may be necessary from the school for VA to properly process the Veteran’s education claim or to monitor his or her progress during training) as identified in the VA system of records, 58VA21/22/28, Compensation, Pension, Education, and Vocational Rehabilitation and Employment Records - VA, and published in the Federal Register. Your obligation to respond is required to obtain or retain",this.benefitType,". Giving us your SSN account information is voluntary. Refusal to provide your SSN by itself will not result in the denial of benefits. The VA will not deny an individual benefits for refusing to provide his or her SSN unless the disclosure of the SSN is required by a Federal Statute of law enacted before January 1, 1975, and still in effect. The requested information is considered relevant and necessary to determine the maximum benefits under the law. While you do not have to respond, VA cannot process your claim for education assistance unless the information is furnished as required by existing law (38 U.S.C. 3471). The responses you submit are considered confidential (38 U.S.C. 5701). Any information provided by applicants, recipients, and others may be subject to verification through computer matching programs with other agencies."))}render(){const{expDate:e,handleSlotChange:t,modalContents:o,ombNumber:n,resBurden:i,toggleModalVisible:s,visible:a,formId:r}=this;return h(Host,{key:"8adb582621520e5b1b2426d1b8c5d7d534afb1b4"},i&&h("div",{key:"1ce259f56cd3c3f06ae43bbd88394f8d026d7730"},"Respondent burden: ",h("strong",{key:"d0d19d95d5eecab7ad266f0dabfb4d7c107153ec"},i," minutes")),n&&h("div",{key:"d93ae19ce103418f8db6aa47d9ca5697bca88133"},"OMB Control #: ",h("strong",{key:"a8ca66ffad5ab63ec71fec55201896f283aafc3b"},n)),h("div",{key:"98fdb03219e0b27e6d6d30eca6957b55a13923d8"},"Expiration date: ",h("strong",{key:"76e608df77d2e2c6e9f92545bdf9b4e0a1b46ba7"},e)),h("div",{key:"a2ad2b7db52b7c89276e002c839595e73b2904f3"},h("va-button",{key:"3df348dadb6ef1eeb493211df1f18e3d5753b172",onClick:s,onFocusin:()=>this.trapFocus(),secondary:!0,text:r?`Privacy Act Statement for VA Form ${r}`:"Privacy Act Statement"})),h("va-modal",{key:"c55a89301d3f2c5a36cd32f21a9054faa2e56a65",large:!0,modalTitle:"Privacy Act Statement",onCloseEvent:s,visible:a,ariaHiddenNodeExceptions:[this.el]},h("slot",{key:"7dc677bdbded80135fd57fa3e51a757a040bd92c",onSlotchange:t}),o))}get el(){return this}static get style(){return VaOmbInfoStyle0}},[1,"va-omb-info",{benefitType:[1,"benefit-type"],expDate:[1,"exp-date"],ombNumber:[1,"omb-number"],formId:[1,"form-id"],resBurden:[2,"res-burden"],visible:[32],shifted:[32]},[[8,"keydown","trackShiftKey"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-omb-info","va-button","va-icon","va-modal","va-telephone"].forEach((e=>{switch(e){case"va-omb-info":customElements.get(e)||customElements.define(e,VaOmbInfo$1);break;case"va-button":customElements.get(e)||defineCustomElement$5();break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-modal":customElements.get(e)||defineCustomElement$3();break;case"va-telephone":customElements.get(e)||defineCustomElement$2()}}))}const VaOmbInfo=VaOmbInfo$1,defineCustomElement=defineCustomElement$1;export{VaOmbInfo,defineCustomElement};

package/dist/components/va-privacy-agreement.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$4}from"./va-checkbox2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";const vaPrivacyAgreementCss=".sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;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}:host{display:block}va-checkbox::part(checkbox){max-width:100%}:host .description{font-size:16.96px}a{color:var(--vads-color-link)}.privacy-policy-icon{margin-left:4px;vertical-align:text-top}",VaPrivacyAgreementStyle0=vaPrivacyAgreementCss,VaPrivacyAgreement$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.vaChange=createEvent(this,"vaChange",7),this.handleCheckboxChange=e=>{this.checked=e.target.checked,this.vaChange.emit({checked:this.checked}),this.enableAnalytics&&this.componentLibraryAnalytics.emit({componentName:"va-privacy-agreement",action:"click",details:{checked:this.checked}})},this.checked=!1,this.showError=!1,this.enableAnalytics=!1}errorMessage(){return this.showError&&!this.checked?"You must accept the privacy policy before continuing.":null}render(){const e=classnames({"usa-label--error":this.showError});return h(Host,{key:"7ac1aa45ce8931f26ae217418df5499584498764"},h("va-checkbox",{key:"dd98e8d379556d88001019f3b0e8d24b31216e64",required:!0,error:this.errorMessage(),id:"checkbox",label:"I have read and accept the privacy policy.",checked:this.checked,onVaChange:this.handleCheckboxChange},h("span",{key:"21913a2b4895faba0ee9072ab5b987f649f76324",class:`${e} description`,slot:"description"},"Please read and accept the ",h("va-link",{key:"8ac85e7c8611bb883212377805878af28354d557",href:"/privacy-policy/",text:"privacy policy",external:!0}),".")))}static get style(){return VaPrivacyAgreementStyle0}},[1,"va-privacy-agreement",{checked:[1028],showError:[4,"show-error"],enableAnalytics:[4,"enable-analytics"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-privacy-agreement","va-checkbox","va-icon","va-link"].forEach((e=>{switch(e){case"va-privacy-agreement":customElements.get(e)||customElements.define(e,VaPrivacyAgreement$1);break;case"va-checkbox":customElements.get(e)||defineCustomElement$4();break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}}))}const VaPrivacyAgreement=VaPrivacyAgreement$1,defineCustomElement=defineCustomElement$1;export{VaPrivacyAgreement,defineCustomElement};
+import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$4}from"./va-checkbox2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";const vaPrivacyAgreementCss=".sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;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}:host{display:block}va-checkbox::part(checkbox){max-width:100%}a{color:var(--vads-color-link)}.privacy-policy-icon{margin-left:4px;vertical-align:text-top}",VaPrivacyAgreementStyle0=vaPrivacyAgreementCss,VaPrivacyAgreement$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.vaChange=createEvent(this,"vaChange",7),this.handleCheckboxChange=e=>{this.checked=e.target.checked,this.vaChange.emit({checked:this.checked}),this.enableAnalytics&&this.componentLibraryAnalytics.emit({componentName:"va-privacy-agreement",action:"click",details:{checked:this.checked}})},this.checked=!1,this.showError=!1,this.enableAnalytics=!1}errorMessage(){return this.showError&&!this.checked?"You must accept the privacy policy before continuing.":null}render(){const e=classnames({"usa-label--error":this.showError});return h(Host,{key:"4ef109c486bf57d1f22a0cf57107f8f705e0f74d"},h("va-checkbox",{key:"fa7a18dc2a19f41e2e30e1ad3706e6282d96b46d",required:!0,error:this.errorMessage(),id:"checkbox",label:"I have read and accept the privacy policy.",checked:this.checked,onVaChange:this.handleCheckboxChange},h("span",{key:"e3464d417d9f7fb8a43f2a5b8f92a216cd1af35f",class:`${e} description`,slot:"description"},"Please read and accept the ",h("va-link",{key:"4a3a9c4a660ab249c8a48ac199502bdfc61754a4",href:"/privacy-policy/",text:"privacy policy",external:!0}),".")))}static get style(){return VaPrivacyAgreementStyle0}},[1,"va-privacy-agreement",{checked:[1028],showError:[4,"show-error"],enableAnalytics:[4,"enable-analytics"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-privacy-agreement","va-checkbox","va-icon","va-link"].forEach((e=>{switch(e){case"va-privacy-agreement":customElements.get(e)||customElements.define(e,VaPrivacyAgreement$1);break;case"va-checkbox":customElements.get(e)||defineCustomElement$4();break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}}))}const VaPrivacyAgreement=VaPrivacyAgreement$1,defineCustomElement=defineCustomElement$1;export{VaPrivacyAgreement,defineCustomElement};

package/dist/components/va-process-list-item.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{g as getHeaderLevel}from"./utils.js";const vaProcessListItemCss='.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-process-list>li{margin-bottom:0;max-width:unset}.usa-process-list>.usa-process-list__item{max-width:72ex}.usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n  (2.5rem / 2) - 0.25rem\n) * 2)}.usa-prose .usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-prose .usa-process-list>li{margin-bottom:0;max-width:unset}.usa-prose .usa-process-list>.usa-process-list__item{max-width:72ex}.usa-prose .usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n  (2.5rem / 2) - 0.25rem\n) * 2)}.usa-process-list__item:last-child{border-left:0.5rem solid transparent}.usa-process-list__item::before{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.5rem;border-radius:99rem;width:2.5rem;background-color:white;border:0.25rem solid #1b1b1b;-webkit-box-shadow:0 0 0 0.25rem white;box-shadow:0 0 0 0.25rem white;color:#1b1b1b;content:counter(usa-numbered-list, decimal);counter-increment:usa-numbered-list;display:-ms-flexbox;display:flex;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;font-weight:700;height:2.5rem;left:0;line-height:0.9;margin-top:-0.4rem;position:absolute;width:2.5rem}.usa-process-list__item ul{list-style-type:disc}.usa-process-list__item ul li{margin-bottom:0.25rem}.usa-process-list__item ul li:last-child{margin-bottom:0}.usa-process-list__item>*:first-child{margin-top:0}.usa-process-list__item>*:last-child{margin-bottom:0}.usa-process-list__heading,.usa-process-list__heading-eyebrow{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-weight:700;margin:0}.usa-process-list__heading+*,.usa-process-list__heading-eyebrow+*{margin-top:0.25rem}.usa-process-list__item{display:list-item}.usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker);text-transform:uppercase;font-weight:normal;font-size:var(--vads-font-size-source-sans-normalized)}va-process-list-item[pending=true] .usa-process-list__heading,va-process-list-item[pending=true] .usa-process-list__heading-eyebrow{color:var(--vads-process-list-color-text-pending-on-light)}va-process-list-item[pending=true] .usa-process-list__heading .usa-process-list__heading-eyebrow,va-process-list-item[pending=true] .usa-process-list__heading-eyebrow .usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker)}va-process-list-item[active=true] .usa-process-list__heading,va-process-list-item[active=true] .usa-process-list__heading-eyebrow{color:var(--vads-color-primary)}va-process-list-item[active=true] .usa-process-list__heading .usa-process-list__heading-eyebrow,va-process-list-item[active=true] .usa-process-list__heading-eyebrow .usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker)}.usa-process-list__heading:is(h1,h2,h3,h4,h5),.usa-process-list__heading-eyebrow:is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}h1.usa-process-list__heading,h1.usa-process-list__heading-eyebrow{font-size:40px}h2.usa-process-list__heading,h2.usa-process-list__heading-eyebrow{font-size:30px}h3.usa-process-list__heading,h3.usa-process-list__heading-eyebrow{font-size:20px}h4.usa-process-list__heading,h4.usa-process-list__heading-eyebrow{font-size:17px}h5.usa-process-list__heading,h5.usa-process-list__heading-eyebrow,h6.usa-process-list__heading,h6.usa-process-list__heading-eyebrow{font-size:15px}',VaProcessListItemStyle0=vaProcessListItemCss,VaProcessListItem$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.header=void 0,this.level=3,this.active=!1,this.pending=!1,this.checkmark=!1,this.statusText=void 0}render(){const{header:e,level:s,checkmark:t,active:i,pending:r,statusText:o}=this,a=getHeaderLevel(s),l=t?"checkmark":i?"active":r?"pending":null;return h(Host,{key:"952b07b8d2c03b14a664a4c36aba86e48a1c61c0",role:"listitem",class:"usa-process-list__item"},e||l?h(a,{part:"header",class:"usa-process-list__heading"},l?h("div",{class:"usa-process-list__heading-eyebrow"},{checkmark:o||"Complete",active:o||"Active",pending:o||"Pending"}[l]):null,e?h("div",null,e):null):null,h("slot",{key:"44c2010579ed5e6d8e75d717a605b0d30bac1bd4"}))}static get style(){return VaProcessListItemStyle0}},[4,"va-process-list-item",{header:[1],level:[2],active:[4],pending:[4],checkmark:[4],statusText:[1,"status-text"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-process-list-item"].forEach((e=>{"va-process-list-item"===e&&(customElements.get(e)||customElements.define(e,VaProcessListItem$1))}))}const VaProcessListItem=VaProcessListItem$1,defineCustomElement=defineCustomElement$1;export{VaProcessListItem,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{g as getHeaderLevel}from"./utils.js";const vaProcessListItemCss='.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-process-list>li{margin-bottom:0;max-width:unset}.usa-process-list>.usa-process-list__item{max-width:72ex}.usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n  (2.5rem / 2) - 0.25rem\n) * 2)}.usa-prose .usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-prose .usa-process-list>li{margin-bottom:0;max-width:unset}.usa-prose .usa-process-list>.usa-process-list__item{max-width:72ex}.usa-prose .usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n  (2.5rem / 2) - 0.25rem\n) * 2)}.usa-process-list__item:last-child{border-left:0.5rem solid transparent}.usa-process-list__item::before{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.5rem;border-radius:99rem;width:2.5rem;background-color:white;border:0.25rem solid #1b1b1b;-webkit-box-shadow:0 0 0 0.25rem white;box-shadow:0 0 0 0.25rem white;color:#1b1b1b;content:counter(usa-numbered-list, decimal);counter-increment:usa-numbered-list;display:-ms-flexbox;display:flex;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;font-weight:700;height:2.5rem;left:0;line-height:0.9;margin-top:-0.4rem;position:absolute;width:2.5rem}.usa-process-list__item ul{list-style-type:disc}.usa-process-list__item ul li{margin-bottom:0.25rem}.usa-process-list__item ul li:last-child{margin-bottom:0}.usa-process-list__item>*:first-child{margin-top:0}.usa-process-list__item>*:last-child{margin-bottom:0}.usa-process-list__heading,.usa-process-list__heading-eyebrow{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-weight:700;margin:0}.usa-process-list__heading+*,.usa-process-list__heading-eyebrow+*{margin-top:0.25rem}.usa-process-list__item{display:list-item}.usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker);text-transform:uppercase;font-weight:normal;font-size:var(--vads-font-size-source-sans-normalized)}va-process-list-item[pending=true] .usa-process-list__heading,va-process-list-item[pending=true] .usa-process-list__heading-eyebrow{color:var(--vads-process-list-color-text-pending-on-light)}va-process-list-item[pending=true] .usa-process-list__heading .usa-process-list__heading-eyebrow,va-process-list-item[pending=true] .usa-process-list__heading-eyebrow .usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker)}va-process-list-item[active=true] .usa-process-list__heading,va-process-list-item[active=true] .usa-process-list__heading-eyebrow{color:var(--vads-color-primary)}va-process-list-item[active=true] .usa-process-list__heading .usa-process-list__heading-eyebrow,va-process-list-item[active=true] .usa-process-list__heading-eyebrow .usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker)}.usa-process-list__heading:is(h1,h2,h3,h4,h5),.usa-process-list__heading-eyebrow:is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}h1.usa-process-list__heading,h1.usa-process-list__heading-eyebrow{font-size:var(--font-size-h1)}h2.usa-process-list__heading,h2.usa-process-list__heading-eyebrow{font-size:var(--font-size-h2)}h3.usa-process-list__heading,h3.usa-process-list__heading-eyebrow{font-size:var(--font-size-h3)}h4.usa-process-list__heading,h4.usa-process-list__heading-eyebrow{font-size:var(--font-size-h4)}h5.usa-process-list__heading,h5.usa-process-list__heading-eyebrow,h6.usa-process-list__heading,h6.usa-process-list__heading-eyebrow{font-size:var(--font-size-h5)}',VaProcessListItemStyle0=vaProcessListItemCss,VaProcessListItem$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.header=void 0,this.level=3,this.active=!1,this.pending=!1,this.checkmark=!1,this.statusText=void 0}render(){const{header:e,level:s,checkmark:t,active:i,pending:r,statusText:o}=this,a=getHeaderLevel(s),l=t?"checkmark":i?"active":r?"pending":null;return h(Host,{key:"fa64fcced5faebb10362d85b2ec9e3cb10ad566f",role:"listitem",class:"usa-process-list__item"},e||l?h(a,{part:"header",class:"usa-process-list__heading"},l?h("div",{class:"usa-process-list__heading-eyebrow"},{checkmark:o||"Complete",active:o||"Active",pending:o||"Pending"}[l]):null,e?h("div",null,e):null):null,h("slot",{key:"91e9d10a431d14f7c2c8e5bfaed452e66a90be40"}))}static get style(){return VaProcessListItemStyle0}},[4,"va-process-list-item",{header:[1],level:[2],active:[4],pending:[4],checkmark:[4],statusText:[1,"status-text"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-process-list-item"].forEach((e=>{"va-process-list-item"===e&&(customElements.get(e)||customElements.define(e,VaProcessListItem$1))}))}const VaProcessListItem=VaProcessListItem$1,defineCustomElement=defineCustomElement$1;export{VaProcessListItem,defineCustomElement};

package/dist/components/va-process-list.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";const vaProcessListCss='.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-process-list>li{margin-bottom:0;max-width:unset}.usa-process-list>.usa-process-list__item{max-width:72ex}.usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n  (2.5rem / 2) - 0.25rem\n) * 2)}.usa-prose .usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-prose .usa-process-list>li{margin-bottom:0;max-width:unset}.usa-prose .usa-process-list>.usa-process-list__item{max-width:72ex}.usa-prose .usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n  (2.5rem / 2) - 0.25rem\n) * 2)}.usa-process-list__item:last-child{border-left:0.5rem solid transparent}.usa-process-list__item::before{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.5rem;border-radius:99rem;width:2.5rem;background-color:white;border:0.25rem solid #1b1b1b;-webkit-box-shadow:0 0 0 0.25rem white;box-shadow:0 0 0 0.25rem white;color:#1b1b1b;content:counter(usa-numbered-list, decimal);counter-increment:usa-numbered-list;display:-ms-flexbox;display:flex;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;font-weight:700;height:2.5rem;left:0;line-height:0.9;margin-top:-0.4rem;position:absolute;width:2.5rem}.usa-process-list__item ul{list-style-type:disc}.usa-process-list__item ul li{margin-bottom:0.25rem}.usa-process-list__item ul li:last-child{margin-bottom:0}.usa-process-list__item>*:first-child{margin-top:0}.usa-process-list__item>*:last-child{margin-bottom:0}.usa-process-list__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-weight:700;margin:0}.usa-process-list__heading+*{margin-top:0.25rem}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host{counter-reset:usa-numbered-list}::slotted(va-process-list-item[checkmark=true]):before{color:var(--vads-color-success-dark) !important;border-color:var(--vads-color-success-dark) !important;content:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2218px%22 height%3D%2215px%22 viewBox%3D%220 0 18 15%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E    %3Ctitle%3EIcons %2F Font Awesome %2F fa-check%3C%2Ftitle%3E    %3Cg id%3D%22----Process-List%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cg id%3D%22Process-List-%2F-_elements-%2F-number-%2F-complete-%22 transform%3D%22translate(-11.000000%2C -12.000000)%22 fill%3D%22%23008817%22%3E            %3Cg id%3D%22Icons-%2F-Font-Awesome-%2F-fa-check%22 transform%3D%22translate(11.000000%2C 12.250000)%22%3E                %3Cpath d%3D%22M18%2C2.69419355 C18%2C2.98451613 17.883871%2C3.27483871 17.6748387%2C3.48387097 L7.68774194%2C13.4709677 C7.47870968%2C13.68 7.1883871%2C13.796129 6.89806452%2C13.796129 C6.60774194%2C13.796129 6.31741935%2C13.68 6.1083871%2C13.4709677 L0.32516129%2C7.68774194 C0.116129032%2C7.47870968 0%2C7.1883871 0%2C6.89806452 C0%2C6.60774194 0.116129032%2C6.31741935 0.32516129%2C6.1083871 L1.90451613%2C4.52903226 C2.11354839%2C4.32 2.40387097%2C4.20387097 2.69419355%2C4.20387097 C2.98451613%2C4.20387097 3.27483871%2C4.32 3.48387097%2C4.52903226 L6.89806452%2C7.95483871 L14.516129%2C0.32516129 C14.7251613%2C0.116129032 15.0154839%2C-1.77635684e-15 15.3058065%2C-1.77635684e-15 C15.596129%2C-1.77635684e-15 15.8864516%2C0.116129032 16.0954839%2C0.32516129 L17.6748387%2C1.90451613 C17.883871%2C2.11354839 18%2C2.40387097 18%2C2.69419355 Z%22 id%3D%22icon%22%3E%3C%2Fpath%3E            %3C%2Fg%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E") !important;content:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2218px%22 height%3D%2215px%22 viewBox%3D%220 0 18 15%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E    %3Ctitle%3EIcons %2F Font Awesome %2F fa-check%3C%2Ftitle%3E    %3Cg id%3D%22----Process-List%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cg id%3D%22Process-List-%2F-_elements-%2F-number-%2F-complete-%22 transform%3D%22translate(-11.000000%2C -12.000000)%22 fill%3D%22%23008817%22%3E            %3Cg id%3D%22Icons-%2F-Font-Awesome-%2F-fa-check%22 transform%3D%22translate(11.000000%2C 12.250000)%22%3E                %3Cpath d%3D%22M18%2C2.69419355 C18%2C2.98451613 17.883871%2C3.27483871 17.6748387%2C3.48387097 L7.68774194%2C13.4709677 C7.47870968%2C13.68 7.1883871%2C13.796129 6.89806452%2C13.796129 C6.60774194%2C13.796129 6.31741935%2C13.68 6.1083871%2C13.4709677 L0.32516129%2C7.68774194 C0.116129032%2C7.47870968 0%2C7.1883871 0%2C6.89806452 C0%2C6.60774194 0.116129032%2C6.31741935 0.32516129%2C6.1083871 L1.90451613%2C4.52903226 C2.11354839%2C4.32 2.40387097%2C4.20387097 2.69419355%2C4.20387097 C2.98451613%2C4.20387097 3.27483871%2C4.32 3.48387097%2C4.52903226 L6.89806452%2C7.95483871 L14.516129%2C0.32516129 C14.7251613%2C0.116129032 15.0154839%2C-1.77635684e-15 15.3058065%2C-1.77635684e-15 C15.596129%2C-1.77635684e-15 15.8864516%2C0.116129032 16.0954839%2C0.32516129 L17.6748387%2C1.90451613 C17.883871%2C2.11354839 18%2C2.40387097 18%2C2.69419355 Z%22 id%3D%22icon%22%3E%3C%2Fpath%3E            %3C%2Fg%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E")/"Completed" !important}::slotted(va-process-list-item[active=true]):before{color:var(--vads-color-primary) !important;border-color:var(--vads-color-primary) !important}::slotted(va-process-list-item[pending=true]):before{color:var(--vads-process-list-color-text-pending-on-light) !important;border-color:var(--vads-color-gray-medium) !important}::slotted(va-process-list-item[pending=true]){color:var(--vads-process-list-color-text-pending-on-light) !important}::slotted(va-process-list-item){border-left:8px solid var(--vads-color-gray-cool-light)}',VaProcessListStyle0=vaProcessListCss,VaProcessList$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return h("ol",{key:"dceb6e0a6933e1e251374ff939239a0949bab908",role:"list",class:"usa-process-list"},h("slot",{key:"57e6691e462d74d6df581722961b07bfbab3d244"}))}static get style(){return VaProcessListStyle0}},[1,"va-process-list"]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-process-list"].forEach((e=>{"va-process-list"===e&&(customElements.get(e)||customElements.define(e,VaProcessList$1))}))}const VaProcessList=VaProcessList$1,defineCustomElement=defineCustomElement$1;export{VaProcessList,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";const vaProcessListCss='.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-process-list>li{margin-bottom:0;max-width:unset}.usa-process-list>.usa-process-list__item{max-width:72ex}.usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n  (2.5rem / 2) - 0.25rem\n) * 2)}.usa-prose .usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-prose .usa-process-list>li{margin-bottom:0;max-width:unset}.usa-prose .usa-process-list>.usa-process-list__item{max-width:72ex}.usa-prose .usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n  (2.5rem / 2) - 0.25rem\n) * 2)}.usa-process-list__item:last-child{border-left:0.5rem solid transparent}.usa-process-list__item::before{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.5rem;border-radius:99rem;width:2.5rem;background-color:white;border:0.25rem solid #1b1b1b;-webkit-box-shadow:0 0 0 0.25rem white;box-shadow:0 0 0 0.25rem white;color:#1b1b1b;content:counter(usa-numbered-list, decimal);counter-increment:usa-numbered-list;display:-ms-flexbox;display:flex;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;font-weight:700;height:2.5rem;left:0;line-height:0.9;margin-top:-0.4rem;position:absolute;width:2.5rem}.usa-process-list__item ul{list-style-type:disc}.usa-process-list__item ul li{margin-bottom:0.25rem}.usa-process-list__item ul li:last-child{margin-bottom:0}.usa-process-list__item>*:first-child{margin-top:0}.usa-process-list__item>*:last-child{margin-bottom:0}.usa-process-list__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-weight:700;margin:0}.usa-process-list__heading+*{margin-top:0.25rem}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host{counter-reset:usa-numbered-list}::slotted(va-process-list-item[checkmark=true]):before{color:var(--vads-color-success-dark) !important;border-color:var(--vads-color-success-dark) !important;content:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2218px%22 height%3D%2215px%22 viewBox%3D%220 0 18 15%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E    %3Ctitle%3EIcons %2F Font Awesome %2F fa-check%3C%2Ftitle%3E    %3Cg id%3D%22----Process-List%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cg id%3D%22Process-List-%2F-_elements-%2F-number-%2F-complete-%22 transform%3D%22translate(-11.000000%2C -12.000000)%22 fill%3D%22%23008817%22%3E            %3Cg id%3D%22Icons-%2F-Font-Awesome-%2F-fa-check%22 transform%3D%22translate(11.000000%2C 12.250000)%22%3E                %3Cpath d%3D%22M18%2C2.69419355 C18%2C2.98451613 17.883871%2C3.27483871 17.6748387%2C3.48387097 L7.68774194%2C13.4709677 C7.47870968%2C13.68 7.1883871%2C13.796129 6.89806452%2C13.796129 C6.60774194%2C13.796129 6.31741935%2C13.68 6.1083871%2C13.4709677 L0.32516129%2C7.68774194 C0.116129032%2C7.47870968 0%2C7.1883871 0%2C6.89806452 C0%2C6.60774194 0.116129032%2C6.31741935 0.32516129%2C6.1083871 L1.90451613%2C4.52903226 C2.11354839%2C4.32 2.40387097%2C4.20387097 2.69419355%2C4.20387097 C2.98451613%2C4.20387097 3.27483871%2C4.32 3.48387097%2C4.52903226 L6.89806452%2C7.95483871 L14.516129%2C0.32516129 C14.7251613%2C0.116129032 15.0154839%2C-1.77635684e-15 15.3058065%2C-1.77635684e-15 C15.596129%2C-1.77635684e-15 15.8864516%2C0.116129032 16.0954839%2C0.32516129 L17.6748387%2C1.90451613 C17.883871%2C2.11354839 18%2C2.40387097 18%2C2.69419355 Z%22 id%3D%22icon%22%3E%3C%2Fpath%3E            %3C%2Fg%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E") !important;content:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2218px%22 height%3D%2215px%22 viewBox%3D%220 0 18 15%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E    %3Ctitle%3EIcons %2F Font Awesome %2F fa-check%3C%2Ftitle%3E    %3Cg id%3D%22----Process-List%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cg id%3D%22Process-List-%2F-_elements-%2F-number-%2F-complete-%22 transform%3D%22translate(-11.000000%2C -12.000000)%22 fill%3D%22%23008817%22%3E            %3Cg id%3D%22Icons-%2F-Font-Awesome-%2F-fa-check%22 transform%3D%22translate(11.000000%2C 12.250000)%22%3E                %3Cpath d%3D%22M18%2C2.69419355 C18%2C2.98451613 17.883871%2C3.27483871 17.6748387%2C3.48387097 L7.68774194%2C13.4709677 C7.47870968%2C13.68 7.1883871%2C13.796129 6.89806452%2C13.796129 C6.60774194%2C13.796129 6.31741935%2C13.68 6.1083871%2C13.4709677 L0.32516129%2C7.68774194 C0.116129032%2C7.47870968 0%2C7.1883871 0%2C6.89806452 C0%2C6.60774194 0.116129032%2C6.31741935 0.32516129%2C6.1083871 L1.90451613%2C4.52903226 C2.11354839%2C4.32 2.40387097%2C4.20387097 2.69419355%2C4.20387097 C2.98451613%2C4.20387097 3.27483871%2C4.32 3.48387097%2C4.52903226 L6.89806452%2C7.95483871 L14.516129%2C0.32516129 C14.7251613%2C0.116129032 15.0154839%2C-1.77635684e-15 15.3058065%2C-1.77635684e-15 C15.596129%2C-1.77635684e-15 15.8864516%2C0.116129032 16.0954839%2C0.32516129 L17.6748387%2C1.90451613 C17.883871%2C2.11354839 18%2C2.40387097 18%2C2.69419355 Z%22 id%3D%22icon%22%3E%3C%2Fpath%3E            %3C%2Fg%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E")/"Completed" !important}::slotted(va-process-list-item[active=true]):before{color:var(--vads-color-primary) !important;border-color:var(--vads-color-primary) !important}::slotted(va-process-list-item[pending=true]):before{color:var(--vads-process-list-color-text-pending-on-light) !important;border-color:var(--vads-color-gray-medium) !important}::slotted(va-process-list-item[pending=true]){color:var(--vads-process-list-color-text-pending-on-light) !important}::slotted(va-process-list-item){border-left:8px solid var(--vads-color-gray-cool-light)}',VaProcessListStyle0=vaProcessListCss,VaProcessList$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return h("ol",{key:"33bebc6ec2f0137cb1387a075200aaff389aa512",role:"list",class:"usa-process-list"},h("slot",{key:"595c32bf8ec884e9b13bd5904290d7b8691c836f"}))}static get style(){return VaProcessListStyle0}},[1,"va-process-list"]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-process-list"].forEach((e=>{"va-process-list"===e&&(customElements.get(e)||customElements.define(e,VaProcessList$1))}))}const VaProcessList=VaProcessList$1,defineCustomElement=defineCustomElement$1;export{VaProcessList,defineCustomElement};

package/dist/components/va-progress-bar2.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";const vaProgressBarCss=".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}div{-webkit-box-sizing:border-box;box-sizing:border-box}.progress-bar{border:2px solid var(--vads-color-primary);border-radius:1em;display:block;height:1em;margin:1em 0;width:100%}.progress-bar-inner{background-color:var(--vads-color-primary);content:' ';display:block;height:100%;max-width:100%}",VaProgressBarStyle0=vaProgressBarCss,VaProgressBar=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.enableAnalytics=!1,this.percent=void 0,this.label=void 0}componentDidRender(){!this.enableAnalytics||0!==this.percent&&100!==this.percent||this.componentLibraryAnalytics.emit({componentName:"va-progress-bar",action:"change",details:{label:this.label||`${this.percent}% complete`,percent:this.percent}})}render(){const{label:e=`${this.percent.toFixed(0)}% complete`,percent:r}=this;return h(Host,{key:"aec088cafce72f3197fe17b3d167ab80ea0b68ec"},h("div",{key:"510420c098a94fb2839a190af9acbc926334329d","aria-label":e,"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":r.toFixed(0),"aria-valuetext":e,class:"progress-bar",tabindex:"0",role:"progressbar"},h("div",{key:"a866343de86450816189381b67ed6ee2aa612f1f",class:"progress-bar-inner",style:{width:`${r}%`}})),h("span",{key:"bafb09e85f172a7e8ebeb64dd1d34e62b55c8856","aria-atomic":"true","aria-live":"polite",class:"sr-only"},r.toFixed(0),"% complete"))}static get style(){return VaProgressBarStyle0}},[1,"va-progress-bar",{enableAnalytics:[4,"enable-analytics"],percent:[2],label:[1]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-progress-bar"].forEach((e=>{"va-progress-bar"===e&&(customElements.get(e)||customElements.define(e,VaProgressBar))}))}export{VaProgressBar as V,defineCustomElement as d};
+import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";const vaProgressBarCss=".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}div{-webkit-box-sizing:border-box;box-sizing:border-box}.progress-bar{border:2px solid var(--vads-color-primary);border-radius:1em;display:block;height:1em;margin:1em 0;width:100%}.progress-bar-inner{background-color:var(--vads-color-primary);content:' ';display:block;height:100%;max-width:100%}",VaProgressBarStyle0=vaProgressBarCss,VaProgressBar=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.enableAnalytics=!1,this.percent=void 0,this.label=void 0}componentDidRender(){!this.enableAnalytics||0!==this.percent&&100!==this.percent||this.componentLibraryAnalytics.emit({componentName:"va-progress-bar",action:"change",details:{label:this.label||`${this.percent}% complete`,percent:this.percent}})}render(){const{label:e=`${this.percent.toFixed(0)}% complete`,percent:r}=this;return h(Host,{key:"83314998853aa57ebfe2b684a1313f19a404904b"},h("div",{key:"a384d0c99e8e5e32fdbd8a4ecadbba3b5644be5c","aria-label":e,"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":r.toFixed(0),"aria-valuetext":e,class:"progress-bar",tabindex:"0",role:"progressbar"},h("div",{key:"2fa4a5a6ba4decae0866a8f595d48cd8b79439d3",class:"progress-bar-inner",style:{width:`${r}%`}})),h("span",{key:"4db94c1fdd98f189d1d75a7b3505a4fe24942925","aria-atomic":"true","aria-live":"polite",class:"sr-only"},r.toFixed(0),"% complete"))}static get style(){return VaProgressBarStyle0}},[1,"va-progress-bar",{enableAnalytics:[4,"enable-analytics"],percent:[2],label:[1]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-progress-bar"].forEach((e=>{"va-progress-bar"===e&&(customElements.get(e)||customElements.define(e,VaProgressBar))}))}export{VaProgressBar as V,defineCustomElement as d};

package/dist/components/va-radio-option.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,createEvent,h}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";const vaRadioOptionCss='.usa-radio__label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-radio{background:white}.usa-radio__label{color:#1b1b1b}.usa-radio__label::before{background:white;-webkit-box-shadow:0 0 0 2px #1b1b1b;box-shadow:0 0 0 2px #1b1b1b}@media (forced-colors: active){.usa-radio__label::before{outline:2px solid transparent;outline-offset:2px}}.usa-radio__input:checked+[class*=__label]::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2}.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:#757575;cursor:not-allowed}@media (forced-colors: active){.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:GrayText}}.usa-radio__input:disabled+[class*=__label]::before,.usa-radio__input[aria-disabled=true]+[class*=__label]::before{background-color:white;-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-radio__input--tile+[class*=__label]{background-color:white;border:2px solid #c9c9c9;color:#1b1b1b}.usa-radio__input--tile:checked+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-radio__input--tile:checked+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-radio__input--tile:disabled+[class*=__label],.usa-radio__input--tile[aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-radio__input--tile:disabled:checked+[class*=__label],.usa-radio__input--tile:disabled:indeterminate+[class*=__label],.usa-radio__input--tile:disabled[data-indeterminate]+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:checked+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:indeterminate+[class*=__label],.usa-radio__input--tile[aria-disabled=true][data-indeterminate]+[class*=__label]{background-color:white}.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white;box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked+[class*=__label]::before{background-color:ButtonText}}.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:#757575;-webkit-box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white;box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:GrayText}}.usa-radio__input{position:absolute;left:-999em;right:auto}.usa-radio__input:focus+[class*=__label]::before{outline:0.25rem solid #2491ff;outline-offset:0.25rem}.usa-radio__input--tile+[class*=__label]{border-radius:0.25rem;margin-top:0.5rem;padding:0.75rem 1rem 0.75rem 2.5rem}.usa-radio__input--tile+[class*=__label]::before{left:0.5rem}@media print{.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2}}.usa-radio__label{cursor:pointer;display:inherit;font-weight:normal;margin-top:0.75rem;padding-left:2rem;position:relative}.usa-radio__label::before{content:" ";display:block;left:0;margin-left:2px;margin-top:0.064rem;position:absolute}.usa-radio__label::before{height:1.25rem;border-radius:99rem;width:1.25rem}.usa-radio__label-description{display:block;font-size:0.93rem;margin-top:0.5rem}va-radio-option{display:block;margin-top:12px}va-radio-option .usa-radio{background:transparent;display:-ms-flexbox;display:flex;margin:0.75rem 0;max-width:480px;cursor:pointer;--vads-button-color-background-primary-on-light:#005ea2;--vads-input-background-color-on-light:#ffffff;--vads-input-border-color-on-light:#565c65;--vads-input-prefix-color-fill-on-light:#757575;--vads-input-prefix-color-text-on-light:#757575;--vads-input-suffix-color-text-on-light:#757575;--vads-input-tile-background-active-on-light:rgba(0, 94, 162, 0.1);--vads-input-tile-border-active-on-light:#005ea2;--vads-input-tile-border-on-light:rgba(27, 27, 27, 0.03);--vads-input-tile-border-override:#c9c9c9}va-radio-option .va-radio-option__container--tile{border-radius:0.25rem;background-color:var(--vads-input-background-color-on-light);border:2px solid var(--vads-input-tile-border-override);color:var(--vads-color-base);padding:0.75rem 1rem 0.75rem 0.5rem;margin:0.5rem 0}va-radio-option .va-radio-option__container--tile--checked{background-color:var(--vads-input-tile-background-active-on-light);border-color:var(--vads-input-tile-border-active-on-light)}va-radio-option input[type=radio].va-radio-option__input{height:1.25rem !important;width:1.25rem;min-width:1.25rem;border:none;-webkit-box-shadow:0 0 0 2px var(--vads-color-base);box-shadow:0 0 0 2px var(--vads-color-base);border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0.064rem 0 0 4px;opacity:unset;position:static;cursor:pointer}va-radio-option input[type=radio].va-radio-option__input:checked{background:var(--vads-button-color-background-primary-on-light);-webkit-box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light), inset 0 0 0 2px var(--vads-input-background-color-on-light);box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light), inset 0 0 0 2px var(--vads-input-background-color-on-light)}va-radio-option input[type=radio].va-radio-option__input:checked:focus{outline-offset:4px}va-radio-option .usa-radio__label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 !important;width:100%;padding-left:0.6rem;-webkit-box-sizing:border-box;box-sizing:border-box}va-radio-option input[type=radio]+label{margin-bottom:0}va-radio-option input[type=radio]+label:before{border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:0;line-height:0;margin-left:0;margin-right:0;width:0}va-radio-option input[type=radio]:checked+label:before{outline:none;-webkit-box-shadow:none;box-shadow:none}va-radio-option input[type=radio]:focus+label::before{outline:none}',VaRadioOptionStyle0=vaRadioOptionCss,VaRadioOption$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.radioOptionSelected=createEvent(this,"radioOptionSelected",7),this.name=void 0,this.label=void 0,this.value=void 0,this.checked=!1,this.tile=!1,this.description=void 0,this.disabled=!1,this.ariaDescribedby=void 0}handleChange(){this.radioOptionSelected.emit()}render(){const{checked:e,name:a,value:o,label:i,disabled:t,tile:r,description:d}=this,l=this.el.id||a+o,n=classnames("usa-radio",{"va-radio-option__container--tile":r,"va-radio-option__container--tile--checked":r&&e});return h("div",{key:"d3f446a281e84809e9625095d0ab8a172efadf03",class:n,onClick:()=>this.handleChange()},h("input",{key:"a860b7024e8788730a6292a899b698f4b5991016",class:"va-radio-option__input",type:"radio",name:a,value:o,checked:e,disabled:t,id:l+"input"}),h("label",{key:"32fdc32069a13b328b63221664033fbe82162540",class:"usa-radio__label",htmlFor:l+"input"},i,d&&h("span",{key:"3c4a0344052f265ea8e73b8a67fcd65fc99abc0a",class:"usa-radio__label-description dd-privacy-hidden","data-dd-action-name":"description"},d)))}get el(){return this}static get style(){return VaRadioOptionStyle0}},[0,"va-radio-option",{name:[1],label:[1],value:[1],checked:[4],tile:[4],description:[1],disabled:[4],ariaDescribedby:[1,"aria-describedby"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-radio-option"].forEach((e=>{"va-radio-option"===e&&(customElements.get(e)||customElements.define(e,VaRadioOption$1))}))}const VaRadioOption=VaRadioOption$1,defineCustomElement=defineCustomElement$1;export{VaRadioOption,defineCustomElement};
+import{proxyCustomElement,HTMLElement,createEvent,h}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";const vaRadioOptionCss='.usa-radio__label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-radio{background:white}.usa-radio__label{color:#1b1b1b}.usa-radio__label::before{background:white;-webkit-box-shadow:0 0 0 2px #1b1b1b;box-shadow:0 0 0 2px #1b1b1b}@media (forced-colors: active){.usa-radio__label::before{outline:2px solid transparent;outline-offset:2px}}.usa-radio__input:checked+[class*=__label]::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2}.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:#757575;cursor:not-allowed}@media (forced-colors: active){.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:GrayText}}.usa-radio__input:disabled+[class*=__label]::before,.usa-radio__input[aria-disabled=true]+[class*=__label]::before{background-color:white;-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-radio__input--tile+[class*=__label]{background-color:white;border:2px solid #c9c9c9;color:#1b1b1b}.usa-radio__input--tile:checked+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-radio__input--tile:checked+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-radio__input--tile:disabled+[class*=__label],.usa-radio__input--tile[aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-radio__input--tile:disabled:checked+[class*=__label],.usa-radio__input--tile:disabled:indeterminate+[class*=__label],.usa-radio__input--tile:disabled[data-indeterminate]+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:checked+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:indeterminate+[class*=__label],.usa-radio__input--tile[aria-disabled=true][data-indeterminate]+[class*=__label]{background-color:white}.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white;box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked+[class*=__label]::before{background-color:ButtonText}}.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:#757575;-webkit-box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white;box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:GrayText}}.usa-radio__input{position:absolute;left:-999em;right:auto}.usa-radio__input:focus+[class*=__label]::before{outline:0.25rem solid #2491ff;outline-offset:0.25rem}.usa-radio__input--tile+[class*=__label]{border-radius:0.25rem;margin-top:0.5rem;padding:0.75rem 1rem 0.75rem 2.5rem}.usa-radio__input--tile+[class*=__label]::before{left:0.5rem}@media print{.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2}}.usa-radio__label{cursor:pointer;display:inherit;font-weight:normal;margin-top:0.75rem;padding-left:2rem;position:relative}.usa-radio__label::before{content:" ";display:block;left:0;margin-left:2px;margin-top:0.064rem;position:absolute}.usa-radio__label::before{height:1.25rem;border-radius:99rem;width:1.25rem}.usa-radio__label-description{display:block;font-size:0.93rem;margin-top:0.5rem}va-radio-option{display:block;margin-top:12px}va-radio-option .usa-radio{background:transparent;display:-ms-flexbox;display:flex;margin:0.75rem 0;max-width:480px;cursor:pointer;--vads-button-color-background-primary-on-light:#005ea2;--vads-input-background-color-on-light:#ffffff;--vads-input-border-color-on-light:#565c65;--vads-input-prefix-color-fill-on-light:#757575;--vads-input-prefix-color-text-on-light:#757575;--vads-input-suffix-color-text-on-light:#757575;--vads-input-tile-background-active-on-light:rgba(0, 94, 162, 0.1);--vads-input-tile-border-active-on-light:#005ea2;--vads-input-tile-border-on-light:rgba(27, 27, 27, 0.03);--vads-input-tile-border-override:#c9c9c9}va-radio-option .va-radio-option__container--tile{border-radius:0.25rem;background-color:var(--vads-input-background-color-on-light);border:2px solid var(--vads-input-tile-border-override);color:var(--vads-color-base);padding:0.75rem 1rem 0.75rem 0.5rem;margin:0.5rem 0}va-radio-option .va-radio-option__container--tile--checked{background-color:var(--vads-input-tile-background-active-on-light);border-color:var(--vads-input-tile-border-active-on-light)}va-radio-option input[type=radio].va-radio-option__input{height:1.25rem !important;width:1.25rem;min-width:1.25rem;border:none;-webkit-box-shadow:0 0 0 2px var(--vads-color-base);box-shadow:0 0 0 2px var(--vads-color-base);border-radius:50%;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0.064rem 0 0 4px;opacity:unset;position:static;cursor:pointer}va-radio-option input[type=radio].va-radio-option__input:checked{background:var(--vads-button-color-background-primary-on-light);-webkit-box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light), inset 0 0 0 2px var(--vads-input-background-color-on-light);box-shadow:0 0 0 2px var(--vads-button-color-background-primary-on-light), inset 0 0 0 2px var(--vads-input-background-color-on-light)}va-radio-option input[type=radio].va-radio-option__input:checked:focus{outline-offset:4px}va-radio-option .usa-radio__label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 !important;width:100%;padding-left:0.6rem;-webkit-box-sizing:border-box;box-sizing:border-box}va-radio-option input[type=radio]+label{margin-bottom:0}va-radio-option input[type=radio]+label:before{border-radius:0;-webkit-box-shadow:none;box-shadow:none;height:0;line-height:0;margin-left:0;margin-right:0;width:0}va-radio-option input[type=radio]:checked+label:before{outline:none;-webkit-box-shadow:none;box-shadow:none}va-radio-option input[type=radio]:focus+label::before{outline:none}',VaRadioOptionStyle0=vaRadioOptionCss,VaRadioOption$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.radioOptionSelected=createEvent(this,"radioOptionSelected",7),this.name=void 0,this.label=void 0,this.value=void 0,this.checked=!1,this.tile=!1,this.description=void 0,this.disabled=!1,this.ariaDescribedby=void 0}handleChange(){this.radioOptionSelected.emit()}render(){const{checked:e,name:a,value:o,label:i,disabled:t,tile:r,description:d}=this,l=this.el.id||a+o,n=classnames("usa-radio",{"va-radio-option__container--tile":r,"va-radio-option__container--tile--checked":r&&e});return h("div",{key:"e52d0c6151a5c20b7bbd0daec1b331a860f3e6ca",class:n,onClick:()=>this.handleChange()},h("input",{key:"82dcd12eebe74c7356557dfa777bb772f79af377",class:"va-radio-option__input",type:"radio",name:a,value:o,checked:e,disabled:t,id:l+"input"}),h("label",{key:"e735275db00275d51a921ee755ed84ff1dba7ea7",class:"usa-radio__label",htmlFor:l+"input"},i,d&&h("span",{key:"2753732bf1de84926ff2c6d8338028febc8e3a9b",class:"usa-radio__label-description dd-privacy-hidden","data-dd-action-name":"description"},d)))}get el(){return this}static get style(){return VaRadioOptionStyle0}},[0,"va-radio-option",{name:[1],label:[1],value:[1],checked:[4],tile:[4],description:[1],disabled:[4],ariaDescribedby:[1,"aria-describedby"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-radio-option"].forEach((e=>{"va-radio-option"===e&&(customElements.get(e)||customElements.define(e,VaRadioOption$1))}))}const VaRadioOption=VaRadioOption$1,defineCustomElement=defineCustomElement$1;export{VaRadioOption,defineCustomElement};

package/dist/components/va-radio.js

@@ -1 +1 @@
-import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{a as getSlottedNodes,i as isMessageSet,g as getHeaderLevel}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{i as instance}from"./i18next.js";const vaRadioCss='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}.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}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:1.875rem}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:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}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-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: 1008px){: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: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px;max-width:480px}:host .usa-hint{font-weight:normal}',VaRadioStyle0=vaRadioCss;Build.isTesting&&instance.init({lng:"cimode"});const VaRadio$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.vaValueChange=createEvent(this,"vaValueChange",7),this.label=void 0,this.hint=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}handleKeyDown(e){const a=e.target,s=getSlottedNodes(this.el,"va-radio-option").filter((e=>!e.disabled));if(!s.length)return;const r=s.findIndex((e=>e===a));if(-1===r)return;let o;switch(e.key){case" ":if(e.preventDefault(),a.checked)return;o=a,this.selectNextNode(a);break;case"ArrowDown":case"ArrowRight":e.preventDefault(),r===s.length-1?(o=s[0],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[r+1],this.deselectCurrentNode(a),this.selectNextNode(o));break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),0===r?(o=s[s.length-1],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[r-1],this.deselectCurrentNode(a),this.selectNextNode(o))}o&&(this.enableAnalytics&&this.fireAnalyticsEvent(o.label),this.vaValueChange.emit({value:o.value}))}radioOptionSelectedHandler(e){const a=e.target;getSlottedNodes(this.el,"va-radio-option").filter((e=>e!==a)).forEach((e=>{this.deselectCurrentNode(e)})),this.selectNextNode(a),this.enableAnalytics&&this.fireAnalyticsEvent(a.label),this.vaValueChange.emit({value:a.value})}fireAnalyticsEvent(e){this.componentLibraryAnalytics.emit({componentName:"va-radio",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})}deselectCurrentNode(e){e.removeAttribute("checked")}selectNextNode(e){e.setAttribute("checked",""),e.focus()}getHeaderLevel(){const e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?`h${e}`:null}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,hint:a,required:s,error:r,headerAriaDescribedby:o,messageAriaDescribedby:t,useFormsPattern:i,formHeadingLevel:n,formHeading:d}=this,l=this.getHeaderLevel(),u=o?"header-message":null,m=t?"description-message":null,f=`${i&&d?"form-question":""} ${i?"form-description":""} ${"multiple"===i?"header-message":""}`.trim()||null,c=classnames({"usa-legend":!0,"usa-label--error":r});let p=null;if("single"===i||"multiple"===i){const e=getHeaderLevel(n);p=h(Fragment,{key:"38049e5560ff31e317727d130fda584f038041d5"},d&&h(e,{key:"5d317372600424977dbf60c8a0ae86e65554ead8",id:"form-question",part:"form-header"},d),h("div",{key:"82c853833637a0130be91615cc943b8703c2ba10",id:"form-description"},h("slot",{key:"cd7dbf6dc0fd37ed42a92b62c65e2570ef513908",name:"form-description"})))}return h(Host,{key:"b5e1047d9ef693f9347241f95905b5433bea3a12","aria-invalid":r?"true":"false"},p,h("div",{key:"313cd8db0825613bc933e39faaadc5aa5a74961e",class:"input-wrap"},h("fieldset",{key:"7f43c17e56f08f8ceae2a348a448b93c57334760",class:"usa-fieldset","aria-labelledby":f},h("legend",{key:"b18cabc9eebbf8766eb3708435391a9a3bafbca6",class:c,part:"legend","aria-describedby":m},l?h(l,{part:"header","aria-describedby":u},e):e," ","multiple"===i&&h("span",{key:"56523d3ef851db37689a48920dce8765ace734d4",id:"header-message",class:"usa-sr-only"},e),o&&h("span",{key:"53ee358c87f5d7e36d77547bdfb2af5ecac8d46a",id:"header-message",class:"usa-sr-only"},o),isMessageSet(t)&&h("span",{key:"44f6420a4182ae4019bdd73a8a2a3d879ff58577",id:"description-message",class:"usa-sr-only"},t),s&&h("span",{key:"cf447b16a8464d759a665569c79e8c7e1a3b7392",class:"usa-label--required",part:"required"},instance.t("required")),a&&h("div",{key:"a2f06da70907eb01fb3539b2f02dcd909e7163a6",class:"usa-hint"},a)),h("span",{key:"0932f4799db4bb09cb1405e0e57002967fc59616",id:"radio-error-message",role:"alert"},r&&h(Fragment,{key:"64a71d0ff47ce0fff32a89490aee0a33cbd6cf9d"},h("span",{key:"320079c27c0e31570610696531afea7b0db7ec05",class:"usa-sr-only"},instance.t("error")),h("span",{key:"93cf4ec0918f84c4097771507d4df45d8064404b",class:"usa-error-message"},r))),h("slot",{key:"919f03c5675f90e69117589ec95f51b656600251"}))))}get el(){return this}static get style(){return VaRadioStyle0}},[1,"va-radio",{label:[1],hint:[1],required:[4],error:[1],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],messageAriaDescribedby:[1,"message-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"]},[[0,"keydown","handleKeyDown"],[0,"radioOptionSelected","radioOptionSelectedHandler"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-radio"].forEach((e=>{"va-radio"===e&&(customElements.get(e)||customElements.define(e,VaRadio$1))}))}const VaRadio=VaRadio$1,defineCustomElement=defineCustomElement$1;export{VaRadio,defineCustomElement};
+import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{a as getSlottedNodes,i as isMessageSet,g as getHeaderLevel}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{i as instance}from"./i18next.js";const vaRadioCss='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}.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}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-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: 1008px){: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: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px;max-width:480px}:host .usa-hint{font-weight:normal}',VaRadioStyle0=vaRadioCss;Build.isTesting&&instance.init({lng:"cimode"});const VaRadio$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.vaValueChange=createEvent(this,"vaValueChange",7),this.label=void 0,this.hint=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}handleKeyDown(e){const a=e.target,s=getSlottedNodes(this.el,"va-radio-option").filter((e=>!e.disabled));if(!s.length)return;const r=s.findIndex((e=>e===a));if(-1===r)return;let o;switch(e.key){case" ":if(e.preventDefault(),a.checked)return;o=a,this.selectNextNode(a);break;case"ArrowDown":case"ArrowRight":e.preventDefault(),r===s.length-1?(o=s[0],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[r+1],this.deselectCurrentNode(a),this.selectNextNode(o));break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),0===r?(o=s[s.length-1],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[r-1],this.deselectCurrentNode(a),this.selectNextNode(o))}o&&(this.enableAnalytics&&this.fireAnalyticsEvent(o.label),this.vaValueChange.emit({value:o.value}))}radioOptionSelectedHandler(e){const a=e.target;getSlottedNodes(this.el,"va-radio-option").filter((e=>e!==a)).forEach((e=>{this.deselectCurrentNode(e)})),this.selectNextNode(a),this.enableAnalytics&&this.fireAnalyticsEvent(a.label),this.vaValueChange.emit({value:a.value})}fireAnalyticsEvent(e){this.componentLibraryAnalytics.emit({componentName:"va-radio",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})}deselectCurrentNode(e){e.removeAttribute("checked")}selectNextNode(e){e.setAttribute("checked",""),e.focus()}getHeaderLevel(){const e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?`h${e}`:null}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,hint:a,required:s,error:r,headerAriaDescribedby:o,messageAriaDescribedby:t,useFormsPattern:i,formHeadingLevel:n,formHeading:d}=this,l=this.getHeaderLevel(),u=o?"header-message":null,m=t?"description-message":null,f=`${i&&d?"form-question":""} ${i?"form-description":""} ${"multiple"===i?"header-message":""}`.trim()||null,c=classnames({"usa-legend":!0,"usa-label--error":r});let p=null;if("single"===i||"multiple"===i){const e=getHeaderLevel(n);p=h(Fragment,{key:"0607bbc6357a5968222551deb1dddd2e4c1e0c99"},d&&h(e,{key:"da566c7d8f385be4f5529231b6c9492dc77e7a5f",id:"form-question",part:"form-header"},d),h("div",{key:"6fb1116e12bda827c18ebfd067661a0d4036747b",id:"form-description"},h("slot",{key:"e24148ea2d6bee340bf7c9e3e44d06415a5d6cd9",name:"form-description"})))}return h(Host,{key:"f8dd146cfdef86199d1dcd723f2193fd8922703b","aria-invalid":r?"true":"false"},p,h("div",{key:"063aed905a8fe67a89105a8cb3bbf3406192c2d2",class:"input-wrap"},h("fieldset",{key:"12f6269547708528b6b798e6f673d36aa3c818df",class:"usa-fieldset","aria-labelledby":f},h("legend",{key:"b0381e71e8d2fc8d8cc167c0c7bce5137303dcea",class:c,part:"legend","aria-describedby":m},l?h(l,{part:"header","aria-describedby":u},e):e," ","multiple"===i&&h("span",{key:"e4a905b3b0f30ec7081cdb37103667799f6d9660",id:"header-message",class:"usa-sr-only"},e),o&&h("span",{key:"6ac3b2059367da00fb11a3566c1c690c8be0c1aa",id:"header-message",class:"usa-sr-only"},o),isMessageSet(t)&&h("span",{key:"8784c223f91ebe176b8f0c2471e466b8ba5f9995",id:"description-message",class:"usa-sr-only"},t),s&&h("span",{key:"8ceb79649abf5e8b4923d51fc65f20a3e183aff1",class:"usa-label--required",part:"required"},instance.t("required")),a&&h("div",{key:"f57e2ea057ff49c850a77ed0636e66457d404bc3",class:"usa-hint"},a)),h("span",{key:"135dabee17d616044e1439b616c1c4141816dd6d",id:"radio-error-message",role:"alert"},r&&h(Fragment,{key:"2b36d1a81812f7a4f34766804f19bd596d839abd"},h("span",{key:"3b13fb0ef89df6dfc8c87dd5f7cd1c28a69037a6",class:"usa-sr-only"},instance.t("error")),h("span",{key:"11eb72e29a4c208923d81b562aaa82a35670f3c0",class:"usa-error-message"},r))),h("slot",{key:"86efbf0376206ab3d345b0917d96e5b9812f561e"}))))}get el(){return this}static get style(){return VaRadioStyle0}},[1,"va-radio",{label:[1],hint:[1],required:[4],error:[1],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],messageAriaDescribedby:[1,"message-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"]},[[0,"keydown","handleKeyDown"],[0,"radioOptionSelected","radioOptionSelectedHandler"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-radio"].forEach((e=>{"va-radio"===e&&(customElements.get(e)||customElements.define(e,VaRadio$1))}))}const VaRadio=VaRadio$1,defineCustomElement=defineCustomElement$1;export{VaRadio,defineCustomElement};

package/dist/components/va-search-filter.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host}from"@stencil/core/internal/client";import{d as deepEquals}from"./utils.js";import{d as defineCustomElement$7}from"./va-accordion2.js";import{d as defineCustomElement$6}from"./va-accordion-item2.js";import{d as defineCustomElement$5}from"./va-button2.js";import{d as defineCustomElement$4}from"./va-checkbox2.js";import{d as defineCustomElement$3}from"./va-checkbox-group2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaSearchFilterCss='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:1.875rem}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:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}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-sr-only{position:absolute;left:-999em;right:auto}:host{display:block}#header{margin-bottom:20px}va-accordion-item::part(accordion-content){padding-top:0}va-checkbox-group{margin-top:10px}va-checkbox-group::part(legend){font-weight:bold}va-checkbox-group::part(header){font-family:var(--font-source-sans);font-size:var(--font-size-md)}#filter-buttons{margin-top:25px}#filter-buttons va-button{margin-bottom:15px}',VaSearchFilterStyle0=vaSearchFilterCss,TABLET_BREAKPOINT=640,VaSearchFilter$1=proxyCustomElement(class e extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaFilterChange=createEvent(this,"vaFilterChange",7),this.vaFilterApply=createEvent(this,"vaFilterApply",7),this.vaFilterClearAll=createEvent(this,"vaFilterClearAll",7),this.isDesktop=window.innerWidth>640,this.handleFilterChange=({facetId:t,categoryId:i,active:a})=>{this.filterOptions=this.filterOptions.map((e=>e.id===t?Object.assign(Object.assign({},e),{category:e.category.map((e=>e.id===i?Object.assign(Object.assign({},e),{active:a}):e))}):e)),this.totalActiveFilters=this.getTotalActiveFilters(),this.filterOptions=this.filterOptions.map((t=>Object.assign(Object.assign({},t),{activeFiltersCount:e.getTotalActiveFiltersByFacet(t)}))),this.vaFilterChange.emit(this.getActiveFiltersWithCategories())},this.handleClearAllFilters=()=>{this.filterOptions=this.filterOptions.map((e=>{const t=Object.assign(Object.assign({},e),{category:e.category.map((e=>Object.assign(Object.assign({},e),{active:!1})))});return Object.assign(Object.assign({},t),{activeFiltersCount:0})})),this.totalActiveFilters=0,this.vaFilterClearAll.emit()},this.handleApplyFilters=()=>{this.vaFilterApply.emit(this.getActiveFiltersWithCategories())},this.header="Filters",this.filterOptions=[],this.totalActiveFilters=0}filterOptionsChanged(t){if(t&&t.length>0){this.totalActiveFilters=this.getTotalActiveFilters();const i=t.map((t=>Object.assign(Object.assign({},t),{activeFiltersCount:e.getTotalActiveFiltersByFacet(t)})));!deepEquals(i,this.filterOptions)&&(this.filterOptions=i)}}handleResize(){this.isDesktop=window.innerWidth>640,forceUpdate(this)}getTotalActiveFilters(){return this.getActiveFiltersWithCategories().reduce(((e,t)=>e+t.category.length),0)}getActiveFiltersWithCategories(){return this.filterOptions.map((e=>Object.assign(Object.assign({},e),{category:e.category.filter((e=>!0===e.active))}))).filter((e=>e.category.length>0))}static getSrOnlyProp(e,t){return e>0?{[t]:(1===e?"filter":"filters")+" applied"}:{}}static getTotalActiveFiltersByFacet(e){return e.category.filter((e=>!0===e.active)).length}static validateFilterOptions(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return console.error("Error parsing filterOptions:",e),null}return Array.isArray(e)?e.every((e=>{const t="string"==typeof e.label&&e.label.length>0,i=Array.isArray(e.category)&&e.category.length>0&&e.category.every((e=>{const t="string"==typeof e.label&&e.label.length>0,i="number"==typeof e.id||"string"==typeof e.id;return t&&i})),a="number"==typeof e.id||"string"==typeof e.id;return t&&i&&a}))?e:null:(console.error("filterOptions must be an array"),null)}componentWillLoad(){var t;if(!(null===(t=this.filterOptions)||void 0===t?void 0:t.length))return;const i=e.validateFilterOptions(this.filterOptions);i?(this.totalActiveFilters=this.getTotalActiveFilters(),this.filterOptions=i.map((t=>Object.assign(Object.assign({},t),{activeFiltersCount:e.getTotalActiveFiltersByFacet(t)})))):this.filterOptions=[]}render(){const{header:t,filterOptions:i,isDesktop:a,totalActiveFilters:r,handleFilterChange:s,handleClearAllFilters:o,handleApplyFilters:n}=this,l=h("div",{id:"filter-buttons"},h("va-button",{onClick:n,text:"Apply filters","full-width":!0}),h("va-button",{onClick:o,text:"Clear all filters",secondary:!0,"full-width":!0})),c=(e,t)=>h("va-checkbox",{label:t.label,key:t.id,checked:t.active,onVaChange:i=>s({facetId:e.id,categoryId:t.id,active:i.target.checked})});return a?h(Host,null,h("h2",{id:"header"},t,r>0?` (${r})`:"",r>0&&h("span",{class:"usa-sr-only"}," applied")),i.length>0&&h("va-accordion",{class:"va-search-filter__accordion"},i.map((t=>h("va-accordion-item",Object.assign({header:t.label+(t.activeFiltersCount>0?` (${t.activeFiltersCount})`:"")},e.getSrOnlyProp(t.activeFiltersCount,"headerSrOnly"),{key:t.id,level:3,open:!0}),h("va-checkbox-group",{label:t.label,class:"va-search-filter__checkbox-group"},t.category.map((e=>c(t,e)))))))),l):h(Host,null,i.length>0&&h("va-accordion",{class:"va-search-filter__accordion"},h("va-accordion-item",{header:t+(r>0?` (${r})`:""),headerSrOnly:"applied",open:!0},h("span",{slot:"icon"},h("va-icon",{icon:"filter_list"})),i.map((t=>h("va-checkbox-group",Object.assign({label:t.label+(t.activeFiltersCount>0?` (${t.activeFiltersCount})`:"")},e.getSrOnlyProp(t.activeFiltersCount,"labelSrOnly"),{key:t.id,"label-header-level":"3"}),t.category.map((e=>c(t,e)))))),l)))}static get watchers(){return{filterOptions:["filterOptionsChanged"]}}static get style(){return VaSearchFilterStyle0}},[1,"va-search-filter",{header:[1],filterOptions:[1040],totalActiveFilters:[32]},[[9,"resize","handleResize"]],{filterOptions:["filterOptionsChanged"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-search-filter","va-accordion","va-accordion-item","va-button","va-checkbox","va-checkbox-group","va-icon"].forEach((e=>{switch(e){case"va-search-filter":customElements.get(e)||customElements.define(e,VaSearchFilter$1);break;case"va-accordion":customElements.get(e)||defineCustomElement$7();break;case"va-accordion-item":customElements.get(e)||defineCustomElement$6();break;case"va-button":customElements.get(e)||defineCustomElement$5();break;case"va-checkbox":customElements.get(e)||defineCustomElement$4();break;case"va-checkbox-group":customElements.get(e)||defineCustomElement$3();break;case"va-icon":customElements.get(e)||defineCustomElement$2()}}))}const VaSearchFilter=VaSearchFilter$1,defineCustomElement=defineCustomElement$1;export{VaSearchFilter,defineCustomElement};
+import{proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host}from"@stencil/core/internal/client";import{d as deepEquals}from"./utils.js";import{d as defineCustomElement$7}from"./va-accordion2.js";import{d as defineCustomElement$6}from"./va-accordion-item2.js";import{d as defineCustomElement$5}from"./va-button2.js";import{d as defineCustomElement$4}from"./va-checkbox2.js";import{d as defineCustomElement$3}from"./va-checkbox-group2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaSearchFilterCss='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-sr-only{position:absolute;left:-999em;right:auto}:host{display:block}#header{margin-bottom:20px}va-accordion-item::part(accordion-content){padding-top:0}va-checkbox-group{margin-top:10px}va-checkbox-group::part(legend){font-weight:bold}va-checkbox-group::part(header){font-family:var(--font-source-sans);font-size:var(--font-size-md)}#filter-buttons{margin-top:25px}#filter-buttons va-button{margin-bottom:15px}',VaSearchFilterStyle0=vaSearchFilterCss,TABLET_BREAKPOINT=640,VaSearchFilter$1=proxyCustomElement(class e extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaFilterChange=createEvent(this,"vaFilterChange",7),this.vaFilterApply=createEvent(this,"vaFilterApply",7),this.vaFilterClearAll=createEvent(this,"vaFilterClearAll",7),this.isDesktop=window.innerWidth>640,this.handleFilterChange=({facetId:t,categoryId:i,active:a})=>{this.filterOptions=this.filterOptions.map((e=>e.id===t?Object.assign(Object.assign({},e),{category:e.category.map((e=>e.id===i?Object.assign(Object.assign({},e),{active:a}):e))}):e)),this.totalActiveFilters=this.getTotalActiveFilters(),this.filterOptions=this.filterOptions.map((t=>Object.assign(Object.assign({},t),{activeFiltersCount:e.getTotalActiveFiltersByFacet(t)}))),this.vaFilterChange.emit(this.getActiveFiltersWithCategories())},this.handleClearAllFilters=()=>{this.filterOptions=this.filterOptions.map((e=>{const t=Object.assign(Object.assign({},e),{category:e.category.map((e=>Object.assign(Object.assign({},e),{active:!1})))});return Object.assign(Object.assign({},t),{activeFiltersCount:0})})),this.totalActiveFilters=0,this.vaFilterClearAll.emit()},this.handleApplyFilters=()=>{this.vaFilterApply.emit(this.getActiveFiltersWithCategories())},this.header="Filters",this.filterOptions=[],this.totalActiveFilters=0}filterOptionsChanged(t){if(t&&t.length>0){this.totalActiveFilters=this.getTotalActiveFilters();const i=t.map((t=>Object.assign(Object.assign({},t),{activeFiltersCount:e.getTotalActiveFiltersByFacet(t)})));!deepEquals(i,this.filterOptions)&&(this.filterOptions=i)}}handleResize(){this.isDesktop=window.innerWidth>640,forceUpdate(this)}getTotalActiveFilters(){return this.getActiveFiltersWithCategories().reduce(((e,t)=>e+t.category.length),0)}getActiveFiltersWithCategories(){return this.filterOptions.map((e=>Object.assign(Object.assign({},e),{category:e.category.filter((e=>!0===e.active))}))).filter((e=>e.category.length>0))}static getSrOnlyProp(e,t){return e>0?{[t]:(1===e?"filter":"filters")+" applied"}:{}}static getTotalActiveFiltersByFacet(e){return e.category.filter((e=>!0===e.active)).length}static validateFilterOptions(e){if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return console.error("Error parsing filterOptions:",e),null}return Array.isArray(e)?e.every((e=>{const t="string"==typeof e.label&&e.label.length>0,i=Array.isArray(e.category)&&e.category.length>0&&e.category.every((e=>{const t="string"==typeof e.label&&e.label.length>0,i="number"==typeof e.id||"string"==typeof e.id;return t&&i})),a="number"==typeof e.id||"string"==typeof e.id;return t&&i&&a}))?e:null:(console.error("filterOptions must be an array"),null)}componentWillLoad(){var t;if(!(null===(t=this.filterOptions)||void 0===t?void 0:t.length))return;const i=e.validateFilterOptions(this.filterOptions);i?(this.totalActiveFilters=this.getTotalActiveFilters(),this.filterOptions=i.map((t=>Object.assign(Object.assign({},t),{activeFiltersCount:e.getTotalActiveFiltersByFacet(t)})))):this.filterOptions=[]}render(){const{header:t,filterOptions:i,isDesktop:a,totalActiveFilters:r,handleFilterChange:s,handleClearAllFilters:o,handleApplyFilters:n}=this,l=h("div",{id:"filter-buttons"},h("va-button",{onClick:n,text:"Apply filters","full-width":!0}),h("va-button",{onClick:o,text:"Clear all filters",secondary:!0,"full-width":!0})),c=(e,t)=>h("va-checkbox",{label:t.label,key:t.id,checked:t.active,onVaChange:i=>s({facetId:e.id,categoryId:t.id,active:i.target.checked})});return a?h(Host,null,h("h2",{id:"header"},t,r>0?` (${r})`:"",r>0&&h("span",{class:"usa-sr-only"}," applied")),i.length>0&&h("va-accordion",{class:"va-search-filter__accordion"},i.map((t=>h("va-accordion-item",Object.assign({header:t.label+(t.activeFiltersCount>0?` (${t.activeFiltersCount})`:"")},e.getSrOnlyProp(t.activeFiltersCount,"headerSrOnly"),{key:t.id,level:3,open:!0}),h("va-checkbox-group",{label:t.label,class:"va-search-filter__checkbox-group"},t.category.map((e=>c(t,e)))))))),l):h(Host,null,i.length>0&&h("va-accordion",{class:"va-search-filter__accordion"},h("va-accordion-item",{header:t+(r>0?` (${r})`:""),headerSrOnly:"applied",open:!0},h("span",{slot:"icon"},h("va-icon",{icon:"filter_list"})),i.map((t=>h("va-checkbox-group",Object.assign({label:t.label+(t.activeFiltersCount>0?` (${t.activeFiltersCount})`:"")},e.getSrOnlyProp(t.activeFiltersCount,"labelSrOnly"),{key:t.id,"label-header-level":"3"}),t.category.map((e=>c(t,e)))))),l)))}static get watchers(){return{filterOptions:["filterOptionsChanged"]}}static get style(){return VaSearchFilterStyle0}},[1,"va-search-filter",{header:[1],filterOptions:[1040],totalActiveFilters:[32]},[[9,"resize","handleResize"]],{filterOptions:["filterOptionsChanged"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-search-filter","va-accordion","va-accordion-item","va-button","va-checkbox","va-checkbox-group","va-icon"].forEach((e=>{switch(e){case"va-search-filter":customElements.get(e)||customElements.define(e,VaSearchFilter$1);break;case"va-accordion":customElements.get(e)||defineCustomElement$7();break;case"va-accordion-item":customElements.get(e)||defineCustomElement$6();break;case"va-button":customElements.get(e)||defineCustomElement$5();break;case"va-checkbox":customElements.get(e)||defineCustomElement$4();break;case"va-checkbox-group":customElements.get(e)||defineCustomElement$3();break;case"va-icon":customElements.get(e)||defineCustomElement$2()}}))}const VaSearchFilter=VaSearchFilter$1,defineCustomElement=defineCustomElement$1;export{VaSearchFilter,defineCustomElement};

package/dist/components/va-search-input.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,createEvent,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaSearchInputCss='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}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0.1rem solid var(--vads-color-base-dark);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--vads-color-base-darkest);display:block;font-size:1.06rem;height:2.625rem;line-height:1.3;margin:0.2em 0;max-width:46rem;padding:1rem 0.7em;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-search{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;position:relative}.usa-search::after{clear:both;content:"";display:block}.usa-search[role=search],.usa-search[role=search]>div,.usa-search [role=search]{display:-ms-flexbox;display:flex}.usa-search [type=submit]{border-bottom-left-radius:0;border-top-left-radius:0;height:2rem;margin:0;padding:0;width:3rem}@media all and (min-width: 30em){.usa-search [type=submit]{padding-left:1rem;padding-right:1rem;width:auto}}@media (forced-colors: active){.usa-search [type=submit]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;content:"";vertical-align:middle;margin-right:auto}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-search [type=submit]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}.usa-search [type=submit]:focus{outline-offset:0}}@media (forced-colors: active) and (min-width: 30em){.usa-search [type=submit]::before{content:none}}@media all and (min-width: 30em){.usa-search__submit-icon{display:none}}@media (forced-colors: active){.usa-search__submit-icon{display:none}}@media all and (min-width: 30em){.usa-search--big [type=search],.usa-search--big .usa-search__input{font-size:1.06rem;height:3rem}}@media all and (min-width: 30em){.usa-search--big [type=submit],.usa-search--big .usa-search__submit{padding-left:2rem;padding-right:2rem;font-size:1.46rem;height:3rem;width:auto}}.usa-search--small [type=submit],.usa-search--small .usa-search__submit{padding-left:0.75rem;padding-right:0.75rem;min-width:3rem}@media (forced-colors: active) and (min-width: 30em){.usa-search--small [type=submit]::before{content:""}}.usa-search--small .usa-search__submit-icon{height:1.5rem;width:1.5rem;display:block}@media (forced-colors: active){.usa-search--small .usa-search__submit-icon{display:none}}input[type=search]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=search],.usa-search__input{padding-bottom:0;padding-top:0;border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;font-size:1rem;height:2rem;margin:0}.usa-search__submit-text{display:none}@media all and (min-width: 30em){.usa-search__submit-text{display:block}}.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-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: 1008px){: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: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0}:host input[type=search]::-webkit-search-decoration,:host input[type=search]::-webkit-search-cancel-button,:host input[type=search]::-webkit-search-results-button,:host input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.usa-input{margin-top:0}#va-search-listbox{position:absolute;top:37px;left:0;right:0;z-index:1;background-color:var(--vads-color-white);-webkit-box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);line-height:24px;list-style-type:none;margin:0;padding:0}.va-search-suggestion{cursor:pointer;padding:8px}.va-search-suggestion[aria-selected=true],.va-search-suggestion:focus,.va-search-suggestion:hover{background-color:var(--vads-color-primary);color:var(--vads-color-white)}:host([big=true]) #va-search-listbox{top:52px}.usa-input{max-width:1024px}@media screen and (min-width: 480px){:host .usa-search [type=submit]{width:auto}}.usa-search__clear-input{cursor:pointer;background-color:transparent;opacity:0.6;border:0px;bottom:1px;position:absolute;top:1px;z-index:100;right:calc(3rem + 3px);margin-right:32px}button.usa-search__clear-input:not([disabled]):focus{outline-offset:-4px}:host([big=true]) .usa-search__clear-input{right:calc(6rem + 6px)}:host([small=true]) .usa-search__clear-input{right:calc(0.5rem + 6px)}@media (max-width: 29.99em){.usa-search__clear-input{right:calc(0.5rem + 6px) !important}}.usa-search__clear-input_empty{display:none}.usa-search__input-wrapper{width:100%;max-width:1024px;position:relative}',VaSearchInputStyle0=vaSearchInputCss,VaSearchInput$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleBlur=()=>{this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-search-input",action:"blur",details:{value:this.value}}),this.isTouched=!1,this.isListboxOpen=!1},this.handleSubmit=()=>{const t=this.el.shadowRoot.querySelector("form");t&&(t.onsubmit=t=>{t.preventDefault()}),this.el.dispatchEvent(new SubmitEvent("submit",{bubbles:!0,cancelable:!0,composed:!0})),this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-search-input",action:"click",details:{value:this.value}})},this.handleInput=t=>{this.value=t.target.value,this.showClearButton=!!this.value,this.suggestions&&this.updateSuggestions(this.suggestions)},this.handleInputFocus=()=>{this.isTouched=!0,this.formattedSuggestions.length&&!this.isListboxOpen&&(this.isListboxOpen=!0)},this.handleInputKeyDown=t=>{const e=this.el.shadowRoot.querySelectorAll('[role="option"]');switch(t.key){case"ArrowDown":if(t.preventDefault(),!(null==e?void 0:e.length))return;const a=e[0];this.selectSuggestion(a);break;case"ArrowUp":if(t.preventDefault(),!(null==e?void 0:e.length))return;const s=e[e.length-1];this.selectSuggestion(s);break;case"Enter":t.preventDefault(),this.handleSubmit();break;case"Escape":this.inputRef.value="",this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}));break;case"Tab":this.isListboxOpen=!1}},this.handleButtonClick=()=>{this.handleSubmit()},this.handleClearButtonClick=()=>{this.inputRef.value="",this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.focus()},this.handleListboxClick=t=>{const e=this.el.shadowRoot.getElementById(`listbox-option-${t}`);this.inputRef.value=e.innerText,this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.removeAttribute("aria-activedescendant"),this.isListboxOpen=!1,this.value=e.innerText,this.handleSubmit()},this.handleListboxKeyDown=(t,e)=>{const a=this.el.shadowRoot.querySelectorAll('[role="option"]');switch(t.key){case"ArrowUp":t.preventDefault(),0===e?this.selectSuggestion(a[a.length-1]):this.selectSuggestion(a[e-1]);break;case"ArrowDown":t.preventDefault(),e===a.length-1?this.selectSuggestion(a[0]):this.selectSuggestion(a[e+1]);break;case"Enter":t.preventDefault(),this.inputRef.value=a[e].innerText,this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.focus(),this.inputRef.removeAttribute("aria-activedescendant"),this.isListboxOpen=!1,this.isTouched=!1,this.handleSubmit();break;case"Escape":this.inputRef.value="",this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.focus(),this.inputRef.removeAttribute("aria-activedescendant"),this.isListboxOpen=!1;break;case"Home":t.preventDefault(),this.inputRef.focus(),this.inputRef.setSelectionRange(0,0);break;case"ArrowRight":case"End":t.preventDefault(),this.inputRef.focus(),this.inputRef.setSelectionRange(this.inputRef.value.length+1,this.inputRef.value.length+1);break;case"ArrowLeft":t.preventDefault(),this.inputRef.focus(),this.inputRef.setSelectionRange(this.inputRef.value.length,this.inputRef.value.length);break;default:this.inputRef.focus()}},this.formatSuggestion=t=>{const e=t.toLowerCase(),a=this.inputRef.value.toLowerCase();return e.includes(a)?h(Fragment,null,a,h("strong",null,e.replace(a,""))):h("strong",null,e)},this.selectSuggestion=t=>{const e=this.el.shadowRoot.querySelector('[aria-selected="true"]');null==e||e.removeAttribute("aria-selected"),t.focus(),t.setAttribute("aria-selected","true"),this.inputRef.setAttribute("aria-activedescendant",t.id)},this.updateSuggestions=t=>{if(!t.length)return this.formattedSuggestions=[],void(this.isListboxOpen=!1);this.formattedSuggestions=t.slice(0,5).sort().map((t=>this.formatSuggestion(t))),this.isTouched?this.isListboxOpen=!0:this.isListboxOpen=!1},this.formattedSuggestions=[],this.isListboxOpen=void 0,this.isTouched=!1,this.buttonText="Search",this.label="Search",this.suggestions=void 0,this.value="",this.big=!1,this.small=!1,this.disableAnalytics=!1,this.showClearButton=!1}componentWillLoad(){this.showClearButton=!!this.value}componentDidLoad(){var t;Array.isArray(this.suggestions)&&(null===(t=this.suggestions)||void 0===t?void 0:t.length)&&this.updateSuggestions(this.suggestions)}watchValueHandler(){this.value=this.inputRef.value}watchSuggestionsHandler(t){Array.isArray(t)&&this.updateSuggestions(t)}render(){const{buttonText:t,formattedSuggestions:e,handleBlur:a,handleButtonClick:s,handleClearButtonClick:o,handleInput:u,handleInputFocus:n,handleInputKeyDown:i,handleListboxClick:r,handleListboxKeyDown:l,isListboxOpen:b,label:d,value:c,big:p,small:v,showClearButton:m}=this,f=e.length,g=f?"list":void 0,w=f?"va-search-listbox":void 0,y=f?b?"true":"false":void 0,x=f?"listbox":void 0,k=f?"combobox":void 0,S=classnames({"usa-search":!0,"usa-search--big":p&&!v,"usa-search--small":v&&!p}),_=classnames({"usa-search__clear-input":!0,"usa-search__clear-input_empty":!m});return h(Host,{key:"7a2b6d5a5949ffcc1e82140977be8c9f5f3e58de",onBlur:a},h("form",{key:"6fc63e61e854edaeaa6dc536eed96c4fb4633fcc",class:S,role:"search"},h("label",{key:"4fea8e66ce964d99eab9833084b5af91bfd91b2c",class:"usa-sr-only",htmlFor:"search-field"},d),h("div",{key:"e43261adac43e8b30c4590fd73acd5f6c5d2e5fd",class:"usa-search__input-wrapper"},h("input",{key:"2ef847aa706f720994899f3c32017d16c167955a",class:"usa-input",id:"search-field",name:"search",type:"search",ref:t=>this.inputRef=t,"aria-autocomplete":g,"aria-controls":w,"aria-expanded":y,"aria-haspopup":x,"aria-label":d,autocomplete:"off",onFocus:n,onInput:u,onKeyDown:i,role:k,value:c}),h("button",{key:"76f76ac6bdf069da4470e576136adbcc2567044e",type:"button",onClick:o,class:_,"aria-label":"Clear the search contents"},h("va-icon",{key:"2c5a1f99ba095df1da52d38ed47b18e464404703",class:"usa-search__clear-icon",icon:"close",size:3})),h("button",{key:"c8c176121c6e12b1395d961b9cdc47319e043f27",class:"usa-button",type:"submit",onClick:s},!v&&h("span",{key:"c683e81cfa926db5ed84c3b831357c12b17911cf",class:"usa-search__submit-text"},t),h("va-icon",{key:"c997cc7c343e5332c8d65bc2b5d1b73ccceed988",class:"usa-search__submit-icon",icon:"search",size:3,srtext:"Search"}))),b&&h("ul",{key:"2b2870720295fe640b903595bdd16832d1905070",id:"va-search-listbox","aria-label":"Search Suggestions",role:"listbox"},e.map(((t,e)=>h("li",{id:`listbox-option-${e}`,class:"va-search-suggestion",onClick:()=>r(e),onKeyDown:t=>l(t,e),role:"option",tabIndex:-1},t))))))}get el(){return this}static get watchers(){return{value:["watchValueHandler"],suggestions:["watchSuggestionsHandler"]}}static get style(){return VaSearchInputStyle0}},[1,"va-search-input",{buttonText:[1,"button-text"],label:[1],suggestions:[8],value:[1537],big:[4],small:[4],disableAnalytics:[4,"disable-analytics"],formattedSuggestions:[32],isListboxOpen:[32],isTouched:[32],showClearButton:[32]},void 0,{value:["watchValueHandler"],suggestions:["watchSuggestionsHandler"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-search-input","va-icon"].forEach((t=>{switch(t){case"va-search-input":customElements.get(t)||customElements.define(t,VaSearchInput$1);break;case"va-icon":customElements.get(t)||defineCustomElement$2()}}))}const VaSearchInput=VaSearchInput$1,defineCustomElement=defineCustomElement$1;export{VaSearchInput,defineCustomElement};
+import{proxyCustomElement,HTMLElement,createEvent,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaSearchInputCss='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}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0.1rem solid var(--vads-color-base-dark);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--vads-color-base-darkest);display:block;font-size:1.06rem;height:2.625rem;line-height:1.3;margin:0.2em 0;max-width:46rem;padding:1rem 0.7em;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-search{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;position:relative}.usa-search::after{clear:both;content:"";display:block}.usa-search[role=search],.usa-search[role=search]>div,.usa-search [role=search]{display:-ms-flexbox;display:flex}.usa-search [type=submit]{border-bottom-left-radius:0;border-top-left-radius:0;height:2rem;margin:0;padding:0;width:3rem}@media all and (min-width: 30em){.usa-search [type=submit]{padding-left:1rem;padding-right:1rem;width:auto}}@media (forced-colors: active){.usa-search [type=submit]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;content:"";vertical-align:middle;margin-right:auto}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-search [type=submit]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}.usa-search [type=submit]:focus{outline-offset:0}}@media (forced-colors: active) and (min-width: 30em){.usa-search [type=submit]::before{content:none}}@media all and (min-width: 30em){.usa-search__submit-icon{display:none}}@media (forced-colors: active){.usa-search__submit-icon{display:none}}@media all and (min-width: 30em){.usa-search--big [type=search],.usa-search--big .usa-search__input{font-size:1.06rem;height:3rem}}@media all and (min-width: 30em){.usa-search--big [type=submit],.usa-search--big .usa-search__submit{padding-left:2rem;padding-right:2rem;font-size:1.46rem;height:3rem;width:auto}}.usa-search--small [type=submit],.usa-search--small .usa-search__submit{padding-left:0.75rem;padding-right:0.75rem;min-width:3rem}@media (forced-colors: active) and (min-width: 30em){.usa-search--small [type=submit]::before{content:""}}.usa-search--small .usa-search__submit-icon{height:1.5rem;width:1.5rem;display:block}@media (forced-colors: active){.usa-search--small .usa-search__submit-icon{display:none}}input[type=search]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=search],.usa-search__input{padding-bottom:0;padding-top:0;border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;font-size:1rem;height:2rem;margin:0}.usa-search__submit-text{display:none}@media all and (min-width: 30em){.usa-search__submit-text{display:block}}.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-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: 1008px){: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: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0}:host input[type=search]::-webkit-search-decoration,:host input[type=search]::-webkit-search-cancel-button,:host input[type=search]::-webkit-search-results-button,:host input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.usa-input{margin-top:0}#va-search-listbox{position:absolute;top:37px;left:0;right:0;z-index:1;background-color:var(--vads-color-white);-webkit-box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);line-height:24px;list-style-type:none;margin:0;padding:0}.va-search-suggestion{cursor:pointer;padding:8px}.va-search-suggestion[aria-selected=true],.va-search-suggestion:focus,.va-search-suggestion:hover{background-color:var(--vads-color-primary);color:var(--vads-color-white)}:host([big=true]) #va-search-listbox{top:52px}.usa-input{max-width:1024px}@media screen and (min-width: 480px){:host .usa-search [type=submit]{width:auto}}.usa-search__clear-input{cursor:pointer;background-color:transparent;opacity:0.6;border:0px;bottom:1px;position:absolute;top:1px;z-index:100;right:calc(3rem + 3px);margin-right:32px}button.usa-search__clear-input:not([disabled]):focus{outline-offset:-4px}:host([big=true]) .usa-search__clear-input{right:calc(6rem + 6px)}:host([small=true]) .usa-search__clear-input{right:calc(0.5rem + 6px)}@media (max-width: 29.99em){.usa-search__clear-input{right:calc(0.5rem + 6px) !important}}.usa-search__clear-input_empty{display:none}.usa-search__input-wrapper{width:100%;max-width:1024px;position:relative}',VaSearchInputStyle0=vaSearchInputCss,VaSearchInput$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleBlur=()=>{this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-search-input",action:"blur",details:{value:this.value}}),this.isTouched=!1,this.isListboxOpen=!1},this.handleSubmit=()=>{const t=this.el.shadowRoot.querySelector("form");t&&(t.onsubmit=t=>{t.preventDefault()}),this.el.dispatchEvent(new SubmitEvent("submit",{bubbles:!0,cancelable:!0,composed:!0})),this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-search-input",action:"click",details:{value:this.value}})},this.handleInput=t=>{this.value=t.target.value,this.showClearButton=!!this.value,this.suggestions&&this.updateSuggestions(this.suggestions)},this.handleInputFocus=()=>{this.isTouched=!0,this.formattedSuggestions.length&&!this.isListboxOpen&&(this.isListboxOpen=!0)},this.handleInputKeyDown=t=>{const e=this.el.shadowRoot.querySelectorAll('[role="option"]');switch(t.key){case"ArrowDown":if(t.preventDefault(),!(null==e?void 0:e.length))return;const a=e[0];this.selectSuggestion(a);break;case"ArrowUp":if(t.preventDefault(),!(null==e?void 0:e.length))return;const s=e[e.length-1];this.selectSuggestion(s);break;case"Enter":t.preventDefault(),this.handleSubmit();break;case"Escape":this.inputRef.value="",this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}));break;case"Tab":this.isListboxOpen=!1}},this.handleButtonClick=()=>{this.handleSubmit()},this.handleClearButtonClick=()=>{this.inputRef.value="",this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.focus()},this.handleListboxClick=t=>{const e=this.el.shadowRoot.getElementById(`listbox-option-${t}`);this.inputRef.value=e.innerText,this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.removeAttribute("aria-activedescendant"),this.isListboxOpen=!1,this.value=e.innerText,this.handleSubmit()},this.handleListboxKeyDown=(t,e)=>{const a=this.el.shadowRoot.querySelectorAll('[role="option"]');switch(t.key){case"ArrowUp":t.preventDefault(),0===e?this.selectSuggestion(a[a.length-1]):this.selectSuggestion(a[e-1]);break;case"ArrowDown":t.preventDefault(),e===a.length-1?this.selectSuggestion(a[0]):this.selectSuggestion(a[e+1]);break;case"Enter":t.preventDefault(),this.inputRef.value=a[e].innerText,this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.focus(),this.inputRef.removeAttribute("aria-activedescendant"),this.isListboxOpen=!1,this.isTouched=!1,this.handleSubmit();break;case"Escape":this.inputRef.value="",this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.focus(),this.inputRef.removeAttribute("aria-activedescendant"),this.isListboxOpen=!1;break;case"Home":t.preventDefault(),this.inputRef.focus(),this.inputRef.setSelectionRange(0,0);break;case"ArrowRight":case"End":t.preventDefault(),this.inputRef.focus(),this.inputRef.setSelectionRange(this.inputRef.value.length+1,this.inputRef.value.length+1);break;case"ArrowLeft":t.preventDefault(),this.inputRef.focus(),this.inputRef.setSelectionRange(this.inputRef.value.length,this.inputRef.value.length);break;default:this.inputRef.focus()}},this.formatSuggestion=t=>{const e=t.toLowerCase(),a=this.inputRef.value.toLowerCase();return e.includes(a)?h(Fragment,null,a,h("strong",null,e.replace(a,""))):h("strong",null,e)},this.selectSuggestion=t=>{const e=this.el.shadowRoot.querySelector('[aria-selected="true"]');null==e||e.removeAttribute("aria-selected"),t.focus(),t.setAttribute("aria-selected","true"),this.inputRef.setAttribute("aria-activedescendant",t.id)},this.updateSuggestions=t=>{if(!t.length)return this.formattedSuggestions=[],void(this.isListboxOpen=!1);this.formattedSuggestions=t.slice(0,5).sort().map((t=>this.formatSuggestion(t))),this.isTouched?this.isListboxOpen=!0:this.isListboxOpen=!1},this.formattedSuggestions=[],this.isListboxOpen=void 0,this.isTouched=!1,this.buttonText="Search",this.label="Search",this.suggestions=void 0,this.value="",this.big=!1,this.small=!1,this.disableAnalytics=!1,this.showClearButton=!1}componentWillLoad(){this.showClearButton=!!this.value}componentDidLoad(){var t;Array.isArray(this.suggestions)&&(null===(t=this.suggestions)||void 0===t?void 0:t.length)&&this.updateSuggestions(this.suggestions)}watchValueHandler(){this.value=this.inputRef.value}watchSuggestionsHandler(t){Array.isArray(t)&&this.updateSuggestions(t)}render(){const{buttonText:t,formattedSuggestions:e,handleBlur:a,handleButtonClick:s,handleClearButtonClick:o,handleInput:u,handleInputFocus:n,handleInputKeyDown:i,handleListboxClick:r,handleListboxKeyDown:l,isListboxOpen:b,label:d,value:c,big:p,small:v,showClearButton:m}=this,f=e.length,g=f?"list":void 0,w=f?"va-search-listbox":void 0,y=f?b?"true":"false":void 0,x=f?"listbox":void 0,k=f?"combobox":void 0,S=classnames({"usa-search":!0,"usa-search--big":p&&!v,"usa-search--small":v&&!p}),_=classnames({"usa-search__clear-input":!0,"usa-search__clear-input_empty":!m});return h(Host,{key:"38287e3ef030a0c7527474a2af04ee522e8a5a85",onBlur:a},h("form",{key:"60632a30221ed425b90002b1c3a65d7c88ef1a75",class:S,role:"search"},h("label",{key:"42d15766f75548c49a159a6d44e198844e7038e1",class:"usa-sr-only",htmlFor:"search-field"},d),h("div",{key:"06f31ffed3f9bae9485bfc8c2c5da399e1a5ecb0",class:"usa-search__input-wrapper"},h("input",{key:"b7d0295ba210ada0c2575d3d356446da588c35f2",class:"usa-input",id:"search-field",name:"search",type:"search",ref:t=>this.inputRef=t,"aria-autocomplete":g,"aria-controls":w,"aria-expanded":y,"aria-haspopup":x,"aria-label":d,autocomplete:"off",onFocus:n,onInput:u,onKeyDown:i,role:k,value:c}),h("button",{key:"f899f2d2925174c2af6beecde7bcee5d270fadad",type:"button",onClick:o,class:_,"aria-label":"Clear the search contents"},h("va-icon",{key:"2cb9c71a92b9d25e7a95fc0760c149cbd9a22e45",class:"usa-search__clear-icon",icon:"close",size:3})),h("button",{key:"fbceafde13b2703fba5c8b549cffc0d1d0b22d5d",class:"usa-button",type:"submit",onClick:s},!v&&h("span",{key:"6f39c5d4397b038871cec7eec4c210365c9113c1",class:"usa-search__submit-text"},t),h("va-icon",{key:"f22fba80b533650446cac69dd535b56b858da2fc",class:"usa-search__submit-icon",icon:"search",size:3,srtext:"Search"}))),b&&h("ul",{key:"1127ebd6e5b4449825195c0316f617172172901c",id:"va-search-listbox","aria-label":"Search Suggestions",role:"listbox"},e.map(((t,e)=>h("li",{id:`listbox-option-${e}`,class:"va-search-suggestion",onClick:()=>r(e),onKeyDown:t=>l(t,e),role:"option",tabIndex:-1},t))))))}get el(){return this}static get watchers(){return{value:["watchValueHandler"],suggestions:["watchSuggestionsHandler"]}}static get style(){return VaSearchInputStyle0}},[1,"va-search-input",{buttonText:[1,"button-text"],label:[1],suggestions:[8],value:[1537],big:[4],small:[4],disableAnalytics:[4,"disable-analytics"],formattedSuggestions:[32],isListboxOpen:[32],isTouched:[32],showClearButton:[32]},void 0,{value:["watchValueHandler"],suggestions:["watchSuggestionsHandler"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-search-input","va-icon"].forEach((t=>{switch(t){case"va-search-input":customElements.get(t)||customElements.define(t,VaSearchInput$1);break;case"va-icon":customElements.get(t)||defineCustomElement$2()}}))}const VaSearchInput=VaSearchInput$1,defineCustomElement=defineCustomElement$1;export{VaSearchInput,defineCustomElement};

package/dist/components/va-select2.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{a as getSlottedNodes,i as isMessageSet,g as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaSelectCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-select,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-select,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-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-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-select{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;background-position:right 0.5rem center;background-size:1.25rem;padding-right:2rem}.usa-select::-ms-expand{display:none}.usa-select:-webkit-autofill{-webkit-appearance:menulist;appearance:menulist}.usa-select:-moz-focusring{color:transparent;text-shadow:0 0 0 black}.usa-select[multiple]{height:auto;background-image:none;padding-right:0}.usa-select option{overflow:hidden;text-overflow:ellipsis}.usa-select:disabled,.usa-select[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:0;color:GrayText}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:2px solid GrayText}}@media (forced-colors: active){.usa-select{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox;background-image:none;padding-right:0}}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}.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: 1008px){: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: 1008px){: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);color:var(--vads-color-base)}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}.va-select--full-width{max-width:100%;width:100%}',VaSelectStyle0=vaSelectCss,VaSelect=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaKeyDown=createEvent(this,"vaKeyDown",7),this.vaSelect=createEvent(this,"vaSelect",7),this.vaSelectBlur=createEvent(this,"vaSelectBlur",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.required=!1,this.hideRequiredText=!1,this.label=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.reflectInputError=!1,this.invalid=!1,this.enableAnalytics=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.width=void 0,this.fullWidth=!1,this.showError=!0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.options=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}handleKeyDown(){this.vaKeyDown.emit()}handleBlur(e){const a=e.target;this.value=a.value,this.vaSelectBlur.emit({value:this.value})}handleChange(e){const a=e.target;if(this.value=a.value,this.enableAnalytics){const e={componentName:"va-select",action:"change",details:{label:this.label,selectLabel:this.value}};this.componentLibraryAnalytics.emit(e)}this.vaSelect.emit({value:this.value})}populateOptions(){const{value:e}=this,a=getSlottedNodes(this.el,null,"#select-container slot").filter((e=>{const a=e.nodeName.toLowerCase();return"option"===a||"optgroup"===a}));this.options=a.map((a=>"optgroup"===a.nodeName.toLowerCase()?h("optgroup",{label:a.label},Array.from(a.children).map((a=>h("option",{value:a.value,selected:e===a.value},a.text)))):"option"===a.nodeName.toLowerCase()?h("option",{value:a.value,selected:e===a.value},a.textContent):void 0))}handleValueChange(){this.populateOptions()}render(){const{error:e,reflectInputError:a,invalid:t,label:s,required:r,hideRequiredText:i,name:o,hint:l,messageAriaDescribedby:n,width:d,fullWidth:u,showError:c,useFormsPattern:p,formHeadingLevel:m,formHeading:b}=this,f="input-error-message",g=`${n?"input-message":""} ${e?f:""} ${l?"input-hint":""}`.trim()||null,v=classnames({"usa-label":!0,"usa-label--error":e}),w=classnames({"usa-select":!0,"usa-input--error":e||a,[`usa-input--${d}`]:d,"va-select--full-width":u});let y=null;if(["single","multiple"].includes(p)){const e=getHeaderLevel(m);y=h(Fragment,{key:"e72290194f1007888f0ba17858ff3bde9720631f"},b&&h(e,{key:"6ea7209fefabc0763fe63e08d51cddaf04d485b7",id:"form-question",part:"form-header"},b),h("div",{key:"926c39a45d52350ddaefeb1f26474cb5b8b4e98e",id:"form-description"},h("slot",{key:"d02325c53c33889519123970a3f6ee25b78045b7",name:"form-description"})))}return h(Host,{key:"b749a1d8955257047329392c1feaf0cffd843d2a"},y,s&&h("label",{key:"ee1697e0f10072198019455db74231e36299505e",htmlFor:"options",class:v,part:"label"},s,r&&!i&&h("span",{key:"288de8a1edbd78d927dc918f223bae17697037c6",class:"usa-label--required"}," ",instance.t("required"))),l&&h("span",{key:"887a25e98e0a7ac3737f94327e242ce22c5dcf23",class:"usa-hint",id:"input-hint"},l),h("span",{key:"7f2e58ba8c967ba4e2ead39ecb66e1922500b149",id:f,role:"alert"},c&&e&&h(Fragment,{key:"9b602c6179b942a68e34466bc4c37477cd7b6d7a"},h("span",{key:"ce6f76bc20408d9d8fa48678b5a4e407e5f88767",class:"usa-sr-only"},instance.t("error")),h("span",{key:"f1c07efd212e4803c9524ad28d1a816a7c15da04",class:"usa-error-message"},e))),h("div",{key:"41893917d9fc90d332c4b998851cea48c4e38f18",id:"select-container"},h("slot",{key:"312cbe6b2d833d56a4a9311010006ed6ec9834df",onSlotchange:()=>this.populateOptions()}),h("select",{key:"e222a4c4541bdf5b0a845abd40ecd9bd9b31c1c0",class:w,"aria-describedby":g,"aria-invalid":t||e?"true":"false",id:"options",name:o,required:r||null,onKeyDown:()=>this.handleKeyDown(),onChange:e=>this.handleChange(e),onBlur:e=>this.handleBlur(e),part:"select"},h("option",{key:"0",value:"",selected:!0},instance.t("select")),this.options)),isMessageSet(n)&&h("span",{key:"ed3d0e13fa9e0cfe2ae04753886a2c886b375631",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},n))}get el(){return this}static get watchers(){return{value:["handleValueChange"]}}static get style(){return VaSelectStyle0}},[1,"va-select",{required:[4],hideRequiredText:[4,"hide-required-text"],label:[1],name:[1],value:[1537],error:[1],reflectInputError:[4,"reflect-input-error"],invalid:[4],enableAnalytics:[4,"enable-analytics"],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],width:[1],fullWidth:[4,"full-width"],showError:[4,"show-error"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],options:[32]},void 0,{value:["handleValueChange"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-select"].forEach((e=>{"va-select"===e&&(customElements.get(e)||customElements.define(e,VaSelect))}))}export{VaSelect as V,defineCustomElement as d};
+import{proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{a as getSlottedNodes,i as isMessageSet,g as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaSelectCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-select,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-select,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-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-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-select{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;background-position:right 0.5rem center;background-size:1.25rem;padding-right:2rem}.usa-select::-ms-expand{display:none}.usa-select:-webkit-autofill{-webkit-appearance:menulist;appearance:menulist}.usa-select:-moz-focusring{color:transparent;text-shadow:0 0 0 black}.usa-select[multiple]{height:auto;background-image:none;padding-right:0}.usa-select option{overflow:hidden;text-overflow:ellipsis}.usa-select:disabled,.usa-select[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:0;color:GrayText}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:2px solid GrayText}}@media (forced-colors: active){.usa-select{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox;background-image:none;padding-right:0}}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}.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: 1008px){: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: 1008px){: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);color:var(--vads-color-base)}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}.va-select--full-width{max-width:100%;width:100%}',VaSelectStyle0=vaSelectCss,VaSelect=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaKeyDown=createEvent(this,"vaKeyDown",7),this.vaSelect=createEvent(this,"vaSelect",7),this.vaSelectBlur=createEvent(this,"vaSelectBlur",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.required=!1,this.hideRequiredText=!1,this.label=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.reflectInputError=!1,this.invalid=!1,this.enableAnalytics=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.width=void 0,this.fullWidth=!1,this.showError=!0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.options=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}handleKeyDown(){this.vaKeyDown.emit()}handleBlur(e){const a=e.target;this.value=a.value,this.vaSelectBlur.emit({value:this.value})}handleChange(e){const a=e.target;if(this.value=a.value,this.enableAnalytics){const e={componentName:"va-select",action:"change",details:{label:this.label,selectLabel:this.value}};this.componentLibraryAnalytics.emit(e)}this.vaSelect.emit({value:this.value})}populateOptions(){const{value:e}=this,a=getSlottedNodes(this.el,null,"#select-container slot").filter((e=>{const a=e.nodeName.toLowerCase();return"option"===a||"optgroup"===a}));this.options=a.map((a=>"optgroup"===a.nodeName.toLowerCase()?h("optgroup",{label:a.label},Array.from(a.children).map((a=>h("option",{value:a.value,selected:e===a.value},a.text)))):"option"===a.nodeName.toLowerCase()?h("option",{value:a.value,selected:e===a.value},a.textContent):void 0))}handleValueChange(){this.populateOptions()}render(){const{error:e,reflectInputError:a,invalid:t,label:s,required:r,hideRequiredText:i,name:o,hint:l,messageAriaDescribedby:n,width:d,fullWidth:u,showError:c,useFormsPattern:p,formHeadingLevel:m,formHeading:b}=this,f="input-error-message",g=`${n?"input-message":""} ${e?f:""} ${l?"input-hint":""}`.trim()||null,v=classnames({"usa-label":!0,"usa-label--error":e}),w=classnames({"usa-select":!0,"usa-input--error":e||a,[`usa-input--${d}`]:d,"va-select--full-width":u});let y=null;if(["single","multiple"].includes(p)){const e=getHeaderLevel(m);y=h(Fragment,{key:"fec215836555cf5255ad7fe46ba7fa950049d22d"},b&&h(e,{key:"01eb5e6a1434300fdcddec90ff0d4bb2c7cb3981",id:"form-question",part:"form-header"},b),h("div",{key:"6a31e636a2c591bd6b5168a6b4280be5f12dcf48",id:"form-description"},h("slot",{key:"fe937d424f29dcf2c304689eb5bfa2c791c38b3e",name:"form-description"})))}return h(Host,{key:"00601b6ce77b72615ec24b74fd1905020f509747"},y,s&&h("label",{key:"8885533969ae6fe81c5886ba0011346b0b1c2b61",htmlFor:"options",class:v,part:"label"},s,r&&!i&&h("span",{key:"296e30d3e8775508060caf10efe7004b21421308",class:"usa-label--required"}," ",instance.t("required"))),l&&h("span",{key:"9375882f5e6a406c360b15b295e14b5f722b82fd",class:"usa-hint",id:"input-hint"},l),h("span",{key:"ec9ef72ee237554eaaecfbc680c0378cf0038ad3",id:f,role:"alert"},c&&e&&h(Fragment,{key:"d7092536c96ecb678399957ab438b7e5e6754607"},h("span",{key:"c01fdadb7ed1007c99da4d110a2b295c65bf8868",class:"usa-sr-only"},instance.t("error")),h("span",{key:"8f39af61af53a02656705783c61132f04b6cc329",class:"usa-error-message"},e))),h("div",{key:"4b29824f15fe8fde58d7eb49b3287ae92e9d71bd",id:"select-container"},h("slot",{key:"f89d225097979a685610687292894eb6f5f212ab",onSlotchange:()=>this.populateOptions()}),h("select",{key:"84fda1ed52f004db1d8bbb3358957853bbfdf03f",class:w,"aria-describedby":g,"aria-invalid":t||e?"true":"false",id:"options",name:o,required:r||null,onKeyDown:()=>this.handleKeyDown(),onChange:e=>this.handleChange(e),onBlur:e=>this.handleBlur(e),part:"select"},h("option",{key:"0",value:"",selected:!0},instance.t("select")),this.options)),isMessageSet(n)&&h("span",{key:"408806c71cd593286d9c4523427a192128369353",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},n))}get el(){return this}static get watchers(){return{value:["handleValueChange"]}}static get style(){return VaSelectStyle0}},[1,"va-select",{required:[4],hideRequiredText:[4,"hide-required-text"],label:[1],name:[1],value:[1537],error:[1],reflectInputError:[4,"reflect-input-error"],invalid:[4],enableAnalytics:[4,"enable-analytics"],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],width:[1],fullWidth:[4,"full-width"],showError:[4,"show-error"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],options:[32]},void 0,{value:["handleValueChange"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-select"].forEach((e=>{"va-select"===e&&(customElements.get(e)||customElements.define(e,VaSelect))}))}export{VaSelect as V,defineCustomElement as d};

package/dist/components/va-service-list-item.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{c as consoleDevError}from"./utils.js";import{d as defineCustomElement$4}from"./va-critical-action2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";const vaServiceListItemCss='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:1.875rem}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:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}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-label,.usa-label-big{background-color:#565c65;border-radius:2px;color:#ffffff;font-size:0.938rem;margin-right:0.3125rem;padding:0.0625rem 0.4375rem;text-transform:uppercase}.usa-label:only-of-type,.usa-label-big:only-of-type{margin-right:0}.usa-label-big{font-size:1rem;padding-left:0.5625rem;padding-right:0.5625rem}:host{display:block}.service-list-item{padding:1.25rem 2rem 2rem 1rem;border-top:1px solid var(--vads-color-base-light)}.service-list-item a{text-decoration:none;color:unset}.service-list-item .service-title-row:hover .service-name{text-decoration:underline;color:var(--vads-color-link-active)}.service-list-item .service-title-row:focus .chevron-icon,.service-list-item .service-title-row:hover .chevron-icon{color:var(--vads-color-link-active)}.service-list-item .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .name-and-chevron{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;height:40px;width:40px;color:var(--vads-color-white);margin-right:0.625rem}.service-list-item .header .icon.star{background-color:var(--vads-color-hub-burials)}.service-list-item .header .icon.work{background-color:var(--vads-color-hub-careers)}.service-list-item .header .icon.description{background-color:var(--vads-color-hub-disability)}.service-list-item .header .icon.school{background-color:var(--vads-color-hub-education)}.service-list-item .header .icon.groups{background-color:var(--vads-color-hub-family-member)}.service-list-item .header .icon.medical_services{background-color:var(--vads-color-hub-health-care)}.service-list-item .header .icon.home{background-color:var(--vads-color-hub-housing)}.service-list-item .header .icon.shield{background-color:var(--vads-color-hub-life-insurance)}.service-list-item .header .icon.handshake{background-color:var(--vads-color-hub-pension)}.service-list-item .header .icon.identification{background-color:var(--vads-color-hub-records)}.service-list-item .header .icon.flag{background-color:var(--vads-color-hub-service-member)}.service-list-item .header .icon.default{background-color:var(--vads-color-primary)}.service-list-item .header:not(:has(.icon)) .service-name{width:auto}@media (min-width: 768px){.service-list-item .header:not(:has(.icon)) .chevron-icon{margin-left:0.938rem}}.service-list-item .header .service-name{margin-top:0;width:11.875rem;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .service-name{width:auto}}.service-list-item .header .service-name:has(+.chevron-icon)+.chevron-icon{-ms-flex-item-align:start;align-self:flex-start}.service-list-item .header .chevron-icon{margin-left:auto;font-size:24px;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .chevron-icon{margin-left:0.938rem}}.service-list-item .header:focus,.service-list-item .header:active{outline:none;background-color:var(--vads-color-action-focus-on-light);color:var(--vads-color-link);-webkit-box-shadow:0px 4px 0px var(--vads-color-base);box-shadow:0px 4px 0px var(--vads-color-base)}.service-list-item .header:focus .icon,.service-list-item .header:active .icon{background-color:var(--vads-color-base)}.service-list-item .header:focus .service-name,.service-list-item .header:active .service-name{color:var(--vads-color-base)}.service-list-item .header:focus .chevron-icon,.service-list-item .header:active .chevron-icon{color:var(--vads-color-base)}.service-list-item .header:active .service-name{text-decoration:underline}.service-list-item .status{margin-top:0.75rem}.service-list-item li{padding-bottom:0.25rem}.service-list-item ul{list-style-type:none;padding-left:0;font-size:1.06rem;padding:1.25rem 0 1.25rem 0;margin:0}.service-list-item ul:last-child{padding-bottom:0}.service-list-item .optional-link{margin-top:1.5rem}',VaServiceListItemStyle0=vaServiceListItemCss,VaServiceListItem$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.serviceName=void 0,this.serviceNameHeadingLevel=3,this.serviceLink=void 0,this.serviceStatus=void 0,this.serviceDetails=void 0,this.icon=void 0,this.action=void 0,this.optionalLink=void 0,this.parsedServiceDetails=void 0,this.parsedAction=void 0,this.parsedOptionalLink=void 0}handleServiceDetailsChange(e){this.parsedServiceDetails=this.parseJsonProp(e)}handleActionChange(e){this.parsedAction=this.parseJsonProp(e)}handleOptionalLinkChange(e){this.parsedOptionalLink=this.parseJsonProp(e)}componentWillLoad(){this.parsedServiceDetails=this.parseJsonProp(this.serviceDetails),this.parsedAction=this.parseJsonProp(this.action),this.parsedOptionalLink=this.parseJsonProp(this.optionalLink)}parseJsonProp(e){if(e&&"{}"!==e&&"null"!==e)try{return"string"==typeof e?JSON.parse(e):e}catch(i){return void consoleDevError(`Error parsing prop: ${e}`)}}render(){const{parsedServiceDetails:e,parsedAction:i,parsedOptionalLink:t,icon:s,serviceName:a,serviceNameHeadingLevel:r,serviceLink:o,serviceStatus:n}=this,c=e?Object.entries(e).map((([e,i])=>h("li",null,h("div",null,h("strong",null,e,":")," ",i)))):null,l=!!(null==i?void 0:i.href)&&!!(null==i?void 0:i.text),m=`h${r}`,d=new Set(["star","work","description","school","groups","medical_services","home","shield","handshake","identification","flag"]).has(s)?`icon ${s}`:"icon default";return h(Host,{key:"2b0862b014834ec8a41205f17e0499d31506d060"},h("div",{key:"7c92beb36f1cb235486764893d5d70df608e9eaf",class:"service-list-item"},h("a",{key:"4f8af62c0bd2903468f83e9d517a71d4a7ab8588",href:o,class:"service-title-row"},h("div",{key:"fda8bc4d2057c612f58bb49a561853aafa010030",class:"header",tabIndex:0},s&&h("va-icon",{key:"f838a967864825976625efbb734ca973d04f49f8",class:d,icon:s,size:3}),h("div",{key:"41dfc2c6a28946c34c3435db22a7f20964eebb69",class:"name-and-chevron"},h(m,{key:"d77c5848e3988a8eb1b78be2e031570406128f1e",class:"service-name"},a),h("va-icon",{key:"e6b90f5110505387c405c65771a3badca9c76611",class:"chevron-icon",icon:"chevron_right",size:4})))),l&&h("va-critical-action",{key:"5727f591c273fb9220f13dfb602f74ee998dd646",link:i.href,text:i.text}),h("div",{key:"5b7d51a0531cf9bb3ca0782d0d9d324705ccd4d4",class:"status"},h("span",{key:"11bdbae9d2acec2f9ebe17743193955e8b40a335",class:"usa-label"},n)),h("ul",{key:"87079a3e4a222f88a811c7ca3cbe94e22de8902c",class:"service-details-list"},c),(null==t?void 0:t.href)&&(null==t?void 0:t.text)&&h("va-link",Object.assign({key:"5cf658b515018b7ca3668c3efd1f11aa297c6f49",class:"optional-link"},t))))}get el(){return this}static get watchers(){return{serviceDetails:["handleServiceDetailsChange"],action:["handleActionChange"],optionalLink:["handleOptionalLinkChange"]}}static get style(){return VaServiceListItemStyle0}},[1,"va-service-list-item",{serviceName:[1,"service-name"],serviceNameHeadingLevel:[2,"service-name-heading-level"],serviceLink:[1,"service-link"],serviceStatus:[1,"service-status"],serviceDetails:[1,"service-details"],icon:[1],action:[1],optionalLink:[1,"optional-link"],parsedServiceDetails:[32],parsedAction:[32],parsedOptionalLink:[32]},void 0,{serviceDetails:["handleServiceDetailsChange"],action:["handleActionChange"],optionalLink:["handleOptionalLinkChange"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-service-list-item","va-critical-action","va-icon","va-link"].forEach((e=>{switch(e){case"va-service-list-item":customElements.get(e)||customElements.define(e,VaServiceListItem$1);break;case"va-critical-action":customElements.get(e)||defineCustomElement$4();break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}}))}const VaServiceListItem=VaServiceListItem$1,defineCustomElement=defineCustomElement$1;export{VaServiceListItem,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{c as consoleDevError}from"./utils.js";import{d as defineCustomElement$4}from"./va-critical-action2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";const vaServiceListItemCss='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-label,.usa-label-big{background-color:#565c65;border-radius:2px;color:#ffffff;font-size:0.938rem;margin-right:0.3125rem;padding:0.0625rem 0.4375rem;text-transform:uppercase}.usa-label:only-of-type,.usa-label-big:only-of-type{margin-right:0}.usa-label-big{font-size:1rem;padding-left:0.5625rem;padding-right:0.5625rem}:host{display:block;font-size:1rem}.service-list-item{padding:1.25rem 2rem 2rem 1rem;border-top:1px solid var(--vads-color-base-light)}.service-list-item a{text-decoration:none;color:unset}.service-list-item .service-title-row:hover .service-name{text-decoration:underline;color:var(--vads-color-link-active)}.service-list-item .service-title-row:focus .chevron-icon,.service-list-item .service-title-row:hover .chevron-icon{color:var(--vads-color-link-active)}.service-list-item .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .name-and-chevron{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;height:40px;width:40px;color:var(--vads-color-white);margin-right:0.625rem}.service-list-item .header .icon.star{background-color:var(--vads-color-hub-burials)}.service-list-item .header .icon.work{background-color:var(--vads-color-hub-careers)}.service-list-item .header .icon.description{background-color:var(--vads-color-hub-disability)}.service-list-item .header .icon.school{background-color:var(--vads-color-hub-education)}.service-list-item .header .icon.groups{background-color:var(--vads-color-hub-family-member)}.service-list-item .header .icon.medical_services{background-color:var(--vads-color-hub-health-care)}.service-list-item .header .icon.home{background-color:var(--vads-color-hub-housing)}.service-list-item .header .icon.shield{background-color:var(--vads-color-hub-life-insurance)}.service-list-item .header .icon.handshake{background-color:var(--vads-color-hub-pension)}.service-list-item .header .icon.identification{background-color:var(--vads-color-hub-records)}.service-list-item .header .icon.flag{background-color:var(--vads-color-hub-service-member)}.service-list-item .header .icon.default{background-color:var(--vads-color-primary)}.service-list-item .header:not(:has(.icon)) .service-name{width:auto}@media (min-width: 768px){.service-list-item .header:not(:has(.icon)) .chevron-icon{margin-left:0.938rem}}.service-list-item .header .service-name{margin-top:0;width:11.875rem;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .service-name{width:auto}}.service-list-item .header .service-name:has(+.chevron-icon)+.chevron-icon{-ms-flex-item-align:start;align-self:flex-start}.service-list-item .header .chevron-icon{margin-left:auto;font-size:24px;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .chevron-icon{margin-left:0.938rem}}.service-list-item .header:focus,.service-list-item .header:active{outline:none;background-color:var(--vads-color-action-focus-on-light);color:var(--vads-color-link);-webkit-box-shadow:0px 4px 0px var(--vads-color-base);box-shadow:0px 4px 0px var(--vads-color-base)}.service-list-item .header:focus .icon,.service-list-item .header:active .icon{background-color:var(--vads-color-base)}.service-list-item .header:focus .service-name,.service-list-item .header:active .service-name{color:var(--vads-color-base)}.service-list-item .header:focus .chevron-icon,.service-list-item .header:active .chevron-icon{color:var(--vads-color-base)}.service-list-item .header:active .service-name{text-decoration:underline}.service-list-item .status{margin-top:0.75rem}.service-list-item li{padding-bottom:0.25rem}.service-list-item ul{list-style-type:none;padding-left:0;font-size:1.06rem;padding:1.25rem 0 1.25rem 0;margin:0}.service-list-item ul:last-child{padding-bottom:0}.service-list-item .optional-link{margin-top:1.5rem}',VaServiceListItemStyle0=vaServiceListItemCss,VaServiceListItem$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.serviceName=void 0,this.serviceNameHeadingLevel=3,this.serviceLink=void 0,this.serviceStatus=void 0,this.serviceDetails=void 0,this.icon=void 0,this.action=void 0,this.optionalLink=void 0,this.parsedServiceDetails=void 0,this.parsedAction=void 0,this.parsedOptionalLink=void 0}handleServiceDetailsChange(e){this.parsedServiceDetails=this.parseJsonProp(e)}handleActionChange(e){this.parsedAction=this.parseJsonProp(e)}handleOptionalLinkChange(e){this.parsedOptionalLink=this.parseJsonProp(e)}componentWillLoad(){this.parsedServiceDetails=this.parseJsonProp(this.serviceDetails),this.parsedAction=this.parseJsonProp(this.action),this.parsedOptionalLink=this.parseJsonProp(this.optionalLink)}parseJsonProp(e){if(e&&"{}"!==e&&"null"!==e)try{return"string"==typeof e?JSON.parse(e):e}catch(i){return void consoleDevError(`Error parsing prop: ${e}`)}}render(){const{parsedServiceDetails:e,parsedAction:i,parsedOptionalLink:t,icon:s,serviceName:r,serviceNameHeadingLevel:a,serviceLink:o,serviceStatus:n}=this,c=e?Object.entries(e).map((([e,i])=>h("li",null,h("div",null,h("strong",null,e,":")," ",i)))):null,l=!!(null==i?void 0:i.href)&&!!(null==i?void 0:i.text),m=`h${a}`,d=new Set(["star","work","description","school","groups","medical_services","home","shield","handshake","identification","flag"]).has(s)?`icon ${s}`:"icon default";return h(Host,{key:"2b0862b014834ec8a41205f17e0499d31506d060"},h("div",{key:"7c92beb36f1cb235486764893d5d70df608e9eaf",class:"service-list-item"},h("a",{key:"4f8af62c0bd2903468f83e9d517a71d4a7ab8588",href:o,class:"service-title-row"},h("div",{key:"fda8bc4d2057c612f58bb49a561853aafa010030",class:"header",tabIndex:0},s&&h("va-icon",{key:"f838a967864825976625efbb734ca973d04f49f8",class:d,icon:s,size:3}),h("div",{key:"41dfc2c6a28946c34c3435db22a7f20964eebb69",class:"name-and-chevron"},h(m,{key:"d77c5848e3988a8eb1b78be2e031570406128f1e",class:"service-name"},r),h("va-icon",{key:"e6b90f5110505387c405c65771a3badca9c76611",class:"chevron-icon",icon:"chevron_right",size:4})))),l&&h("va-critical-action",{key:"5727f591c273fb9220f13dfb602f74ee998dd646",link:i.href,text:i.text}),h("div",{key:"5b7d51a0531cf9bb3ca0782d0d9d324705ccd4d4",class:"status"},h("span",{key:"11bdbae9d2acec2f9ebe17743193955e8b40a335",class:"usa-label"},n)),h("ul",{key:"87079a3e4a222f88a811c7ca3cbe94e22de8902c",class:"service-details-list"},c),(null==t?void 0:t.href)&&(null==t?void 0:t.text)&&h("va-link",Object.assign({key:"5cf658b515018b7ca3668c3efd1f11aa297c6f49",class:"optional-link"},t))))}get el(){return this}static get watchers(){return{serviceDetails:["handleServiceDetailsChange"],action:["handleActionChange"],optionalLink:["handleOptionalLinkChange"]}}static get style(){return VaServiceListItemStyle0}},[1,"va-service-list-item",{serviceName:[1,"service-name"],serviceNameHeadingLevel:[2,"service-name-heading-level"],serviceLink:[1,"service-link"],serviceStatus:[1,"service-status"],serviceDetails:[1,"service-details"],icon:[1],action:[1],optionalLink:[1,"optional-link"],parsedServiceDetails:[32],parsedAction:[32],parsedOptionalLink:[32]},void 0,{serviceDetails:["handleServiceDetailsChange"],action:["handleActionChange"],optionalLink:["handleOptionalLinkChange"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-service-list-item","va-critical-action","va-icon","va-link"].forEach((e=>{switch(e){case"va-service-list-item":customElements.get(e)||customElements.define(e,VaServiceListItem$1);break;case"va-critical-action":customElements.get(e)||defineCustomElement$4();break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}}))}const VaServiceListItem=VaServiceListItem$1,defineCustomElement=defineCustomElement$1;export{VaServiceListItem,defineCustomElement};