@department-of-veterans-affairs/component-library 52.1.1 → 52.1.2-rc2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{v as validate,z as zeroPadStart,g as getErrorParameters,m as months}from"./date-utils.js";import{g as getHeaderLevel}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{c as classnames}from"./index2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-select2.js";import{d as defineCustomElement$2}from"./va-text-input2.js";import{i as instance}from"./i18next.js";const vaMemorableDateCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}#error-message{margin-bottom:0.75rem}#error-message,#input-error-message{color:var(--vads-color-secondary-dark);display:block;font-weight:700;font-size:1.06rem}:host([error]:not([error=\'\'])),:host(.va-form-group--error){border-left:0.3rem solid var(--vads-color-secondary-dark);padding-left:1.25rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=\'\'])),:host(.va-form-group--error){margin-left:-1.4375rem;}}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-form-group{margin-top:1.5rem}.usa-form-group .usa-label:first-child{margin-top:0}.usa-form-group--error{border-left-width:0.25rem;border-left-color:#b50909;border-left-style:solid;padding-left:1rem;position:relative}@media all and (min-width: 64em){.usa-form-group--error{margin-left:-1.25rem}}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-memorable-date{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.usa-memorable-date [type=number]{-moz-appearance:textfield}.usa-memorable-date [type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.usa-memorable-date [type=number]::-webkit-contacts-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;height:0;width:0;margin:0}.usa-memorable-date .usa-form-group{margin-top:1rem}.usa-form-group--day,.usa-form-group--month,.usa-form-group--year{-ms-flex:0 1 auto;flex:0 1 auto;margin-right:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.usa-form-group--day input,.usa-form-group--month input{width:3rem}.usa-form-group--month select{width:15rem}.usa-form-group--year input{width:4.5rem}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);margin-top:24px}#error-message{margin-bottom:0}.usa-hint{display:block}slot:not([name])::slotted(*:last-child){margin-bottom:0.5rem}va-select::part(label),va-text-input::part(label){margin-top:0;margin-bottom:12px}va-text-input::part(validation){display:none}.usa-memorable-date{margin-top:16px;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.usa-memorable-date .usa-form-group{margin-top:0px}.usa-form-group--month{margin-right:16px}.usa-form-group--month-input{width:48px}.usa-form-group--month-select{width:15rem}.usa-form-group--day-input{width:3rem}.usa-form-group--year-input{width:4.5rem}@media (max-width: 480px){.usa-form-group--month-select{width:100%}.usa-form-group--select{-ms-flex:0 1 50%;flex:0 1 50%;width:50%}}',VaMemorableDateStyle0=vaMemorableDateCss;Build.isTesting&&instance.init({lng:"cimode"});const VaMemorableDate$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.dateChange=createEvent(this,"dateChange",7),this.dateBlur=createEvent(this,"dateBlur",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.dayTouched=!1,this.monthTouched=!1,this.yearTouched=!1,this.handleDateBlur=e=>{let a;const{currentYear:t,currentMonth:r,currentDay:o}=this,s=Number(t||a),i=Number(r||a),n=Number(o||a);if(validate({component:this,year:s,month:i,day:n,yearTouched:this.yearTouched,monthTouched:this.monthTouched,dayTouched:this.dayTouched,monthSelect:this.monthSelect}),!this.error&&(this.value=t||r||o?[t,r?zeroPadStart(i):"",o?zeroPadStart(n):""].join("-"):"",this.dateBlur.emit(e),this.enableAnalytics)){const e={componentName:"va-memorable-date",action:"blur",details:{label:this.label,year:s,month:i,day:n}};this.componentLibraryAnalytics.emit(e)}},this.handleMonthChange=e=>{const a=e.target;this.currentMonth=a.value,this.handleDateChange(e)},this.handleDayChange=e=>{const a=e.target;this.currentDay=a.value,this.handleDateChange(e)},this.handleYearChange=e=>{const a=e.target;this.currentYear=a.value,this.handleDateChange(e)},this.handleDateChange=e=>{const{currentYear:a,currentMonth:t,currentDay:r}=this;this.value=a||t||r?[a||"",t||"",r||""].join("-"):"",this.dateChange.emit(e)},this.handleMonthBlur=()=>{this.monthTouched=!0},this.handleDayBlur=()=>{this.dayTouched=!0},this.handleYearBlur=()=>{this.yearTouched=!0},this.required=!1,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.monthSelect=!1,this.label=void 0,this.name=void 0,this.hint=void 0,this.error=void 0,this.value=void 0,this.customDayErrorMessage=void 0,this.customMonthErrorMessage=void 0,this.customYearErrorMessage=void 0,this.invalidDay=!1,this.invalidMonth=!1,this.invalidYear=!1,this.enableAnalytics=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}componentWillLoad(){const[e,a,t]=(this.value||"").split("-");this.currentYear=e,this.currentMonth=a,this.currentDay=t}render(){const{required:e,label:a,name:t,hint:r,error:o,handleDateBlur:s,monthSelect:i,useFormsPattern:n,formHeadingLevel:l,formHeading:u}=this,{currentYear:m,currentMonth:d,currentDay:p}=this,f=["dateHint",r?"hint":""].filter(Boolean).join(" "),c=i?instance.t("date-hint-with-select"):instance.t("date-hint"),g=e=>instance.t(e,(e=>{const a=parseInt(m,10),t=parseInt(d,10);return getErrorParameters(e,a,t)})(e)),b=`${n&&u?"form-question":""} ${n?"form-description":""} ${n&&a?"input-label":""}`.trim()||null;let w=null;if("single"===n||"multiple"===n){const e=getHeaderLevel(l);w=h(Fragment,null,u&&h(e,{id:"form-question",part:"form-header"},u),h("div",{id:"form-description"},h("slot",{name:"form-description"})))}const v=i?h("div",{class:"usa-form-group usa-form-group--month usa-form-group--select"},h("va-select",{label:instance.t("month"),name:t?`${t}Month`:"Month","aria-describedby":f,"aria-labelledby":b,invalid:this.invalidMonth,onVaSelect:this.handleMonthChange,onBlur:this.handleMonthBlur,class:"usa-form-group--month-select",reflectInputError:"month-range"===o,value:d?String(parseInt(d,10)):d,error:this.invalidMonth?g(o):null,showError:!1},months&&months.map((e=>h("option",{value:e.value,selected:e.value===parseInt(d,10)},e.label))))):h("div",{class:"usa-form-group usa-form-group--month"},h("va-text-input",{label:instance.t("month"),name:t?`${t}Month`:"Month",maxlength:2,pattern:"[0-9]*","aria-describedby":f,"aria-labelledby":b,invalid:this.invalidMonth,value:null==d?void 0:d.toString(),onInput:this.handleMonthChange,onBlur:this.handleMonthBlur,class:"usa-form-group--month-input memorable-date-input",reflectInputError:"month-range"===o,inputmode:"numeric",type:"text",error:this.invalidMonth?g(o):null,"show-input-error":"false"})),y=classnames({"usa-legend":!0,"usa-label--error":o});return h(Host,{onBlur:s},w,h("div",{class:"input-wrap"},h("fieldset",{class:"usa-form usa-fieldset"},h("legend",{class:y,id:"input-label",part:"legend"},a,e&&h("span",{class:"usa-label--required"}," ",instance.t("required")),r&&h("div",{class:"usa-hint",id:"hint"},r),h("span",{class:"usa-hint",id:"dateHint"},c)),h("span",{id:"error-message",role:"alert"},o&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:"usa-error-message"},(e=>{let a="";return this.invalidDay?a=this.customDayErrorMessage:this.invalidMonth?a=this.customMonthErrorMessage:this.invalidYear&&(a=this.customYearErrorMessage),a||g(e)})(o)))),h("slot",null),h("div",{class:"usa-memorable-date"},v,h("div",{class:"usa-form-group usa-form-group--day"},h("va-text-input",{label:instance.t("day"),name:t?`${t}Day`:"Day",maxlength:2,pattern:"[0-9]*","aria-describedby":f,invalid:this.invalidDay,value:null==p?void 0:p.toString(),onInput:this.handleDayChange,onBlur:this.handleDayBlur,class:"usa-form-group--day-input memorable-date-input",reflectInputError:"day-range"===o,inputmode:"numeric",type:"text",error:this.invalidDay?g(o):null,"show-input-error":"false"})),h("div",{class:"usa-form-group usa-form-group--year"},h("va-text-input",{label:instance.t("year"),name:t?`${t}Year`:"Year",maxlength:4,pattern:"[0-9]*","aria-describedby":f,invalid:this.invalidYear,value:null==m?void 0:m.toString(),onInput:this.handleYearChange,onBlur:this.handleYearBlur,class:"usa-form-group--year-input memorable-date-input",reflectInputError:"year-range"===o,inputmode:"numeric",type:"text",error:this.invalidYear?g(o):null,"show-input-error":"false"}))))))}get el(){return this}static get style(){return VaMemorableDateStyle0}},[1,"va-memorable-date",{required:[4],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],monthSelect:[4,"month-select"],label:[1],name:[1],hint:[1],error:[1537],value:[1537],customDayErrorMessage:[1,"custom-day-error-message"],customMonthErrorMessage:[1,"custom-month-error-message"],customYearErrorMessage:[1,"custom-year-error-message"],invalidDay:[1028,"invalid-day"],invalidMonth:[1028,"invalid-month"],invalidYear:[1028,"invalid-year"],enableAnalytics:[4,"enable-analytics"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-memorable-date","va-icon","va-select","va-text-input"].forEach((e=>{switch(e){case"va-memorable-date":customElements.get(e)||customElements.define(e,VaMemorableDate$1);break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-select":customElements.get(e)||defineCustomElement$3();break;case"va-text-input":customElements.get(e)||defineCustomElement$2()}}))}const VaMemorableDate=VaMemorableDate$1,defineCustomElement=defineCustomElement$1;export{VaMemorableDate,defineCustomElement};
1
+ import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{v as validate,z as zeroPadStart,g as getErrorParameters,m as months}from"./date-utils.js";import{g as getHeaderLevel}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{c as classnames}from"./index2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-select2.js";import{d as defineCustomElement$2}from"./va-text-input2.js";import{i as instance}from"./i18next.js";const vaMemorableDateCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}#error-message{margin-bottom:0.75rem}#error-message,#input-error-message{color:var(--vads-color-secondary-dark);display:block;font-weight:700;font-size:1.06rem}:host([error]:not([error=\'\'])),:host(.va-form-group--error){border-left:0.3rem solid var(--vads-color-secondary-dark);padding-left:1.25rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=\'\'])),:host(.va-form-group--error){margin-left:-1.4375rem;}}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-form-group{margin-top:1.5rem}.usa-form-group .usa-label:first-child{margin-top:0}.usa-form-group--error{border-left-width:0.25rem;border-left-color:#b50909;border-left-style:solid;padding-left:1rem;position:relative}@media all and (min-width: 64em){.usa-form-group--error{margin-left:-1.25rem}}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-memorable-date{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.usa-memorable-date [type=number]{-moz-appearance:textfield}.usa-memorable-date [type=number]::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.usa-memorable-date [type=number]::-webkit-contacts-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;height:0;width:0;margin:0}.usa-memorable-date .usa-form-group{margin-top:1rem}.usa-form-group--day,.usa-form-group--month,.usa-form-group--year{-ms-flex:0 1 auto;flex:0 1 auto;margin-right:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.usa-form-group--day input,.usa-form-group--month input{width:3rem}.usa-form-group--month select{width:15rem}.usa-form-group--year input{width:4.5rem}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);margin-top:24px}#error-message{margin-bottom:0}.usa-hint{display:block}slot:not([name])::slotted(*:last-child){margin-bottom:0.5rem}va-select::part(label),va-text-input::part(label){margin-top:0;margin-bottom:12px}va-text-input::part(validation){display:none}.usa-memorable-date{margin-top:16px;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.usa-memorable-date .usa-form-group{margin-top:0px}.usa-form-group--month{margin-right:16px}.usa-form-group--month-input{width:48px}.usa-form-group--month-select{width:15rem}.usa-form-group--day-input{width:3rem}.usa-form-group--year-input{width:4.5rem}@media (max-width: 480px){.usa-form-group--month-select{width:100%}.usa-form-group--select{-ms-flex:0 1 50%;flex:0 1 50%;width:50%}}',VaMemorableDateStyle0=vaMemorableDateCss;Build.isTesting&&instance.init({lng:"cimode"});const VaMemorableDate$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.dateChange=createEvent(this,"dateChange",7),this.dateBlur=createEvent(this,"dateBlur",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.dayTouched=!1,this.monthTouched=!1,this.yearTouched=!1,this.handleDateBlur=e=>{let a;const{currentYear:t,currentMonth:r,currentDay:o}=this,s=Number(t||a),i=Number(r||a),n=Number(o||a);if(validate({component:this,year:s,month:i,day:n,yearTouched:this.yearTouched,monthTouched:this.monthTouched,dayTouched:this.dayTouched,monthSelect:this.monthSelect}),!this.error&&(this.value=t||r||o?[t,r?zeroPadStart(i):"",o?zeroPadStart(n):""].join("-"):"",this.dateBlur.emit(e),this.enableAnalytics)){const e={componentName:"va-memorable-date",action:"blur",details:{label:this.label,year:s,month:i,day:n}};this.componentLibraryAnalytics.emit(e)}},this.handleMonthChange=e=>{const a=e.target;this.currentMonth=a.value,this.handleDateChange(e)},this.handleDayChange=e=>{const a=e.target;this.currentDay=a.value,this.handleDateChange(e)},this.handleYearChange=e=>{const a=e.target;this.currentYear=a.value,this.handleDateChange(e)},this.handleDateChange=e=>{const{currentYear:a,currentMonth:t,currentDay:r}=this;this.value=a||t||r?[a||"",t||"",r||""].join("-"):"",this.dateChange.emit(e)},this.handleMonthBlur=()=>{this.monthTouched=!0},this.handleDayBlur=()=>{this.dayTouched=!0},this.handleYearBlur=()=>{this.yearTouched=!0},this.required=!1,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.monthSelect=!1,this.label=void 0,this.name=void 0,this.hint=void 0,this.error=void 0,this.value=void 0,this.customDayErrorMessage=void 0,this.customMonthErrorMessage=void 0,this.customYearErrorMessage=void 0,this.removeDateHint=!1,this.invalidDay=!1,this.invalidMonth=!1,this.invalidYear=!1,this.enableAnalytics=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}componentWillLoad(){const[e,a,t]=(this.value||"").split("-");this.currentYear=e,this.currentMonth=a,this.currentDay=t}render(){const{required:e,label:a,name:t,hint:r,error:o,handleDateBlur:s,monthSelect:i,useFormsPattern:n,formHeadingLevel:u,formHeading:l,removeDateHint:m}=this,{currentYear:d,currentMonth:p,currentDay:f}=this,c=[m?"":"dateHint",r?"hint":""].filter(Boolean).join(" "),g=i?instance.t("date-hint-with-select"):instance.t("date-hint"),b=e=>instance.t(e,(e=>{const a=parseInt(d,10),t=parseInt(p,10);return getErrorParameters(e,a,t)})(e)),w=`${n&&l?"form-question":""} ${n?"form-description":""} ${n&&a?"input-label":""}`.trim()||null;let v=null;if("single"===n||"multiple"===n){const e=getHeaderLevel(u);v=h(Fragment,null,l&&h(e,{id:"form-question",part:"form-header"},l),h("div",{id:"form-description"},h("slot",{name:"form-description"})))}const y=i?h("div",{class:"usa-form-group usa-form-group--month usa-form-group--select"},h("va-select",{label:instance.t("month"),name:t?`${t}Month`:"Month","aria-describedby":c,"aria-labelledby":w,invalid:this.invalidMonth,onVaSelect:this.handleMonthChange,onBlur:this.handleMonthBlur,class:"usa-form-group--month-select",reflectInputError:"month-range"===o,value:p?String(parseInt(p,10)):p,required:e,showRequiredText:!1,error:this.invalidMonth?b(o):null,showError:!1},months&&months.map((e=>h("option",{value:e.value,selected:e.value===parseInt(p,10)},e.label))))):h("div",{class:"usa-form-group usa-form-group--month"},h("va-text-input",{label:instance.t("month"),name:t?`${t}Month`:"Month",maxlength:2,pattern:"[0-9]*","aria-describedby":c,"aria-labelledby":w,invalid:this.invalidMonth,value:null==p?void 0:p.toString(),onInput:this.handleMonthChange,onBlur:this.handleMonthBlur,class:"usa-form-group--month-input memorable-date-input",reflectInputError:"month-range"===o,inputmode:"numeric",type:"text",required:e,showRequiredText:!1,error:this.invalidMonth?b(o):null,"show-input-error":"false"})),x=classnames({"usa-legend":!0,"usa-label--error":o});return h(Host,{onBlur:s},v,h("div",{class:"input-wrap"},h("fieldset",{class:"usa-form usa-fieldset"},h("legend",{class:x,id:"input-label",part:"legend"},a,e&&h("span",{class:"usa-label--required"}," ",instance.t("required")),r&&h("div",{class:"usa-hint",id:"hint"},r),!m&&h("span",{class:"usa-hint",id:"dateHint"},g)),h("span",{id:"error-message",role:"alert"},o&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:"usa-error-message"},(e=>{let a="";return this.invalidDay?a=this.customDayErrorMessage:this.invalidMonth?a=this.customMonthErrorMessage:this.invalidYear&&(a=this.customYearErrorMessage),a||b(e)})(o)))),h("slot",null),h("div",{class:"usa-memorable-date"},y,h("div",{class:"usa-form-group usa-form-group--day"},h("va-text-input",{label:instance.t("day"),name:t?`${t}Day`:"Day",maxlength:2,pattern:"[0-9]*","aria-describedby":c,invalid:this.invalidDay,value:null==f?void 0:f.toString(),onInput:this.handleDayChange,onBlur:this.handleDayBlur,class:"usa-form-group--day-input memorable-date-input",reflectInputError:"day-range"===o,inputmode:"numeric",type:"text",required:e,showRequiredText:!1,error:this.invalidDay?b(o):null,"show-input-error":"false"})),h("div",{class:"usa-form-group usa-form-group--year"},h("va-text-input",{label:instance.t("year"),name:t?`${t}Year`:"Year",maxlength:4,pattern:"[0-9]*","aria-describedby":c,invalid:this.invalidYear,value:null==d?void 0:d.toString(),onInput:this.handleYearChange,onBlur:this.handleYearBlur,class:"usa-form-group--year-input memorable-date-input",reflectInputError:"year-range"===o,inputmode:"numeric",type:"text",required:e,showRequiredText:!1,error:this.invalidYear?b(o):null,"show-input-error":"false"}))))))}get el(){return this}static get style(){return VaMemorableDateStyle0}},[1,"va-memorable-date",{required:[4],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],monthSelect:[4,"month-select"],label:[1],name:[1],hint:[1],error:[1537],value:[1537],customDayErrorMessage:[1,"custom-day-error-message"],customMonthErrorMessage:[1,"custom-month-error-message"],customYearErrorMessage:[1,"custom-year-error-message"],removeDateHint:[4,"remove-date-hint"],invalidDay:[1028,"invalid-day"],invalidMonth:[1028,"invalid-month"],invalidYear:[1028,"invalid-year"],enableAnalytics:[4,"enable-analytics"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-memorable-date","va-icon","va-select","va-text-input"].forEach((e=>{switch(e){case"va-memorable-date":customElements.get(e)||customElements.define(e,VaMemorableDate$1);break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-select":customElements.get(e)||defineCustomElement$3();break;case"va-text-input":customElements.get(e)||defineCustomElement$2()}}))}const VaMemorableDate=VaMemorableDate$1,defineCustomElement=defineCustomElement$1;export{VaMemorableDate,defineCustomElement};
@@ -1 +1 @@
1
- import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h}from"@stencil/core/internal/client";import"./i18n-setup.js";import"./contacts.js";import{c as consoleDevError}from"./utils.js";import{d as defineCustomElement$2}from"./va-icon2.js";import{i as instance}from"./i18next.js";const vaOnThisPageCss='p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}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)}:host{display:block;border:1px solid var(--vads-color-base-light);border-radius:4px;padding:1em}@media (min-width: 768px){:host{border:none;padding:1em 1em 1em 0}}#on-this-page{font-family:var(--font-serif);font-size:1.25rem;margin:0.4em 0em}ul{margin-top:0;margin-bottom:0;margin-left:0;list-style-type:none;padding-left:0}li{padding:0.5em;max-width:var(--vads-size-line-length-4)}li a{line-height:1.5em;display:-ms-flexbox;display:flex}li:hover{background-color:rgba(0, 0, 0, 0.05)}li a:hover{background-color:transparent}va-icon{margin-right:4px;padding-top:4px;line-height:1}',VaOnThisPageStyle0=vaOnThisPageCss;Build.isTesting&&instance.init({lng:"cimode"});const VaOnThisPage$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleHeadingBlur=e=>{const t=e.target;t.removeAttribute("tabindex"),t.removeAttribute("role")},this.moveFocusToHeading=e=>{const t=e.currentTarget,n=document.getElementById(t.hash.slice(1));n&&(n.setAttribute("tabindex","-1"),n.setAttribute("role","text"),n.focus(),n.addEventListener("blur",this.handleHeadingBlur,{once:!0}))},this.handleOnClick=e=>{var t,n,i,o;this.moveFocusToHeading(e),this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-on-this-page",action:"click",details:{"click-text":(null===(n=null===(t=e.composedPath())||void 0===t?void 0:t[0])||void 0===n?void 0:n.textContent)||(null===(o=null===(i=e.path)||void 0===i?void 0:i[0])||void 0===o?void 0:o.textContent)}})},this.disableAnalytics=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{handleOnClick:e}=this,t=Array.from(document.querySelectorAll("article h2")).filter((e=>(e.id||consoleDevError(`${e.textContent} is missing an id`),e.id)));return h("nav",{"aria-labelledby":"on-this-page"},h("ul",null,h("li",{id:"on-this-page"},instance.t("on-this-page")),t.map((t=>h("li",null,h("a",{href:`#${t.id}`,onClick:e},h("va-icon",{icon:"arrow_downward"}),h("span",null,t.innerText)))))))}get el(){return this}static get style(){return VaOnThisPageStyle0}},[1,"va-on-this-page",{disableAnalytics:[4,"disable-analytics"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-on-this-page","va-icon"].forEach((e=>{switch(e){case"va-on-this-page":customElements.get(e)||customElements.define(e,VaOnThisPage$1);break;case"va-icon":customElements.get(e)||defineCustomElement$2()}}))}const VaOnThisPage=VaOnThisPage$1,defineCustomElement=defineCustomElement$1;export{VaOnThisPage,defineCustomElement};
1
+ import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h}from"@stencil/core/internal/client";import"./i18n-setup.js";import"./contacts.js";import{c as consoleDevError,g as getHeaderLevel}from"./utils.js";import{d as defineCustomElement$2}from"./va-icon2.js";import{i as instance}from"./i18next.js";const vaOnThisPageCss='p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}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)}:host{display:block;border:1px solid var(--vads-color-base-light);border-radius:4px;padding:1em}@media (min-width: 768px){:host{border:none;padding:1em 1em 1em 0}}#on-this-page{font-family:var(--font-serif);font-size:1.25rem;font-weight:var(--font-weight-normal);margin:0.4em 0em}ul{margin-top:0;margin-bottom:0;margin-left:0;list-style-type:none;padding-left:0}li,#on-this-page{padding:0.5em;max-width:var(--vads-size-line-length-4)}li a{line-height:1.5em;display:-ms-flexbox;display:flex}li:hover{background-color:rgba(0, 0, 0, 0.05)}li a:hover{background-color:transparent}va-icon{margin-right:4px;padding-top:4px;line-height:1}',VaOnThisPageStyle0=vaOnThisPageCss;Build.isTesting&&instance.init({lng:"cimode"});const VaOnThisPage$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleHeadingBlur=e=>{const t=e.target;t.removeAttribute("tabindex"),t.removeAttribute("role")},this.moveFocusToHeading=e=>{const t=e.currentTarget,n=document.getElementById(t.hash.slice(1));n&&(n.setAttribute("tabindex","-1"),n.setAttribute("role","text"),n.focus(),n.addEventListener("blur",this.handleHeadingBlur,{once:!0}))},this.handleOnClick=e=>{var t,n,i,o;this.moveFocusToHeading(e),this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-on-this-page",action:"click",details:{"click-text":(null===(n=null===(t=e.composedPath())||void 0===t?void 0:t[0])||void 0===n?void 0:n.textContent)||(null===(o=null===(i=e.path)||void 0===i?void 0:i[0])||void 0===o?void 0:o.textContent)}})},this.headerLevel=2,this.disableAnalytics=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{handleOnClick:e}=this,t=getHeaderLevel(this.headerLevel)||"h2",n=Array.from(document.querySelectorAll("article h2")).filter((e=>(e.id||consoleDevError(`${e.textContent} is missing an id`),e.id)));return h("nav",{"aria-labelledby":"on-this-page"},h(t,{id:"on-this-page"},instance.t("on-this-page")),h("ul",null,n.map((t=>h("li",null,h("a",{href:`#${t.id}`,onClick:e},h("va-icon",{icon:"arrow_downward"}),h("span",null,t.innerText)))))))}get el(){return this}static get style(){return VaOnThisPageStyle0}},[1,"va-on-this-page",{headerLevel:[2,"header-level"],disableAnalytics:[4,"disable-analytics"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-on-this-page","va-icon"].forEach((e=>{switch(e){case"va-on-this-page":customElements.get(e)||customElements.define(e,VaOnThisPage$1);break;case"va-icon":customElements.get(e)||defineCustomElement$2()}}))}const VaOnThisPage=VaOnThisPage$1,defineCustomElement=defineCustomElement$1;export{VaOnThisPage,defineCustomElement};
@@ -1 +1 @@
1
- import{proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{a as getSlottedNodes,i as isMessageSet,g as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaSelectCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-select,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-select,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-select{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;background-position:right 0.5rem center;background-size:1.25rem;padding-right:2rem}.usa-select::-ms-expand{display:none}.usa-select:-webkit-autofill{-webkit-appearance:menulist;appearance:menulist}.usa-select:-moz-focusring{color:transparent;text-shadow:0 0 0 black}.usa-select[multiple]{height:auto;background-image:none;padding-right:0}.usa-select option{overflow:hidden;text-overflow:ellipsis}.usa-select:disabled,.usa-select[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:0;color:GrayText}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:2px solid GrayText}}@media (forced-colors: active){.usa-select{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox;background-image:none;padding-right:0}}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);color:var(--vads-color-base)}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}.va-select--full-width{max-width:100%;width:100%}',VaSelectStyle0=vaSelectCss,VaSelect=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaKeyDown=createEvent(this,"vaKeyDown",7),this.vaSelect=createEvent(this,"vaSelect",7),this.vaSelectBlur=createEvent(this,"vaSelectBlur",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.required=!1,this.label=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.reflectInputError=!1,this.invalid=!1,this.enableAnalytics=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.width=void 0,this.fullWidth=!1,this.showError=!0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.options=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}handleKeyDown(){this.vaKeyDown.emit()}handleBlur(e){const a=e.target;this.value=a.value,this.vaSelectBlur.emit({value:this.value})}handleChange(e){const a=e.target;if(this.value=a.value,this.enableAnalytics){const e={componentName:"va-select",action:"change",details:{label:this.label,selectLabel:this.value}};this.componentLibraryAnalytics.emit(e)}this.vaSelect.emit({value:this.value})}populateOptions(){const{value:e}=this,a=getSlottedNodes(this.el,null,"#select-container slot").filter((e=>{const a=e.nodeName.toLowerCase();return"option"===a||"optgroup"===a}));this.options=a.map((a=>"optgroup"===a.nodeName.toLowerCase()?h("optgroup",{label:a.label},Array.from(a.children).map((a=>h("option",{value:a.value,selected:e===a.value},a.text)))):"option"===a.nodeName.toLowerCase()?h("option",{value:a.value,selected:e===a.value},a.textContent):void 0))}handleValueChange(){this.populateOptions()}render(){const{error:e,reflectInputError:a,invalid:t,label:s,required:r,name:i,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:"1dab8d5dd7709bc57fe6b35873e98fd8276cc152"},m&&h(e,{key:"edd7debc7c0117fe30d1f8e6538bb97897b6429d",id:"form-question",part:"form-header"},m),h("div",{key:"e92315d11c872821922677ff4dc616759a51ef24",id:"form-description"},h("slot",{key:"62603b556b437c744aaad977edc76d00f9d53f2a",name:"form-description"})))}return h(Host,{key:"7da8313e68fa599b2a17ec0c54911201b1964b92"},w,s&&h("label",{key:"60cc0c73b9771c84401926009cef52fd477f0ccb",htmlFor:"options",class:g,part:"label"},s,r&&h("span",{key:"0bde46ea39a6c4b2b7d8795b0c187cc0f0f96bf5",class:"usa-label--required"}," ",instance.t("required"))),o&&h("span",{key:"c348936ee3c971b2e3ec39b37484245c29836484",class:"usa-hint",id:"input-hint"},o),h("span",{key:"c4cf0362cc91cb594556506a22bb3da26b17e9e5",id:b,role:"alert"},c&&e&&h(Fragment,{key:"1dee3b8d5781f39c1e2ee7d5a1fa19c6118c5d51"},h("span",{key:"f92ed6b7dcd9e1aaa5c601d8d24e0f15730ae45e",class:"usa-sr-only"},instance.t("error")),h("span",{key:"b7ca8c3c9e974f9e04440370ba477ed6920d862a",class:"usa-error-message"},e))),h("div",{key:"a1f94a311d268d175b7def9c7df2cf1bafacfbdc",id:"select-container"},h("slot",{key:"132ae407ccfac4c69c120c34f405604e52a13e56",onSlotchange:()=>this.populateOptions()}),h("select",{key:"9f0846dcac40ce4ed68bb6a3264caa13874ba880",class:v,"aria-describedby":f,"aria-invalid":t||e?"true":"false",id:"options",name:i,required:r||null,onKeyDown:()=>this.handleKeyDown(),onChange:e=>this.handleChange(e),onBlur:e=>this.handleBlur(e),part:"select"},h("option",{key:"0",value:"",selected:!0},instance.t("select")),this.options)),isMessageSet(l)&&h("span",{key:"fdcf5260bbd1e0da38c97c71ba67bcbef44a1c2f",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};
1
+ import{proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{a as getSlottedNodes,i as isMessageSet,g as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaSelectCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-select,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-select,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-select{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;background-position:right 0.5rem center;background-size:1.25rem;padding-right:2rem}.usa-select::-ms-expand{display:none}.usa-select:-webkit-autofill{-webkit-appearance:menulist;appearance:menulist}.usa-select:-moz-focusring{color:transparent;text-shadow:0 0 0 black}.usa-select[multiple]{height:auto;background-image:none;padding-right:0}.usa-select option{overflow:hidden;text-overflow:ellipsis}.usa-select:disabled,.usa-select[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:0;color:GrayText}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:2px solid GrayText}}@media (forced-colors: active){.usa-select{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox;background-image:none;padding-right:0}}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);color:var(--vads-color-base)}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}.va-select--full-width{max-width:100%;width:100%}',VaSelectStyle0=vaSelectCss,VaSelect=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaKeyDown=createEvent(this,"vaKeyDown",7),this.vaSelect=createEvent(this,"vaSelect",7),this.vaSelectBlur=createEvent(this,"vaSelectBlur",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.required=!1,this.showRequiredText=!0,this.label=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.reflectInputError=!1,this.invalid=!1,this.enableAnalytics=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.width=void 0,this.fullWidth=!1,this.showError=!0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.options=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}handleKeyDown(){this.vaKeyDown.emit()}handleBlur(e){const a=e.target;this.value=a.value,this.vaSelectBlur.emit({value:this.value})}handleChange(e){const a=e.target;if(this.value=a.value,this.enableAnalytics){const e={componentName:"va-select",action:"change",details:{label:this.label,selectLabel:this.value}};this.componentLibraryAnalytics.emit(e)}this.vaSelect.emit({value:this.value})}populateOptions(){const{value:e}=this,a=getSlottedNodes(this.el,null,"#select-container slot").filter((e=>{const a=e.nodeName.toLowerCase();return"option"===a||"optgroup"===a}));this.options=a.map((a=>"optgroup"===a.nodeName.toLowerCase()?h("optgroup",{label:a.label},Array.from(a.children).map((a=>h("option",{value:a.value,selected:e===a.value},a.text)))):"option"===a.nodeName.toLowerCase()?h("option",{value:a.value,selected:e===a.value},a.textContent):void 0))}handleValueChange(){this.populateOptions()}render(){const{error:e,reflectInputError:a,invalid:t,label:s,required:r,showRequiredText:i,name:o,hint:l,messageAriaDescribedby:n,width:d,fullWidth:u,showError:c,useFormsPattern:p,formHeadingLevel:m,formHeading:b}=this,f="input-error-message",g=`${n?"input-message":""} ${e?f:""} ${l?"input-hint":""}`.trim()||null,v=classnames({"usa-label":!0,"usa-label--error":e}),w=classnames({"usa-select":!0,"usa-input--error":e||a,[`usa-input--${d}`]:d,"va-select--full-width":u});let y=null;if(["single","multiple"].includes(p)){const e=getHeaderLevel(m);y=h(Fragment,{key:"e73d360937e180450a7a9403b66150f66299b2c6"},b&&h(e,{key:"c1912b79b02fc504b2b5f0aa2289f4f79d687014",id:"form-question",part:"form-header"},b),h("div",{key:"ae1ca7ab35229a8b3c280870720ba1c6619f9d3e",id:"form-description"},h("slot",{key:"b513a16693e379e55b7a0499ed4f52e318f5459b",name:"form-description"})))}return h(Host,{key:"9d5e37dfc75802fc13fdafea5ec50383a774525e"},y,s&&h("label",{key:"f5d0b4607d4846a49ae684cd096cc45f47280096",htmlFor:"options",class:v,part:"label"},s,r&&i&&h("span",{key:"7ff22dd75eebd440d385dc74e8b93b5f3d6efb98",class:"usa-label--required"}," ",instance.t("required"))),l&&h("span",{key:"6ede7ad227ddadc1fbb81d53960608165cfd6995",class:"usa-hint",id:"input-hint"},l),h("span",{key:"b9d3a476d2358bbd24557105cf975d97294b6ef1",id:f,role:"alert"},c&&e&&h(Fragment,{key:"d9b91d2d2b97e7afdc050c387e8f75b5fd388ea3"},h("span",{key:"b0a75c71d1488c890b0383898cc334382dde03fe",class:"usa-sr-only"},instance.t("error")),h("span",{key:"44745afd1f3efc7875491416757896942fb147b0",class:"usa-error-message"},e))),h("div",{key:"f3b7ef5b255186162b485ff29c5b86b22c6a8b24",id:"select-container"},h("slot",{key:"2f9b586465ac2f02f97bde8d303c9cf86a9c20bd",onSlotchange:()=>this.populateOptions()}),h("select",{key:"cd4c170d485b26f90bd472d05a9beabfd26dfdf5",class:w,"aria-describedby":g,"aria-invalid":t||e?"true":"false",id:"options",name:o,required:r||null,onKeyDown:()=>this.handleKeyDown(),onChange:e=>this.handleChange(e),onBlur:e=>this.handleBlur(e),part:"select"},h("option",{key:"0",value:"",selected:!0},instance.t("select")),this.options)),isMessageSet(n)&&h("span",{key:"1330b09214ae525a8a3dbc2bcb2bae63af9abd86",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},n))}get el(){return this}static get watchers(){return{value:["handleValueChange"]}}static get style(){return VaSelectStyle0}},[1,"va-select",{required:[4],showRequiredText:[4,"show-required-text"],label:[1],name:[1],value:[1537],error:[1],reflectInputError:[4,"reflect-input-error"],invalid:[4],enableAnalytics:[4,"enable-analytics"],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],width:[1],fullWidth:[4,"full-width"],showError:[4,"show-error"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],options:[32]},void 0,{value:["handleValueChange"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-select"].forEach((e=>{"va-select"===e&&(customElements.get(e)||customElements.define(e,VaSelect))}))}export{VaSelect as V,defineCustomElement as d};
@@ -1 +1 @@
1
- import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{n as normalizeArguments,p as parsePhoneNumberWithError$2,a as parsePhoneNumber,c as checkNumberLength,f as formatNationalNumberUsingFormat,b as parseDigits,F as FIRST_GROUP_PATTERN,d as applyInternationalSeparatorStyle,V as VALID_PUNCTUATION,e as extractCountryCallingCode,g as extractNationalNumberFromPossiblyIncompleteNumber,s as stripIddPrefix,h as extractCountryCallingCodeFromInternationalNumberWithoutPlusSign,i as VALID_DIGITS,P as PLUS_CHARS,M as Metadata$1,j as getCountryByCallingCode,k as getCountryByNationalNumber,l as PhoneNumber,m as isObject,w as withMetadataArgument,o as metadata,q as isSupportedCountry$1,r as getCountryCallingCode$1}from"./parsePhoneNumber_.js";import{d as defineCustomElement$4}from"./va-combo-box2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-text-input2.js";import{i as instance}from"./i18next.js";function parsePhoneNumberWithError$1(){var t=normalizeArguments(arguments),e=t.text,r=t.options,a=t.metadata;return parsePhoneNumberWithError$2(e,r,a)}function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,a)}return r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(r),!0).forEach((function(e){_defineProperty(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function _defineProperty(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function isPossiblePhoneNumber$1(){var t=normalizeArguments(arguments),e=t.text,r=t.options,a=t.metadata;r=_objectSpread(_objectSpread({},r),{},{extract:!1});var n=parsePhoneNumber(e,r,a);return n&&n.isPossible()||!1}function _classCallCheck$5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties$5(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function _createClass$5(t,e,r){return e&&_defineProperties$5(t.prototype,e),r&&_defineProperties$5(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}var AsYouTypeState=function(){function t(e){var r=e.onCountryChange,a=e.onCallingCodeChange;_classCallCheck$5(this,t),this.onCountryChange=r,this.onCallingCodeChange=a}return _createClass$5(t,[{key:"reset",value:function(t){var e=t.country,r=t.callingCode;this.international=!1,this.missingPlus=!1,this.IDDPrefix=void 0,this.callingCode=void 0,this.digits="",this.resetNationalSignificantNumber(),this.initCountryAndCallingCode(e,r)}},{key:"resetNationalSignificantNumber",value:function(){this.nationalSignificantNumber=this.getNationalDigits(),this.nationalSignificantNumberMatchesInput=!0,this.nationalPrefix=void 0,this.carrierCode=void 0,this.complexPrefixBeforeNationalSignificantNumber=void 0}},{key:"update",value:function(t){for(var e=0,r=Object.keys(t);e<r.length;e++){var a=r[e];this[a]=t[a]}}},{key:"initCountryAndCallingCode",value:function(t,e){this.setCountry(t),this.setCallingCode(e)}},{key:"setCountry",value:function(t){this.country=t,this.onCountryChange(t)}},{key:"setCallingCode",value:function(t){this.callingCode=t,this.onCallingCodeChange(t,this.country)}},{key:"startInternationalNumber",value:function(t,e){this.international=!0,this.initCountryAndCallingCode(t,e)}},{key:"appendDigits",value:function(t){this.digits+=t}},{key:"appendNationalSignificantNumberDigits",value:function(t){this.nationalSignificantNumber+=t}},{key:"getNationalDigits",value:function(){return this.international?this.digits.slice((this.IDDPrefix?this.IDDPrefix.length:0)+(this.callingCode?this.callingCode.length:0)):this.digits}},{key:"getDigitsWithoutInternationalPrefix",value:function(){return this.international&&this.IDDPrefix?this.digits.slice(this.IDDPrefix.length):this.digits}}]),t}();function _createForOfIteratorHelperLoose$2(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(r)return(r=r.call(t)).next.bind(r);if(Array.isArray(t)||(r=_unsupportedIterableToArray$4(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var a=0;return function(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray$4(t,e){if(t){if("string"==typeof t)return _arrayLikeToArray$4(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray$4(t,e):void 0}}function _arrayLikeToArray$4(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=new Array(e);r<e;r++)a[r]=t[r];return a}var DIGIT_PLACEHOLDER="x",DIGIT_PLACEHOLDER_MATCHER=new RegExp(DIGIT_PLACEHOLDER);function repeat(t,e){if(e<1)return"";for(var r="";e>1;)1&e&&(r+=t),e>>=1,t+=t;return r+t}function cutAndStripNonPairedParens(t,e){return")"===t[e]&&e++,stripNonPairedParens(t.slice(0,e))}function stripNonPairedParens(t){for(var e=[],r=0;r<t.length;)"("===t[r]?e.push(r):")"===t[r]&&e.pop(),r++;var a=0,n="";e.push(t.length);for(var i=0,o=e;i<o.length;i++){var s=o[i];n+=t.slice(a,s),a=s+1}return n}function populateTemplateWithDigits(t,e,r){for(var a,n=_createForOfIteratorHelperLoose$2(r.split(""));!(a=n()).done;){var i=a.value;if(t.slice(e+1).search(DIGIT_PLACEHOLDER_MATCHER)<0)return;e=t.search(DIGIT_PLACEHOLDER_MATCHER),t=t.replace(DIGIT_PLACEHOLDER_MATCHER,i)}return[t,e]}function formatCompleteNumber(t,e,r){var a=r.metadata,n=r.shouldTryNationalPrefixFormattingRule,i=r.getSeparatorAfterNationalPrefix;if(new RegExp("^(?:".concat(e.pattern(),")$")).test(t.nationalSignificantNumber))return formatNationalNumberWithAndWithoutNationalPrefixFormattingRule(t,e,{metadata:a,shouldTryNationalPrefixFormattingRule:n,getSeparatorAfterNationalPrefix:i})}function canFormatCompleteNumber(t,e){return"IS_POSSIBLE"===checkNumberLength(t,e)}function formatNationalNumberWithAndWithoutNationalPrefixFormattingRule(t,e,r){var a=r.metadata,n=r.shouldTryNationalPrefixFormattingRule,i=r.getSeparatorAfterNationalPrefix;if(n(e)){var o=formatNationalNumber(t,e,{useNationalPrefixFormattingRule:!0,getSeparatorAfterNationalPrefix:i,metadata:a});if(o)return o}return formatNationalNumber(t,e,{useNationalPrefixFormattingRule:!1,getSeparatorAfterNationalPrefix:i,metadata:a})}function formatNationalNumber(t,e,r){var a=r.metadata,n=r.useNationalPrefixFormattingRule,i=r.getSeparatorAfterNationalPrefix,o=formatNationalNumberUsingFormat(t.nationalSignificantNumber,e,{carrierCode:t.carrierCode,useInternationalFormat:t.international,withNationalPrefix:n,metadata:a});if(n||(t.nationalPrefix?o=t.nationalPrefix+i(e)+o:t.complexPrefixBeforeNationalSignificantNumber&&(o=t.complexPrefixBeforeNationalSignificantNumber+" "+o)),isValidFormattedNationalNumber(o,t))return o}function isValidFormattedNationalNumber(t,e){return parseDigits(t)===e.getNationalDigits()}function _classCallCheck$4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties$4(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function _createClass$4(t,e,r){return e&&_defineProperties$4(t.prototype,e),r&&_defineProperties$4(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}var PatternParser=function(){function t(){_classCallCheck$4(this,t)}return _createClass$4(t,[{key:"parse",value:function(t){if(this.context=[{or:!0,instructions:[]}],this.parsePattern(t),1!==this.context.length)throw new Error("Non-finalized contexts left when pattern parse ended");var e=this.context[0],r=e.branches,a=e.instructions;if(r)return{op:"|",args:r.concat([expandSingleElementArray(a)])};if(0===a.length)throw new Error("Pattern is required");return 1===a.length?a[0]:a}},{key:"startContext",value:function(t){this.context.push(t)}},{key:"endContext",value:function(){this.context.pop()}},{key:"getContext",value:function(){return this.context[this.context.length-1]}},{key:"parsePattern",value:function(t){if(!t)throw new Error("Pattern is required");var e=t.match(OPERATOR);if(e){var r=e[1],a=t.slice(0,e.index),n=t.slice(e.index+r.length);switch(r){case"(?:":a&&this.parsePattern(a),this.startContext({or:!0,instructions:[],branches:[]});break;case")":if(!this.getContext().or)throw new Error('")" operator must be preceded by "(?:" operator');if(a&&this.parsePattern(a),0===this.getContext().instructions.length)throw new Error('No instructions found after "|" operator in an "or" group');var i=this.getContext().branches;i.push(expandSingleElementArray(this.getContext().instructions)),this.endContext(),this.getContext().instructions.push({op:"|",args:i});break;case"|":if(!this.getContext().or)throw new Error('"|" operator can only be used inside "or" groups');if(a&&this.parsePattern(a),!this.getContext().branches){if(1!==this.context.length)throw new Error('"branches" not found in an "or" group context');this.getContext().branches=[]}this.getContext().branches.push(expandSingleElementArray(this.getContext().instructions)),this.getContext().instructions=[];break;case"[":a&&this.parsePattern(a),this.startContext({oneOfSet:!0});break;case"]":if(!this.getContext().oneOfSet)throw new Error('"]" operator must be preceded by "[" operator');this.endContext(),this.getContext().instructions.push({op:"[]",args:parseOneOfSet(a)});break;default:throw new Error("Unknown operator: ".concat(r))}n&&this.parsePattern(n)}else{if(ILLEGAL_CHARACTER_REGEXP.test(t))throw new Error("Illegal characters found in a pattern: ".concat(t));this.getContext().instructions=this.getContext().instructions.concat(t.split(""))}}}]),t}();function parseOneOfSet(t){for(var e=[],r=0;r<t.length;){if("-"===t[r]){if(0===r||r===t.length-1)throw new Error("Couldn't parse a one-of set pattern: ".concat(t));for(var a=t[r-1].charCodeAt(0)+1,n=t[r+1].charCodeAt(0)-1,i=a;i<=n;)e.push(String.fromCharCode(i)),i++}else e.push(t[r]);r++}return e}var ILLEGAL_CHARACTER_REGEXP=/[\(\)\[\]\?\:\|]/,OPERATOR=new RegExp("(\\||\\(\\?\\:|\\)|\\[|\\])");function expandSingleElementArray(t){return 1===t.length?t[0]:t}function _createForOfIteratorHelperLoose$1(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(r)return(r=r.call(t)).next.bind(r);if(Array.isArray(t)||(r=_unsupportedIterableToArray$3(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var a=0;return function(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray$3(t,e){if(t){if("string"==typeof t)return _arrayLikeToArray$3(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray$3(t,e):void 0}}function _arrayLikeToArray$3(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=new Array(e);r<e;r++)a[r]=t[r];return a}function _classCallCheck$3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties$3(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function _createClass$3(t,e,r){return e&&_defineProperties$3(t.prototype,e),r&&_defineProperties$3(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}var PatternMatcher=function(){function t(e){_classCallCheck$3(this,t),this.matchTree=(new PatternParser).parse(e)}return _createClass$3(t,[{key:"match",value:function(t){var e=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).allowOverflow;if(!t)throw new Error("String is required");var r=_match(t.split(""),this.matchTree,!0);if(r&&r.match&&delete r.matchedChars,!r||!r.overflow||e)return r}}]),t}();function _match(t,e,r){if("string"==typeof e){var a=t.join("");return 0===e.indexOf(a)?t.length===e.length?{match:!0,matchedChars:t}:{partialMatch:!0}:0===a.indexOf(e)?r&&t.length>e.length?{overflow:!0}:{match:!0,matchedChars:t.slice(0,e.length)}:void 0}if(Array.isArray(e)){for(var n=t.slice(),i=0;i<e.length;){var o=_match(n,e[i],r&&i===e.length-1);if(!o)return;if(o.overflow)return o;if(!o.match){if(o.partialMatch)return{partialMatch:!0};throw new Error("Unsupported match result:\n".concat(JSON.stringify(o,null,2)))}if(0===(n=n.slice(o.matchedChars.length)).length)return i===e.length-1?{match:!0,matchedChars:t}:{partialMatch:!0};i++}return r?{overflow:!0}:{match:!0,matchedChars:t.slice(0,t.length-n.length)}}switch(e.op){case"|":for(var s,l,u=_createForOfIteratorHelperLoose$1(e.args);!(l=u()).done;){var c=_match(t,l.value,r);if(c){if(c.overflow)return c;if(c.match)return{match:!0,matchedChars:c.matchedChars};if(!c.partialMatch)throw new Error("Unsupported match result:\n".concat(JSON.stringify(c,null,2)));s=!0}}return s?{partialMatch:!0}:void 0;case"[]":for(var h,d=_createForOfIteratorHelperLoose$1(e.args);!(h=d()).done;){var f=h.value;if(t[0]===f)return 1===t.length?{match:!0,matchedChars:t}:r?{overflow:!0}:{match:!0,matchedChars:[f]}}return;default:throw new Error("Unsupported instruction tree: ".concat(e))}}function _createForOfIteratorHelperLoose(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(r)return(r=r.call(t)).next.bind(r);if(Array.isArray(t)||(r=_unsupportedIterableToArray$2(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var a=0;return function(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray$2(t,e){if(t){if("string"==typeof t)return _arrayLikeToArray$2(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray$2(t,e):void 0}}function _arrayLikeToArray$2(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=new Array(e);r<e;r++)a[r]=t[r];return a}function _classCallCheck$2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties$2(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function _createClass$2(t,e,r){return e&&_defineProperties$2(t.prototype,e),r&&_defineProperties$2(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}var DUMMY_DIGIT="9",LONGEST_NATIONAL_PHONE_NUMBER_LENGTH=15,LONGEST_DUMMY_PHONE_NUMBER=repeat(DUMMY_DIGIT,LONGEST_NATIONAL_PHONE_NUMBER_LENGTH),NATIONAL_PREFIX_SEPARATORS_PATTERN=/[- ]/,CREATE_CHARACTER_CLASS_PATTERN=function(){return/\[([^\[\]])*\]/g},CREATE_STANDALONE_DIGIT_PATTERN=function(){return/\d(?=[^,}][^,}])/g},NON_ALTERING_FORMAT_REG_EXP=new RegExp("["+VALID_PUNCTUATION+"]*\\$1["+VALID_PUNCTUATION+"]*(\\$\\d["+VALID_PUNCTUATION+"]*)*$"),MIN_LEADING_DIGITS_LENGTH=3,AsYouTypeFormatter=function(){function t(e){var r=e.metadata;_classCallCheck$2(this,t),this.metadata=r,this.resetFormat()}return _createClass$2(t,[{key:"resetFormat",value:function(){this.chosenFormat=void 0,this.template=void 0,this.nationalNumberTemplate=void 0,this.populatedNationalNumberTemplate=void 0,this.populatedNationalNumberTemplatePosition=-1}},{key:"reset",value:function(t,e){this.resetFormat(),t?(this.isNANP="1"===t.callingCode(),this.matchingFormats=t.formats(),e.nationalSignificantNumber&&this.narrowDownMatchingFormats(e)):(this.isNANP=void 0,this.matchingFormats=[])}},{key:"format",value:function(t,e){var r=this;if(canFormatCompleteNumber(e.nationalSignificantNumber,this.metadata))for(var a,n=_createForOfIteratorHelperLoose(this.matchingFormats);!(a=n()).done;){var i=a.value,o=formatCompleteNumber(e,i,{metadata:this.metadata,shouldTryNationalPrefixFormattingRule:function(t){return r.shouldTryNationalPrefixFormattingRule(t,{international:e.international,nationalPrefix:e.nationalPrefix})},getSeparatorAfterNationalPrefix:function(t){return r.getSeparatorAfterNationalPrefix(t)}});if(o)return this.resetFormat(),this.chosenFormat=i,this.setNationalNumberTemplate(o.replace(/\d/g,DIGIT_PLACEHOLDER),e),this.populatedNationalNumberTemplate=o,this.populatedNationalNumberTemplatePosition=this.template.lastIndexOf(DIGIT_PLACEHOLDER),o}return this.formatNationalNumberWithNextDigits(t,e)}},{key:"formatNationalNumberWithNextDigits",value:function(t,e){var r=this.chosenFormat,a=this.chooseFormat(e);if(a)return a===r?this.formatNextNationalNumberDigits(t):this.formatNextNationalNumberDigits(e.getNationalDigits())}},{key:"narrowDownMatchingFormats",value:function(t){var e=this,r=t.nationalSignificantNumber,a=t.nationalPrefix,n=t.international,i=r,o=i.length-MIN_LEADING_DIGITS_LENGTH;o<0&&(o=0),this.matchingFormats=this.matchingFormats.filter((function(t){return e.formatSuits(t,n,a)&&e.formatMatches(t,i,o)})),this.chosenFormat&&-1===this.matchingFormats.indexOf(this.chosenFormat)&&this.resetFormat()}},{key:"formatSuits",value:function(t,e,r){return!(r&&!t.usesNationalPrefix()&&!t.nationalPrefixIsOptionalWhenFormattingInNationalFormat()||!e&&!r&&t.nationalPrefixIsMandatoryWhenFormattingInNationalFormat())}},{key:"formatMatches",value:function(t,e,r){var a=t.leadingDigitsPatterns().length;if(0===a)return!0;r=Math.min(r,a-1);var n=t.leadingDigitsPatterns()[r];if(e.length<MIN_LEADING_DIGITS_LENGTH)try{return void 0!==new PatternMatcher(n).match(e,{allowOverflow:!0})}catch(t){return console.error(t),!0}return new RegExp("^(".concat(n,")")).test(e)}},{key:"getFormatFormat",value:function(t,e){return e?t.internationalFormat():t.format()}},{key:"chooseFormat",value:function(t){for(var e,r=this,a=function(){var a=e.value;return r.chosenFormat===a?"break":NON_ALTERING_FORMAT_REG_EXP.test(r.getFormatFormat(a,t.international))?r.createTemplateForFormat(a,t)?(r.chosenFormat=a,"break"):(r.matchingFormats=r.matchingFormats.filter((function(t){return t!==a})),"continue"):"continue"},n=_createForOfIteratorHelperLoose(this.matchingFormats.slice());!(e=n()).done;){if("break"===a())break}return this.chosenFormat||this.resetFormat(),this.chosenFormat}},{key:"createTemplateForFormat",value:function(t,e){if(!(t.pattern().indexOf("|")>=0)){var r=this.getTemplateForFormat(t,e);return r?(this.setNationalNumberTemplate(r,e),!0):void 0}}},{key:"getSeparatorAfterNationalPrefix",value:function(t){return this.isNANP||t&&t.nationalPrefixFormattingRule()&&NATIONAL_PREFIX_SEPARATORS_PATTERN.test(t.nationalPrefixFormattingRule())?" ":""}},{key:"getInternationalPrefixBeforeCountryCallingCode",value:function(t,e){var r=t.IDDPrefix,a=t.missingPlus;return r?e&&!1===e.spacing?r:r+" ":a?"":"+"}},{key:"getTemplate",value:function(t){if(this.template){for(var e=-1,r=0,a=t.international?this.getInternationalPrefixBeforeCountryCallingCode(t,{spacing:!1}):"";r<a.length+t.getDigitsWithoutInternationalPrefix().length;)e=this.template.indexOf(DIGIT_PLACEHOLDER,e+1),r++;return cutAndStripNonPairedParens(this.template,e+1)}}},{key:"setNationalNumberTemplate",value:function(t,e){this.nationalNumberTemplate=t,this.populatedNationalNumberTemplate=t,this.populatedNationalNumberTemplatePosition=-1,e.international?this.template=this.getInternationalPrefixBeforeCountryCallingCode(e).replace(/[\d\+]/g,DIGIT_PLACEHOLDER)+repeat(DIGIT_PLACEHOLDER,e.callingCode.length)+" "+t:this.template=t}},{key:"getTemplateForFormat",value:function(t,e){var r=e.nationalSignificantNumber,a=e.international,n=e.nationalPrefix,i=e.complexPrefixBeforeNationalSignificantNumber,o=t.pattern();o=o.replace(CREATE_CHARACTER_CLASS_PATTERN(),"\\d").replace(CREATE_STANDALONE_DIGIT_PATTERN(),"\\d");var s=LONGEST_DUMMY_PHONE_NUMBER.match(o)[0];if(!(r.length>s.length)){var l=new RegExp("^"+o+"$"),u=r.replace(/\d/g,DUMMY_DIGIT);l.test(u)&&(s=u);var c,h=this.getFormatFormat(t,a);if(this.shouldTryNationalPrefixFormattingRule(t,{international:a,nationalPrefix:n})){var d=h.replace(FIRST_GROUP_PATTERN,t.nationalPrefixFormattingRule());if(parseDigits(t.nationalPrefixFormattingRule())===(n||"")+parseDigits("$1")&&(h=d,c=!0,n))for(var f=n.length;f>0;)h=h.replace(/\d/,DIGIT_PLACEHOLDER),f--}var m=s.replace(new RegExp(o),h).replace(new RegExp(DUMMY_DIGIT,"g"),DIGIT_PLACEHOLDER);return c||(i?m=repeat(DIGIT_PLACEHOLDER,i.length)+" "+m:n&&(m=repeat(DIGIT_PLACEHOLDER,n.length)+this.getSeparatorAfterNationalPrefix(t)+m)),a&&(m=applyInternationalSeparatorStyle(m)),m}}},{key:"formatNextNationalNumberDigits",value:function(t){var e=populateTemplateWithDigits(this.populatedNationalNumberTemplate,this.populatedNationalNumberTemplatePosition,t);if(e)return this.populatedNationalNumberTemplate=e[0],this.populatedNationalNumberTemplatePosition=e[1],cutAndStripNonPairedParens(this.populatedNationalNumberTemplate,this.populatedNationalNumberTemplatePosition+1);this.resetFormat()}},{key:"shouldTryNationalPrefixFormattingRule",value:function(t,e){var r=e.international,a=e.nationalPrefix;if(t.nationalPrefixFormattingRule()){var n=t.usesNationalPrefix();if(n&&a||!n&&!r)return!0}}}]),t}();function _slicedToArray$1(t,e){return _arrayWithHoles$1(t)||_iterableToArrayLimit$1(t,e)||_unsupportedIterableToArray$1(t,e)||_nonIterableRest$1()}function _nonIterableRest$1(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray$1(t,e){if(t){if("string"==typeof t)return _arrayLikeToArray$1(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray$1(t,e):void 0}}function _arrayLikeToArray$1(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=new Array(e);r<e;r++)a[r]=t[r];return a}function _iterableToArrayLimit$1(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var a,n,i=[],o=!0,s=!1;try{for(r=r.call(t);!(o=(a=r.next()).done)&&(i.push(a.value),!e||i.length!==e);o=!0);}catch(t){s=!0,n=t}finally{try{o||null==r.return||r.return()}finally{if(s)throw n}}return i}}function _arrayWithHoles$1(t){if(Array.isArray(t))return t}function _classCallCheck$1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties$1(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function _createClass$1(t,e,r){return e&&_defineProperties$1(t.prototype,e),r&&_defineProperties$1(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}var VALID_FORMATTED_PHONE_NUMBER_DIGITS_PART="["+VALID_PUNCTUATION+VALID_DIGITS+"]+",VALID_FORMATTED_PHONE_NUMBER_DIGITS_PART_PATTERN=new RegExp("^"+VALID_FORMATTED_PHONE_NUMBER_DIGITS_PART+"$","i"),VALID_FORMATTED_PHONE_NUMBER_PART="(?:["+PLUS_CHARS+"]["+VALID_PUNCTUATION+VALID_DIGITS+"]*|["+VALID_PUNCTUATION+VALID_DIGITS+"]+)",AFTER_PHONE_NUMBER_DIGITS_END_PATTERN=new RegExp("[^"+VALID_PUNCTUATION+VALID_DIGITS+"]+.*$"),COMPLEX_NATIONAL_PREFIX=/[^\d\[\]]/,AsYouTypeParser=function(){function t(e){var r=e.defaultCountry,a=e.defaultCallingCode,n=e.metadata,i=e.onNationalSignificantNumberChange;_classCallCheck$1(this,t),this.defaultCountry=r,this.defaultCallingCode=a,this.metadata=n,this.onNationalSignificantNumberChange=i}return _createClass$1(t,[{key:"input",value:function(t,e){var r,a=_slicedToArray$1(extractFormattedDigitsAndPlus(t),2),n=a[0],i=a[1],o=parseDigits(n);return i&&(e.digits||(e.startInternationalNumber(),o||(r=!0))),o&&this.inputDigits(o,e),{digits:o,justLeadingPlus:r}}},{key:"inputDigits",value:function(t,e){var r=e.digits,a=r.length<3&&r.length+t.length>=3;if(e.appendDigits(t),a&&this.extractIddPrefix(e),this.isWaitingForCountryCallingCode(e)){if(!this.extractCountryCallingCode(e))return}else e.appendNationalSignificantNumberDigits(t);e.international||this.hasExtractedNationalSignificantNumber||this.extractNationalSignificantNumber(e.getNationalDigits(),(function(t){return e.update(t)}))}},{key:"isWaitingForCountryCallingCode",value:function(t){var e=t.international,r=t.callingCode;return e&&!r}},{key:"extractCountryCallingCode",value:function(t){var e=extractCountryCallingCode("+"+t.getDigitsWithoutInternationalPrefix(),this.defaultCountry,this.defaultCallingCode,this.metadata.metadata),r=e.countryCallingCode,a=e.number;if(r)return t.setCallingCode(r),t.update({nationalSignificantNumber:a}),!0}},{key:"reset",value:function(t){if(t){this.hasSelectedNumberingPlan=!0;var e=t._nationalPrefixForParsing();this.couldPossiblyExtractAnotherNationalSignificantNumber=e&&COMPLEX_NATIONAL_PREFIX.test(e)}else this.hasSelectedNumberingPlan=void 0,this.couldPossiblyExtractAnotherNationalSignificantNumber=void 0}},{key:"extractNationalSignificantNumber",value:function(t,e){if(this.hasSelectedNumberingPlan){var r=extractNationalNumberFromPossiblyIncompleteNumber(t,this.metadata),a=r.nationalPrefix,n=r.nationalNumber,i=r.carrierCode;if(n!==t)return this.onExtractedNationalNumber(a,i,n,t,e),!0}}},{key:"extractAnotherNationalSignificantNumber",value:function(t,e,r){if(!this.hasExtractedNationalSignificantNumber)return this.extractNationalSignificantNumber(t,r);if(this.couldPossiblyExtractAnotherNationalSignificantNumber){var a=extractNationalNumberFromPossiblyIncompleteNumber(t,this.metadata),n=a.nationalPrefix,i=a.nationalNumber,o=a.carrierCode;if(i!==e)return this.onExtractedNationalNumber(n,o,i,t,r),!0}}},{key:"onExtractedNationalNumber",value:function(t,e,r,a,n){var i,o,s=a.lastIndexOf(r);if(s>=0&&s===a.length-r.length){o=!0;var l=a.slice(0,s);l!==t&&(i=l)}n({nationalPrefix:t,carrierCode:e,nationalSignificantNumber:r,nationalSignificantNumberMatchesInput:o,complexPrefixBeforeNationalSignificantNumber:i}),this.hasExtractedNationalSignificantNumber=!0,this.onNationalSignificantNumberChange()}},{key:"reExtractNationalSignificantNumber",value:function(t){return!!this.extractAnotherNationalSignificantNumber(t.getNationalDigits(),t.nationalSignificantNumber,(function(e){return t.update(e)}))||(this.extractIddPrefix(t)||this.fixMissingPlus(t)?(this.extractCallingCodeAndNationalSignificantNumber(t),!0):void 0)}},{key:"extractIddPrefix",value:function(t){var e=t.international,r=t.IDDPrefix,a=t.digits;if(!e&&!r){var n=stripIddPrefix(a,this.defaultCountry,this.defaultCallingCode,this.metadata.metadata);return void 0!==n&&n!==a?(t.update({IDDPrefix:a.slice(0,a.length-n.length)}),this.startInternationalNumber(t,{country:void 0,callingCode:void 0}),!0):void 0}}},{key:"fixMissingPlus",value:function(t){if(!t.international){var e=extractCountryCallingCodeFromInternationalNumberWithoutPlusSign(t.digits,this.defaultCountry,this.defaultCallingCode,this.metadata.metadata).countryCallingCode;if(e)return t.update({missingPlus:!0}),this.startInternationalNumber(t,{country:t.country,callingCode:e}),!0}}},{key:"startInternationalNumber",value:function(t,e){var r=e.country,a=e.callingCode;t.startInternationalNumber(r,a),t.nationalSignificantNumber&&(t.resetNationalSignificantNumber(),this.onNationalSignificantNumberChange(),this.hasExtractedNationalSignificantNumber=void 0)}},{key:"extractCallingCodeAndNationalSignificantNumber",value:function(t){this.extractCountryCallingCode(t)&&this.extractNationalSignificantNumber(t.getNationalDigits(),(function(e){return t.update(e)}))}}]),t}();function extractFormattedPhoneNumber(t){var e,r=t.search(VALID_FORMATTED_PHONE_NUMBER_PART);if(!(r<0))return"+"===(t=t.slice(r))[0]&&(e=!0,t=t.slice(1)),t=t.replace(AFTER_PHONE_NUMBER_DIGITS_END_PATTERN,""),e&&(t="+"+t),t}function _extractFormattedDigitsAndPlus(t){var e=extractFormattedPhoneNumber(t)||"";return"+"===e[0]?[e.slice(1),!0]:[e]}function extractFormattedDigitsAndPlus(t){var e=_slicedToArray$1(_extractFormattedDigitsAndPlus(t),2),r=e[0],a=e[1];return VALID_FORMATTED_PHONE_NUMBER_DIGITS_PART_PATTERN.test(r)||(r=""),[r,a]}function _slicedToArray(t,e){return _arrayWithHoles(t)||_iterableToArrayLimit(t,e)||_unsupportedIterableToArray(t,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(t,e){if(t){if("string"==typeof t)return _arrayLikeToArray(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,e):void 0}}function _arrayLikeToArray(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=new Array(e);r<e;r++)a[r]=t[r];return a}function _iterableToArrayLimit(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var a,n,i=[],o=!0,s=!1;try{for(r=r.call(t);!(o=(a=r.next()).done)&&(i.push(a.value),!e||i.length!==e);o=!0);}catch(t){s=!0,n=t}finally{try{o||null==r.return||r.return()}finally{if(s)throw n}}return i}}function _arrayWithHoles(t){if(Array.isArray(t))return t}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function _createClass(t,e,r){return e&&_defineProperties(t.prototype,e),r&&_defineProperties(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}var AsYouType$1=function(){function t(e,r){_classCallCheck(this,t),this.metadata=new Metadata$1(r);var a=_slicedToArray(this.getCountryAndCallingCode(e),2),n=a[0],i=a[1];this.defaultCountry=n,this.defaultCallingCode=i,this.reset()}return _createClass(t,[{key:"getCountryAndCallingCode",value:function(t){var e,r;return t&&(isObject(t)?(e=t.defaultCountry,r=t.defaultCallingCode):e=t),e&&!this.metadata.hasCountry(e)&&(e=void 0),[e,r]}},{key:"input",value:function(t){var e=this.parser.input(t,this.state),r=e.digits;if(e.justLeadingPlus)this.formattedOutput="+";else if(r){var a;if(this.determineTheCountryIfNeeded(),this.state.nationalSignificantNumber&&this.formatter.narrowDownMatchingFormats(this.state),this.metadata.hasSelectedNumberingPlan()&&(a=this.formatter.format(r,this.state)),void 0===a&&this.parser.reExtractNationalSignificantNumber(this.state)){this.determineTheCountryIfNeeded();var n=this.state.getNationalDigits();n&&(a=this.formatter.format(n,this.state))}this.formattedOutput=a?this.getFullNumber(a):this.getNonFormattedNumber()}return this.formattedOutput}},{key:"reset",value:function(){var t=this;return this.state=new AsYouTypeState({onCountryChange:function(e){t.country=e},onCallingCodeChange:function(e,r){t.metadata.selectNumberingPlan(r,e),t.formatter.reset(t.metadata.numberingPlan,t.state),t.parser.reset(t.metadata.numberingPlan)}}),this.formatter=new AsYouTypeFormatter({state:this.state,metadata:this.metadata}),this.parser=new AsYouTypeParser({defaultCountry:this.defaultCountry,defaultCallingCode:this.defaultCallingCode,metadata:this.metadata,state:this.state,onNationalSignificantNumberChange:function(){t.determineTheCountryIfNeeded(),t.formatter.reset(t.metadata.numberingPlan,t.state)}}),this.state.reset({country:this.defaultCountry,callingCode:this.defaultCallingCode}),this.formattedOutput="",this}},{key:"isInternational",value:function(){return this.state.international}},{key:"getCallingCode",value:function(){if(this.isInternational())return this.state.callingCode}},{key:"getCountryCallingCode",value:function(){return this.getCallingCode()}},{key:"getCountry",value:function(){if(this.state.digits)return this._getCountry()}},{key:"_getCountry",value:function(){return this.state.country}},{key:"determineTheCountryIfNeeded",value:function(){this.state.country&&!this.isCountryCallingCodeAmbiguous()||this.determineTheCountry()}},{key:"getFullNumber",value:function(t){var e,r=this;if(this.isInternational()){var a=this.state.callingCode;return e=a?t?"".concat(a," ").concat(t):a:"".concat(this.state.getDigitsWithoutInternationalPrefix()),r.formatter.getInternationalPrefixBeforeCountryCallingCode(r.state,{spacing:!!e})+e}return t}},{key:"getNonFormattedNationalNumberWithPrefix",value:function(){var t=this.state,e=t.nationalSignificantNumber,r=t.complexPrefixBeforeNationalSignificantNumber,a=t.nationalPrefix,n=e,i=r||a;return i&&(n=i+n),n}},{key:"getNonFormattedNumber",value:function(){var t=this.state.nationalSignificantNumberMatchesInput;return this.getFullNumber(t?this.getNonFormattedNationalNumberWithPrefix():this.state.getNationalDigits())}},{key:"getNonFormattedTemplate",value:function(){var t=this.getNonFormattedNumber();if(t)return t.replace(/[\+\d]/g,DIGIT_PLACEHOLDER)}},{key:"isCountryCallingCodeAmbiguous",value:function(){var t=this.state.callingCode,e=this.metadata.getCountryCodesForCallingCode(t);return e&&e.length>1}},{key:"determineTheCountry",value:function(){this.state.setCountry(getCountryByCallingCode(this.isInternational()?this.state.callingCode:this.defaultCallingCode,{nationalNumber:this.state.nationalSignificantNumber,defaultCountry:this.defaultCountry,metadata:this.metadata}))}},{key:"getNumberValue",value:function(){var t=this.state,e=t.digits,r=t.callingCode,a=t.country,n=t.nationalSignificantNumber;if(e)return this.isInternational()?r?"+"+r+n:"+"+e:a||r?"+"+(a?this.metadata.countryCallingCode():r)+n:void 0}},{key:"getNumber",value:function(){var t=this.state,e=t.nationalSignificantNumber,r=t.carrierCode,a=t.callingCode,n=this._getCountry();if(e&&(n||a)){if(n&&n===this.defaultCountry){var i=new Metadata$1(this.metadata.metadata);i.selectNumberingPlan(n);var o=i.numberingPlan.callingCode(),s=this.metadata.getCountryCodesForCallingCode(o);if(s.length>1){var l=getCountryByNationalNumber(e,{countries:s,defaultCountry:this.defaultCountry,metadata:this.metadata.metadata});l&&(n=l)}}var u=new PhoneNumber(n||a,e,this.metadata.metadata);return r&&(u.carrierCode=r),u}}},{key:"isPossible",value:function(){var t=this.getNumber();return!!t&&t.isPossible()}},{key:"isValid",value:function(){var t=this.getNumber();return!!t&&t.isValid()}},{key:"getNationalNumber",value:function(){return this.state.nationalSignificantNumber}},{key:"getChars",value:function(){return(this.state.international?"+":"")+this.state.digits}},{key:"getTemplate",value:function(){return this.formatter.getTemplate(this.state)||this.getNonFormattedTemplate()||""}}]),t}();function getCountries$1(t){return new Metadata$1(t).getCountries()}function parsePhoneNumberWithError(){return withMetadataArgument(parsePhoneNumberWithError$1,arguments)}function isPossiblePhoneNumber(){return withMetadataArgument(isPossiblePhoneNumber$1,arguments)}function AsYouType(t){return AsYouType$1.call(this,t,metadata)}function isSupportedCountry(){return withMetadataArgument(isSupportedCountry$1,arguments)}function getCountries(){return withMetadataArgument(getCountries$1,arguments)}function getCountryCallingCode(){return withMetadataArgument(getCountryCallingCode$1,arguments)}function Metadata(){return Metadata$1.call(this,metadata)}AsYouType.prototype=Object.create(AsYouType$1.prototype,{}),AsYouType.prototype.constructor=AsYouType,Metadata.prototype=Object.create(Metadata$1.prototype,{}),Metadata.prototype.constructor=Metadata;const DATA_MAP={names:{BQ:"Bonaire, Sint Eustatius and Saba",MF:"Saint Martin (French part)",PN:"Pitcairn",UM:"United States Minor Outlying Islands",FK:"Falkland Islands (Malvinas)",CG:"Congo",CD:"Congo, Democratic Republic of the",MM:"Myanmar",MD:"Moldova, Republic of",KP:"Korea, Democratic People's Republic of",SH:"Saint Helena, Ascension and Tristan da Cunha",RU:"Russian Federation",VC:"Saint Vincent and the Grenadines",SX:"Sint Maarten (Dutch part)",KR:"Korea, Republic of",SY:"Syrian Arab Republic",VI:"Virgin Islands (U.S.)",US:"United States of America",VA:"Holy See",VN:"Viet Nam"},countries:{GS:"FK",AQ:"NF",BV:"NO",TF:"RE",HM:"AU",UM:"US",PN:"NZ"}};function mapCountry(t){return isSupportedCountry(t)?t:t in DATA_MAP.countries?DATA_MAP.countries[t]:void console.error(`Not a valid country: ${t}`)}const vaTelephoneInputCss='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}#error-message{margin-bottom:0.75rem}#error-message,#input-error-message{color:var(--vads-color-secondary-dark);display:block;font-weight:700;font-size:1.06rem}:host([error]:not([error=\'\'])),:host(.va-form-group--error){border-left:0.3rem solid var(--vads-color-secondary-dark);padding-left:1.25rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=\'\'])),:host(.va-form-group--error){margin-left:-1.4375rem;}}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-form{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}@media all and (min-width: 30em){.usa-form{max-width:20rem}}.usa-form abbr[title=required]{text-decoration:none}.usa-form .usa-input,.usa-form .usa-range,.usa-form .usa-select,.usa-form .usa-textarea{max-width:none}.usa-form .usa-input--2xs,.usa-form .usa-input-group--2xs{max-width:5ex}.usa-form .usa-input--xs,.usa-form .usa-input-group--xs{max-width:9ex}.usa-form .usa-input--sm,.usa-form .usa-input--small,.usa-form .usa-input-group--sm,.usa-form .usa-input-group--small{max-width:13ex}.usa-form .usa-input--md,.usa-form .usa-input--medium,.usa-form .usa-input-group--md,.usa-form .usa-input-group--medium{max-width:20ex}.usa-form .usa-input--lg,.usa-form .usa-input-group--lg{max-width:30ex}.usa-form .usa-input--xl,.usa-form .usa-input-group--xl{max-width:40ex}.usa-form .usa-input--2xl,.usa-form .usa-input-group--2xl{max-width:50ex}.usa-form .usa-button{margin-top:0.5rem}@media all and (min-width: 30em){.usa-form .usa-button{margin-top:1.5rem}}.usa-form a:where(:not(.usa-button)){color:#005ea2;text-decoration:underline}.usa-form a:where(:not(.usa-button)):visited{color:#54278f}.usa-form a:where(:not(.usa-button)):hover{color:#1a4480}.usa-form a:where(:not(.usa-button)):active{color:#162e51}.usa-form a:where(:not(.usa-button)):focus{outline:0.25rem solid #2491ff;outline-offset:0rem}@media all and (min-width: 30em){.usa-form--large{max-width:30rem}}.usa-show-password{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;cursor:pointer}.usa-show-password:visited{color:#54278f}.usa-show-password:hover{color:#1a4480}.usa-show-password:active{color:#162e51}.usa-show-password:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-show-password:hover,.usa-show-password.usa-button--hover,.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password:disabled.usa-button--hover,.usa-show-password[aria-disabled=true].usa-button--hover,.usa-show-password:active,.usa-show-password.usa-button--active,.usa-show-password:disabled:active,.usa-show-password[aria-disabled=true]:active,.usa-show-password:disabled.usa-button--active,.usa-show-password[aria-disabled=true].usa-button--active,.usa-show-password:disabled:focus,.usa-show-password[aria-disabled=true]:focus,.usa-show-password:disabled.usa-focus,.usa-show-password[aria-disabled=true].usa-focus,.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-show-password.usa-button--hover{color:#1a4480}.usa-show-password.usa-button--active{color:#162e51}.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:GrayText}}.usa-form__note,.usa-show-password{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:0.93rem;line-height:1.3;float:right;margin:0.25rem 0 1rem}.usa-fieldset{border:none;margin:0;padding:0}.usa-legend{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-legend--large{font-size:2.13rem;font-weight:700;margin-top:1rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-form-group{margin-top:1.5rem}.usa-form-group .usa-label:first-child{margin-top:0}.usa-form-group--error{border-left-width:0.25rem;border-left-color:#b50909;border-left-style:solid;padding-left:1rem;position:relative}@media all and (min-width: 64em){.usa-form-group--error{margin-left:-1.25rem}}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;margin-top:24px}va-text-input::part(label),va-combo-box::part(label){margin-top:0}div.input-wrap{max-width:var(--mobile-lg) !important}fieldset{max-width:var(--mobile-lg) !important;container-name:component-wrapper;container-type:inline-size}va-combo-box{-ms-flex:1;flex:1;min-width:216px}va-text-input{width:20ch}.va-input-telephone-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-top:8px;width:100%;max-width:var(--mobile-lg)}@media (max-width: 480px){va-combo-box,va-text-input{width:100%;max-width:100% !important;margin-top:16px;-ms-flex:0;flex:0}.va-input-telephone-wrapper{display:block}}',VaTelephoneInputStyle0=vaTelephoneInputCss,VaTelephoneInput$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaContact=createEvent(this,"vaContact",7),this.DEFAULT_COUNTRY="US",this.COUNTRY_ERROR="Please choose a country",this.CONTACT_ERROR="phone number in a valid format, for example,",this.contact="",this.country=this.DEFAULT_COUNTRY,this.label="Home phone number",this.hint=void 0,this.error="",this.noCountry=!1,this.required=!1,this.showInternalErrors=!0,this.formattedContact="",this.countries=null,this.countryError="",this.contactError="",this.isValid=!1,this.touched=!1,this.visibleError=void 0}syncErrorMessages(t){(null==t?void 0:t.includes(this.CONTACT_ERROR))?this.contactError=this.error:t===this.COUNTRY_ERROR?this.countryError=t:this.resetErrors()}resetErrors(){this.countryError="",this.contactError="",this.visibleError=this.error}setValidityState(){this.country&&this.contact?(this.isValid=isPossiblePhoneNumber(this.contact,mapCountry(this.country)),this.formattedContact=this.formatContact(this.contact)):this.isValid=!1}updateContact(t){const e=t.target,{value:r}=e;this.contact=r,this.formattedContact=this.formatContact(r),this.validateContact(),this.handleEmit()}getPhoneNumberLengthString(t){if(!t.length)return"";const e=t.slice().sort(((t,e)=>t-e));let r=!0;for(let t=1;t<e.length;t++)if(e[t]!==e[t-1]+1){r=!1;break}return r&&e.length>1?`${e[0]} to ${e[e.length-1]}`:1===e.length?String(e[0]):2===e.length&&e[1]===e[0]+1?`${e[0]} to ${e[1]}`:2===e.length?`${e[0]} or ${e[1]}`:`${e.slice(0,-1).join(", ")} or ${e[e.length-1]}`}getValidPhoneNumberLengths(){const t=mapCountry(this.country),e=new Metadata;e.selectNumberingPlan(t);const r=e.numberingPlan.possibleLengths();return this.getPhoneNumberLengthString(r)}getErrorMessageForCountry(){const t=mapCountry(this.country);return`Enter a valid ${this.getCountryName(t)} phone number. Use ${this.getValidPhoneNumberLengths()} digits.`}validateContact(){this.country?(this.resetErrors(),this.setValidityState(),!this.isValid&&this.touched&&this.showInternalErrors&&(this.visibleError=this.getErrorMessageForCountry(),this.contactError=this.visibleError)):this.validateCountry()}handleEmit(){const t=!!this.contact&&!!this.country;let e;try{e=t?parsePhoneNumberWithError(this.contact,mapCountry(this.country)):null}catch(t){e=null}let r=null;this.isValid||(r=this.country?this.getErrorMessageForCountry():this.COUNTRY_ERROR),this.vaContact.emit({callingCode:t&&null!==e?e.countryCallingCode:void 0,countryCode:this.country,contact:t&&null!==e?e.nationalNumber:this.contact,isValid:this.isValid,error:r,touched:this.touched})}validateCountry(){this.resetErrors(),this.touched||(this.touched=!0),this.country||(this.isValid=!1,this.showInternalErrors&&(this.visibleError=this.COUNTRY_ERROR,this.countryError=this.visibleError))}countryChange(t){const{value:e}=t.detail;this.country=e,this.validateContact(),this.handleEmit()}formatContact(t){const e=new AsYouType(mapCountry(this.country)).input(t);return""===e?t:e}buildCountryList(){const t=getCountries().filter((t=>t!==this.DEFAULT_COUNTRY));t.push(...Object.keys(DATA_MAP.countries));const e=t.sort(((t,e)=>{const r=this.getCountryName(t),a=this.getCountryName(e);return r.localeCompare(a)}));return[this.DEFAULT_COUNTRY,...e]}getCountryName(t){return t in DATA_MAP.names?DATA_MAP.names[t]:new Intl.DisplayNames(["en"],{type:"region"}).of(t.toUpperCase()).replace(/&/g,"and").replace(/St\./,"Saint")}componentWillLoad(){this.countries=this.buildCountryList(),""===this.country&&(this.country=this.DEFAULT_COUNTRY),this.visibleError=this.error}componentDidLoad(){this.contact&&(this.formattedContact=this.formatContact(this.contact),this.validateContact());const t=this.el.shadowRoot.querySelector("va-combo-box");t&&t.addEventListener("vaSelect",this.countryChange.bind(this)),this.handleEmit()}disconnectedCallback(){const t=this.el.shadowRoot.querySelector("va-combo-box");t&&t.removeEventListener("vaSelect",this.countryChange.bind(this))}getOptionText(t){const e=mapCountry(t);return t?`${this.getCountryName(t)} +${getCountryCallingCode(e)}`:""}handleBlur(){this.touched||(this.touched=!0),this.validateContact(),this.handleEmit()}render(){const{label:t,hint:e,countries:r,formattedContact:a,country:n,countryError:i,contactError:o,visibleError:s,noCountry:l,required:u}=this,c=classnames({"va-form-group--error":!!s}),d=classnames({"usa-legend":!0,"usa-label--error":!!s});return h(Host,{key:"6021907f5666a788c2fa1512cd031aecd86a4905",class:c},h("div",{key:"04da2dcf564bcfe6dfb1e66a6991cd8ba563960f",class:"input-wrap"},h("fieldset",{key:"e4e2f49a4ad2c9918e8188056585699c8fdcf394",class:"usa-form usa-fieldset"},h("legend",{key:"aa9c327bcb8bdf6a822322abfbdd8f26363244d1",class:d},t,u&&h("span",{key:"49d6ee1f8a35137146821eb5f0fc64e5c5b8858d",class:"usa-label--required"}," ",instance.t("required")),e&&h("div",{key:"e4ed7c0e035d38fce83404157eb5c24689f69ca8",class:"usa-hint"},e)),h("span",{key:"14199d3f835cc92a1c6a579fbff8ea13d00c6a63",id:"error-message",role:"alert"},s&&s),h("div",{key:"e45e3be21e5cff48531bcbc0d84c105da4f952fb",class:"va-input-telephone-wrapper",tabIndex:0},!l&&h("va-combo-box",{key:"f696c979b3c69b6876e10677b6bb4a0e1d61af28",label:"Country code",name:"country-codes","show-input-error":"false",error:i,value:n},r.map((t=>h("option",{value:t,key:t},this.getOptionText(t))))),h("va-text-input",{key:"85bf2a1a94c090e9ed2b719b35669edf6d416874",label:"Phone number",type:"tel",autocomplete:"tel",inputmode:"tel",value:a,"show-input-error":"false",error:o,onInput:t=>this.updateContact(t),onBlur:()=>this.handleBlur()})))))}get el(){return this}static get watchers(){return{error:["syncErrorMessages"]}}static get style(){return VaTelephoneInputStyle0}},[1,"va-telephone-input",{contact:[1537],country:[1537],label:[1],hint:[1],error:[513],noCountry:[4,"no-country"],required:[4],showInternalErrors:[4,"show-internal-errors"],formattedContact:[32],countries:[32],countryError:[32],contactError:[32],isValid:[32],touched:[32],visibleError:[32]},void 0,{error:["syncErrorMessages"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-telephone-input","va-combo-box","va-icon","va-text-input"].forEach((t=>{switch(t){case"va-telephone-input":customElements.get(t)||customElements.define(t,VaTelephoneInput$1);break;case"va-combo-box":customElements.get(t)||defineCustomElement$4();break;case"va-icon":customElements.get(t)||defineCustomElement$3();break;case"va-text-input":customElements.get(t)||defineCustomElement$2()}}))}const VaTelephoneInput=VaTelephoneInput$1,defineCustomElement=defineCustomElement$1;export{VaTelephoneInput,defineCustomElement};
1
+ import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{n as normalizeArguments,p as parsePhoneNumberWithError$2,a as parsePhoneNumber,c as checkNumberLength,f as formatNationalNumberUsingFormat,b as parseDigits,F as FIRST_GROUP_PATTERN,d as applyInternationalSeparatorStyle,V as VALID_PUNCTUATION,e as extractCountryCallingCode,g as extractNationalNumberFromPossiblyIncompleteNumber,s as stripIddPrefix,h as extractCountryCallingCodeFromInternationalNumberWithoutPlusSign,i as VALID_DIGITS,P as PLUS_CHARS,M as Metadata$1,j as getCountryByCallingCode,k as getCountryByNationalNumber,l as PhoneNumber,m as isObject,w as withMetadataArgument,o as metadata,q as isSupportedCountry$1,r as getCountryCallingCode$1}from"./parsePhoneNumber_.js";import{d as defineCustomElement$4}from"./va-combo-box2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-text-input2.js";import{i as instance}from"./i18next.js";function parsePhoneNumberWithError$1(){var t=normalizeArguments(arguments),e=t.text,r=t.options,a=t.metadata;return parsePhoneNumberWithError$2(e,r,a)}function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,a)}return r}function _objectSpread(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(r),!0).forEach((function(e){_defineProperty(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function _defineProperty(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function isPossiblePhoneNumber$1(){var t=normalizeArguments(arguments),e=t.text,r=t.options,a=t.metadata;r=_objectSpread(_objectSpread({},r),{},{extract:!1});var n=parsePhoneNumber(e,r,a);return n&&n.isPossible()||!1}function _classCallCheck$5(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties$5(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function _createClass$5(t,e,r){return e&&_defineProperties$5(t.prototype,e),r&&_defineProperties$5(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}var AsYouTypeState=function(){function t(e){var r=e.onCountryChange,a=e.onCallingCodeChange;_classCallCheck$5(this,t),this.onCountryChange=r,this.onCallingCodeChange=a}return _createClass$5(t,[{key:"reset",value:function(t){var e=t.country,r=t.callingCode;this.international=!1,this.missingPlus=!1,this.IDDPrefix=void 0,this.callingCode=void 0,this.digits="",this.resetNationalSignificantNumber(),this.initCountryAndCallingCode(e,r)}},{key:"resetNationalSignificantNumber",value:function(){this.nationalSignificantNumber=this.getNationalDigits(),this.nationalSignificantNumberMatchesInput=!0,this.nationalPrefix=void 0,this.carrierCode=void 0,this.complexPrefixBeforeNationalSignificantNumber=void 0}},{key:"update",value:function(t){for(var e=0,r=Object.keys(t);e<r.length;e++){var a=r[e];this[a]=t[a]}}},{key:"initCountryAndCallingCode",value:function(t,e){this.setCountry(t),this.setCallingCode(e)}},{key:"setCountry",value:function(t){this.country=t,this.onCountryChange(t)}},{key:"setCallingCode",value:function(t){this.callingCode=t,this.onCallingCodeChange(t,this.country)}},{key:"startInternationalNumber",value:function(t,e){this.international=!0,this.initCountryAndCallingCode(t,e)}},{key:"appendDigits",value:function(t){this.digits+=t}},{key:"appendNationalSignificantNumberDigits",value:function(t){this.nationalSignificantNumber+=t}},{key:"getNationalDigits",value:function(){return this.international?this.digits.slice((this.IDDPrefix?this.IDDPrefix.length:0)+(this.callingCode?this.callingCode.length:0)):this.digits}},{key:"getDigitsWithoutInternationalPrefix",value:function(){return this.international&&this.IDDPrefix?this.digits.slice(this.IDDPrefix.length):this.digits}}]),t}();function _createForOfIteratorHelperLoose$2(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(r)return(r=r.call(t)).next.bind(r);if(Array.isArray(t)||(r=_unsupportedIterableToArray$4(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var a=0;return function(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray$4(t,e){if(t){if("string"==typeof t)return _arrayLikeToArray$4(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray$4(t,e):void 0}}function _arrayLikeToArray$4(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=new Array(e);r<e;r++)a[r]=t[r];return a}var DIGIT_PLACEHOLDER="x",DIGIT_PLACEHOLDER_MATCHER=new RegExp(DIGIT_PLACEHOLDER);function repeat(t,e){if(e<1)return"";for(var r="";e>1;)1&e&&(r+=t),e>>=1,t+=t;return r+t}function cutAndStripNonPairedParens(t,e){return")"===t[e]&&e++,stripNonPairedParens(t.slice(0,e))}function stripNonPairedParens(t){for(var e=[],r=0;r<t.length;)"("===t[r]?e.push(r):")"===t[r]&&e.pop(),r++;var a=0,n="";e.push(t.length);for(var i=0,o=e;i<o.length;i++){var s=o[i];n+=t.slice(a,s),a=s+1}return n}function populateTemplateWithDigits(t,e,r){for(var a,n=_createForOfIteratorHelperLoose$2(r.split(""));!(a=n()).done;){var i=a.value;if(t.slice(e+1).search(DIGIT_PLACEHOLDER_MATCHER)<0)return;e=t.search(DIGIT_PLACEHOLDER_MATCHER),t=t.replace(DIGIT_PLACEHOLDER_MATCHER,i)}return[t,e]}function formatCompleteNumber(t,e,r){var a=r.metadata,n=r.shouldTryNationalPrefixFormattingRule,i=r.getSeparatorAfterNationalPrefix;if(new RegExp("^(?:".concat(e.pattern(),")$")).test(t.nationalSignificantNumber))return formatNationalNumberWithAndWithoutNationalPrefixFormattingRule(t,e,{metadata:a,shouldTryNationalPrefixFormattingRule:n,getSeparatorAfterNationalPrefix:i})}function canFormatCompleteNumber(t,e){return"IS_POSSIBLE"===checkNumberLength(t,e)}function formatNationalNumberWithAndWithoutNationalPrefixFormattingRule(t,e,r){var a=r.metadata,n=r.shouldTryNationalPrefixFormattingRule,i=r.getSeparatorAfterNationalPrefix;if(n(e)){var o=formatNationalNumber(t,e,{useNationalPrefixFormattingRule:!0,getSeparatorAfterNationalPrefix:i,metadata:a});if(o)return o}return formatNationalNumber(t,e,{useNationalPrefixFormattingRule:!1,getSeparatorAfterNationalPrefix:i,metadata:a})}function formatNationalNumber(t,e,r){var a=r.metadata,n=r.useNationalPrefixFormattingRule,i=r.getSeparatorAfterNationalPrefix,o=formatNationalNumberUsingFormat(t.nationalSignificantNumber,e,{carrierCode:t.carrierCode,useInternationalFormat:t.international,withNationalPrefix:n,metadata:a});if(n||(t.nationalPrefix?o=t.nationalPrefix+i(e)+o:t.complexPrefixBeforeNationalSignificantNumber&&(o=t.complexPrefixBeforeNationalSignificantNumber+" "+o)),isValidFormattedNationalNumber(o,t))return o}function isValidFormattedNationalNumber(t,e){return parseDigits(t)===e.getNationalDigits()}function _classCallCheck$4(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties$4(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function _createClass$4(t,e,r){return e&&_defineProperties$4(t.prototype,e),r&&_defineProperties$4(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}var PatternParser=function(){function t(){_classCallCheck$4(this,t)}return _createClass$4(t,[{key:"parse",value:function(t){if(this.context=[{or:!0,instructions:[]}],this.parsePattern(t),1!==this.context.length)throw new Error("Non-finalized contexts left when pattern parse ended");var e=this.context[0],r=e.branches,a=e.instructions;if(r)return{op:"|",args:r.concat([expandSingleElementArray(a)])};if(0===a.length)throw new Error("Pattern is required");return 1===a.length?a[0]:a}},{key:"startContext",value:function(t){this.context.push(t)}},{key:"endContext",value:function(){this.context.pop()}},{key:"getContext",value:function(){return this.context[this.context.length-1]}},{key:"parsePattern",value:function(t){if(!t)throw new Error("Pattern is required");var e=t.match(OPERATOR);if(e){var r=e[1],a=t.slice(0,e.index),n=t.slice(e.index+r.length);switch(r){case"(?:":a&&this.parsePattern(a),this.startContext({or:!0,instructions:[],branches:[]});break;case")":if(!this.getContext().or)throw new Error('")" operator must be preceded by "(?:" operator');if(a&&this.parsePattern(a),0===this.getContext().instructions.length)throw new Error('No instructions found after "|" operator in an "or" group');var i=this.getContext().branches;i.push(expandSingleElementArray(this.getContext().instructions)),this.endContext(),this.getContext().instructions.push({op:"|",args:i});break;case"|":if(!this.getContext().or)throw new Error('"|" operator can only be used inside "or" groups');if(a&&this.parsePattern(a),!this.getContext().branches){if(1!==this.context.length)throw new Error('"branches" not found in an "or" group context');this.getContext().branches=[]}this.getContext().branches.push(expandSingleElementArray(this.getContext().instructions)),this.getContext().instructions=[];break;case"[":a&&this.parsePattern(a),this.startContext({oneOfSet:!0});break;case"]":if(!this.getContext().oneOfSet)throw new Error('"]" operator must be preceded by "[" operator');this.endContext(),this.getContext().instructions.push({op:"[]",args:parseOneOfSet(a)});break;default:throw new Error("Unknown operator: ".concat(r))}n&&this.parsePattern(n)}else{if(ILLEGAL_CHARACTER_REGEXP.test(t))throw new Error("Illegal characters found in a pattern: ".concat(t));this.getContext().instructions=this.getContext().instructions.concat(t.split(""))}}}]),t}();function parseOneOfSet(t){for(var e=[],r=0;r<t.length;){if("-"===t[r]){if(0===r||r===t.length-1)throw new Error("Couldn't parse a one-of set pattern: ".concat(t));for(var a=t[r-1].charCodeAt(0)+1,n=t[r+1].charCodeAt(0)-1,i=a;i<=n;)e.push(String.fromCharCode(i)),i++}else e.push(t[r]);r++}return e}var ILLEGAL_CHARACTER_REGEXP=/[\(\)\[\]\?\:\|]/,OPERATOR=new RegExp("(\\||\\(\\?\\:|\\)|\\[|\\])");function expandSingleElementArray(t){return 1===t.length?t[0]:t}function _createForOfIteratorHelperLoose$1(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(r)return(r=r.call(t)).next.bind(r);if(Array.isArray(t)||(r=_unsupportedIterableToArray$3(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var a=0;return function(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray$3(t,e){if(t){if("string"==typeof t)return _arrayLikeToArray$3(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray$3(t,e):void 0}}function _arrayLikeToArray$3(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=new Array(e);r<e;r++)a[r]=t[r];return a}function _classCallCheck$3(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties$3(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function _createClass$3(t,e,r){return e&&_defineProperties$3(t.prototype,e),r&&_defineProperties$3(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}var PatternMatcher=function(){function t(e){_classCallCheck$3(this,t),this.matchTree=(new PatternParser).parse(e)}return _createClass$3(t,[{key:"match",value:function(t){var e=(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{}).allowOverflow;if(!t)throw new Error("String is required");var r=_match(t.split(""),this.matchTree,!0);if(r&&r.match&&delete r.matchedChars,!r||!r.overflow||e)return r}}]),t}();function _match(t,e,r){if("string"==typeof e){var a=t.join("");return 0===e.indexOf(a)?t.length===e.length?{match:!0,matchedChars:t}:{partialMatch:!0}:0===a.indexOf(e)?r&&t.length>e.length?{overflow:!0}:{match:!0,matchedChars:t.slice(0,e.length)}:void 0}if(Array.isArray(e)){for(var n=t.slice(),i=0;i<e.length;){var o=_match(n,e[i],r&&i===e.length-1);if(!o)return;if(o.overflow)return o;if(!o.match){if(o.partialMatch)return{partialMatch:!0};throw new Error("Unsupported match result:\n".concat(JSON.stringify(o,null,2)))}if(0===(n=n.slice(o.matchedChars.length)).length)return i===e.length-1?{match:!0,matchedChars:t}:{partialMatch:!0};i++}return r?{overflow:!0}:{match:!0,matchedChars:t.slice(0,t.length-n.length)}}switch(e.op){case"|":for(var s,l,u=_createForOfIteratorHelperLoose$1(e.args);!(l=u()).done;){var c=_match(t,l.value,r);if(c){if(c.overflow)return c;if(c.match)return{match:!0,matchedChars:c.matchedChars};if(!c.partialMatch)throw new Error("Unsupported match result:\n".concat(JSON.stringify(c,null,2)));s=!0}}return s?{partialMatch:!0}:void 0;case"[]":for(var h,d=_createForOfIteratorHelperLoose$1(e.args);!(h=d()).done;){var f=h.value;if(t[0]===f)return 1===t.length?{match:!0,matchedChars:t}:r?{overflow:!0}:{match:!0,matchedChars:[f]}}return;default:throw new Error("Unsupported instruction tree: ".concat(e))}}function _createForOfIteratorHelperLoose(t,e){var r="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(r)return(r=r.call(t)).next.bind(r);if(Array.isArray(t)||(r=_unsupportedIterableToArray$2(t))||e&&t&&"number"==typeof t.length){r&&(t=r);var a=0;return function(){return a>=t.length?{done:!0}:{done:!1,value:t[a++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray$2(t,e){if(t){if("string"==typeof t)return _arrayLikeToArray$2(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray$2(t,e):void 0}}function _arrayLikeToArray$2(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=new Array(e);r<e;r++)a[r]=t[r];return a}function _classCallCheck$2(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties$2(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function _createClass$2(t,e,r){return e&&_defineProperties$2(t.prototype,e),r&&_defineProperties$2(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}var DUMMY_DIGIT="9",LONGEST_NATIONAL_PHONE_NUMBER_LENGTH=15,LONGEST_DUMMY_PHONE_NUMBER=repeat(DUMMY_DIGIT,LONGEST_NATIONAL_PHONE_NUMBER_LENGTH),NATIONAL_PREFIX_SEPARATORS_PATTERN=/[- ]/,CREATE_CHARACTER_CLASS_PATTERN=function(){return/\[([^\[\]])*\]/g},CREATE_STANDALONE_DIGIT_PATTERN=function(){return/\d(?=[^,}][^,}])/g},NON_ALTERING_FORMAT_REG_EXP=new RegExp("["+VALID_PUNCTUATION+"]*\\$1["+VALID_PUNCTUATION+"]*(\\$\\d["+VALID_PUNCTUATION+"]*)*$"),MIN_LEADING_DIGITS_LENGTH=3,AsYouTypeFormatter=function(){function t(e){var r=e.metadata;_classCallCheck$2(this,t),this.metadata=r,this.resetFormat()}return _createClass$2(t,[{key:"resetFormat",value:function(){this.chosenFormat=void 0,this.template=void 0,this.nationalNumberTemplate=void 0,this.populatedNationalNumberTemplate=void 0,this.populatedNationalNumberTemplatePosition=-1}},{key:"reset",value:function(t,e){this.resetFormat(),t?(this.isNANP="1"===t.callingCode(),this.matchingFormats=t.formats(),e.nationalSignificantNumber&&this.narrowDownMatchingFormats(e)):(this.isNANP=void 0,this.matchingFormats=[])}},{key:"format",value:function(t,e){var r=this;if(canFormatCompleteNumber(e.nationalSignificantNumber,this.metadata))for(var a,n=_createForOfIteratorHelperLoose(this.matchingFormats);!(a=n()).done;){var i=a.value,o=formatCompleteNumber(e,i,{metadata:this.metadata,shouldTryNationalPrefixFormattingRule:function(t){return r.shouldTryNationalPrefixFormattingRule(t,{international:e.international,nationalPrefix:e.nationalPrefix})},getSeparatorAfterNationalPrefix:function(t){return r.getSeparatorAfterNationalPrefix(t)}});if(o)return this.resetFormat(),this.chosenFormat=i,this.setNationalNumberTemplate(o.replace(/\d/g,DIGIT_PLACEHOLDER),e),this.populatedNationalNumberTemplate=o,this.populatedNationalNumberTemplatePosition=this.template.lastIndexOf(DIGIT_PLACEHOLDER),o}return this.formatNationalNumberWithNextDigits(t,e)}},{key:"formatNationalNumberWithNextDigits",value:function(t,e){var r=this.chosenFormat,a=this.chooseFormat(e);if(a)return a===r?this.formatNextNationalNumberDigits(t):this.formatNextNationalNumberDigits(e.getNationalDigits())}},{key:"narrowDownMatchingFormats",value:function(t){var e=this,r=t.nationalSignificantNumber,a=t.nationalPrefix,n=t.international,i=r,o=i.length-MIN_LEADING_DIGITS_LENGTH;o<0&&(o=0),this.matchingFormats=this.matchingFormats.filter((function(t){return e.formatSuits(t,n,a)&&e.formatMatches(t,i,o)})),this.chosenFormat&&-1===this.matchingFormats.indexOf(this.chosenFormat)&&this.resetFormat()}},{key:"formatSuits",value:function(t,e,r){return!(r&&!t.usesNationalPrefix()&&!t.nationalPrefixIsOptionalWhenFormattingInNationalFormat()||!e&&!r&&t.nationalPrefixIsMandatoryWhenFormattingInNationalFormat())}},{key:"formatMatches",value:function(t,e,r){var a=t.leadingDigitsPatterns().length;if(0===a)return!0;r=Math.min(r,a-1);var n=t.leadingDigitsPatterns()[r];if(e.length<MIN_LEADING_DIGITS_LENGTH)try{return void 0!==new PatternMatcher(n).match(e,{allowOverflow:!0})}catch(t){return console.error(t),!0}return new RegExp("^(".concat(n,")")).test(e)}},{key:"getFormatFormat",value:function(t,e){return e?t.internationalFormat():t.format()}},{key:"chooseFormat",value:function(t){for(var e,r=this,a=function(){var a=e.value;return r.chosenFormat===a?"break":NON_ALTERING_FORMAT_REG_EXP.test(r.getFormatFormat(a,t.international))?r.createTemplateForFormat(a,t)?(r.chosenFormat=a,"break"):(r.matchingFormats=r.matchingFormats.filter((function(t){return t!==a})),"continue"):"continue"},n=_createForOfIteratorHelperLoose(this.matchingFormats.slice());!(e=n()).done;){if("break"===a())break}return this.chosenFormat||this.resetFormat(),this.chosenFormat}},{key:"createTemplateForFormat",value:function(t,e){if(!(t.pattern().indexOf("|")>=0)){var r=this.getTemplateForFormat(t,e);return r?(this.setNationalNumberTemplate(r,e),!0):void 0}}},{key:"getSeparatorAfterNationalPrefix",value:function(t){return this.isNANP||t&&t.nationalPrefixFormattingRule()&&NATIONAL_PREFIX_SEPARATORS_PATTERN.test(t.nationalPrefixFormattingRule())?" ":""}},{key:"getInternationalPrefixBeforeCountryCallingCode",value:function(t,e){var r=t.IDDPrefix,a=t.missingPlus;return r?e&&!1===e.spacing?r:r+" ":a?"":"+"}},{key:"getTemplate",value:function(t){if(this.template){for(var e=-1,r=0,a=t.international?this.getInternationalPrefixBeforeCountryCallingCode(t,{spacing:!1}):"";r<a.length+t.getDigitsWithoutInternationalPrefix().length;)e=this.template.indexOf(DIGIT_PLACEHOLDER,e+1),r++;return cutAndStripNonPairedParens(this.template,e+1)}}},{key:"setNationalNumberTemplate",value:function(t,e){this.nationalNumberTemplate=t,this.populatedNationalNumberTemplate=t,this.populatedNationalNumberTemplatePosition=-1,e.international?this.template=this.getInternationalPrefixBeforeCountryCallingCode(e).replace(/[\d\+]/g,DIGIT_PLACEHOLDER)+repeat(DIGIT_PLACEHOLDER,e.callingCode.length)+" "+t:this.template=t}},{key:"getTemplateForFormat",value:function(t,e){var r=e.nationalSignificantNumber,a=e.international,n=e.nationalPrefix,i=e.complexPrefixBeforeNationalSignificantNumber,o=t.pattern();o=o.replace(CREATE_CHARACTER_CLASS_PATTERN(),"\\d").replace(CREATE_STANDALONE_DIGIT_PATTERN(),"\\d");var s=LONGEST_DUMMY_PHONE_NUMBER.match(o)[0];if(!(r.length>s.length)){var l=new RegExp("^"+o+"$"),u=r.replace(/\d/g,DUMMY_DIGIT);l.test(u)&&(s=u);var c,h=this.getFormatFormat(t,a);if(this.shouldTryNationalPrefixFormattingRule(t,{international:a,nationalPrefix:n})){var d=h.replace(FIRST_GROUP_PATTERN,t.nationalPrefixFormattingRule());if(parseDigits(t.nationalPrefixFormattingRule())===(n||"")+parseDigits("$1")&&(h=d,c=!0,n))for(var f=n.length;f>0;)h=h.replace(/\d/,DIGIT_PLACEHOLDER),f--}var m=s.replace(new RegExp(o),h).replace(new RegExp(DUMMY_DIGIT,"g"),DIGIT_PLACEHOLDER);return c||(i?m=repeat(DIGIT_PLACEHOLDER,i.length)+" "+m:n&&(m=repeat(DIGIT_PLACEHOLDER,n.length)+this.getSeparatorAfterNationalPrefix(t)+m)),a&&(m=applyInternationalSeparatorStyle(m)),m}}},{key:"formatNextNationalNumberDigits",value:function(t){var e=populateTemplateWithDigits(this.populatedNationalNumberTemplate,this.populatedNationalNumberTemplatePosition,t);if(e)return this.populatedNationalNumberTemplate=e[0],this.populatedNationalNumberTemplatePosition=e[1],cutAndStripNonPairedParens(this.populatedNationalNumberTemplate,this.populatedNationalNumberTemplatePosition+1);this.resetFormat()}},{key:"shouldTryNationalPrefixFormattingRule",value:function(t,e){var r=e.international,a=e.nationalPrefix;if(t.nationalPrefixFormattingRule()){var n=t.usesNationalPrefix();if(n&&a||!n&&!r)return!0}}}]),t}();function _slicedToArray$1(t,e){return _arrayWithHoles$1(t)||_iterableToArrayLimit$1(t,e)||_unsupportedIterableToArray$1(t,e)||_nonIterableRest$1()}function _nonIterableRest$1(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray$1(t,e){if(t){if("string"==typeof t)return _arrayLikeToArray$1(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray$1(t,e):void 0}}function _arrayLikeToArray$1(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=new Array(e);r<e;r++)a[r]=t[r];return a}function _iterableToArrayLimit$1(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var a,n,i=[],o=!0,s=!1;try{for(r=r.call(t);!(o=(a=r.next()).done)&&(i.push(a.value),!e||i.length!==e);o=!0);}catch(t){s=!0,n=t}finally{try{o||null==r.return||r.return()}finally{if(s)throw n}}return i}}function _arrayWithHoles$1(t){if(Array.isArray(t))return t}function _classCallCheck$1(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties$1(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function _createClass$1(t,e,r){return e&&_defineProperties$1(t.prototype,e),r&&_defineProperties$1(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}var VALID_FORMATTED_PHONE_NUMBER_DIGITS_PART="["+VALID_PUNCTUATION+VALID_DIGITS+"]+",VALID_FORMATTED_PHONE_NUMBER_DIGITS_PART_PATTERN=new RegExp("^"+VALID_FORMATTED_PHONE_NUMBER_DIGITS_PART+"$","i"),VALID_FORMATTED_PHONE_NUMBER_PART="(?:["+PLUS_CHARS+"]["+VALID_PUNCTUATION+VALID_DIGITS+"]*|["+VALID_PUNCTUATION+VALID_DIGITS+"]+)",AFTER_PHONE_NUMBER_DIGITS_END_PATTERN=new RegExp("[^"+VALID_PUNCTUATION+VALID_DIGITS+"]+.*$"),COMPLEX_NATIONAL_PREFIX=/[^\d\[\]]/,AsYouTypeParser=function(){function t(e){var r=e.defaultCountry,a=e.defaultCallingCode,n=e.metadata,i=e.onNationalSignificantNumberChange;_classCallCheck$1(this,t),this.defaultCountry=r,this.defaultCallingCode=a,this.metadata=n,this.onNationalSignificantNumberChange=i}return _createClass$1(t,[{key:"input",value:function(t,e){var r,a=_slicedToArray$1(extractFormattedDigitsAndPlus(t),2),n=a[0],i=a[1],o=parseDigits(n);return i&&(e.digits||(e.startInternationalNumber(),o||(r=!0))),o&&this.inputDigits(o,e),{digits:o,justLeadingPlus:r}}},{key:"inputDigits",value:function(t,e){var r=e.digits,a=r.length<3&&r.length+t.length>=3;if(e.appendDigits(t),a&&this.extractIddPrefix(e),this.isWaitingForCountryCallingCode(e)){if(!this.extractCountryCallingCode(e))return}else e.appendNationalSignificantNumberDigits(t);e.international||this.hasExtractedNationalSignificantNumber||this.extractNationalSignificantNumber(e.getNationalDigits(),(function(t){return e.update(t)}))}},{key:"isWaitingForCountryCallingCode",value:function(t){var e=t.international,r=t.callingCode;return e&&!r}},{key:"extractCountryCallingCode",value:function(t){var e=extractCountryCallingCode("+"+t.getDigitsWithoutInternationalPrefix(),this.defaultCountry,this.defaultCallingCode,this.metadata.metadata),r=e.countryCallingCode,a=e.number;if(r)return t.setCallingCode(r),t.update({nationalSignificantNumber:a}),!0}},{key:"reset",value:function(t){if(t){this.hasSelectedNumberingPlan=!0;var e=t._nationalPrefixForParsing();this.couldPossiblyExtractAnotherNationalSignificantNumber=e&&COMPLEX_NATIONAL_PREFIX.test(e)}else this.hasSelectedNumberingPlan=void 0,this.couldPossiblyExtractAnotherNationalSignificantNumber=void 0}},{key:"extractNationalSignificantNumber",value:function(t,e){if(this.hasSelectedNumberingPlan){var r=extractNationalNumberFromPossiblyIncompleteNumber(t,this.metadata),a=r.nationalPrefix,n=r.nationalNumber,i=r.carrierCode;if(n!==t)return this.onExtractedNationalNumber(a,i,n,t,e),!0}}},{key:"extractAnotherNationalSignificantNumber",value:function(t,e,r){if(!this.hasExtractedNationalSignificantNumber)return this.extractNationalSignificantNumber(t,r);if(this.couldPossiblyExtractAnotherNationalSignificantNumber){var a=extractNationalNumberFromPossiblyIncompleteNumber(t,this.metadata),n=a.nationalPrefix,i=a.nationalNumber,o=a.carrierCode;if(i!==e)return this.onExtractedNationalNumber(n,o,i,t,r),!0}}},{key:"onExtractedNationalNumber",value:function(t,e,r,a,n){var i,o,s=a.lastIndexOf(r);if(s>=0&&s===a.length-r.length){o=!0;var l=a.slice(0,s);l!==t&&(i=l)}n({nationalPrefix:t,carrierCode:e,nationalSignificantNumber:r,nationalSignificantNumberMatchesInput:o,complexPrefixBeforeNationalSignificantNumber:i}),this.hasExtractedNationalSignificantNumber=!0,this.onNationalSignificantNumberChange()}},{key:"reExtractNationalSignificantNumber",value:function(t){return!!this.extractAnotherNationalSignificantNumber(t.getNationalDigits(),t.nationalSignificantNumber,(function(e){return t.update(e)}))||(this.extractIddPrefix(t)||this.fixMissingPlus(t)?(this.extractCallingCodeAndNationalSignificantNumber(t),!0):void 0)}},{key:"extractIddPrefix",value:function(t){var e=t.international,r=t.IDDPrefix,a=t.digits;if(!e&&!r){var n=stripIddPrefix(a,this.defaultCountry,this.defaultCallingCode,this.metadata.metadata);return void 0!==n&&n!==a?(t.update({IDDPrefix:a.slice(0,a.length-n.length)}),this.startInternationalNumber(t,{country:void 0,callingCode:void 0}),!0):void 0}}},{key:"fixMissingPlus",value:function(t){if(!t.international){var e=extractCountryCallingCodeFromInternationalNumberWithoutPlusSign(t.digits,this.defaultCountry,this.defaultCallingCode,this.metadata.metadata).countryCallingCode;if(e)return t.update({missingPlus:!0}),this.startInternationalNumber(t,{country:t.country,callingCode:e}),!0}}},{key:"startInternationalNumber",value:function(t,e){var r=e.country,a=e.callingCode;t.startInternationalNumber(r,a),t.nationalSignificantNumber&&(t.resetNationalSignificantNumber(),this.onNationalSignificantNumberChange(),this.hasExtractedNationalSignificantNumber=void 0)}},{key:"extractCallingCodeAndNationalSignificantNumber",value:function(t){this.extractCountryCallingCode(t)&&this.extractNationalSignificantNumber(t.getNationalDigits(),(function(e){return t.update(e)}))}}]),t}();function extractFormattedPhoneNumber(t){var e,r=t.search(VALID_FORMATTED_PHONE_NUMBER_PART);if(!(r<0))return"+"===(t=t.slice(r))[0]&&(e=!0,t=t.slice(1)),t=t.replace(AFTER_PHONE_NUMBER_DIGITS_END_PATTERN,""),e&&(t="+"+t),t}function _extractFormattedDigitsAndPlus(t){var e=extractFormattedPhoneNumber(t)||"";return"+"===e[0]?[e.slice(1),!0]:[e]}function extractFormattedDigitsAndPlus(t){var e=_slicedToArray$1(_extractFormattedDigitsAndPlus(t),2),r=e[0],a=e[1];return VALID_FORMATTED_PHONE_NUMBER_DIGITS_PART_PATTERN.test(r)||(r=""),[r,a]}function _slicedToArray(t,e){return _arrayWithHoles(t)||_iterableToArrayLimit(t,e)||_unsupportedIterableToArray(t,e)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(t,e){if(t){if("string"==typeof t)return _arrayLikeToArray(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);return"Object"===r&&t.constructor&&(r=t.constructor.name),"Map"===r||"Set"===r?Array.from(t):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(t,e):void 0}}function _arrayLikeToArray(t,e){(null==e||e>t.length)&&(e=t.length);for(var r=0,a=new Array(e);r<e;r++)a[r]=t[r];return a}function _iterableToArrayLimit(t,e){var r=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=r){var a,n,i=[],o=!0,s=!1;try{for(r=r.call(t);!(o=(a=r.next()).done)&&(i.push(a.value),!e||i.length!==e);o=!0);}catch(t){s=!0,n=t}finally{try{o||null==r.return||r.return()}finally{if(s)throw n}}return i}}function _arrayWithHoles(t){if(Array.isArray(t))return t}function _classCallCheck(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function _defineProperties(t,e){for(var r=0;r<e.length;r++){var a=e[r];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(t,a.key,a)}}function _createClass(t,e,r){return e&&_defineProperties(t.prototype,e),r&&_defineProperties(t,r),Object.defineProperty(t,"prototype",{writable:!1}),t}var AsYouType$1=function(){function t(e,r){_classCallCheck(this,t),this.metadata=new Metadata$1(r);var a=_slicedToArray(this.getCountryAndCallingCode(e),2),n=a[0],i=a[1];this.defaultCountry=n,this.defaultCallingCode=i,this.reset()}return _createClass(t,[{key:"getCountryAndCallingCode",value:function(t){var e,r;return t&&(isObject(t)?(e=t.defaultCountry,r=t.defaultCallingCode):e=t),e&&!this.metadata.hasCountry(e)&&(e=void 0),[e,r]}},{key:"input",value:function(t){var e=this.parser.input(t,this.state),r=e.digits;if(e.justLeadingPlus)this.formattedOutput="+";else if(r){var a;if(this.determineTheCountryIfNeeded(),this.state.nationalSignificantNumber&&this.formatter.narrowDownMatchingFormats(this.state),this.metadata.hasSelectedNumberingPlan()&&(a=this.formatter.format(r,this.state)),void 0===a&&this.parser.reExtractNationalSignificantNumber(this.state)){this.determineTheCountryIfNeeded();var n=this.state.getNationalDigits();n&&(a=this.formatter.format(n,this.state))}this.formattedOutput=a?this.getFullNumber(a):this.getNonFormattedNumber()}return this.formattedOutput}},{key:"reset",value:function(){var t=this;return this.state=new AsYouTypeState({onCountryChange:function(e){t.country=e},onCallingCodeChange:function(e,r){t.metadata.selectNumberingPlan(r,e),t.formatter.reset(t.metadata.numberingPlan,t.state),t.parser.reset(t.metadata.numberingPlan)}}),this.formatter=new AsYouTypeFormatter({state:this.state,metadata:this.metadata}),this.parser=new AsYouTypeParser({defaultCountry:this.defaultCountry,defaultCallingCode:this.defaultCallingCode,metadata:this.metadata,state:this.state,onNationalSignificantNumberChange:function(){t.determineTheCountryIfNeeded(),t.formatter.reset(t.metadata.numberingPlan,t.state)}}),this.state.reset({country:this.defaultCountry,callingCode:this.defaultCallingCode}),this.formattedOutput="",this}},{key:"isInternational",value:function(){return this.state.international}},{key:"getCallingCode",value:function(){if(this.isInternational())return this.state.callingCode}},{key:"getCountryCallingCode",value:function(){return this.getCallingCode()}},{key:"getCountry",value:function(){if(this.state.digits)return this._getCountry()}},{key:"_getCountry",value:function(){return this.state.country}},{key:"determineTheCountryIfNeeded",value:function(){this.state.country&&!this.isCountryCallingCodeAmbiguous()||this.determineTheCountry()}},{key:"getFullNumber",value:function(t){var e,r=this;if(this.isInternational()){var a=this.state.callingCode;return e=a?t?"".concat(a," ").concat(t):a:"".concat(this.state.getDigitsWithoutInternationalPrefix()),r.formatter.getInternationalPrefixBeforeCountryCallingCode(r.state,{spacing:!!e})+e}return t}},{key:"getNonFormattedNationalNumberWithPrefix",value:function(){var t=this.state,e=t.nationalSignificantNumber,r=t.complexPrefixBeforeNationalSignificantNumber,a=t.nationalPrefix,n=e,i=r||a;return i&&(n=i+n),n}},{key:"getNonFormattedNumber",value:function(){var t=this.state.nationalSignificantNumberMatchesInput;return this.getFullNumber(t?this.getNonFormattedNationalNumberWithPrefix():this.state.getNationalDigits())}},{key:"getNonFormattedTemplate",value:function(){var t=this.getNonFormattedNumber();if(t)return t.replace(/[\+\d]/g,DIGIT_PLACEHOLDER)}},{key:"isCountryCallingCodeAmbiguous",value:function(){var t=this.state.callingCode,e=this.metadata.getCountryCodesForCallingCode(t);return e&&e.length>1}},{key:"determineTheCountry",value:function(){this.state.setCountry(getCountryByCallingCode(this.isInternational()?this.state.callingCode:this.defaultCallingCode,{nationalNumber:this.state.nationalSignificantNumber,defaultCountry:this.defaultCountry,metadata:this.metadata}))}},{key:"getNumberValue",value:function(){var t=this.state,e=t.digits,r=t.callingCode,a=t.country,n=t.nationalSignificantNumber;if(e)return this.isInternational()?r?"+"+r+n:"+"+e:a||r?"+"+(a?this.metadata.countryCallingCode():r)+n:void 0}},{key:"getNumber",value:function(){var t=this.state,e=t.nationalSignificantNumber,r=t.carrierCode,a=t.callingCode,n=this._getCountry();if(e&&(n||a)){if(n&&n===this.defaultCountry){var i=new Metadata$1(this.metadata.metadata);i.selectNumberingPlan(n);var o=i.numberingPlan.callingCode(),s=this.metadata.getCountryCodesForCallingCode(o);if(s.length>1){var l=getCountryByNationalNumber(e,{countries:s,defaultCountry:this.defaultCountry,metadata:this.metadata.metadata});l&&(n=l)}}var u=new PhoneNumber(n||a,e,this.metadata.metadata);return r&&(u.carrierCode=r),u}}},{key:"isPossible",value:function(){var t=this.getNumber();return!!t&&t.isPossible()}},{key:"isValid",value:function(){var t=this.getNumber();return!!t&&t.isValid()}},{key:"getNationalNumber",value:function(){return this.state.nationalSignificantNumber}},{key:"getChars",value:function(){return(this.state.international?"+":"")+this.state.digits}},{key:"getTemplate",value:function(){return this.formatter.getTemplate(this.state)||this.getNonFormattedTemplate()||""}}]),t}();function getCountries$1(t){return new Metadata$1(t).getCountries()}function parsePhoneNumberWithError(){return withMetadataArgument(parsePhoneNumberWithError$1,arguments)}function isPossiblePhoneNumber(){return withMetadataArgument(isPossiblePhoneNumber$1,arguments)}function AsYouType(t){return AsYouType$1.call(this,t,metadata)}function isSupportedCountry(){return withMetadataArgument(isSupportedCountry$1,arguments)}function getCountries(){return withMetadataArgument(getCountries$1,arguments)}function getCountryCallingCode(){return withMetadataArgument(getCountryCallingCode$1,arguments)}function Metadata(){return Metadata$1.call(this,metadata)}AsYouType.prototype=Object.create(AsYouType$1.prototype,{}),AsYouType.prototype.constructor=AsYouType,Metadata.prototype=Object.create(Metadata$1.prototype,{}),Metadata.prototype.constructor=Metadata;const DATA_MAP={names:{BQ:"Bonaire, Sint Eustatius and Saba",MF:"Saint Martin (French part)",PN:"Pitcairn",UM:"United States Minor Outlying Islands",FK:"Falkland Islands (Malvinas)",CG:"Congo",CD:"Congo, Democratic Republic of the",MM:"Myanmar",MD:"Moldova, Republic of",KP:"Korea, Democratic People's Republic of",SH:"Saint Helena, Ascension and Tristan da Cunha",RU:"Russian Federation",VC:"Saint Vincent and the Grenadines",SX:"Sint Maarten (Dutch part)",KR:"Korea, Republic of",SY:"Syrian Arab Republic",VI:"Virgin Islands (U.S.)",US:"United States of America",VA:"Holy See",VN:"Viet Nam"},countries:{GS:"FK",AQ:"NF",BV:"NO",TF:"RE",HM:"AU",UM:"US",PN:"NZ"}};function mapCountry(t){return isSupportedCountry(t)?t:t in DATA_MAP.countries?DATA_MAP.countries[t]:void console.error(`Not a valid country: ${t}`)}const vaTelephoneInputCss='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}#error-message{margin-bottom:0.75rem}#error-message,#input-error-message{color:var(--vads-color-secondary-dark);display:block;font-weight:700;font-size:1.06rem}:host([error]:not([error=\'\'])),:host(.va-form-group--error){border-left:0.3rem solid var(--vads-color-secondary-dark);padding-left:1.25rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=\'\'])),:host(.va-form-group--error){margin-left:-1.4375rem;}}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-form{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}@media all and (min-width: 30em){.usa-form{max-width:20rem}}.usa-form abbr[title=required]{text-decoration:none}.usa-form .usa-input,.usa-form .usa-range,.usa-form .usa-select,.usa-form .usa-textarea{max-width:none}.usa-form .usa-input--2xs,.usa-form .usa-input-group--2xs{max-width:5ex}.usa-form .usa-input--xs,.usa-form .usa-input-group--xs{max-width:9ex}.usa-form .usa-input--sm,.usa-form .usa-input--small,.usa-form .usa-input-group--sm,.usa-form .usa-input-group--small{max-width:13ex}.usa-form .usa-input--md,.usa-form .usa-input--medium,.usa-form .usa-input-group--md,.usa-form .usa-input-group--medium{max-width:20ex}.usa-form .usa-input--lg,.usa-form .usa-input-group--lg{max-width:30ex}.usa-form .usa-input--xl,.usa-form .usa-input-group--xl{max-width:40ex}.usa-form .usa-input--2xl,.usa-form .usa-input-group--2xl{max-width:50ex}.usa-form .usa-button{margin-top:0.5rem}@media all and (min-width: 30em){.usa-form .usa-button{margin-top:1.5rem}}.usa-form a:where(:not(.usa-button)){color:#005ea2;text-decoration:underline}.usa-form a:where(:not(.usa-button)):visited{color:#54278f}.usa-form a:where(:not(.usa-button)):hover{color:#1a4480}.usa-form a:where(:not(.usa-button)):active{color:#162e51}.usa-form a:where(:not(.usa-button)):focus{outline:0.25rem solid #2491ff;outline-offset:0rem}@media all and (min-width: 30em){.usa-form--large{max-width:30rem}}.usa-show-password{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;cursor:pointer}.usa-show-password:visited{color:#54278f}.usa-show-password:hover{color:#1a4480}.usa-show-password:active{color:#162e51}.usa-show-password:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-show-password:hover,.usa-show-password.usa-button--hover,.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password:disabled.usa-button--hover,.usa-show-password[aria-disabled=true].usa-button--hover,.usa-show-password:active,.usa-show-password.usa-button--active,.usa-show-password:disabled:active,.usa-show-password[aria-disabled=true]:active,.usa-show-password:disabled.usa-button--active,.usa-show-password[aria-disabled=true].usa-button--active,.usa-show-password:disabled:focus,.usa-show-password[aria-disabled=true]:focus,.usa-show-password:disabled.usa-focus,.usa-show-password[aria-disabled=true].usa-focus,.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-show-password.usa-button--hover{color:#1a4480}.usa-show-password.usa-button--active{color:#162e51}.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:GrayText}}.usa-form__note,.usa-show-password{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:0.93rem;line-height:1.3;float:right;margin:0.25rem 0 1rem}.usa-fieldset{border:none;margin:0;padding:0}.usa-legend{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-legend--large{font-size:2.13rem;font-weight:700;margin-top:1rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-form-group{margin-top:1.5rem}.usa-form-group .usa-label:first-child{margin-top:0}.usa-form-group--error{border-left-width:0.25rem;border-left-color:#b50909;border-left-style:solid;padding-left:1rem;position:relative}@media all and (min-width: 64em){.usa-form-group--error{margin-left:-1.25rem}}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;margin-top:24px}va-text-input::part(label),va-combo-box::part(label){margin-top:0}div.input-wrap{max-width:var(--mobile-lg) !important}fieldset{max-width:var(--mobile-lg) !important;container-name:component-wrapper;container-type:inline-size}va-combo-box{-ms-flex:1;flex:1;min-width:216px}va-text-input{width:20ch}.va-input-telephone-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin-top:8px;width:100%;max-width:var(--mobile-lg)}@media (max-width: 480px){va-combo-box,va-text-input{width:100%;max-width:100% !important;margin-top:16px;-ms-flex:0;flex:0}.va-input-telephone-wrapper{display:block}}',VaTelephoneInputStyle0=vaTelephoneInputCss,VaTelephoneInput$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaContact=createEvent(this,"vaContact",7),this.DEFAULT_COUNTRY="US",this.COUNTRY_ERROR="Please choose a country",this.CONTACT_ERROR="phone number in a valid format, for example,",this.contact="",this.country=this.DEFAULT_COUNTRY,this.label="Home phone number",this.hint=void 0,this.error="",this.noCountry=!1,this.required=!1,this.showInternalErrors=!0,this.formattedContact="",this.countries=null,this.countryError="",this.contactError="",this.isValid=!1,this.touched=!1,this.visibleError=void 0}syncErrorMessages(t){(null==t?void 0:t.includes(this.CONTACT_ERROR))?this.contactError=this.error:t===this.COUNTRY_ERROR?this.countryError=t:this.resetErrors()}resetErrors(){this.countryError="",this.contactError="",this.visibleError=this.error}setValidityState(){this.country&&this.contact?(this.isValid=isPossiblePhoneNumber(this.contact,mapCountry(this.country)),this.formattedContact=this.formatContact(this.contact)):this.isValid=!1}updateContact(t){const e=t.target,{value:r}=e;this.contact=r,this.formattedContact=this.formatContact(r),this.validateContact(),this.handleEmit()}getPhoneNumberLengthString(t){if(!t.length)return"";const e=t.slice().sort(((t,e)=>t-e));let r=!0;for(let t=1;t<e.length;t++)if(e[t]!==e[t-1]+1){r=!1;break}return r&&e.length>1?`${e[0]} to ${e[e.length-1]}`:1===e.length?String(e[0]):2===e.length&&e[1]===e[0]+1?`${e[0]} to ${e[1]}`:2===e.length?`${e[0]} or ${e[1]}`:`${e.slice(0,-1).join(", ")} or ${e[e.length-1]}`}getValidPhoneNumberLengths(){const t=mapCountry(this.country),e=new Metadata;e.selectNumberingPlan(t);const r=e.numberingPlan.possibleLengths();return this.getPhoneNumberLengthString(r)}getErrorMessageForCountry(){const t=mapCountry(this.country);return`Enter a valid ${this.getCountryName(t)} phone number. Use ${this.getValidPhoneNumberLengths()} digits.`}validateContact(){this.country?(this.resetErrors(),this.setValidityState(),!this.isValid&&this.touched&&this.showInternalErrors&&(this.visibleError=this.getErrorMessageForCountry(),this.contactError=this.visibleError)):this.validateCountry()}handleEmit(){const t=!!this.contact&&!!this.country;let e;try{e=t?parsePhoneNumberWithError(this.contact,mapCountry(this.country)):null}catch(t){e=null}let r=null;this.isValid||(r=this.country?this.getErrorMessageForCountry():this.COUNTRY_ERROR),this.vaContact.emit({callingCode:t&&null!==e?e.countryCallingCode:void 0,countryCode:this.country,contact:t&&null!==e?e.nationalNumber:this.contact,isValid:this.isValid,error:r,touched:this.touched})}validateCountry(){this.resetErrors(),this.touched||(this.touched=!0),this.country||(this.isValid=!1,this.showInternalErrors&&(this.visibleError=this.COUNTRY_ERROR,this.countryError=this.visibleError))}countryChange(t){const{value:e}=t.detail;this.country=e,this.validateContact(),this.handleEmit()}formatContact(t){const e=new AsYouType(mapCountry(this.country)).input(t);return""===e?t:e}buildCountryList(){const t=getCountries().filter((t=>t!==this.DEFAULT_COUNTRY));t.push(...Object.keys(DATA_MAP.countries));const e=t.sort(((t,e)=>{const r=this.getCountryName(t),a=this.getCountryName(e);return r.localeCompare(a)}));return[this.DEFAULT_COUNTRY,...e]}getCountryName(t){return t in DATA_MAP.names?DATA_MAP.names[t]:new Intl.DisplayNames(["en"],{type:"region"}).of(t.toUpperCase()).replace(/&/g,"and").replace(/St\./,"Saint")}componentWillLoad(){this.countries=this.buildCountryList(),""===this.country&&(this.country=this.DEFAULT_COUNTRY),this.visibleError=this.error}componentDidLoad(){this.contact&&(this.formattedContact=this.formatContact(this.contact),this.validateContact());const t=this.el.shadowRoot.querySelector("va-combo-box");t&&t.addEventListener("vaSelect",this.countryChange.bind(this)),this.handleEmit()}disconnectedCallback(){const t=this.el.shadowRoot.querySelector("va-combo-box");t&&t.removeEventListener("vaSelect",this.countryChange.bind(this))}getOptionText(t){const e=mapCountry(t);return t?`${this.getCountryName(t)} +${getCountryCallingCode(e)}`:""}handleBlur(){this.formattedContact&&(this.touched||(this.touched=!0),this.validateContact(),this.handleEmit())}render(){const{label:t,hint:e,countries:r,formattedContact:a,country:n,countryError:i,contactError:o,visibleError:s,noCountry:l,required:u}=this,c=classnames({"va-form-group--error":!!s}),d=classnames({"usa-legend":!0,"usa-label--error":!!s});return h(Host,{key:"54253fa5b89b38b2ea914c49f05d937caa9d4193",class:c},h("div",{key:"1e23884989293329068711b012157a8cb8b64b9c",class:"input-wrap"},h("fieldset",{key:"9a08b8bcbe3f791a139fde8d0bc69c8e7f70829b",class:"usa-form usa-fieldset"},h("legend",{key:"421a28d45e5cd9f3de2f792fff73690a9a701cbb",class:d},t,u&&h("span",{key:"15054372e38b7583c8392888f559c18a802e2474",class:"usa-label--required"}," ",instance.t("required")),e&&h("div",{key:"a3a8642a39d93d90fb1089aa4a544b8196058c16",class:"usa-hint"},e)),h("span",{key:"5ea0e83a1f433a413bf10d715f604b1c74c15f33",id:"error-message",role:"alert"},s&&s),h("div",{key:"9411f9629bae70a70da8667725cd3735031ac9e3",class:"va-input-telephone-wrapper",tabIndex:0},!l&&h("va-combo-box",{key:"08437e3b32e7e2349bcf7947f5b74d0352c75baa",label:"Country code",name:"country-codes","show-input-error":"false",error:i,value:n},r.map((t=>h("option",{value:t,key:t},this.getOptionText(t))))),h("va-text-input",{key:"e277a369d8f5da6f07c4c10851bd5dc192429064",label:"Phone number",type:"tel",autocomplete:"tel",inputmode:"tel",value:a,"show-input-error":"false",required:u,showRequiredText:!1,error:o,onInput:t=>this.updateContact(t),onBlur:()=>this.handleBlur()})))))}get el(){return this}static get watchers(){return{error:["syncErrorMessages"]}}static get style(){return VaTelephoneInputStyle0}},[1,"va-telephone-input",{contact:[1537],country:[1537],label:[1],hint:[1],error:[513],noCountry:[4,"no-country"],required:[4],showInternalErrors:[4,"show-internal-errors"],formattedContact:[32],countries:[32],countryError:[32],contactError:[32],isValid:[32],touched:[32],visibleError:[32]},void 0,{error:["syncErrorMessages"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-telephone-input","va-combo-box","va-icon","va-text-input"].forEach((t=>{switch(t){case"va-telephone-input":customElements.get(t)||customElements.define(t,VaTelephoneInput$1);break;case"va-combo-box":customElements.get(t)||defineCustomElement$4();break;case"va-icon":customElements.get(t)||defineCustomElement$3();break;case"va-text-input":customElements.get(t)||defineCustomElement$2()}}))}const VaTelephoneInput=VaTelephoneInput$1,defineCustomElement=defineCustomElement$1;export{VaTelephoneInput,defineCustomElement};
@@ -1 +1 @@
1
- import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{e as debounce,f as getMaxLength,h as getCharacterMessage,c as consoleDevError,i as isMessageSet,u as updateScreenReaderCount,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=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host .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.debouncedUpdateScreenReaderCount=debounce(updateScreenReaderCount,1e3),this.handleInput=e=>{const i=e.target;this.value=i.value,this.debouncedUpdateScreenReaderCount(this.charCountElement,this.value,getMaxLength(this.maxlength))},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"}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}componentDidRender(){this.charCountElement&&!this.charCountElement.innerText&&(this.charCountElement.innerText=getCharacterMessage(this.value,getMaxLength(this.maxlength)))}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")}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"}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:S,inputIconPrefix:P,inputSuffix:C,inputIconSuffix:I,errorHasPii:E=!1}=this,z=this.getInputType(),L=getMaxLength(this.maxlength),H=this.getInputmode(),k=this.getStep(),R=`${m?"input-message":""} ${i?"input-error-message":""} ${v&&L?"charcount-message":""}`.trim()||null,M=`${g&&x?"form-question":""} ${g?"form-description":""} ${g&&e?"input-label":""}`.trim()||null,V=this.getPattern(),_=classnames({"currency-wrapper":T,"usa-input-group":C||S||P||I}),A=(()=>"0"!==this.paddingLeftValue&&S?{paddingLeft:this.paddingLeftValue}:C?{paddingRight:this.paddingRightValue}:{})(),G=L&&(null==n?void 0:n.length)>L,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}),F=classnames({"usa-hint":!0,"usa-character-count__status":L,"usa-character-count__status--invalid":L&&(null==n?void 0:n.length)>L}),N=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:N},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:_},T&&h("div",{id:"symbol"},"$"),S&&h("div",{class:"usa-input-prefix",part:"input-prefix"},S.substring(0,25)),P&&h("div",{class:"usa-input-prefix",part:"input-prefix"},h("va-icon",{icon:P,size:3,part:"icon"})),h("input",{class:$,id:"inputField",type:z,onInput:l,onBlur:d,"aria-describedby":R,style:A,"aria-labelledby":M,"aria-invalid":s||i||G?"true":"false",inputmode:H,step:k,maxlength:L,pattern:V,name:u,autocomplete:o,required:r||null,part:"input",min:y,max:w,value:n}),C&&h("div",{class:"usa-input-suffix",part:"suffix","aria-hidden":"true"},C.substring(0,25)),I&&h("div",{class:"usa-input-suffix",part:"input-suffix"},h("va-icon",{icon:I,size:3,part:"icon"}))),isMessageSet(m)&&h("span",{id:"input-message",class:"usa-sr-only dd-privacy-hidden"},m),v&&L&&h(Fragment,null,h("span",{"aria-hidden":"true",class:F},getCharacterMessage(this.value,getMaxLength(this.maxlength))),h("span",{id:"charcount-message",class:"usa-sr-only","aria-live":"polite",ref:e=>this.charCountElement=e}))))}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};
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{e as debounce,f as getMaxLength,h as getCharacterMessage,c as consoleDevError,i as isMessageSet,u as updateScreenReaderCount,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=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host .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.debouncedUpdateScreenReaderCount=debounce(updateScreenReaderCount,1e3),this.handleInput=e=>{const i=e.target;this.value=i.value,this.debouncedUpdateScreenReaderCount(this.charCountElement,this.value,getMaxLength(this.maxlength))},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)&&this.value){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.showRequiredText=!0,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"}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}componentDidRender(){this.charCountElement&&!this.charCountElement.innerText&&(this.charCountElement.innerText=getCharacterMessage(this.value,getMaxLength(this.maxlength)))}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")}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"}render(){const{label:e,error:i,reflectInputError:t,showInputError:a,invalid:s,required:r,showRequiredText:n,value:u,name:o,autocomplete:p,hint:l,handleInput:d,handleBlur:c,success:m,messageAriaDescribedby:f,width:g,useFormsPattern:b,formHeadingLevel:x,formHeading:v,charcount:y,min:w,max:T,currency:S,inputPrefix:P,inputIconPrefix:C,inputSuffix:I,inputIconSuffix:E,errorHasPii:z=!1}=this,L=this.getInputType(),H=getMaxLength(this.maxlength),R=this.getInputmode(),k=this.getStep(),M=`${f?"input-message":""} ${i?"input-error-message":""} ${y&&H?"charcount-message":""}`.trim()||null,V=`${b&&v?"form-question":""} ${b?"form-description":""} ${b&&e?"input-label":""}`.trim()||null,q=this.getPattern(),_=classnames({"currency-wrapper":S,"usa-input-group":I||P||C||E}),A=(()=>"0"!==this.paddingLeftValue&&P?{paddingLeft:this.paddingLeftValue}:I?{paddingRight:this.paddingRightValue}:{})(),G=H&&(null==u?void 0:u.length)>H,$=classnames({"usa-label":!0,"usa-label--error":i}),F=classnames({"usa-input":!0,"usa-input--success":m,"usa-input--error":i||t,[`usa-input--${g}`]:g}),N=classnames({"usa-hint":!0,"usa-character-count__status":H,"usa-character-count__status--invalid":H&&(null==u?void 0:u.length)>H}),W=classnames({"usa-sr-only":!a}),D=classnames({"usa-error-message":!0,"dd-privacy-hidden":z});let j=null;if("single"===b||"multiple"===b){const e=getHeaderLevel(x);j=h(Fragment,null,v&&h(e,{id:"form-question",part:"form-header"},v),h("div",{id:"form-description"},h("slot",{name:"form-description"})))}return h(Host,null,j,h("div",{class:"input-wrap"},e&&h("label",{htmlFor:"inputField",id:"input-label",class:$,part:"label"},e,r&&n&&h("span",{class:"usa-label--required"}," ",instance.t("required")),l&&h("span",{class:"usa-hint"},l)),h("slot",null),h("span",{id:"input-error-message",role:"alert",class:W},i&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:D,"data-dd-action-name":z?"input error":void 0},i))),h("div",{class:_},S&&h("div",{id:"symbol"},"$"),P&&h("div",{class:"usa-input-prefix",part:"input-prefix"},P.substring(0,25)),C&&h("div",{class:"usa-input-prefix",part:"input-prefix"},h("va-icon",{icon:C,size:3,part:"icon"})),h("input",{class:F,id:"inputField",type:L,onInput:d,onBlur:c,"aria-describedby":M,style:A,"aria-labelledby":V,"aria-invalid":s||i||G?"true":"false",inputmode:R,step:k,maxlength:H,pattern:q,name:o,autocomplete:p,required:r||null,part:"input",min:w,max:T,value:u}),I&&h("div",{class:"usa-input-suffix",part:"suffix","aria-hidden":"true"},I.substring(0,25)),E&&h("div",{class:"usa-input-suffix",part:"input-suffix"},h("va-icon",{icon:E,size:3,part:"icon"}))),isMessageSet(f)&&h("span",{id:"input-message",class:"usa-sr-only dd-privacy-hidden"},f),y&&H&&h(Fragment,null,h("span",{"aria-hidden":"true",class:N},getCharacterMessage(this.value,getMaxLength(this.maxlength))),h("span",{id:"charcount-message",class:"usa-sr-only","aria-live":"polite",ref:e=>this.charCountElement=e}))))}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],showRequiredText:[4,"show-required-text"],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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@department-of-veterans-affairs/component-library",
3
3
  "description": "VA.gov component library. Includes React and web components.",
4
- "version": "52.1.1",
4
+ "version": "52.1.2-rc2",
5
5
  "license": "MIT",
6
6
  "scripts": {
7
7
  "build": "webpack"
@@ -15,8 +15,8 @@
15
15
  "types": "dist/components/types/index.d.ts",
16
16
  "module": "src/main.js",
17
17
  "dependencies": {
18
- "@department-of-veterans-affairs/react-components": "28.1.0",
19
- "@department-of-veterans-affairs/web-components": "20.1.1",
18
+ "@department-of-veterans-affairs/react-components": "workspace:*",
19
+ "@department-of-veterans-affairs/web-components": "workspace:*",
20
20
  "i18next": "^21.6.14",
21
21
  "i18next-browser-languagedetector": "^6.1.4",
22
22
  "react-focus-on": "^3.5.1",
@@ -35,4 +35,4 @@
35
35
  "react": "^19",
36
36
  "react-dom": "*"
37
37
  }
38
- }
38
+ }