@department-of-veterans-affairs/component-library 50.2.1 → 50.2.2

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

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{a 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:"49c032d4632634ee7670cc5c787ceef4f6f1d312",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:"4e463cad3a8a58024c6fa573b7cca18f42175e7a"}))}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: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:"49c032d4632634ee7670cc5c787ceef4f6f1d312",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:"4e463cad3a8a58024c6fa573b7cca18f42175e7a"}))}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-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{g as getSlottedNodes,i as isMessageSet,a 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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.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=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([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=""])){margin-left:-0.9rem}:host([error]:not([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]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px;max-width:480px}',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 t=s.findIndex((e=>e===a));if(-1===t)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(),t===s.length-1?(o=s[0],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[t+1],this.deselectCurrentNode(a),this.selectNextNode(o));break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),0===t?(o=s[s.length-1],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[t-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:t,headerAriaDescribedby:o,messageAriaDescribedby:r,useFormsPattern:i,formHeadingLevel:n,formHeading:d}=this,l=this.getHeaderLevel(),u=o?"header-message":null,m=r?"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":t});let b=null;if("single"===i||"multiple"===i){const e=getHeaderLevel(n);b=h(Fragment,{key:"d79622f2ad07f2766350f8e0925fad769871398a"},d&&h(e,{key:"36267eb7ca411d09e65fe517becfbd4c8632abe3",id:"form-question",part:"form-header"},d),h("div",{key:"a232a8f8f4cdf8e9322a22fadb00bcf10956624b",id:"form-description"},h("slot",{key:"69b2cb96c413c96ea4d13ba0b9b1525f167acfa0",name:"form-description"})))}return h(Host,{key:"8d152198d253cc254f227de57d9e96dd4a6f2ff4","aria-invalid":t?"true":"false"},b,h("div",{key:"4e174d3675bbfa15b343f6b6c3c2be795e6f895d",class:"input-wrap"},h("fieldset",{key:"04e3f236be71367afebae38487bdf22be23a0719",class:"usa-fieldset","aria-labelledby":f},h("legend",{key:"6c055ecaf46eb3aff2dc7449b858e7bb7ef96f46",class:c,part:"legend","aria-describedby":m},l?h(l,{part:"header","aria-describedby":u},e):e," ","multiple"===i&&h("span",{key:"63735d10ce49917a69271d01ec4be616c43d7d84",id:"header-message",class:"usa-sr-only"},e),o&&h("span",{key:"76bf3ce1cc96cd08bd2212661787150fedafeb65",id:"header-message",class:"usa-sr-only"},o),isMessageSet(r)&&h("span",{key:"eb63785c4bf270b048afc0c8df9da2f575ab1c7f",id:"description-message",class:"usa-sr-only"},r),s&&h("span",{key:"537627d1cb4d37293fda37571df6a3ac363c65fa",class:"usa-label--required",part:"required"},instance.t("required")),a&&h("div",{key:"9c01caebca5b3779b5ddf2aa6ec62e151e518ed5",class:"usa-hint"},a)),t&&h("span",{key:"cad32d6daded24e1fb09df716b48be79e21d974e",class:"usa-error-message",role:"alert"},h(Fragment,{key:"f8374e59d9ba651d2b8a4edcf8a954c0ac0230ee"},h("span",{key:"28353fce1f3c72925ce19d621a7fe0d0be36e98d",class:"usa-sr-only"},instance.t("error"))," ",t)),h("slot",{key:"b1cefadc7c8e87395e25a08ed911aa85c157da0b"}))))}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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.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=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([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=""])){margin-left:-0.9rem}:host([error]:not([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]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px;max-width:480px}',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 t=s.findIndex((e=>e===a));if(-1===t)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(),t===s.length-1?(o=s[0],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[t+1],this.deselectCurrentNode(a),this.selectNextNode(o));break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),0===t?(o=s[s.length-1],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[t-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:t,headerAriaDescribedby:o,messageAriaDescribedby:r,useFormsPattern:i,formHeadingLevel:n,formHeading:d}=this,l=this.getHeaderLevel(),u=o?"header-message":null,m=r?"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":t});let b=null;if("single"===i||"multiple"===i){const e=getHeaderLevel(n);b=h(Fragment,{key:"d79622f2ad07f2766350f8e0925fad769871398a"},d&&h(e,{key:"36267eb7ca411d09e65fe517becfbd4c8632abe3",id:"form-question",part:"form-header"},d),h("div",{key:"a232a8f8f4cdf8e9322a22fadb00bcf10956624b",id:"form-description"},h("slot",{key:"69b2cb96c413c96ea4d13ba0b9b1525f167acfa0",name:"form-description"})))}return h(Host,{key:"8d152198d253cc254f227de57d9e96dd4a6f2ff4","aria-invalid":t?"true":"false"},b,h("div",{key:"4e174d3675bbfa15b343f6b6c3c2be795e6f895d",class:"input-wrap"},h("fieldset",{key:"04e3f236be71367afebae38487bdf22be23a0719",class:"usa-fieldset","aria-labelledby":f},h("legend",{key:"6c055ecaf46eb3aff2dc7449b858e7bb7ef96f46",class:c,part:"legend","aria-describedby":m},l?h(l,{part:"header","aria-describedby":u},e):e," ","multiple"===i&&h("span",{key:"63735d10ce49917a69271d01ec4be616c43d7d84",id:"header-message",class:"usa-sr-only"},e),o&&h("span",{key:"76bf3ce1cc96cd08bd2212661787150fedafeb65",id:"header-message",class:"usa-sr-only"},o),isMessageSet(r)&&h("span",{key:"eb63785c4bf270b048afc0c8df9da2f575ab1c7f",id:"description-message",class:"usa-sr-only"},r),s&&h("span",{key:"537627d1cb4d37293fda37571df6a3ac363c65fa",class:"usa-label--required",part:"required"},instance.t("required")),a&&h("div",{key:"9c01caebca5b3779b5ddf2aa6ec62e151e518ed5",class:"usa-hint"},a)),t&&h("span",{key:"cad32d6daded24e1fb09df716b48be79e21d974e",class:"usa-error-message",role:"alert"},h(Fragment,{key:"f8374e59d9ba651d2b8a4edcf8a954c0ac0230ee"},h("span",{key:"28353fce1f3c72925ce19d621a7fe0d0be36e98d",class:"usa-sr-only"},instance.t("error"))," ",t)),h("slot",{key:"b1cefadc7c8e87395e25a08ed911aa85c157da0b"}))))}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.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VaSearchFilter extends Components.VaSearchFilter, HTMLElement {}
+export const VaSearchFilter: {
+    prototype: VaSearchFilter;
+    new (): VaSearchFilter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

@@ -0,0 +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}: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}#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 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:e,filterOptions:t,isDesktop:i,totalActiveFilters:a,handleFilterChange:r,handleClearAllFilters:s,handleApplyFilters:o}=this,n=h("div",{id:"filter-buttons"},h("va-button",{onClick:o,text:"Apply filters","full-width":!0}),h("va-button",{onClick:s,text:"Clear all filters",secondary:!0,"full-width":!0})),l=(e,t)=>h("va-checkbox",{label:t.label,key:t.id,checked:t.active,onVaChange:i=>r({facetId:e.id,categoryId:t.id,active:i.target.checked})});return i?h(Host,null,h("h2",{id:"header"},e,a>0?` (${a})`:""),t.length>0&&h("va-accordion",{class:"va-search-filter__accordion"},t.map((e=>h("va-accordion-item",{header:e.label+(e.activeFiltersCount>0?` (${e.activeFiltersCount})`:""),key:e.id,open:!0},h("va-checkbox-group",{label:e.label,class:"va-search-filter__checkbox-group"},e.category.map((t=>l(e,t)))))))),n):h(Host,null,t.length>0&&h("va-accordion",{class:"va-search-filter__accordion"},h("va-accordion-item",{header:e+(a>0?` (${a})`:""),open:!0},h("span",{slot:"icon"},h("va-icon",{icon:"filter_list"})),t.map((e=>h("va-checkbox-group",{label:e.label+(e.activeFiltersCount>0?` (${e.activeFiltersCount})`:""),key:e.id},e.category.map((t=>l(e,t)))))),n)))}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-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{g as getSlottedNodes,i as isMessageSet,a 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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.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=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([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=""])){margin-left:-0.9rem}:host([error]:not([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]){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.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:i,name:r,hint:o,messageAriaDescribedby:l,width:n,fullWidth:d,showError:c,useFormsPattern:u,formHeadingLevel:p,formHeading:m}=this,b="input-error-message",f=`${l?"input-message":""} ${e?b:""} ${o?"input-hint":""}`.trim()||null,g=classnames({"usa-label":!0,"usa-label--error":e}),v=classnames({"usa-select":!0,"usa-input--error":e||a,[`usa-input--${n}`]:n,"va-select--full-width":d});let w=null;if(["single","multiple"].includes(u)){const e=getHeaderLevel(p);w=h(Fragment,{key:"d0dc1fcec1b25b1a435845748f501192c2ac115d"},m&&h(e,{key:"2524fa9fe3dc21e24465c9757402f38dd8666934",id:"form-question",part:"form-header"},m),h("div",{key:"fbf9cd8bc5da3d1a16fb882850d4fac748d05638",id:"form-description"},h("slot",{key:"6f1f5677845e522a6cc7e7e72987319ab2bf98d7",name:"form-description"})))}return h(Host,{key:"c8ee3691e11abb9fc26b0bd633097d5f0cf98e81"},w,s&&h("label",{key:"0f54f146284af113cfe3f900dd71edcd084649fe",htmlFor:"options",class:g,part:"label"},s,i&&h("span",{key:"a0d77807ddd7a04760845292914dbf07e6a590ce",class:"usa-label--required"}," ",instance.t("required"))),o&&h("span",{key:"19a71598338dff26868b4e21eac3e7e84de347b3",class:"usa-hint",id:"input-hint"},o),h("span",{key:"6a0f87956613580871ea803d6e41c21f5e7345f9",id:b,role:"alert"},c&&e&&h(Fragment,{key:"ac8344130d3a2bd5e043b7602f45ae5b0259fb6d"},h("span",{key:"1c4a1003cf67f475789db3f79d4a23dc31df8868",class:"usa-sr-only"},instance.t("error")),h("span",{key:"3a1249446bd6d29b8b6363d9b8f9215c08eafd1a",class:"usa-error-message"},e))),h("div",{key:"088128011123f39556df42b96acd73e644dc9f34",id:"select-container"},h("slot",{key:"f3d6caadd1f1f9b24afb0cf7a95979967ae4ce23",onSlotchange:()=>this.populateOptions()}),h("select",{key:"03164a2a20bd6bd4b54efe55e061d1cd111529d6",class:v,"aria-describedby":f,"aria-invalid":t||e?"true":"false",id:"options",name:r,required:i||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(l)&&h("span",{key:"f92791fad095f644e2bdfcec756e51c676b0677e",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l))}get el(){return this}static get watchers(){return{value:["handleValueChange"]}}static get style(){return VaSelectStyle0}},[1,"va-select",{required:[4],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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.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=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([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=""])){margin-left:-0.9rem}:host([error]:not([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]){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.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:i,name:r,hint:o,messageAriaDescribedby:l,width:n,fullWidth:d,showError:c,useFormsPattern:u,formHeadingLevel:p,formHeading:m}=this,b="input-error-message",f=`${l?"input-message":""} ${e?b:""} ${o?"input-hint":""}`.trim()||null,g=classnames({"usa-label":!0,"usa-label--error":e}),v=classnames({"usa-select":!0,"usa-input--error":e||a,[`usa-input--${n}`]:n,"va-select--full-width":d});let w=null;if(["single","multiple"].includes(u)){const e=getHeaderLevel(p);w=h(Fragment,{key:"d0dc1fcec1b25b1a435845748f501192c2ac115d"},m&&h(e,{key:"2524fa9fe3dc21e24465c9757402f38dd8666934",id:"form-question",part:"form-header"},m),h("div",{key:"fbf9cd8bc5da3d1a16fb882850d4fac748d05638",id:"form-description"},h("slot",{key:"6f1f5677845e522a6cc7e7e72987319ab2bf98d7",name:"form-description"})))}return h(Host,{key:"c8ee3691e11abb9fc26b0bd633097d5f0cf98e81"},w,s&&h("label",{key:"0f54f146284af113cfe3f900dd71edcd084649fe",htmlFor:"options",class:g,part:"label"},s,i&&h("span",{key:"a0d77807ddd7a04760845292914dbf07e6a590ce",class:"usa-label--required"}," ",instance.t("required"))),o&&h("span",{key:"19a71598338dff26868b4e21eac3e7e84de347b3",class:"usa-hint",id:"input-hint"},o),h("span",{key:"6a0f87956613580871ea803d6e41c21f5e7345f9",id:b,role:"alert"},c&&e&&h(Fragment,{key:"ac8344130d3a2bd5e043b7602f45ae5b0259fb6d"},h("span",{key:"1c4a1003cf67f475789db3f79d4a23dc31df8868",class:"usa-sr-only"},instance.t("error")),h("span",{key:"3a1249446bd6d29b8b6363d9b8f9215c08eafd1a",class:"usa-error-message"},e))),h("div",{key:"088128011123f39556df42b96acd73e644dc9f34",id:"select-container"},h("slot",{key:"f3d6caadd1f1f9b24afb0cf7a95979967ae4ce23",onSlotchange:()=>this.populateOptions()}),h("select",{key:"03164a2a20bd6bd4b54efe55e061d1cd111529d6",class:v,"aria-describedby":f,"aria-invalid":t||e?"true":"false",id:"options",name:r,required:i||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(l)&&h("span",{key:"f92791fad095f644e2bdfcec756e51c676b0677e",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l))}get el(){return this}static get watchers(){return{value:["handleValueChange"]}}static get style(){return VaSelectStyle0}},[1,"va-select",{required:[4],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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}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.9375rem;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 .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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}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.9375rem;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};

