@department-of-veterans-affairs/component-library 51.2.0 → 51.4.0

package/dist/components/va-telephone2.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,createEvent,h,Host,Fragment}from"@stencil/core/internal/client";import{i as isMessageSet}from"./utils.js";const vaTelephoneCss="button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}:host{font-size:1.06rem}a{white-space:nowrap}a,a:hover{text-decoration:underline}",VaTelephoneStyle0=vaTelephoneCss,VaTelephone=proxyCustomElement(class t extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.contact=void 0,this.extension=void 0,this.notClickable=!1,this.international=!1,this.countryCode=void 0,this.tty=!1,this.sms=!1,this.vanity=void 0,this.messageAriaDescribedby=void 0,this.disableAnalytics=!1}static cleanContact(t){return(t||"").replace(/[^\d]/g,"")}static splitContact(e){const n=t.cleanContact(e);if(10===n.length){const t=[.../^(\d{3})(\d{3})(\d{4})$/g.exec(n)];return 4===t.length?t.slice(-3):[n]}return[n]}static formatPhoneNumber({contact:e,extension:n,international:o=!1,countryCode:i,vanity:s,tty:a=!1}){const r=i?[e]:t.splitContact(e);let c=r.join("");if(10===c.length&&!i){const[t,e,i]=r;c=`${t}-${e}-${i}`,o&&(c=`+1-${c}`),n&&(c=`${c}, ext. ${n}`),s&&(c=4===s.length?`${t}-${e}-${s} (${i})`:`${s} (${c})`)}return i&&(c=`+${i} ${c}`),a&&(c=`TTY: ${c}`),c}static createHref({contact:e,extension:n,sms:o,countryCode:i}){const s=t.cleanContact(e),a=3===s.length;let r=null;return r=o?`sms:${s}`:a?`tel:${s}`:i?`tel:+${i}${s}`:`tel:+1${s}`,`${r}${n?`,${n}`:""}`}handleClick(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-telephone",action:"click",details:{contact:this.contact,extension:this.extension}})}render(){const{contact:e,extension:n,notClickable:o,international:i,countryCode:s,tty:a,vanity:r,sms:c,messageAriaDescribedby:l}=this,d=t.formatPhoneNumber({contact:e,extension:n,international:i,countryCode:s,vanity:r,tty:a}),u=t.createHref({contact:e,extension:n,sms:c,countryCode:s}),b=isMessageSet(l),m=b?"number-description":null;return h(Host,{key:"15ab47f0ad99ebb0a71009325dbff139887684a7"},o?h(Fragment,null,h("span",{"aria-describedby":m},d)):h("a",{"aria-describedby":m,href:u,onClick:this.handleClick.bind(this)},d),b&&h("span",{key:"ec650ef349613373d404b324dae661921eaa6c07",id:"number-description",class:"sr-only"},l))}static get style(){return VaTelephoneStyle0}},[1,"va-telephone",{contact:[1],extension:[1],notClickable:[4,"not-clickable"],international:[4],countryCode:[1,"country-code"],tty:[4],sms:[4],vanity:[1],messageAriaDescribedby:[1,"message-aria-describedby"],disableAnalytics:[4,"disable-analytics"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-telephone"].forEach((t=>{"va-telephone"===t&&(customElements.get(t)||customElements.define(t,VaTelephone))}))}export{VaTelephone as V,defineCustomElement as d};
+import{proxyCustomElement,HTMLElement,createEvent,h,Host,Fragment}from"@stencil/core/internal/client";import{i as isMessageSet}from"./utils.js";import{n as normalizeArguments,a as parsePhoneNumber$2,w as withMetadataArgument}from"./parsePhoneNumber_.js";function parsePhoneNumber$1(){var e=normalizeArguments(arguments),t=e.text,n=e.options,o=e.metadata;return parsePhoneNumber$2(t,n,o)}function parsePhoneNumber(){return withMetadataArgument(parsePhoneNumber$1,arguments)}const vaTelephoneCss="button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}:host{font-size:1.06rem}a{white-space:nowrap}a,a:hover{text-decoration:underline}",VaTelephoneStyle0=vaTelephoneCss,VaTelephone=proxyCustomElement(class e extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.contact=void 0,this.extension=void 0,this.notClickable=!1,this.international=!1,this.countryCode=void 0,this.tty=!1,this.sms=!1,this.vanity=void 0,this.messageAriaDescribedby=void 0,this.disableAnalytics=!1}static cleanContact(e){return(e||"").replace(/[^\d]/g,"")}static splitContact(t){const n=e.cleanContact(t);if(10===n.length){const e=[.../^(\d{3})(\d{3})(\d{4})$/g.exec(n)];return 4===e.length?e.slice(-3):[n]}return[n]}static formatPhoneNumber({contact:t,extension:n,international:o=!1,countryCode:i,vanity:a,tty:s=!1}){const r=i?[t]:e.splitContact(t);let c=r.join("");if(10===c.length&&!i){const[e,t,i]=r;c=`${e}-${t}-${i}`,o&&(c=`+1-${c}`),n&&(c=`${c}, ext. ${n}`),a&&(c=4===a.length?`${e}-${t}-${a} (${i})`:`${a} (${c})`)}if(i){let e=null;try{e=parsePhoneNumber(`+${i}${c}`)}catch(e){console.error("Error parsing phone number:",e)}c=e?e.formatInternational():c.startsWith("+")?`${c}`:`+${i} ${c}`}return s&&(c=`TTY: ${c}`),c}static createHref({contact:t,extension:n,sms:o,countryCode:i}){const a=e.cleanContact(t),s=3===a.length;let r=null;return r=o?`sms:${a}`:s?`tel:${a}`:i?`tel:+${i}${a}`:`tel:+1${a}`,`${r}${n?`,${n}`:""}`}handleClick(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-telephone",action:"click",details:{contact:this.contact,extension:this.extension}})}render(){const{contact:t,extension:n,notClickable:o,international:i,countryCode:a,tty:s,vanity:r,sms:c,messageAriaDescribedby:l}=this,d=e.formatPhoneNumber({contact:t,extension:n,international:i,countryCode:a,vanity:r,tty:s}),u=e.createHref({contact:t,extension:n,sms:c,countryCode:a}),m=isMessageSet(l),p=m?"number-description":null;return h(Host,{key:"688b02124974e84e1b5e0e6d852cd843e6ce6d76"},o?h(Fragment,null,h("span",{"aria-describedby":p},d)):h("a",{"aria-describedby":p,href:u,onClick:this.handleClick.bind(this)},d),m&&h("span",{key:"d1b4eae49f6caa0655d1f31ce165993f02dee073",id:"number-description",class:"sr-only"},l))}static get style(){return VaTelephoneStyle0}},[1,"va-telephone",{contact:[1],extension:[1],notClickable:[4,"not-clickable"],international:[4],countryCode:[1,"country-code"],tty:[4],sms:[4],vanity:[1],messageAriaDescribedby:[1,"message-aria-describedby"],disableAnalytics:[4,"disable-analytics"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-telephone"].forEach((e=>{"va-telephone"===e&&(customElements.get(e)||customElements.define(e,VaTelephone))}))}export{VaTelephone as V,defineCustomElement as d};

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,f 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.errorHasPii=!1,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:m,width:f,useFormsPattern:g,formHeadingLevel:b,formHeading:x,charcount:v,min:y,max:w,currency:T,inputPrefix:P,inputIconPrefix:I,inputSuffix:S,inputIconSuffix:z,errorHasPii:E=!1}=this,H=this.getInputType(),k=this.getMaxlength(),C=this.getInputmode(),L=this.getStep(),V=`${m?"input-message":""} ${i?"input-error-message":""} ${v&&k?"charcount-message":""}`.trim()||null,R=`${g&&x?"form-question":""} ${g?"form-description":""} ${g&&e?"input-label":""}`.trim()||null,M=this.getPattern(),A=classnames({"currency-wrapper":T,"usa-input-group":S||P||I||z}),G=(()=>"0"!==this.paddingLeftValue&&P?{paddingLeft:this.paddingLeftValue}:S?{paddingRight:this.paddingRightValue}:{})(),_=k&&(null==n?void 0:n.length)>k,q=classnames({"usa-label":!0,"usa-label--error":i}),$=classnames({"usa-input":!0,"usa-input--success":c,"usa-input--error":i||t,[`usa-input--${f}`]:f}),N=classnames({"usa-hint":!0,"usa-character-count__status":k,"usa-character-count__status--invalid":k&&(null==n?void 0:n.length)>k}),F=classnames({"usa-sr-only":!a}),W=classnames({"usa-error-message":!0,"dd-privacy-hidden":E});let D=null;if("single"===g||"multiple"===g){const e=getHeaderLevel(b);D=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,D,h("div",{class:"input-wrap"},e&&h("label",{htmlFor:"inputField",id:"input-label",class:q,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:F},i&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:W,"data-dd-action-name":E?"input error":void 0},i))),h("div",{class:A},T&&h("div",{id:"symbol"},"$"),P&&h("div",{class:"usa-input-prefix",part:"input-prefix"},P.substring(0,25)),I&&h("div",{class:"usa-input-prefix",part:"input-prefix"},h("va-icon",{icon:I,size:3,part:"icon"})),h("input",{class:$,id:"inputField",type:H,onInput:l,onBlur:d,"aria-describedby":V,style:G,"aria-labelledby":R,"aria-invalid":s||i||_?"true":"false",inputmode:C,step:L,maxlength:k,pattern:M,name:u,autocomplete:o,required:r||null,part:"input",min:y,max:w,value:n}),S&&h("div",{class:"usa-input-suffix",part:"suffix","aria-hidden":"true"},S.substring(0,25)),z&&h("div",{class:"usa-input-suffix",part:"input-suffix"},h("va-icon",{icon:z,size:3,part:"icon"}))),isMessageSet(m)&&h("span",{id:"input-message",class:"usa-sr-only dd-privacy-hidden"},m),v&&k&&h("span",{id:"charcount-message",class:N,"aria-live":"polite"},getCharacterMessage(n,k))))}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],errorHasPii:[4,"error-has-pii"],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,f 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,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-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.errorHasPii=!1,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:m,width:f,useFormsPattern:g,formHeadingLevel:b,formHeading:x,charcount:v,min:y,max:w,currency:T,inputPrefix:P,inputIconPrefix:I,inputSuffix:S,inputIconSuffix:z,errorHasPii:E=!1}=this,H=this.getInputType(),k=this.getMaxlength(),C=this.getInputmode(),L=this.getStep(),V=`${m?"input-message":""} ${i?"input-error-message":""} ${v&&k?"charcount-message":""}`.trim()||null,R=`${g&&x?"form-question":""} ${g?"form-description":""} ${g&&e?"input-label":""}`.trim()||null,_=this.getPattern(),M=classnames({"currency-wrapper":T,"usa-input-group":S||P||I||z}),A=(()=>"0"!==this.paddingLeftValue&&P?{paddingLeft:this.paddingLeftValue}:S?{paddingRight:this.paddingRightValue}:{})(),G=k&&(null==n?void 0:n.length)>k,q=classnames({"usa-label":!0,"usa-label--error":i}),$=classnames({"usa-input":!0,"usa-input--success":c,"usa-input--error":i||t,[`usa-input--${f}`]:f}),N=classnames({"usa-hint":!0,"usa-character-count__status":k,"usa-character-count__status--invalid":k&&(null==n?void 0:n.length)>k}),F=classnames({"usa-sr-only":!a}),W=classnames({"usa-error-message":!0,"dd-privacy-hidden":E});let D=null;if("single"===g||"multiple"===g){const e=getHeaderLevel(b);D=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,D,h("div",{class:"input-wrap"},e&&h("label",{htmlFor:"inputField",id:"input-label",class:q,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:F},i&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:W,"data-dd-action-name":E?"input error":void 0},i))),h("div",{class:M},T&&h("div",{id:"symbol"},"$"),P&&h("div",{class:"usa-input-prefix",part:"input-prefix"},P.substring(0,25)),I&&h("div",{class:"usa-input-prefix",part:"input-prefix"},h("va-icon",{icon:I,size:3,part:"icon"})),h("input",{class:$,id:"inputField",type:H,onInput:l,onBlur:d,"aria-describedby":V,style:A,"aria-labelledby":R,"aria-invalid":s||i||G?"true":"false",inputmode:C,step:L,maxlength:k,pattern:_,name:u,autocomplete:o,required:r||null,part:"input",min:y,max:w,value:n}),S&&h("div",{class:"usa-input-suffix",part:"suffix","aria-hidden":"true"},S.substring(0,25)),z&&h("div",{class:"usa-input-suffix",part:"input-suffix"},h("va-icon",{icon:z,size:3,part:"icon"}))),isMessageSet(m)&&h("span",{id:"input-message",class:"usa-sr-only dd-privacy-hidden"},m),v&&k&&h("span",{id:"charcount-message",class:N,"aria-live":"polite"},getCharacterMessage(n,k))))}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],errorHasPii:[4,"error-has-pii"],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,f 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;font-weight:normal}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:"c6eb33b259cbccb16fdd13bf5cbcffc35e75ccae"},b&&h(e,{key:"43f66221a681d4a4984c8f514f4ce3d9587a17c2",id:"form-question",part:"form-header"},b),h("div",{key:"f68af3e0185665107a41e2e0eabf447a69c3a04b",id:"form-description"},h("slot",{key:"ebd41082c114b19a43c57dd70114728d1d7bc682",name:"form-description"})))}const H=h("label",{key:"a43bae6980b3583dcb940a1a9d6fe2ab29b88416",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},e,"multiple"===d&&h("span",{key:"6406545921faf11dc1e2b18ae6c1443af08dfd80",id:"header-message",class:"usa-sr-only"},e),c&&h("span",{key:"580c874936b1c5bcf005c3ec0e445a49f0d7a14e",id:"header-message",class:"usa-sr-only"},c),s&&h("span",{key:"5c141e83a0a98cf5279c2e79bcba3dec451c06c5",class:"usa-label--required"}," ",instance.t("required")),o&&h("div",{key:"244beb90392be985de701ca86597fb5b52197da2",class:"usa-hint"},o));return h(Host,{key:"ce1242f523ba650f0cb9aaa7a4870f447d8b0e93"},T,h("div",{key:"159a79e43282b5da123b5ffb25247b40ace55023",class:"input-wrap"},e&&g?h(g,{part:"header","aria-describedby":v},H):h(Fragment,null,H),h("slot",{key:"88706c7048b6f41c656a05a10f5cd389fbe18f32"}),h("span",{key:"c653ac37fdc3718a0f87a3a4b39c184da747188b",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"237165677a44991141053a439d080cb8179be9b2"},h("span",{key:"d45c87453d02fd931348de389229dbe51d2d5fd3",class:"usa-sr-only"},instance.t("error")),h("span",{key:"081d1a2f7bb5448a6a87e40b661be8d3463922a4",class:"usa-error-message"},a))),h("textarea",{key:"70075ecebfb9ba7145be69c6b3502fcb19e6c77c",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:"35f7d26cb27253ef7ecde1d2fb651e3ea54a8a2b",class:k,"aria-live":"polite"},instance.t("max-chars",{length:m})),l&&m&&h("span",{key:"3590bd202c2e12f4c379e0d1cd4c665509b51a93",id:"charcount-message",class:k,"aria-live":"polite"},getCharacterMessage(i,m)),isMessageSet(n)&&h("span",{key:"2f36e4058c57de316cbd9ddd214b40f0a6dca43a",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,f 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,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-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;font-weight:normal}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:n,messageAriaDescribedby:l,useFormsPattern:d,formHeadingLevel:u,headerAriaDescribedby:c,formHeading:b}=this,m=this.getMaxlength(),f=`${a?"input-error-message":""} ${n&&m?"charcount-message":""} ${l?"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=n&&(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":n,"usa-character-count__status--invalid":n&&m&&(null==i?void 0:i.length)>m});let T=null;if("single"===d||"multiple"===d){const e=getHeaderLevel(u);T=h(Fragment,{key:"1f037501ecd24e8b3f3f21f4647b22933325d3de"},b&&h(e,{key:"f43528c50b695bf493d35321705d076a1818e058",id:"form-question",part:"form-header"},b),h("div",{key:"0b46b411f67880ce7b5677b80122b3f6a467a332",id:"form-description"},h("slot",{key:"85f15c332d14e7cfd2a197bc8a47f8699f55462e",name:"form-description"})))}const H=h("label",{key:"eff8e5ed576e261f4b45baf37ea160c56b7ec806",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},e,"multiple"===d&&h("span",{key:"aa8b25adb0947a7217ff63092c3c0652d8b9349d",id:"header-message",class:"usa-sr-only"},e),c&&h("span",{key:"a2261e272d61ef2a991f43520e09e3fb2b4a0179",id:"header-message",class:"usa-sr-only"},c),s&&h("span",{key:"c21154fe1403822dbe58af07fe9a085b88281292",class:"usa-label--required"}," ",instance.t("required")),o&&h("div",{key:"cf5f94ec85689791a25f0236dad632543217a154",class:"usa-hint"},o));return h(Host,{key:"a79427f47d0baa7aa35d102a00e5183a5df06706"},T,h("div",{key:"82bd3b627a33555828278827a41983e4cc9d4a55",class:"input-wrap"},e&&g?h(g,{part:"header","aria-describedby":v},H):h(Fragment,null,H),h("slot",{key:"b22013e2052c15de12602d13b49a28f88fdda995"}),h("span",{key:"649005258c24b3b00f84187ac9c9f93f38c7b6fb",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"bbdb91c3f07277147c6d996f6ce8b6e911fdf60c"},h("span",{key:"1f6e2347a7dd4d74e55976db70b9071e4542a27f",class:"usa-sr-only"},instance.t("error")),h("span",{key:"db6cec8667dad4439c26f9342ea7c05fa5b7adfc",class:"usa-error-message"},a))),h("textarea",{key:"b0b44638d556192368bd0991b45dd55b368ad983",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:n?void 0:m,value:i,part:"input-type-textarea"}),!n&&m&&(null==i?void 0:i.length)>=m&&h("span",{key:"6fb3b0babc37a4b8e81fb4bebb4c36e3598109a5",class:k,"aria-live":"polite"},instance.t("max-chars",{length:m})),n&&m&&h("span",{key:"7fdbe9b4ebd05bba7b4f4524c56841ed83823107",id:"charcount-message",class:k,"aria-live":"polite"},getCharacterMessage(i,m)),isMessageSet(l)&&h("span",{key:"a1ff0ce3cd2a9a6a893b1737b429e3e2d6432732",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l)))}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};