package/dist/components/va-text-input2.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"./i18n-setup.js";import"./contacts.js";import{c as consoleDevError,i as isMessageSet,d as getCharacterMessage,a as getHeaderLevel}from"./utils.js";import{d as defineCustomElement$1}from"./va-icon2.js";import{i as instance}from"./i18next.js";const vaTextInputCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}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-input-group,.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-input-group,.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-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-input-group{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding:0;position:relative}.usa-input-group--error input:focus,.usa-input-group--success input:focus{outline-offset:0.25rem}.usa-input-group--error{border-width:0.25rem;border-color:#b50909;border-style:solid}.usa-input-group--success{border-width:0.25rem;border-color:#00a91c;border-style:solid}.usa-input-group input{padding-right:2.5rem;border:0;height:100%;margin-top:0;min-width:0;width:100%}.usa-input-group input:disabled+.usa-input-suffix,.usa-input-group input[aria-disabled=true]+.usa-input-suffix{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-input-group input:disabled+.usa-input-suffix:hover,.usa-input-group input:disabled+.usa-input-suffix:active,.usa-input-group input:disabled+.usa-input-suffix:focus,.usa-input-group input:disabled+.usa-input-suffix.usa-focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:hover,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:active,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input-group input:disabled+.usa-input-suffix,.usa-input-group input[aria-disabled=true]+.usa-input-suffix{border:0;color:GrayText}.usa-input-group input:disabled+.usa-input-suffix:hover,.usa-input-group input:disabled+.usa-input-suffix:active,.usa-input-group input:disabled+.usa-input-suffix:focus,.usa-input-group input:disabled+.usa-input-suffix.usa-focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:hover,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:active,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input-group input:disabled,.usa-input-group input[aria-disabled=true]{border:0}}@media (forced-colors: active){.usa-input-group:has(input:disabled),.usa-input-group:has(input[aria-disabled=true]){border:2px solid GrayText}}.usa-input-prefix:has(+input:disabled),.usa-input-prefix:has(+input[aria-disabled=true]){color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-input-prefix:has(+input:disabled):hover,.usa-input-prefix:has(+input:disabled):active,.usa-input-prefix:has(+input:disabled):focus,.usa-input-prefix:has(+input:disabled).usa-focus,.usa-input-prefix:has(+input[aria-disabled=true]):hover,.usa-input-prefix:has(+input[aria-disabled=true]):active,.usa-input-prefix:has(+input[aria-disabled=true]):focus,.usa-input-prefix:has(+input[aria-disabled=true]).usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input-prefix:has(+input:disabled),.usa-input-prefix:has(+input[aria-disabled=true]){border:0;color:GrayText}.usa-input-prefix:has(+input:disabled):hover,.usa-input-prefix:has(+input:disabled):active,.usa-input-prefix:has(+input:disabled):focus,.usa-input-prefix:has(+input:disabled).usa-focus,.usa-input-prefix:has(+input[aria-disabled=true]):hover,.usa-input-prefix:has(+input[aria-disabled=true]):active,.usa-input-prefix:has(+input[aria-disabled=true]):focus,.usa-input-prefix:has(+input[aria-disabled=true]).usa-focus{color:GrayText}}.usa-input-prefix,.usa-input-suffix{position:absolute;color:#71767a;line-height:0;padding:0 0.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.usa-input-prefix .usa-icon,.usa-input-suffix .usa-icon{height:1.5rem;width:1.5rem}.usa-input-prefix+input{padding-left:2.5rem;padding-right:0.5rem}.usa-input-suffix{right:0}.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-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([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=""])){margin-left:-0.9rem}:host([error]:not([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]){padding-left: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}:host{color:var(--vads-color-base)}:host{display:block;font-family:var(--font-source-sans)}input{-webkit-box-sizing:border-box;box-sizing:border-box}input.usa-input{color:var(--vads-color-base)}.usa-hint{display:block}.currency-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.currency-wrapper>div{position:absolute;left:10px}.currency-wrapper #symbol{margin-top:8px}.currency-wrapper #inputField{padding-left:25px}:host([error]:not([error=""])[show-input-error=false]){border-left:0;padding-left:0;margin-left:0}',VaTextInputStyle0=vaTextInputCss;Build.isTesting&&instance.init({lng:"cimode"});const VaTextInput=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.allowedInputTypes=["email","number","search","tel","text","url"],this.updatePaddingLeft=()=>{if(this.inputIconPrefix)this.paddingLeftValue="2.5rem";else if(this.inputPrefix){const e=this.inputPrefix?Math.min(this.inputPrefix.length,25):null;this.paddingLeftValue=.5*e+1+"rem"}},this.updatePaddingRight=()=>{const e=this.inputSuffix?Math.min(this.inputSuffix.length,25):null;this.paddingRightValue=.5*e+1+"rem"},this.handleInput=e=>{const i=e.target;this.value=i.value},this.handleBlur=e=>{if(this.enableAnalytics&&this.componentLibraryAnalytics.emit({componentName:"va-text-input",action:"blur",details:{label:this.label,value:this.value}}),"decimal"===this.inputmode||"numeric"===this.inputmode||this.currency){let i=instance.t("number-error");const t=e.target.checkValidity();this.error||t?this.error&&this.error===i&&t&&(this.error=null,this.el.setAttribute("error","")):(this.error=i,this.el.setAttribute("error",i))}},this.label=void 0,this.error=void 0,this.reflectInputError=!1,this.showInputError=!0,this.invalid=!1,this.required=!1,this.inputmode=void 0,this.step=void 0,this.type="text",this.maxlength=void 0,this.autocomplete=void 0,this.enableAnalytics=!1,this.name=void 0,this.pattern=void 0,this.hint=void 0,this.messageAriaDescribedby=void 0,this.value=void 0,this.success=!1,this.width=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1,this.currency=!1,this.inputPrefix=void 0,this.inputIconPrefix=void 0,this.inputSuffix=void 0,this.inputIconSuffix=void 0,this.min=void 0,this.max=void 0,this.paddingLeftValue="0",this.paddingRightValue="0"}componentWillLoad(){this.updatePaddingLeft(),this.updatePaddingRight()}componentDidUpdate(){this.updatePaddingLeft(),this.updatePaddingRight()}getInputType(){return this.allowedInputTypes.includes(this.type)?this.max||this.min?"number":this.type:(consoleDevError(`The input type "${this.type}" is invalid or unsupported!`),"text")}getMaxlength(){if(!(this.maxlength<=0))return this.maxlength;consoleDevError("The maxlength prop must be positive!")}getPattern(){return this.currency?"^[0-9]+(.[0-9]{2})?$":void 0!==this.pattern||"decimal"!==this.inputmode&&"numeric"!==this.inputmode?this.pattern:"[0-9]+(.[0-9]{1,})?"}getInputmode(){return this.currency?"numeric":this.inputmode?this.inputmode:void 0}getStep(){return this.step||"decimal"!==this.inputmode?this.step?this.step:void 0:".01"}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,error:i,reflectInputError:t,showInputError:a,invalid:s,required:r,value:n,name:u,autocomplete:o,hint:p,handleInput:l,handleBlur:d,success:c,messageAriaDescribedby:f,width:m,useFormsPattern:g,formHeadingLevel:b,formHeading:x,charcount:v,min:y,max:w,currency:T,inputPrefix:I,inputIconPrefix:S,inputSuffix:P,inputIconSuffix:z}=this,E=this.getInputType(),H=this.getMaxlength(),k=this.getInputmode(),C=this.getStep(),L=`${f?"input-message":""} ${i?"input-error-message":""} ${v&&H?"charcount-message":""}`.trim()||null,V=`${g&&x?"form-question":""} ${g?"form-description":""} ${g&&e?"input-label":""}`.trim()||null,R=this.getPattern(),M=classnames({"currency-wrapper":T,"usa-input-group":P||I||S||z}),A=(()=>"0"!==this.paddingLeftValue&&I?{paddingLeft:this.paddingLeftValue}:P?{paddingRight:this.paddingRightValue}:{})(),G=H&&(null==n?void 0:n.length)>H,_=classnames({"usa-label":!0,"usa-label--error":i}),q=classnames({"usa-input":!0,"usa-input--success":c,"usa-input--error":i||t,[`usa-input--${m}`]:m}),$=classnames({"usa-hint":!0,"usa-character-count__status":H,"usa-character-count__status--invalid":H&&(null==n?void 0:n.length)>H}),N=classnames({"usa-sr-only":!a});let F=null;if("single"===g||"multiple"===g){const e=getHeaderLevel(b);F=h(Fragment,null,x&&h(e,{id:"form-question",part:"form-header"},x),h("div",{id:"form-description"},h("slot",{name:"form-description"})))}return h(Host,null,F,h("div",{class:"input-wrap"},e&&h("label",{htmlFor:"inputField",id:"input-label",class:_,part:"label"},e,r&&h("span",{class:"usa-label--required"}," ",instance.t("required")),p&&h("span",{class:"usa-hint"},p)),h("slot",null),h("span",{id:"input-error-message",role:"alert",class:N},i&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:"usa-error-message"},i))),h("div",{class:M},T&&h("div",{id:"symbol"},"$"),I&&h("div",{class:"usa-input-prefix",part:"input-prefix"},I.substring(0,25)),S&&h("div",{class:"usa-input-prefix",part:"input-prefix"},h("va-icon",{icon:S,size:3,part:"icon"})),h("input",{class:q,id:"inputField",type:E,onInput:l,onBlur:d,"aria-describedby":L,style:A,"aria-labelledby":V,"aria-invalid":s||i||G?"true":"false",inputmode:k,step:C,maxlength:H,pattern:R,name:u,autocomplete:o,required:r||null,part:"input",min:y,max:w,value:n}),P&&h("div",{class:"usa-input-suffix",part:"suffix","aria-hidden":"true"},P.substring(0,25)),z&&h("div",{class:"usa-input-suffix",part:"input-suffix"},h("va-icon",{icon:z,size:3,part:"icon"}))),isMessageSet(f)&&h("span",{id:"input-message",class:"usa-sr-only dd-privacy-hidden"},f),v&&H&&h("span",{id:"charcount-message",class:$,"aria-live":"polite"},getCharacterMessage(n,H))))}get el(){return this}static get style(){return VaTextInputStyle0}},[1,"va-text-input",{label:[1],error:[1537],reflectInputError:[4,"reflect-input-error"],showInputError:[516,"show-input-error"],invalid:[4],required:[4],inputmode:[1],step:[1],type:[1],maxlength:[2],autocomplete:[1],enableAnalytics:[4,"enable-analytics"],name:[1],pattern:[1],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],value:[1537],success:[4],width:[1],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4],currency:[4],inputPrefix:[1,"input-prefix"],inputIconPrefix:[1,"input-icon-prefix"],inputSuffix:[1,"input-suffix"],inputIconSuffix:[1,"input-icon-suffix"],min:[8],max:[8],paddingLeftValue:[32],paddingRightValue:[32]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-text-input","va-icon"].forEach((e=>{switch(e){case"va-text-input":customElements.get(e)||customElements.define(e,VaTextInput);break;case"va-icon":customElements.get(e)||defineCustomElement$1()}}))}export{VaTextInput as V,defineCustomElement as d};
+import{Build,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{c as consoleDevError,i as isMessageSet,e as getCharacterMessage,g as getHeaderLevel}from"./utils.js";import{d as defineCustomElement$1}from"./va-icon2.js";import{i as instance}from"./i18next.js";const vaTextInputCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}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-input-group,.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-input-group,.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-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-input-group{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding:0;position:relative}.usa-input-group--error input:focus,.usa-input-group--success input:focus{outline-offset:0.25rem}.usa-input-group--error{border-width:0.25rem;border-color:#b50909;border-style:solid}.usa-input-group--success{border-width:0.25rem;border-color:#00a91c;border-style:solid}.usa-input-group input{padding-right:2.5rem;border:0;height:100%;margin-top:0;min-width:0;width:100%}.usa-input-group input:disabled+.usa-input-suffix,.usa-input-group input[aria-disabled=true]+.usa-input-suffix{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-input-group input:disabled+.usa-input-suffix:hover,.usa-input-group input:disabled+.usa-input-suffix:active,.usa-input-group input:disabled+.usa-input-suffix:focus,.usa-input-group input:disabled+.usa-input-suffix.usa-focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:hover,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:active,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input-group input:disabled+.usa-input-suffix,.usa-input-group input[aria-disabled=true]+.usa-input-suffix{border:0;color:GrayText}.usa-input-group input:disabled+.usa-input-suffix:hover,.usa-input-group input:disabled+.usa-input-suffix:active,.usa-input-group input:disabled+.usa-input-suffix:focus,.usa-input-group input:disabled+.usa-input-suffix.usa-focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:hover,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:active,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input-group input:disabled,.usa-input-group input[aria-disabled=true]{border:0}}@media (forced-colors: active){.usa-input-group:has(input:disabled),.usa-input-group:has(input[aria-disabled=true]){border:2px solid GrayText}}.usa-input-prefix:has(+input:disabled),.usa-input-prefix:has(+input[aria-disabled=true]){color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-input-prefix:has(+input:disabled):hover,.usa-input-prefix:has(+input:disabled):active,.usa-input-prefix:has(+input:disabled):focus,.usa-input-prefix:has(+input:disabled).usa-focus,.usa-input-prefix:has(+input[aria-disabled=true]):hover,.usa-input-prefix:has(+input[aria-disabled=true]):active,.usa-input-prefix:has(+input[aria-disabled=true]):focus,.usa-input-prefix:has(+input[aria-disabled=true]).usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input-prefix:has(+input:disabled),.usa-input-prefix:has(+input[aria-disabled=true]){border:0;color:GrayText}.usa-input-prefix:has(+input:disabled):hover,.usa-input-prefix:has(+input:disabled):active,.usa-input-prefix:has(+input:disabled):focus,.usa-input-prefix:has(+input:disabled).usa-focus,.usa-input-prefix:has(+input[aria-disabled=true]):hover,.usa-input-prefix:has(+input[aria-disabled=true]):active,.usa-input-prefix:has(+input[aria-disabled=true]):focus,.usa-input-prefix:has(+input[aria-disabled=true]).usa-focus{color:GrayText}}.usa-input-prefix,.usa-input-suffix{position:absolute;color:#71767a;line-height:0;padding:0 0.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.usa-input-prefix .usa-icon,.usa-input-suffix .usa-icon{height:1.5rem;width:1.5rem}.usa-input-prefix+input{padding-left:2.5rem;padding-right:0.5rem}.usa-input-suffix{right:0}.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-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([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=""])){margin-left:-0.9rem}:host([error]:not([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]){padding-left: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}:host{color:var(--vads-color-base)}:host{display:block;font-family:var(--font-source-sans)}input{-webkit-box-sizing:border-box;box-sizing:border-box}input.usa-input{color:var(--vads-color-base)}.usa-hint{display:block}.currency-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.currency-wrapper>div{position:absolute;left:10px}.currency-wrapper #symbol{margin-top:8px}.currency-wrapper #inputField{padding-left:25px}:host([error]:not([error=""])[show-input-error=false]){border-left:0;padding-left:0;margin-left:0}',VaTextInputStyle0=vaTextInputCss;Build.isTesting&&instance.init({lng:"cimode"});const VaTextInput=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.allowedInputTypes=["email","number","search","tel","text","url"],this.updatePaddingLeft=()=>{if(this.inputIconPrefix)this.paddingLeftValue="2.5rem";else if(this.inputPrefix){const e=this.inputPrefix?Math.min(this.inputPrefix.length,25):null;this.paddingLeftValue=.5*e+1+"rem"}},this.updatePaddingRight=()=>{const e=this.inputSuffix?Math.min(this.inputSuffix.length,25):null;this.paddingRightValue=.5*e+1+"rem"},this.handleInput=e=>{const i=e.target;this.value=i.value},this.handleBlur=e=>{if(this.enableAnalytics&&this.componentLibraryAnalytics.emit({componentName:"va-text-input",action:"blur",details:{label:this.label,value:this.value}}),"decimal"===this.inputmode||"numeric"===this.inputmode||this.currency){let i=instance.t("number-error");const t=e.target.checkValidity();this.error||t?this.error&&this.error===i&&t&&(this.error=null,this.el.setAttribute("error","")):(this.error=i,this.el.setAttribute("error",i))}},this.label=void 0,this.error=void 0,this.reflectInputError=!1,this.showInputError=!0,this.invalid=!1,this.required=!1,this.inputmode=void 0,this.step=void 0,this.type="text",this.maxlength=void 0,this.autocomplete=void 0,this.enableAnalytics=!1,this.name=void 0,this.pattern=void 0,this.hint=void 0,this.messageAriaDescribedby=void 0,this.value=void 0,this.success=!1,this.width=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1,this.currency=!1,this.inputPrefix=void 0,this.inputIconPrefix=void 0,this.inputSuffix=void 0,this.inputIconSuffix=void 0,this.min=void 0,this.max=void 0,this.paddingLeftValue="0",this.paddingRightValue="0"}componentWillLoad(){this.updatePaddingLeft(),this.updatePaddingRight()}componentDidUpdate(){this.updatePaddingLeft(),this.updatePaddingRight()}getInputType(){return this.allowedInputTypes.includes(this.type)?this.max||this.min?"number":this.type:(consoleDevError(`The input type "${this.type}" is invalid or unsupported!`),"text")}getMaxlength(){if(!(this.maxlength<=0))return this.maxlength;consoleDevError("The maxlength prop must be positive!")}getPattern(){return this.currency?"^[0-9]+(.[0-9]{2})?$":void 0!==this.pattern||"decimal"!==this.inputmode&&"numeric"!==this.inputmode?this.pattern:"[0-9]+(.[0-9]{1,})?"}getInputmode(){return this.currency?"numeric":this.inputmode?this.inputmode:void 0}getStep(){return this.step||"decimal"!==this.inputmode?this.step?this.step:void 0:".01"}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,error:i,reflectInputError:t,showInputError:a,invalid:s,required:r,value:n,name:u,autocomplete:o,hint:p,handleInput:l,handleBlur:d,success:c,messageAriaDescribedby:f,width:m,useFormsPattern:g,formHeadingLevel:b,formHeading:x,charcount:v,min:y,max:w,currency:T,inputPrefix:I,inputIconPrefix:S,inputSuffix:P,inputIconSuffix:z}=this,E=this.getInputType(),H=this.getMaxlength(),k=this.getInputmode(),C=this.getStep(),L=`${f?"input-message":""} ${i?"input-error-message":""} ${v&&H?"charcount-message":""}`.trim()||null,V=`${g&&x?"form-question":""} ${g?"form-description":""} ${g&&e?"input-label":""}`.trim()||null,R=this.getPattern(),M=classnames({"currency-wrapper":T,"usa-input-group":P||I||S||z}),A=(()=>"0"!==this.paddingLeftValue&&I?{paddingLeft:this.paddingLeftValue}:P?{paddingRight:this.paddingRightValue}:{})(),G=H&&(null==n?void 0:n.length)>H,_=classnames({"usa-label":!0,"usa-label--error":i}),q=classnames({"usa-input":!0,"usa-input--success":c,"usa-input--error":i||t,[`usa-input--${m}`]:m}),$=classnames({"usa-hint":!0,"usa-character-count__status":H,"usa-character-count__status--invalid":H&&(null==n?void 0:n.length)>H}),N=classnames({"usa-sr-only":!a});let F=null;if("single"===g||"multiple"===g){const e=getHeaderLevel(b);F=h(Fragment,null,x&&h(e,{id:"form-question",part:"form-header"},x),h("div",{id:"form-description"},h("slot",{name:"form-description"})))}return h(Host,null,F,h("div",{class:"input-wrap"},e&&h("label",{htmlFor:"inputField",id:"input-label",class:_,part:"label"},e,r&&h("span",{class:"usa-label--required"}," ",instance.t("required")),p&&h("span",{class:"usa-hint"},p)),h("slot",null),h("span",{id:"input-error-message",role:"alert",class:N},i&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:"usa-error-message"},i))),h("div",{class:M},T&&h("div",{id:"symbol"},"$"),I&&h("div",{class:"usa-input-prefix",part:"input-prefix"},I.substring(0,25)),S&&h("div",{class:"usa-input-prefix",part:"input-prefix"},h("va-icon",{icon:S,size:3,part:"icon"})),h("input",{class:q,id:"inputField",type:E,onInput:l,onBlur:d,"aria-describedby":L,style:A,"aria-labelledby":V,"aria-invalid":s||i||G?"true":"false",inputmode:k,step:C,maxlength:H,pattern:R,name:u,autocomplete:o,required:r||null,part:"input",min:y,max:w,value:n}),P&&h("div",{class:"usa-input-suffix",part:"suffix","aria-hidden":"true"},P.substring(0,25)),z&&h("div",{class:"usa-input-suffix",part:"input-suffix"},h("va-icon",{icon:z,size:3,part:"icon"}))),isMessageSet(f)&&h("span",{id:"input-message",class:"usa-sr-only dd-privacy-hidden"},f),v&&H&&h("span",{id:"charcount-message",class:$,"aria-live":"polite"},getCharacterMessage(n,H))))}get el(){return this}static get style(){return VaTextInputStyle0}},[1,"va-text-input",{label:[1],error:[1537],reflectInputError:[4,"reflect-input-error"],showInputError:[516,"show-input-error"],invalid:[4],required:[4],inputmode:[1],step:[1],type:[1],maxlength:[2],autocomplete:[1],enableAnalytics:[4,"enable-analytics"],name:[1],pattern:[1],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],value:[1537],success:[4],width:[1],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4],currency:[4],inputPrefix:[1,"input-prefix"],inputIconPrefix:[1,"input-icon-prefix"],inputSuffix:[1,"input-suffix"],inputIconSuffix:[1,"input-icon-suffix"],min:[8],max:[8],paddingLeftValue:[32],paddingRightValue:[32]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-text-input","va-icon"].forEach((e=>{switch(e){case"va-text-input":customElements.get(e)||customElements.define(e,VaTextInput);break;case"va-icon":customElements.get(e)||defineCustomElement$1()}}))}export{VaTextInput as V,defineCustomElement as d};

package/dist/components/va-textarea.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"./i18n-setup.js";import"./contacts.js";import{c as consoleDevError,d as getCharacterMessage,i as isMessageSet,a as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaTextareaCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}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-textarea,.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-textarea,.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-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-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([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=""])){margin-left:-0.9rem}:host([error]:not([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]){padding-left:0}}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block}h1 .usa-label,h2 .usa-label,h3 .usa-label,h4 .usa-label,h5 .usa-label,h6 .usa-label{font-family:inherit;font-size:inherit;font-weight:inherit}h1 .usa-label .usa-label--required,h2 .usa-label .usa-label--required,h3 .usa-label .usa-label--required,h4 .usa-label .usa-label--required,h5 .usa-label .usa-label--required,h6 .usa-label .usa-label--required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}',VaTextareaStyle0=vaTextareaCss;Build.isTesting&&instance.init({lng:"cimode"});const VaTextarea$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleInput=e=>{const a=e.target;this.value=a.value},this.handleBlur=()=>{this.enableAnalytics&&this.value&&this.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:this.label,value:this.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}getMaxlength(){if(!(this.maxlength<=0))return this.maxlength;consoleDevError("The maxlength prop must be positive!")}render(){const{label:e,error:a,placeholder:t,name:r,required:s,value:i,hint:o,charcount:l,messageAriaDescribedby:n,useFormsPattern:d,formHeadingLevel:u,headerAriaDescribedby:c,formHeading:b}=this,m=this.getMaxlength(),f=`${a?"input-error-message":""} ${l&&m?"charcount-message":""} ${n?"input-message":""}`.trim()||null,p=`${d&&b?"form-question":""} ${d?"form-description":""} ${d&&e?"input-label":""}`.trim()||null,g=getHeaderLevel(this.labelHeaderLevel),v=c?"header-message":null,x=l&&(null==i?void 0:i.length)>m,y=classnames({"usa-label":!0,"usa-label--error":a}),w=classnames({"usa-textarea":!0,"usa-input--error":a}),k=classnames({"usa-hint":!0,"usa-character-count__status":l,"usa-character-count__status--invalid":l&&m&&(null==i?void 0:i.length)>m});let T=null;if("single"===d||"multiple"===d){const e=getHeaderLevel(u);T=h(Fragment,{key:"3393d1dfd5a69512980f322cc33ecb79e1ab90b7"},b&&h(e,{key:"9373bc4fea6a75aa7e887633c7a94b14427c94f1",id:"form-question",part:"form-header"},b),h("div",{key:"2a457770e4f5aa45079dbdc3060ffa05f3e2a6b0",id:"form-description"},h("slot",{key:"6b27e76f70625fd78552d159ba6810063fd46674",name:"form-description"})))}const H=h("label",{key:"33a686717b76f50d5375ba1ca298900468f1f25e",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},e,"multiple"===d&&h("span",{key:"aebc39ddd282fe8d7bfd1d681b63f7c5f5c4bb5b",id:"header-message",class:"usa-sr-only"},e),c&&h("span",{key:"7a4ccbae1a9828e9f36f9762b498c3229b16b851",id:"header-message",class:"usa-sr-only"},c),s&&h("span",{key:"ea9a426899f16184ebc32c6e3e5a7036b986721a",class:"usa-label--required"}," ",instance.t("required")),o&&h("div",{key:"2b47b75cb91ef1e49b44429aae7483f2ad0ba171",class:"usa-hint"},o));return h(Host,{key:"a50d55eb268f1077174c27898d2a803826473628"},T,h("div",{key:"2d9259e0d3097842bf38f11b0d1b55b06a4a55bc",class:"input-wrap"},e&&g?h(g,{part:"header","aria-describedby":v},H):h(Fragment,null,H),h("slot",{key:"a7b22ec3cb59fd487b18b2b518b5957eb16fe8a1"}),h("span",{key:"84f561377c32b64884f8362c31bb9f07d6584899",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"9cddbc713e66a6bcb88d44934b9c27e3505c62ec"},h("span",{key:"326f42e331ba969f6b0bcd5438e1986d7e884f6b",class:"usa-sr-only"},instance.t("error")),h("span",{key:"9a57cd4067625c0d829ffd6580dca90806d6a9eb",class:"usa-error-message"},a))),h("textarea",{key:"54f4dfb77197b69e064c0fcd7c1870ff04f2346a",class:w,"aria-describedby":f,"aria-invalid":a||x?"true":"false","aria-labelledby":p,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:t,name:r,maxLength:l?void 0:m,value:i,part:"input-type-textarea"}),!l&&m&&(null==i?void 0:i.length)>=m&&h("span",{key:"b55c1a4823dbf0c7bc2297d3d643c08a5dd4a9eb",class:k,"aria-live":"polite"},instance.t("max-chars",{length:m})),l&&m&&h("span",{key:"2a8cb9eb3988e0a93dafe2c09a0ac0d8b4eb6391",id:"charcount-message",class:k,"aria-live":"polite"},getCharacterMessage(i,m)),isMessageSet(n)&&h("span",{key:"4baa2b20f69a4488730f7d74547c7dbe766f5161",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},n)))}get el(){return this}static get style(){return VaTextareaStyle0}},[1,"va-textarea",{label:[1],error:[1],placeholder:[1],name:[1],required:[4],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],maxlength:[2],value:[1537],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-textarea"].forEach((e=>{"va-textarea"===e&&(customElements.get(e)||customElements.define(e,VaTextarea$1))}))}const VaTextarea=VaTextarea$1,defineCustomElement=defineCustomElement$1;export{VaTextarea,defineCustomElement};
+import{Build,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{c as consoleDevError,e as getCharacterMessage,i as isMessageSet,g as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaTextareaCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}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-textarea,.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-textarea,.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-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-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([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=""])){margin-left:-0.9rem}:host([error]:not([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]){padding-left:0}}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block}h1 .usa-label,h2 .usa-label,h3 .usa-label,h4 .usa-label,h5 .usa-label,h6 .usa-label{font-family:inherit;font-size:inherit;font-weight:inherit}h1 .usa-label .usa-label--required,h2 .usa-label .usa-label--required,h3 .usa-label .usa-label--required,h4 .usa-label .usa-label--required,h5 .usa-label .usa-label--required,h6 .usa-label .usa-label--required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}',VaTextareaStyle0=vaTextareaCss;Build.isTesting&&instance.init({lng:"cimode"});const VaTextarea$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleInput=e=>{const a=e.target;this.value=a.value},this.handleBlur=()=>{this.enableAnalytics&&this.value&&this.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:this.label,value:this.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}getMaxlength(){if(!(this.maxlength<=0))return this.maxlength;consoleDevError("The maxlength prop must be positive!")}render(){const{label:e,error:a,placeholder:t,name:r,required:s,value:i,hint:o,charcount:l,messageAriaDescribedby:n,useFormsPattern:d,formHeadingLevel:u,headerAriaDescribedby:c,formHeading:b}=this,m=this.getMaxlength(),f=`${a?"input-error-message":""} ${l&&m?"charcount-message":""} ${n?"input-message":""}`.trim()||null,p=`${d&&b?"form-question":""} ${d?"form-description":""} ${d&&e?"input-label":""}`.trim()||null,g=getHeaderLevel(this.labelHeaderLevel),v=c?"header-message":null,x=l&&(null==i?void 0:i.length)>m,y=classnames({"usa-label":!0,"usa-label--error":a}),w=classnames({"usa-textarea":!0,"usa-input--error":a}),k=classnames({"usa-hint":!0,"usa-character-count__status":l,"usa-character-count__status--invalid":l&&m&&(null==i?void 0:i.length)>m});let T=null;if("single"===d||"multiple"===d){const e=getHeaderLevel(u);T=h(Fragment,{key:"3393d1dfd5a69512980f322cc33ecb79e1ab90b7"},b&&h(e,{key:"9373bc4fea6a75aa7e887633c7a94b14427c94f1",id:"form-question",part:"form-header"},b),h("div",{key:"2a457770e4f5aa45079dbdc3060ffa05f3e2a6b0",id:"form-description"},h("slot",{key:"6b27e76f70625fd78552d159ba6810063fd46674",name:"form-description"})))}const H=h("label",{key:"33a686717b76f50d5375ba1ca298900468f1f25e",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},e,"multiple"===d&&h("span",{key:"aebc39ddd282fe8d7bfd1d681b63f7c5f5c4bb5b",id:"header-message",class:"usa-sr-only"},e),c&&h("span",{key:"7a4ccbae1a9828e9f36f9762b498c3229b16b851",id:"header-message",class:"usa-sr-only"},c),s&&h("span",{key:"ea9a426899f16184ebc32c6e3e5a7036b986721a",class:"usa-label--required"}," ",instance.t("required")),o&&h("div",{key:"2b47b75cb91ef1e49b44429aae7483f2ad0ba171",class:"usa-hint"},o));return h(Host,{key:"a50d55eb268f1077174c27898d2a803826473628"},T,h("div",{key:"2d9259e0d3097842bf38f11b0d1b55b06a4a55bc",class:"input-wrap"},e&&g?h(g,{part:"header","aria-describedby":v},H):h(Fragment,null,H),h("slot",{key:"a7b22ec3cb59fd487b18b2b518b5957eb16fe8a1"}),h("span",{key:"84f561377c32b64884f8362c31bb9f07d6584899",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"9cddbc713e66a6bcb88d44934b9c27e3505c62ec"},h("span",{key:"326f42e331ba969f6b0bcd5438e1986d7e884f6b",class:"usa-sr-only"},instance.t("error")),h("span",{key:"9a57cd4067625c0d829ffd6580dca90806d6a9eb",class:"usa-error-message"},a))),h("textarea",{key:"54f4dfb77197b69e064c0fcd7c1870ff04f2346a",class:w,"aria-describedby":f,"aria-invalid":a||x?"true":"false","aria-labelledby":p,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:t,name:r,maxLength:l?void 0:m,value:i,part:"input-type-textarea"}),!l&&m&&(null==i?void 0:i.length)>=m&&h("span",{key:"b55c1a4823dbf0c7bc2297d3d643c08a5dd4a9eb",class:k,"aria-live":"polite"},instance.t("max-chars",{length:m})),l&&m&&h("span",{key:"2a8cb9eb3988e0a93dafe2c09a0ac0d8b4eb6391",id:"charcount-message",class:k,"aria-live":"polite"},getCharacterMessage(i,m)),isMessageSet(n)&&h("span",{key:"4baa2b20f69a4488730f7d74547c7dbe766f5161",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},n)))}get el(){return this}static get style(){return VaTextareaStyle0}},[1,"va-textarea",{label:[1],error:[1],placeholder:[1],name:[1],required:[4],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],maxlength:[2],value:[1537],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-textarea"].forEach((e=>{"va-textarea"===e&&(customElements.get(e)||customElements.define(e,VaTextarea$1))}))}const VaTextarea=VaTextarea$1,defineCustomElement=defineCustomElement$1;export{VaTextarea,defineCustomElement};

package/dist/react-bindings/index.d.ts

@@ -43,6 +43,7 @@ export declare const VaProgressBar: import("react").ForwardRefExoticComponent<JS
 export declare const VaPromoBanner: import("react").ForwardRefExoticComponent<JSX.VaPromoBanner & Omit<import("react").HTMLAttributes<HTMLVaPromoBannerElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaPromoBannerElement>>;
 export declare const VaRadio: import("react").ForwardRefExoticComponent<JSX.VaRadio & Omit<import("react").HTMLAttributes<HTMLVaRadioElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaRadioElement>>;
 export declare const VaRadioOption: import("react").ForwardRefExoticComponent<JSX.VaRadioOption & Omit<import("react").HTMLAttributes<HTMLVaRadioOptionElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaRadioOptionElement>>;
+export declare const VaSearchFilter: import("react").ForwardRefExoticComponent<JSX.VaSearchFilter & Omit<import("react").HTMLAttributes<HTMLVaSearchFilterElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaSearchFilterElement>>;
 export declare const VaSearchInput: import("react").ForwardRefExoticComponent<JSX.VaSearchInput & Omit<import("react").HTMLAttributes<HTMLVaSearchInputElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaSearchInputElement>>;
 export declare const VaSegmentedProgressBar: import("react").ForwardRefExoticComponent<JSX.VaSegmentedProgressBar & Omit<import("react").HTMLAttributes<HTMLVaSegmentedProgressBarElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaSegmentedProgressBarElement>>;
 export declare const VaSelect: import("react").ForwardRefExoticComponent<JSX.VaSelect & Omit<import("react").HTMLAttributes<HTMLVaSelectElement>, "style"> & import("./react-component-lib/interfaces").StyleReactProps & import("react").RefAttributes<HTMLVaSelectElement>>;

package/dist/react-bindings/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VaSummaryBox=exports.VaStatementOfTruth=exports.VaServiceListItem=exports.VaSelect=exports.VaSegmentedProgressBar=exports.VaSearchInput=exports.VaRadioOption=exports.VaRadio=exports.VaPromoBanner=exports.VaProgressBar=exports.VaProcessListItem=exports.VaProcessList=exports.VaPrivacyAgreement=exports.VaPagination=exports.VaOnThisPage=exports.VaOmbInfo=exports.VaOfficialGovBanner=exports.VaNotification=exports.VaNeedHelp=exports.VaModal=exports.VaMinimalFooter=exports.VaMemorableDate=exports.VaMaintenanceBanner=exports.VaLoadingIndicator=exports.VaLinkAction=exports.VaLink=exports.VaLanguageToggle=exports.VaIcon=exports.VaHeaderMinimal=exports.VaFileInputMultiple=exports.VaFileInput=exports.VaDate=exports.VaCriticalAction=exports.VaCrisisLineModal=exports.VaComboBox=exports.VaCheckboxGroup=exports.VaCheckbox=exports.VaCard=exports.VaButtonPair=exports.VaButtonIcon=exports.VaButton=exports.VaBreadcrumbs=exports.VaBanner=exports.VaBackToTop=exports.VaAlertSignIn=exports.VaAlertExpandable=exports.VaAlert=exports.VaAdditionalInfo=exports.VaAccordionItem=exports.VaAccordion=void 0,exports.VaTextarea=exports.VaTextInput=exports.VaTelephone=exports.VaTableRow=exports.VaTableInner=exports.VaTable=void 0;var react_component_lib_1=require("./react-component-lib");exports.VaAccordion=(0,react_component_lib_1.createReactComponent)("va-accordion"),exports.VaAccordionItem=(0,react_component_lib_1.createReactComponent)("va-accordion-item"),exports.VaAdditionalInfo=(0,react_component_lib_1.createReactComponent)("va-additional-info"),exports.VaAlert=(0,react_component_lib_1.createReactComponent)("va-alert"),exports.VaAlertExpandable=(0,react_component_lib_1.createReactComponent)("va-alert-expandable"),exports.VaAlertSignIn=(0,react_component_lib_1.createReactComponent)("va-alert-sign-in"),exports.VaBackToTop=(0,react_component_lib_1.createReactComponent)("va-back-to-top"),exports.VaBanner=(0,react_component_lib_1.createReactComponent)("va-banner"),exports.VaBreadcrumbs=(0,react_component_lib_1.createReactComponent)("va-breadcrumbs"),exports.VaButton=(0,react_component_lib_1.createReactComponent)("va-button"),exports.VaButtonIcon=(0,react_component_lib_1.createReactComponent)("va-button-icon"),exports.VaButtonPair=(0,react_component_lib_1.createReactComponent)("va-button-pair"),exports.VaCard=(0,react_component_lib_1.createReactComponent)("va-card"),exports.VaCheckbox=(0,react_component_lib_1.createReactComponent)("va-checkbox"),exports.VaCheckboxGroup=(0,react_component_lib_1.createReactComponent)("va-checkbox-group"),exports.VaComboBox=(0,react_component_lib_1.createReactComponent)("va-combo-box"),exports.VaCrisisLineModal=(0,react_component_lib_1.createReactComponent)("va-crisis-line-modal"),exports.VaCriticalAction=(0,react_component_lib_1.createReactComponent)("va-critical-action"),exports.VaDate=(0,react_component_lib_1.createReactComponent)("va-date"),exports.VaFileInput=(0,react_component_lib_1.createReactComponent)("va-file-input"),exports.VaFileInputMultiple=(0,react_component_lib_1.createReactComponent)("va-file-input-multiple"),exports.VaHeaderMinimal=(0,react_component_lib_1.createReactComponent)("va-header-minimal"),exports.VaIcon=(0,react_component_lib_1.createReactComponent)("va-icon"),exports.VaLanguageToggle=(0,react_component_lib_1.createReactComponent)("va-language-toggle"),exports.VaLink=(0,react_component_lib_1.createReactComponent)("va-link"),exports.VaLinkAction=(0,react_component_lib_1.createReactComponent)("va-link-action"),exports.VaLoadingIndicator=(0,react_component_lib_1.createReactComponent)("va-loading-indicator"),exports.VaMaintenanceBanner=(0,react_component_lib_1.createReactComponent)("va-maintenance-banner"),exports.VaMemorableDate=(0,react_component_lib_1.createReactComponent)("va-memorable-date"),exports.VaMinimalFooter=(0,react_component_lib_1.createReactComponent)("va-minimal-footer"),exports.VaModal=(0,react_component_lib_1.createReactComponent)("va-modal"),exports.VaNeedHelp=(0,react_component_lib_1.createReactComponent)("va-need-help"),exports.VaNotification=(0,react_component_lib_1.createReactComponent)("va-notification"),exports.VaOfficialGovBanner=(0,react_component_lib_1.createReactComponent)("va-official-gov-banner"),exports.VaOmbInfo=(0,react_component_lib_1.createReactComponent)("va-omb-info"),exports.VaOnThisPage=(0,react_component_lib_1.createReactComponent)("va-on-this-page"),exports.VaPagination=(0,react_component_lib_1.createReactComponent)("va-pagination"),exports.VaPrivacyAgreement=(0,react_component_lib_1.createReactComponent)("va-privacy-agreement"),exports.VaProcessList=(0,react_component_lib_1.createReactComponent)("va-process-list"),exports.VaProcessListItem=(0,react_component_lib_1.createReactComponent)("va-process-list-item"),exports.VaProgressBar=(0,react_component_lib_1.createReactComponent)("va-progress-bar"),exports.VaPromoBanner=(0,react_component_lib_1.createReactComponent)("va-promo-banner"),exports.VaRadio=(0,react_component_lib_1.createReactComponent)("va-radio"),exports.VaRadioOption=(0,react_component_lib_1.createReactComponent)("va-radio-option"),exports.VaSearchInput=(0,react_component_lib_1.createReactComponent)("va-search-input"),exports.VaSegmentedProgressBar=(0,react_component_lib_1.createReactComponent)("va-segmented-progress-bar"),exports.VaSelect=(0,react_component_lib_1.createReactComponent)("va-select"),exports.VaServiceListItem=(0,react_component_lib_1.createReactComponent)("va-service-list-item"),exports.VaStatementOfTruth=(0,react_component_lib_1.createReactComponent)("va-statement-of-truth"),exports.VaSummaryBox=(0,react_component_lib_1.createReactComponent)("va-summary-box"),exports.VaTable=(0,react_component_lib_1.createReactComponent)("va-table"),exports.VaTableInner=(0,react_component_lib_1.createReactComponent)("va-table-inner"),exports.VaTableRow=(0,react_component_lib_1.createReactComponent)("va-table-row"),exports.VaTelephone=(0,react_component_lib_1.createReactComponent)("va-telephone"),exports.VaTextInput=(0,react_component_lib_1.createReactComponent)("va-text-input"),exports.VaTextarea=(0,react_component_lib_1.createReactComponent)("va-textarea");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VaStatementOfTruth=exports.VaServiceListItem=exports.VaSelect=exports.VaSegmentedProgressBar=exports.VaSearchInput=exports.VaSearchFilter=exports.VaRadioOption=exports.VaRadio=exports.VaPromoBanner=exports.VaProgressBar=exports.VaProcessListItem=exports.VaProcessList=exports.VaPrivacyAgreement=exports.VaPagination=exports.VaOnThisPage=exports.VaOmbInfo=exports.VaOfficialGovBanner=exports.VaNotification=exports.VaNeedHelp=exports.VaModal=exports.VaMinimalFooter=exports.VaMemorableDate=exports.VaMaintenanceBanner=exports.VaLoadingIndicator=exports.VaLinkAction=exports.VaLink=exports.VaLanguageToggle=exports.VaIcon=exports.VaHeaderMinimal=exports.VaFileInputMultiple=exports.VaFileInput=exports.VaDate=exports.VaCriticalAction=exports.VaCrisisLineModal=exports.VaComboBox=exports.VaCheckboxGroup=exports.VaCheckbox=exports.VaCard=exports.VaButtonPair=exports.VaButtonIcon=exports.VaButton=exports.VaBreadcrumbs=exports.VaBanner=exports.VaBackToTop=exports.VaAlertSignIn=exports.VaAlertExpandable=exports.VaAlert=exports.VaAdditionalInfo=exports.VaAccordionItem=exports.VaAccordion=void 0,exports.VaTextarea=exports.VaTextInput=exports.VaTelephone=exports.VaTableRow=exports.VaTableInner=exports.VaTable=exports.VaSummaryBox=void 0;var react_component_lib_1=require("./react-component-lib");exports.VaAccordion=(0,react_component_lib_1.createReactComponent)("va-accordion"),exports.VaAccordionItem=(0,react_component_lib_1.createReactComponent)("va-accordion-item"),exports.VaAdditionalInfo=(0,react_component_lib_1.createReactComponent)("va-additional-info"),exports.VaAlert=(0,react_component_lib_1.createReactComponent)("va-alert"),exports.VaAlertExpandable=(0,react_component_lib_1.createReactComponent)("va-alert-expandable"),exports.VaAlertSignIn=(0,react_component_lib_1.createReactComponent)("va-alert-sign-in"),exports.VaBackToTop=(0,react_component_lib_1.createReactComponent)("va-back-to-top"),exports.VaBanner=(0,react_component_lib_1.createReactComponent)("va-banner"),exports.VaBreadcrumbs=(0,react_component_lib_1.createReactComponent)("va-breadcrumbs"),exports.VaButton=(0,react_component_lib_1.createReactComponent)("va-button"),exports.VaButtonIcon=(0,react_component_lib_1.createReactComponent)("va-button-icon"),exports.VaButtonPair=(0,react_component_lib_1.createReactComponent)("va-button-pair"),exports.VaCard=(0,react_component_lib_1.createReactComponent)("va-card"),exports.VaCheckbox=(0,react_component_lib_1.createReactComponent)("va-checkbox"),exports.VaCheckboxGroup=(0,react_component_lib_1.createReactComponent)("va-checkbox-group"),exports.VaComboBox=(0,react_component_lib_1.createReactComponent)("va-combo-box"),exports.VaCrisisLineModal=(0,react_component_lib_1.createReactComponent)("va-crisis-line-modal"),exports.VaCriticalAction=(0,react_component_lib_1.createReactComponent)("va-critical-action"),exports.VaDate=(0,react_component_lib_1.createReactComponent)("va-date"),exports.VaFileInput=(0,react_component_lib_1.createReactComponent)("va-file-input"),exports.VaFileInputMultiple=(0,react_component_lib_1.createReactComponent)("va-file-input-multiple"),exports.VaHeaderMinimal=(0,react_component_lib_1.createReactComponent)("va-header-minimal"),exports.VaIcon=(0,react_component_lib_1.createReactComponent)("va-icon"),exports.VaLanguageToggle=(0,react_component_lib_1.createReactComponent)("va-language-toggle"),exports.VaLink=(0,react_component_lib_1.createReactComponent)("va-link"),exports.VaLinkAction=(0,react_component_lib_1.createReactComponent)("va-link-action"),exports.VaLoadingIndicator=(0,react_component_lib_1.createReactComponent)("va-loading-indicator"),exports.VaMaintenanceBanner=(0,react_component_lib_1.createReactComponent)("va-maintenance-banner"),exports.VaMemorableDate=(0,react_component_lib_1.createReactComponent)("va-memorable-date"),exports.VaMinimalFooter=(0,react_component_lib_1.createReactComponent)("va-minimal-footer"),exports.VaModal=(0,react_component_lib_1.createReactComponent)("va-modal"),exports.VaNeedHelp=(0,react_component_lib_1.createReactComponent)("va-need-help"),exports.VaNotification=(0,react_component_lib_1.createReactComponent)("va-notification"),exports.VaOfficialGovBanner=(0,react_component_lib_1.createReactComponent)("va-official-gov-banner"),exports.VaOmbInfo=(0,react_component_lib_1.createReactComponent)("va-omb-info"),exports.VaOnThisPage=(0,react_component_lib_1.createReactComponent)("va-on-this-page"),exports.VaPagination=(0,react_component_lib_1.createReactComponent)("va-pagination"),exports.VaPrivacyAgreement=(0,react_component_lib_1.createReactComponent)("va-privacy-agreement"),exports.VaProcessList=(0,react_component_lib_1.createReactComponent)("va-process-list"),exports.VaProcessListItem=(0,react_component_lib_1.createReactComponent)("va-process-list-item"),exports.VaProgressBar=(0,react_component_lib_1.createReactComponent)("va-progress-bar"),exports.VaPromoBanner=(0,react_component_lib_1.createReactComponent)("va-promo-banner"),exports.VaRadio=(0,react_component_lib_1.createReactComponent)("va-radio"),exports.VaRadioOption=(0,react_component_lib_1.createReactComponent)("va-radio-option"),exports.VaSearchFilter=(0,react_component_lib_1.createReactComponent)("va-search-filter"),exports.VaSearchInput=(0,react_component_lib_1.createReactComponent)("va-search-input"),exports.VaSegmentedProgressBar=(0,react_component_lib_1.createReactComponent)("va-segmented-progress-bar"),exports.VaSelect=(0,react_component_lib_1.createReactComponent)("va-select"),exports.VaServiceListItem=(0,react_component_lib_1.createReactComponent)("va-service-list-item"),exports.VaStatementOfTruth=(0,react_component_lib_1.createReactComponent)("va-statement-of-truth"),exports.VaSummaryBox=(0,react_component_lib_1.createReactComponent)("va-summary-box"),exports.VaTable=(0,react_component_lib_1.createReactComponent)("va-table"),exports.VaTableInner=(0,react_component_lib_1.createReactComponent)("va-table-inner"),exports.VaTableRow=(0,react_component_lib_1.createReactComponent)("va-table-row"),exports.VaTelephone=(0,react_component_lib_1.createReactComponent)("va-telephone"),exports.VaTextInput=(0,react_component_lib_1.createReactComponent)("va-text-input"),exports.VaTextarea=(0,react_component_lib_1.createReactComponent)("va-textarea");

package/dist/react-bindings/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;;AAAA,oBAAoB;AACpB,oBAAoB;AACpB,kCAAkC;AAClC,6DAA6D;AAMhD,QAAA,WAAW,GAAgB,IAAA,0CAAoB,EAA0C,cAAc,CAAC,CAAC;AACzG,QAAA,eAAe,GAAgB,IAAA,0CAAoB,EAAkD,mBAAmB,CAAC,CAAC;AAC1H,QAAA,gBAAgB,GAAgB,IAAA,0CAAoB,EAAoD,oBAAoB,CAAC,CAAC;AAC9H,QAAA,OAAO,GAAgB,IAAA,0CAAoB,EAAkC,UAAU,CAAC,CAAC;AACzF,QAAA,iBAAiB,GAAgB,IAAA,0CAAoB,EAAsD,qBAAqB,CAAC,CAAC;AAClI,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,kBAAkB,CAAC,CAAC;AACnH,QAAA,WAAW,GAAgB,IAAA,0CAAoB,EAA0C,gBAAgB,CAAC,CAAC;AAC3G,QAAA,QAAQ,GAAgB,IAAA,0CAAoB,EAAoC,WAAW,CAAC,CAAC;AAC7F,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,gBAAgB,CAAC,CAAC;AACjH,QAAA,QAAQ,GAAgB,IAAA,0CAAoB,EAAoC,WAAW,CAAC,CAAC;AAC7F,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,gBAAgB,CAAC,CAAC;AAC9G,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,gBAAgB,CAAC,CAAC;AAC9G,QAAA,MAAM,GAAgB,IAAA,0CAAoB,EAAgC,SAAS,CAAC,CAAC;AACrF,QAAA,UAAU,GAAgB,IAAA,0CAAoB,EAAwC,aAAa,CAAC,CAAC;AACrG,QAAA,eAAe,GAAgB,IAAA,0CAAoB,EAAkD,mBAAmB,CAAC,CAAC;AAC1H,QAAA,UAAU,GAAgB,IAAA,0CAAoB,EAAwC,cAAc,CAAC,CAAC;AACtG,QAAA,iBAAiB,GAAgB,IAAA,0CAAoB,EAAsD,sBAAsB,CAAC,CAAC;AACnI,QAAA,gBAAgB,GAAgB,IAAA,0CAAoB,EAAoD,oBAAoB,CAAC,CAAC;AAC9H,QAAA,MAAM,GAAgB,IAAA,0CAAoB,EAAgC,SAAS,CAAC,CAAC;AACrF,QAAA,WAAW,GAAgB,IAAA,0CAAoB,EAA0C,eAAe,CAAC,CAAC;AAC1G,QAAA,mBAAmB,GAAgB,IAAA,0CAAoB,EAA0D,wBAAwB,CAAC,CAAC;AAC3I,QAAA,eAAe,GAAgB,IAAA,0CAAoB,EAAkD,mBAAmB,CAAC,CAAC;AAC1H,QAAA,MAAM,GAAgB,IAAA,0CAAoB,EAAgC,SAAS,CAAC,CAAC;AACrF,QAAA,gBAAgB,GAAgB,IAAA,0CAAoB,EAAoD,oBAAoB,CAAC,CAAC;AAC9H,QAAA,MAAM,GAAgB,IAAA,0CAAoB,EAAgC,SAAS,CAAC,CAAC;AACrF,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,gBAAgB,CAAC,CAAC;AAC9G,QAAA,kBAAkB,GAAgB,IAAA,0CAAoB,EAAwD,sBAAsB,CAAC,CAAC;AACtI,QAAA,mBAAmB,GAAgB,IAAA,0CAAoB,EAA0D,uBAAuB,CAAC,CAAC;AAC1I,QAAA,eAAe,GAAgB,IAAA,0CAAoB,EAAkD,mBAAmB,CAAC,CAAC;AAC1H,QAAA,eAAe,GAAgB,IAAA,0CAAoB,EAAkD,mBAAmB,CAAC,CAAC;AAC1H,QAAA,OAAO,GAAgB,IAAA,0CAAoB,EAAkC,UAAU,CAAC,CAAC;AACzF,QAAA,UAAU,GAAgB,IAAA,0CAAoB,EAAwC,cAAc,CAAC,CAAC;AACtG,QAAA,cAAc,GAAgB,IAAA,0CAAoB,EAAgD,iBAAiB,CAAC,CAAC;AACrH,QAAA,mBAAmB,GAAgB,IAAA,0CAAoB,EAA0D,wBAAwB,CAAC,CAAC;AAC3I,QAAA,SAAS,GAAgB,IAAA,0CAAoB,EAAsC,aAAa,CAAC,CAAC;AAClG,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,iBAAiB,CAAC,CAAC;AAC/G,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,eAAe,CAAC,CAAC;AAC7G,QAAA,kBAAkB,GAAgB,IAAA,0CAAoB,EAAwD,sBAAsB,CAAC,CAAC;AACtI,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,iBAAiB,CAAC,CAAC;AAClH,QAAA,iBAAiB,GAAgB,IAAA,0CAAoB,EAAsD,sBAAsB,CAAC,CAAC;AACnI,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,iBAAiB,CAAC,CAAC;AAClH,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,iBAAiB,CAAC,CAAC;AAClH,QAAA,OAAO,GAAgB,IAAA,0CAAoB,EAAkC,UAAU,CAAC,CAAC;AACzF,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,iBAAiB,CAAC,CAAC;AAClH,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,iBAAiB,CAAC,CAAC;AAClH,QAAA,sBAAsB,GAAgB,IAAA,0CAAoB,EAAgE,2BAA2B,CAAC,CAAC;AACvJ,QAAA,QAAQ,GAAgB,IAAA,0CAAoB,EAAoC,WAAW,CAAC,CAAC;AAC7F,QAAA,iBAAiB,GAAgB,IAAA,0CAAoB,EAAsD,sBAAsB,CAAC,CAAC;AACnI,QAAA,kBAAkB,GAAgB,IAAA,0CAAoB,EAAwD,uBAAuB,CAAC,CAAC;AACvI,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,gBAAgB,CAAC,CAAC;AAC9G,QAAA,OAAO,GAAgB,IAAA,0CAAoB,EAAkC,UAAU,CAAC,CAAC;AACzF,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,gBAAgB,CAAC,CAAC;AAC9G,QAAA,UAAU,GAAgB,IAAA,0CAAoB,EAAwC,cAAc,CAAC,CAAC;AACtG,QAAA,WAAW,GAAgB,IAAA,0CAAoB,EAA0C,cAAc,CAAC,CAAC;AACzG,QAAA,WAAW,GAAgB,IAAA,0CAAoB,EAA0C,eAAe,CAAC,CAAC;AAC1G,QAAA,UAAU,GAAgB,IAAA,0CAAoB,EAAwC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":";;;;AAAA,oBAAoB;AACpB,oBAAoB;AACpB,kCAAkC;AAClC,6DAA6D;AAMhD,QAAA,WAAW,GAAgB,IAAA,0CAAoB,EAA0C,cAAc,CAAC,CAAC;AACzG,QAAA,eAAe,GAAgB,IAAA,0CAAoB,EAAkD,mBAAmB,CAAC,CAAC;AAC1H,QAAA,gBAAgB,GAAgB,IAAA,0CAAoB,EAAoD,oBAAoB,CAAC,CAAC;AAC9H,QAAA,OAAO,GAAgB,IAAA,0CAAoB,EAAkC,UAAU,CAAC,CAAC;AACzF,QAAA,iBAAiB,GAAgB,IAAA,0CAAoB,EAAsD,qBAAqB,CAAC,CAAC;AAClI,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,kBAAkB,CAAC,CAAC;AACnH,QAAA,WAAW,GAAgB,IAAA,0CAAoB,EAA0C,gBAAgB,CAAC,CAAC;AAC3G,QAAA,QAAQ,GAAgB,IAAA,0CAAoB,EAAoC,WAAW,CAAC,CAAC;AAC7F,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,gBAAgB,CAAC,CAAC;AACjH,QAAA,QAAQ,GAAgB,IAAA,0CAAoB,EAAoC,WAAW,CAAC,CAAC;AAC7F,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,gBAAgB,CAAC,CAAC;AAC9G,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,gBAAgB,CAAC,CAAC;AAC9G,QAAA,MAAM,GAAgB,IAAA,0CAAoB,EAAgC,SAAS,CAAC,CAAC;AACrF,QAAA,UAAU,GAAgB,IAAA,0CAAoB,EAAwC,aAAa,CAAC,CAAC;AACrG,QAAA,eAAe,GAAgB,IAAA,0CAAoB,EAAkD,mBAAmB,CAAC,CAAC;AAC1H,QAAA,UAAU,GAAgB,IAAA,0CAAoB,EAAwC,cAAc,CAAC,CAAC;AACtG,QAAA,iBAAiB,GAAgB,IAAA,0CAAoB,EAAsD,sBAAsB,CAAC,CAAC;AACnI,QAAA,gBAAgB,GAAgB,IAAA,0CAAoB,EAAoD,oBAAoB,CAAC,CAAC;AAC9H,QAAA,MAAM,GAAgB,IAAA,0CAAoB,EAAgC,SAAS,CAAC,CAAC;AACrF,QAAA,WAAW,GAAgB,IAAA,0CAAoB,EAA0C,eAAe,CAAC,CAAC;AAC1G,QAAA,mBAAmB,GAAgB,IAAA,0CAAoB,EAA0D,wBAAwB,CAAC,CAAC;AAC3I,QAAA,eAAe,GAAgB,IAAA,0CAAoB,EAAkD,mBAAmB,CAAC,CAAC;AAC1H,QAAA,MAAM,GAAgB,IAAA,0CAAoB,EAAgC,SAAS,CAAC,CAAC;AACrF,QAAA,gBAAgB,GAAgB,IAAA,0CAAoB,EAAoD,oBAAoB,CAAC,CAAC;AAC9H,QAAA,MAAM,GAAgB,IAAA,0CAAoB,EAAgC,SAAS,CAAC,CAAC;AACrF,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,gBAAgB,CAAC,CAAC;AAC9G,QAAA,kBAAkB,GAAgB,IAAA,0CAAoB,EAAwD,sBAAsB,CAAC,CAAC;AACtI,QAAA,mBAAmB,GAAgB,IAAA,0CAAoB,EAA0D,uBAAuB,CAAC,CAAC;AAC1I,QAAA,eAAe,GAAgB,IAAA,0CAAoB,EAAkD,mBAAmB,CAAC,CAAC;AAC1H,QAAA,eAAe,GAAgB,IAAA,0CAAoB,EAAkD,mBAAmB,CAAC,CAAC;AAC1H,QAAA,OAAO,GAAgB,IAAA,0CAAoB,EAAkC,UAAU,CAAC,CAAC;AACzF,QAAA,UAAU,GAAgB,IAAA,0CAAoB,EAAwC,cAAc,CAAC,CAAC;AACtG,QAAA,cAAc,GAAgB,IAAA,0CAAoB,EAAgD,iBAAiB,CAAC,CAAC;AACrH,QAAA,mBAAmB,GAAgB,IAAA,0CAAoB,EAA0D,wBAAwB,CAAC,CAAC;AAC3I,QAAA,SAAS,GAAgB,IAAA,0CAAoB,EAAsC,aAAa,CAAC,CAAC;AAClG,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,iBAAiB,CAAC,CAAC;AAC/G,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,eAAe,CAAC,CAAC;AAC7G,QAAA,kBAAkB,GAAgB,IAAA,0CAAoB,EAAwD,sBAAsB,CAAC,CAAC;AACtI,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,iBAAiB,CAAC,CAAC;AAClH,QAAA,iBAAiB,GAAgB,IAAA,0CAAoB,EAAsD,sBAAsB,CAAC,CAAC;AACnI,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,iBAAiB,CAAC,CAAC;AAClH,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,iBAAiB,CAAC,CAAC;AAClH,QAAA,OAAO,GAAgB,IAAA,0CAAoB,EAAkC,UAAU,CAAC,CAAC;AACzF,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,iBAAiB,CAAC,CAAC;AAClH,QAAA,cAAc,GAAgB,IAAA,0CAAoB,EAAgD,kBAAkB,CAAC,CAAC;AACtH,QAAA,aAAa,GAAgB,IAAA,0CAAoB,EAA8C,iBAAiB,CAAC,CAAC;AAClH,QAAA,sBAAsB,GAAgB,IAAA,0CAAoB,EAAgE,2BAA2B,CAAC,CAAC;AACvJ,QAAA,QAAQ,GAAgB,IAAA,0CAAoB,EAAoC,WAAW,CAAC,CAAC;AAC7F,QAAA,iBAAiB,GAAgB,IAAA,0CAAoB,EAAsD,sBAAsB,CAAC,CAAC;AACnI,QAAA,kBAAkB,GAAgB,IAAA,0CAAoB,EAAwD,uBAAuB,CAAC,CAAC;AACvI,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,gBAAgB,CAAC,CAAC;AAC9G,QAAA,OAAO,GAAgB,IAAA,0CAAoB,EAAkC,UAAU,CAAC,CAAC;AACzF,QAAA,YAAY,GAAgB,IAAA,0CAAoB,EAA4C,gBAAgB,CAAC,CAAC;AAC9G,QAAA,UAAU,GAAgB,IAAA,0CAAoB,EAAwC,cAAc,CAAC,CAAC;AACtG,QAAA,WAAW,GAAgB,IAAA,0CAAoB,EAA0C,cAAc,CAAC,CAAC;AACzG,QAAA,WAAW,GAAgB,IAAA,0CAAoB,EAA0C,eAAe,CAAC,CAAC;AAC1G,QAAA,UAAU,GAAgB,IAAA,0CAAoB,EAAwC,aAAa,CAAC,CAAC"}

package/dist/react-bindings/index.ts

@@ -51,6 +51,7 @@ export const VaProgressBar = /*@__PURE__*/createReactComponent<JSX.VaProgressBar
 export const VaPromoBanner = /*@__PURE__*/createReactComponent<JSX.VaPromoBanner, HTMLVaPromoBannerElement>('va-promo-banner');
 export const VaRadio = /*@__PURE__*/createReactComponent<JSX.VaRadio, HTMLVaRadioElement>('va-radio');
 export const VaRadioOption = /*@__PURE__*/createReactComponent<JSX.VaRadioOption, HTMLVaRadioOptionElement>('va-radio-option');
+export const VaSearchFilter = /*@__PURE__*/createReactComponent<JSX.VaSearchFilter, HTMLVaSearchFilterElement>('va-search-filter');
 export const VaSearchInput = /*@__PURE__*/createReactComponent<JSX.VaSearchInput, HTMLVaSearchInputElement>('va-search-input');
 export const VaSegmentedProgressBar = /*@__PURE__*/createReactComponent<JSX.VaSegmentedProgressBar, HTMLVaSegmentedProgressBarElement>('va-segmented-progress-bar');
 export const VaSelect = /*@__PURE__*/createReactComponent<JSX.VaSelect, HTMLVaSelectElement>('va-select');

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@department-of-veterans-affairs/component-library",
   "description": "VA.gov component library. Includes React and web components.",
-  "version": "50.2.1",
+  "version": "50.2.2",
   "license": "MIT",
   "scripts": {
     "build": "webpack"
@@ -16,7 +16,7 @@
   "module": "src/main.js",
   "dependencies": {
     "@department-of-veterans-affairs/react-components": "28.1.0",
-    "@department-of-veterans-affairs/web-components": "18.1.2",
+    "@department-of-veterans-affairs/web-components": "18.1.3",
     "i18next": "^21.6.14",
     "i18next-browser-languagedetector": "^6.1.4",
     "react-focus-on": "^3.5.1",

package/dist/2664.app.bundle.js

@@ -1,2 +0,0 @@
-/*! For license information please see 2664.app.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,2664,4033],{20:function(e,r,t){t.r(r),t.d(r,{c:function(){return i}});var n,o={exports:{}};n=o,function(){var e={}.hasOwnProperty;function r(){for(var t=[],n=0;n<arguments.length;n++){var o=arguments[n];if(o){var i=typeof o;if("string"===i||"number"===i)t.push(o);else if(Array.isArray(o)){if(o.length){var a=r.apply(null,o);a&&t.push(a)}}else if("object"===i)if(o.toString===Object.prototype.toString)for(var s in o)e.call(o,s)&&o[s]&&t.push(s);else t.push(o.toString())}}return t.join(" ")}n.exports?(r.default=r,n.exports=r):window.classNames=r}();var i=o.exports},4033:function(e,r,t){function n(e){return!Number.isNaN(parseFloat(e))}function o(e,r,t){void 0===t&&(t="slot");var n=e.shadowRoot.querySelector(t).assignedNodes();return null!==r?Array.from(n).filter((function(e){return e.nodeName.toLowerCase()===r})):Array.from(n)}function i(e){return 1===e?"":"s"}function a(e,r){if(void 0===e||""===e)return"".concat(r," character").concat(i(r)," allowed");var t;if(e.length<=r){var n=r-e.length;t="".concat(n," character").concat(i(n)," left")}else n=e.length-r,t="".concat(n," character").concat(i(n)," over limit");return t}function s(e,r){return Array.from({length:r-e+1},(function(r,t){return e+t}))}t.r(r),t.d(r,{S:function(){return c},a:function(){return h},b:function(){return n},c:function(){return a},d:function(){return u},g:function(){return o},i:function(){return d},m:function(){return s},s:function(){return f}}),t(3798);var l=function(e){return e&&"object"==typeof e&&1===e.nodeType};function f(e,r){var t=function(e,r){if("string"!=typeof e)return[];if(!r||!l(r))return[];var t=r.shadowRoot.querySelectorAll(e);return Array.from(t)}(e,r);return"string"!=typeof e||l(r)&&r.matches(e)&&t.push(r),t}var c={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(e){return c._entities[e]},escapeHTML:function(e){for(var r="",t=0;t<e.length;t++)r+=e[t],t+1<arguments.length&&(r+=String(arguments[t+1]||"").replace(c._entity,c.getEntity));return r}};function h(e){var r;return(r="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&r<=6?"h".concat(r):null}function u(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function d(e){return e&&"false"!==e||!1}},2664:function(e,r,t){t.r(r),t.d(r,{va_checkbox_group:function(){return s}});var n=t(3798),o=t(20),i=(t(2465),t(4033)),a=t(9425),s=function(){function e(e){(0,n.r)(this,e),this.componentLibraryAnalytics=(0,n.c)(this,"component-library-analytics",7),this.label=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.hint=void 0,this.labelHeaderLevel=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}return e.prototype.vaChangeHandler=function(e){var r=e.target;this.enableAnalytics&&this.fireAnalyticsEvent(r.label)},e.prototype.fireAnalyticsEvent=function(e){this.componentLibraryAnalytics.emit({componentName:"va-checkbox-group",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})},e.prototype.getHeaderLevel=function(){var e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?"h".concat(e):null},e.prototype.connectedCallback=function(){var e=this;a.i.on("languageChanged",(function(){(0,n.f)(e.el)}))},e.prototype.disconnectedCallback=function(){a.i.off("languageChanged")},e.prototype.render=function(){var e=this,r=e.label,t=e.required,s=e.error,l=e.hint,f=e.messageAriaDescribedby,c=e.useFormsPattern,h=e.formHeadingLevel,u=e.formHeading,d=this.getHeaderLevel(),m="".concat(c&&u?"form-question":""," ").concat(c?"form-description":""," ").concat("multiple"===c?"header-message":"").trim()||null,b=f?"description-message":null,p=(0,o.c)({"usa-legend":!0,"usa-label--error":s}),g=null;if("single"===c||"multiple"===c){var y=(0,i.a)(h);g=(0,n.h)(n.F,{key:"7d34e3e19a687add724cd34672343981eeaf5042"},u&&(0,n.h)(y,{key:"21f707bf77ac7821364cb24a970b67a9886a4cd2",id:"form-question",part:"form-header"},u),(0,n.h)("div",{key:"aee54058a2b274ed4bf51bb0894ce4a83b85db8d",id:"form-description"},(0,n.h)("slot",{key:"016cac415129d6fffcd4d86507d9b05587b38629",name:"form-description"})))}return(0,n.h)(n.H,{key:"948c20fa69ac601baf87446201de8d5fcf0cbc4e",role:"group"},g,(0,n.h)("div",{key:"5b2d1d93b00c4163a134f85f9f7b4ca21e82191b",class:"input-wrap"},(0,n.h)("fieldset",{key:"93b9e4b3d669515668dfb24e9dd4e27812c00b11",class:"usa-fieldset","aria-labelledby":m},(0,n.h)("legend",{key:"59402b39fa561c484976e19352254779c2aa6205",class:p,"aria-describedby":b},d?(0,n.h)(d,{part:"header"},r):r," ","multiple"===c&&(0,n.h)("span",{key:"ed4cdd9c5d6ef55327dca26df3eacc8ae166c711",id:"header-message",class:"usa-sr-only"},r),(0,i.i)(f)&&(0,n.h)("span",{key:"c62e92a67b3dc812cbe94057fdb6c89fd94b44a1",id:"description-message",class:"usa-sr-only"},f),t&&(0,n.h)("span",{key:"5c791364c42e6055aa22074fde8a247edb47915e",class:"usa-label--required"},a.i.t("required")),l&&(0,n.h)("div",{key:"b8c75b843c54e047918ce175b458cec6eb5b31d9",class:"usa-hint"},l)),(0,n.h)("span",{key:"084a2640ccad37942545f8f758b1ab46a75dff7a",id:"checkbox-error-message",role:"alert"},s&&(0,n.h)(n.F,{key:"bf58838a4965a3d67416744ee8dd8a7c35bd9043"},(0,n.h)("span",{key:"e4f586389ebb32052aa23fbf91e297e542d4bc1c",class:"usa-sr-only"},a.i.t("error")),(0,n.h)("span",{key:"dbe43a6327378fae1ac3bd083c877b03440eb9cd",class:"usa-error-message"},s))),(0,n.h)("slot",{key:"00fc623e03706f22817e9d2c0e88b2abf75372ed"}))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,n.g)(this)},enumerable:!1,configurable:!0}),e}();s.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}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-fieldset{border:none;margin:0;padding:0}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([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=""])){margin-left:-0.9rem}:host([error]:not([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]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px}'}}]);

package/dist/4033.app.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[4033],{4033:function(t,n,r){function e(t){return!Number.isNaN(parseFloat(t))}function o(t,n,r){void 0===r&&(r="slot");var e=t.shadowRoot.querySelector(r).assignedNodes();return null!==n?Array.from(e).filter((function(t){return t.nodeName.toLowerCase()===n})):Array.from(e)}function u(t){return 1===t?"":"s"}function a(t,n){if(void 0===t||""===t)return"".concat(n," character").concat(u(n)," allowed");var r;if(t.length<=n){var e=n-t.length;r="".concat(e," character").concat(u(e)," left")}else e=t.length-n,r="".concat(e," character").concat(u(e)," over limit");return r}function c(t,n){return Array.from({length:n-t+1},(function(n,r){return t+r}))}r.r(n),r.d(n,{S:function(){return s},a:function(){return l},b:function(){return e},c:function(){return a},d:function(){return p},g:function(){return o},i:function(){return h},m:function(){return c},s:function(){return f}}),r(3798);var i=function(t){return t&&"object"==typeof t&&1===t.nodeType};function f(t,n){var r=function(t,n){if("string"!=typeof t)return[];if(!n||!i(n))return[];var r=n.shadowRoot.querySelectorAll(t);return Array.from(r)}(t,n);return"string"!=typeof t||i(n)&&n.matches(t)&&r.push(n),r}var s={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(t){return s._entities[t]},escapeHTML:function(t){for(var n="",r=0;r<t.length;r++)n+=t[r],r+1<arguments.length&&(n+=String(arguments[r+1]||"").replace(s._entity,s.getEntity));return n}};function l(t){var n;return(n="string"==typeof t?parseInt(t,10):Math.floor(t))>=1&&n<=6?"h".concat(n):null}function p(t){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(t.tagName)}function h(t){return t&&"false"!==t||!1}}}]);

package/dist/4493.app.bundle.js

@@ -1,2 +0,0 @@
-/*! For license information please see 4493.app.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,4033,4493],{20:function(t,e,a){a.r(e),a.d(e,{c:function(){return r}});var o,n={exports:{}};o=n,function(){var t={}.hasOwnProperty;function e(){for(var a=[],o=0;o<arguments.length;o++){var n=arguments[o];if(n){var r=typeof n;if("string"===r||"number"===r)a.push(n);else if(Array.isArray(n)){if(n.length){var i=e.apply(null,n);i&&a.push(i)}}else if("object"===r)if(n.toString===Object.prototype.toString)for(var s in n)t.call(n,s)&&n[s]&&a.push(s);else a.push(n.toString())}}return a.join(" ")}o.exports?(e.default=e,o.exports=e):window.classNames=e}();var r=n.exports},4033:function(t,e,a){function o(t){return!Number.isNaN(parseFloat(t))}function n(t,e,a){void 0===a&&(a="slot");var o=t.shadowRoot.querySelector(a).assignedNodes();return null!==e?Array.from(o).filter((function(t){return t.nodeName.toLowerCase()===e})):Array.from(o)}function r(t){return 1===t?"":"s"}function i(t,e){if(void 0===t||""===t)return"".concat(e," character").concat(r(e)," allowed");var a;if(t.length<=e){var o=e-t.length;a="".concat(o," character").concat(r(o)," left")}else o=t.length-e,a="".concat(o," character").concat(r(o)," over limit");return a}function s(t,e){return Array.from({length:e-t+1},(function(e,a){return t+a}))}a.r(e),a.d(e,{S:function(){return l},a:function(){return u},b:function(){return o},c:function(){return i},d:function(){return g},g:function(){return n},i:function(){return h},m:function(){return s},s:function(){return d}}),a(3798);var c=function(t){return t&&"object"==typeof t&&1===t.nodeType};function d(t,e){var a=function(t,e){if("string"!=typeof t)return[];if(!e||!c(e))return[];var a=e.shadowRoot.querySelectorAll(t);return Array.from(a)}(t,e);return"string"!=typeof t||c(e)&&e.matches(t)&&a.push(e),a}var l={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(t){return l._entities[t]},escapeHTML:function(t){for(var e="",a=0;a<t.length;a++)e+=t[a],a+1<arguments.length&&(e+=String(arguments[a+1]||"").replace(l._entity,l.getEntity));return e}};function u(t){var e;return(e="string"==typeof t?parseInt(t,10):Math.floor(t))>=1&&e<=6?"h".concat(e):null}function g(t){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(t.tagName)}function h(t){return t&&"false"!==t||!1}},4493:function(t,e,a){a.r(e),a.d(e,{va_accordion:function(){return s}});var o=a(3798),n=a(4033),r=(a(2465),a(20)),i=a(9425),s=function(){function t(t){var e=this;(0,o.r)(this,t),this.componentLibraryAnalytics=(0,o.c)(this,"component-library-analytics",7),this.accordionExpandCollapseAll=(0,o.c)(this,"accordionExpandCollapseAll",7),this.expandCollapseAll=function(t){e.expanded=t;var a=t?"allOpen":"allClosed";e.accordionExpandCollapseAll.emit({status:a}),(0,n.g)(e.el,"va-accordion-item").forEach((function(e){e.setAttribute("open","".concat(t))}))},this.expanded=!1,this.openSingle=!1,this.disableAnalytics=!1,this.sectionHeading=null}return t.prototype.itemToggledHandler=function(t){var e,a=t.target.closest("va-accordion-item");if(this.el===a.parentElement){var o,r,i=a.querySelector('[slot="headline"]');i?(o=null==i?void 0:i.innerHTML,r=parseInt(null===(e=null==i?void 0:i.tagName)||void 0===e?void 0:e.toLowerCase().split("")[1])):(o=a.header,r=a.level),this.openSingle&&(0,n.g)(this.el,"va-accordion-item").filter((function(t){return t!==a})).forEach((function(t){return t.setAttribute("open","false")}));var s="true"===a.getAttribute("open");if(!this.disableAnalytics){var c={componentName:"va-accordion",action:s?"collapse":"expand",details:{header:o||a.header,subheader:a.subheader,level:r||a.level,sectionHeading:this.sectionHeading}};this.componentLibraryAnalytics.emit(c)}a.setAttribute("open",s?"false":"true"),this.isScrolledIntoView(a)||a.scrollIntoView(),this.accordionsOpened()}},t.prototype.accordionsOpened=function(t){void 0===t&&(t="every");var e=function(t,e,a){if(a||2===arguments.length)for(var o,n=0,r=e.length;n<r;n++)!o&&n in e||(o||(o=Array.prototype.slice.call(e,0,n)),o[n]=e[n]);return t.concat(o||Array.prototype.slice.call(e))}([],this.el.children,!0).filter((function(t){return"va-accordion-item"===t.tagName.toLowerCase()})).map((function(t){return t.open}));return e[t]((function(t){return!0===t}))?this.expanded=!0:e[t]((function(t){return!1===t}))?this.expanded=!1:void 0},t.prototype.isScrolledIntoView=function(t){var e=null==t?void 0:t.getBoundingClientRect().top;return!(!e&&0!==e)&&e>=0&&e<=window.innerHeight},t.prototype.connectedCallback=function(){var t=this;i.i.on("languageChanged",(function(){(0,o.f)(t.el)}))},t.prototype.disconnectedCallback=function(){i.i.off("languageChanged")},t.prototype.componentWillLoad=function(){this.accordionsOpened("some")},t.prototype.render=function(){var t=this,e=this.openSingle,a=(0,r.c)({"usa-accordion":!0});return(0,o.h)(o.H,{key:"168bf595ee602ec6fdf4db359a99a2617f4497ca"},(0,o.h)("div",{key:"19c933dd57628b13dd2525511455e9b19685d937",class:a,ref:function(e){return t.accordionContainer=e}},e?null:(0,o.h)("button",{"aria-expanded":"".concat(this.expanded),class:"va-accordion__button","data-testid":"expand-all-accordions",ref:function(e){return t.expandCollapseBtn=e},onClick:function(){return t.expandCollapseAll(!t.expanded)},"aria-label":this.expanded?i.i.t("collapse-all-aria-label"):i.i.t("expand-all-aria-label")},this.expanded?"".concat(i.i.t("collapse-all")," -"):"".concat(i.i.t("expand-all")," +")),(0,o.h)("slot",{key:"9dff1090fe7d9d8bd734e98e52815534094b51b4"})))},Object.defineProperty(t.prototype,"el",{get:function(){return(0,o.g)(this)},enumerable:!1,configurable:!0}),t}();s.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-accordion{margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;color:#1b1b1b;margin:0;padding:0;width:100%;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-accordion>li{margin-bottom:0;max-width:unset}.usa-accordion>ul li ul{list-style:disc}.usa-accordion>ul li ul>li>ul{list-style:circle}.usa-accordion>ul li ul>li>ul>li>ul{list-style:square}.usa-accordion+.usa-accordion,.usa-accordion+.usa-accordion--bordered{margin-top:0.5rem}.usa-accordion--bordered .usa-accordion__content{border-bottom:0.25rem solid #f0f0f0;border-left:0.25rem solid #f0f0f0;border-right:0.25rem solid #f0f0f0;padding-bottom:1rem}.usa-accordion--bordered .usa-accordion__heading{margin-bottom:0}.usa-accordion__heading,.usa-prose .usa-accordion__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;margin:0}.usa-accordion__heading:not(:first-child),.usa-prose .usa-accordion__heading:not(:first-child){margin-top:0.5rem}.usa-accordion__content{color:#1b1b1b;background-color:white;margin-top:0;overflow:auto;padding:1rem 1.25rem calc(1rem - 0.25rem) 1.25rem}.usa-accordion__content>*:first-child{margin-top:0}.usa-accordion__content>*:last-child{margin-bottom:0}.usa-accordion__button{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#1b1b1b;background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1.5rem;cursor:pointer;display:inline-block;font-weight:700;margin:0;padding:1rem 3.5rem 1rem 1.25rem;text-decoration:none;width:100%}.usa-accordion__button:visited{color:#54278f}.usa-accordion__button:hover{color:#1a4480}.usa-accordion__button:active{color:#162e51}.usa-accordion__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-accordion__button:hover,.usa-accordion__button.usa-button--hover,.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button:disabled.usa-button--hover,.usa-accordion__button[aria-disabled=true].usa-button--hover,.usa-accordion__button:active,.usa-accordion__button.usa-button--active,.usa-accordion__button:disabled:active,.usa-accordion__button[aria-disabled=true]:active,.usa-accordion__button:disabled.usa-button--active,.usa-accordion__button[aria-disabled=true].usa-button--active,.usa-accordion__button:disabled:focus,.usa-accordion__button[aria-disabled=true]:focus,.usa-accordion__button:disabled.usa-focus,.usa-accordion__button[aria-disabled=true].usa-focus,.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-accordion__button.usa-button--hover{color:#1a4480}.usa-accordion__button.usa-button--active{color:#162e51}.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:GrayText}}.usa-accordion__button:hover{color:#1b1b1b;background-color:#dfe1e2;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;text-decoration:none}@media (forced-colors: active){.usa-accordion__button{border:2px solid transparent;position:relative}.usa-accordion__button::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0;content:""}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}.usa-accordion__button[aria-expanded=false]{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:1.5rem}.usa-accordion__button[aria-expanded=false]:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-accordion__button[aria-expanded=false]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button[aria-expanded=false]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}button.va-accordion__button{border:none;color:var(--vads-color-link);background:transparent;padding:0.625rem;cursor:pointer;font-family:inherit;font-weight:bold;float:right}@media print{button.va-accordion__button{display:none}}'}}]);