@department-of-veterans-affairs/component-library 50.4.0 → 51.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/0.app.bundle.js +1 -1
- package/dist/141.app.bundle.js +1 -1
- package/dist/1822.app.bundle.js +1 -1
- package/dist/1966.app.bundle.js +1 -1
- package/dist/2205.app.bundle.js +1 -1
- package/dist/2236.app.bundle.js +1 -1
- package/dist/2482.app.bundle.js +1 -1
- package/dist/251.app.bundle.js +1 -1
- package/dist/2986.app.bundle.js +1 -1
- package/dist/323.app.bundle.js +1 -1
- package/dist/3305.app.bundle.js +2 -0
- package/dist/3397.app.bundle.js +1 -1
- package/dist/3589.app.bundle.js +1 -1
- package/dist/4351.app.bundle.js +1 -1
- package/dist/4400.app.bundle.js +1 -1
- package/dist/4432.app.bundle.js +1 -1
- package/dist/4475.app.bundle.js +1 -1
- package/dist/4780.app.bundle.js +1 -1
- package/dist/5119.app.bundle.js +1 -1
- package/dist/5663.app.bundle.js +1 -1
- package/dist/5689.app.bundle.js +1 -1
- package/dist/5845.app.bundle.js +1 -1
- package/dist/5990.app.bundle.js +1 -1
- package/dist/6498.app.bundle.js +1 -1
- package/dist/6555.app.bundle.js +1 -1
- package/dist/6650.app.bundle.js +1 -1
- package/dist/6718.app.bundle.js +1 -1
- package/dist/6832.app.bundle.js +1 -1
- package/dist/7166.app.bundle.js +1 -1
- package/dist/7307.app.bundle.js +1 -1
- package/dist/7372.app.bundle.js +1 -1
- package/dist/7481.app.bundle.js +1 -1
- package/dist/7495.app.bundle.js +1 -1
- package/dist/7508.app.bundle.js +1 -0
- package/dist/7734.app.bundle.js +1 -1
- package/dist/8255.app.bundle.js +2 -0
- package/dist/8255.app.bundle.js.LICENSE.txt +5 -0
- package/dist/8463.app.bundle.js +1 -1
- package/dist/8913.app.bundle.js +1 -1
- package/dist/9186.app.bundle.js +1 -1
- package/dist/9474.app.bundle.js +1 -1
- package/dist/9496.app.bundle.js +1 -1
- package/dist/9851.app.bundle.js +1 -1
- package/dist/app.bundle.js +1 -1
- package/dist/components/index.d.ts +4 -2
- package/dist/components/index.js +1 -1
- package/dist/components/types/components.d.ts +253 -118
- package/dist/components/utils.js +1 -1
- package/dist/components/va-accordion-item2.js +1 -1
- package/dist/components/va-additional-info.js +1 -1
- package/dist/components/va-button-segmented.d.ts +11 -0
- package/dist/components/va-button-segmented.js +1 -0
- package/dist/components/va-card2.js +1 -1
- package/dist/components/va-checkbox-group2.js +1 -1
- package/dist/components/va-checkbox2.js +1 -1
- package/dist/components/va-combo-box2.js +4 -4
- package/dist/components/va-crisis-line-modal2.js +1 -1
- package/dist/components/va-file-input-multiple.js +1 -1
- package/dist/components/va-file-input2.js +1 -1
- package/dist/components/va-header-minimal.js +1 -1
- package/dist/components/va-icon2.js +1 -1
- package/dist/components/va-language-toggle.js +1 -1
- package/dist/components/va-link-action.js +1 -1
- package/dist/components/va-link2.js +1 -1
- package/dist/components/va-loading-indicator.js +1 -1
- package/dist/components/va-minimal-footer.js +1 -1
- package/dist/components/va-need-help.js +1 -1
- package/dist/components/va-official-gov-banner2.js +1 -1
- package/dist/components/va-omb-info.js +1 -1
- package/dist/components/va-privacy-agreement.js +1 -1
- package/dist/components/va-process-list-item.js +1 -1
- package/dist/components/va-process-list.js +1 -1
- package/dist/components/va-progress-bar2.js +1 -1
- package/dist/components/va-radio-option.js +1 -1
- package/dist/components/va-radio.js +1 -1
- package/dist/components/va-search-filter.js +1 -1
- package/dist/components/va-search-input.js +1 -1
- package/dist/components/va-segmented-progress-bar.js +1 -1
- package/dist/components/va-select2.js +1 -1
- package/dist/components/va-statement-of-truth.js +1 -1
- package/dist/components/va-summary-box.js +1 -1
- package/dist/components/va-table-inner2.js +1 -1
- package/dist/components/va-table-row.js +1 -1
- package/dist/components/va-table.js +1 -1
- package/dist/components/{va-input-telephone.d.ts → va-telephone-input.d.ts} +4 -4
- package/dist/components/va-telephone-input.js +1 -0
- package/dist/components/va-telephone2.js +1 -1
- package/dist/components/va-text-input2.js +1 -1
- package/dist/components/va-textarea.js +1 -1
- package/dist/main.css +1 -1
- package/dist/react-bindings/index.d.ts +2 -1
- package/dist/react-bindings/index.js +1 -1
- package/dist/react-bindings/index.js.map +1 -1
- package/dist/react-bindings/index.ts +2 -1
- package/package.json +2 -2
- package/dist/4775.app.bundle.js +0 -2
- package/dist/7373.app.bundle.js +0 -1
- package/dist/components/va-input-telephone.js +0 -1
- /package/dist/{4775.app.bundle.js.LICENSE.txt → 3305.app.bundle.js.LICENSE.txt} +0 -0
package/dist/5845.app.bundle.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 5845.app.bundle.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[4569,5845],{4569:function(t,e,a){a.r(e),a.d(e,{c:function(){return s}});var o,u={exports:{}};o=u,function(){var t={}.hasOwnProperty;function e(){for(var a=[],o=0;o<arguments.length;o++){var u=arguments[o];if(u){var s=typeof u;if("string"===s||"number"===s)a.push(u);else if(Array.isArray(u)){if(u.length){var n=e.apply(null,u);n&&a.push(n)}}else if("object"===s)if(u.toString===Object.prototype.toString)for(var i in u)t.call(u,i)&&u[i]&&a.push(i);else a.push(u.toString())}}return a.join(" ")}o.exports?(e.default=e,o.exports=e):window.classNames=e}();var s=u.exports},5845:function(t,e,a){a.r(e),a.d(e,{va_search_input:function(){return s}});var o=a(7911),u=a(4569),s=function(){function t(t){var e=this;(0,o.r)(this,t),this.componentLibraryAnalytics=(0,o.c)(this,"component-library-analytics",7),this.handleBlur=function(){e.disableAnalytics||e.componentLibraryAnalytics.emit({componentName:"va-search-input",action:"blur",details:{value:e.value}}),e.isTouched=!1,e.isListboxOpen=!1},this.handleSubmit=function(){var t=e.el.shadowRoot.querySelector("form");t&&(t.onsubmit=function(t){t.preventDefault()}),e.el.dispatchEvent(new SubmitEvent("submit",{bubbles:!0,cancelable:!0,composed:!0})),e.disableAnalytics||e.componentLibraryAnalytics.emit({componentName:"va-search-input",action:"click",details:{value:e.value}})},this.handleInput=function(t){e.value=t.target.value,e.showClearButton=!!e.value,e.suggestions&&e.updateSuggestions(e.suggestions)},this.handleInputFocus=function(){e.isTouched=!0,e.formattedSuggestions.length&&!e.isListboxOpen&&(e.isListboxOpen=!0)},this.handleInputKeyDown=function(t){var a=e.el.shadowRoot.querySelectorAll('[role="option"]');switch(t.key){case"ArrowDown":if(t.preventDefault(),!(null==a?void 0:a.length))return;var o=a[0];e.selectSuggestion(o);break;case"ArrowUp":if(t.preventDefault(),!(null==a?void 0:a.length))return;var u=a[a.length-1];e.selectSuggestion(u);break;case"Enter":t.preventDefault(),e.handleSubmit();break;case"Escape":e.inputRef.value="",e.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}));break;case"Tab":e.isListboxOpen=!1}},this.handleButtonClick=function(){e.handleSubmit()},this.handleClearButtonClick=function(){e.inputRef.value="",e.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),e.inputRef.focus()},this.handleListboxClick=function(t){var a=e.el.shadowRoot.getElementById("listbox-option-".concat(t));e.inputRef.value=a.innerText,e.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),e.inputRef.removeAttribute("aria-activedescendant"),e.isListboxOpen=!1,e.value=a.innerText,e.handleSubmit()},this.handleListboxKeyDown=function(t,a){var o=e.el.shadowRoot.querySelectorAll('[role="option"]');switch(t.key){case"ArrowUp":t.preventDefault(),0===a?e.selectSuggestion(o[o.length-1]):e.selectSuggestion(o[a-1]);break;case"ArrowDown":t.preventDefault(),a===o.length-1?e.selectSuggestion(o[0]):e.selectSuggestion(o[a+1]);break;case"Enter":t.preventDefault(),e.inputRef.value=o[a].innerText,e.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),e.inputRef.focus(),e.inputRef.removeAttribute("aria-activedescendant"),e.isListboxOpen=!1,e.isTouched=!1,e.handleSubmit();break;case"Escape":e.inputRef.value="",e.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),e.inputRef.focus(),e.inputRef.removeAttribute("aria-activedescendant"),e.isListboxOpen=!1;break;case"Home":t.preventDefault(),e.inputRef.focus(),e.inputRef.setSelectionRange(0,0);break;case"ArrowRight":case"End":t.preventDefault(),e.inputRef.focus(),e.inputRef.setSelectionRange(e.inputRef.value.length+1,e.inputRef.value.length+1);break;case"ArrowLeft":t.preventDefault(),e.inputRef.focus(),e.inputRef.setSelectionRange(e.inputRef.value.length,e.inputRef.value.length);break;default:e.inputRef.focus()}},this.formatSuggestion=function(t){var a=t.toLowerCase(),u=e.inputRef.value.toLowerCase();return a.includes(u)?(0,o.h)(o.F,null,u,(0,o.h)("strong",null,a.replace(u,""))):(0,o.h)("strong",null,a)},this.selectSuggestion=function(t){var a=e.el.shadowRoot.querySelector('[aria-selected="true"]');null==a||a.removeAttribute("aria-selected"),t.focus(),t.setAttribute("aria-selected","true"),e.inputRef.setAttribute("aria-activedescendant",t.id)},this.updateSuggestions=function(t){if(!t.length)return e.formattedSuggestions=[],void(e.isListboxOpen=!1);e.formattedSuggestions=t.slice(0,5).sort().map((function(t){return e.formatSuggestion(t)})),e.isTouched?e.isListboxOpen=!0:e.isListboxOpen=!1},this.formattedSuggestions=[],this.isListboxOpen=void 0,this.isTouched=!1,this.buttonText="Search",this.label="Search",this.suggestions=void 0,this.value="",this.big=!1,this.small=!1,this.disableAnalytics=!1,this.showClearButton=!1}return t.prototype.componentWillLoad=function(){this.showClearButton=!!this.value},t.prototype.componentDidLoad=function(){var t;Array.isArray(this.suggestions)&&(null===(t=this.suggestions)||void 0===t?void 0:t.length)&&this.updateSuggestions(this.suggestions)},t.prototype.watchValueHandler=function(){this.value=this.inputRef.value},t.prototype.watchSuggestionsHandler=function(t){Array.isArray(t)&&this.updateSuggestions(t)},t.prototype.render=function(){var t=this,e=this,a=e.buttonText,s=e.formattedSuggestions,n=e.handleBlur,i=e.handleButtonClick,r=e.handleClearButtonClick,b=e.handleInput,l=e.handleInputFocus,d=e.handleInputKeyDown,c=e.handleListboxClick,h=e.handleListboxKeyDown,p=e.isListboxOpen,v=e.label,f=e.value,m=e.big,g=e.small,y=e.showClearButton,w=s.length,x=w?"list":"none",k=w?"va-search-listbox":void 0,_=w?p?"true":"false":void 0,S=w?"listbox":void 0,D=w?"combobox":void 0,C=(0,u.c)({"usa-search":!0,"usa-search--big":m&&!g,"usa-search--small":g&&!m}),R=(0,u.c)({"usa-search__clear-input":!0,"usa-search__clear-input_empty":!y});return(0,o.h)(o.H,{key:"4b008c9b81104ea13a0654156867387336b1c2d5",onBlur:n},(0,o.h)("form",{key:"f19d9a547a33ff7ca570b327eb10eb2bdded974a",class:C,role:"search"},(0,o.h)("label",{key:"2f62516ed2264c9c722a2cc229c06d9e092095a3",class:"usa-sr-only",htmlFor:"search-field"},v),(0,o.h)("div",{key:"f004b086041941d91c3b3ed7ddcf6a93d9b87c24",class:"usa-search__input-wrapper"},(0,o.h)("input",{key:"8bc6206bf7f5c9fd9d783659fc90a0ae2a7375f5",class:"usa-input",id:"search-field",name:"search",type:"search",ref:function(e){return t.inputRef=e},"aria-autocomplete":x,"aria-controls":k,"aria-expanded":_,"aria-haspopup":S,"aria-label":v,autocomplete:"off",onFocus:l,onInput:b,onKeyDown:d,role:D,value:f}),(0,o.h)("button",{key:"c19625c5ba6559dc96d172b365001fc22c501865",type:"button",onClick:r,class:R,"aria-label":"Clear the search contents"},(0,o.h)("va-icon",{key:"d266679cd1693358ba436cd5dae1b959f6f381a7",class:"usa-search__clear-icon",icon:"close",size:3})),(0,o.h)("button",{key:"cfd856ce7ad2203148e8faad8b59577d872ba7e4",class:"usa-button",type:"submit",onClick:i},!g&&(0,o.h)("span",{key:"74708b8070b1775c2f1c80f5e0ae33f4e4258d84",class:"usa-search__submit-text"},a),(0,o.h)("va-icon",{key:"45b993ae85aa2338cf32457daf08fa2618b85c13",class:"usa-search__submit-icon",icon:"search",size:3}))),p&&(0,o.h)("ul",{key:"36fcde1345e1be69a4b5c88b28c7bd7888f8f308",id:"va-search-listbox","aria-label":"Search Suggestions",role:"listbox"},s.map((function(t,e){return(0,o.h)("li",{id:"listbox-option-".concat(e),class:"va-search-suggestion",onClick:function(){return c(e)},onKeyDown:function(t){return h(t,e)},role:"option",tabIndex:-1},t)})))))},Object.defineProperty(t.prototype,"el",{get:function(){return(0,o.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(t,"watchers",{get:function(){return{value:["watchValueHandler"],suggestions:["watchSuggestionsHandler"]}},enumerable:!1,configurable:!0}),t}();s.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0.1rem solid var(--vads-color-base-dark);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--vads-color-base-darkest);display:block;font-size:1.06rem;height:2.625rem;line-height:1.3;margin:0.2em 0;max-width:46rem;padding:1rem 0.7em;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-search{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;position:relative}.usa-search::after{clear:both;content:"";display:block}.usa-search[role=search],.usa-search[role=search]>div,.usa-search [role=search]{display:-ms-flexbox;display:flex}.usa-search [type=submit]{border-bottom-left-radius:0;border-top-left-radius:0;height:2rem;margin:0;padding:0;width:3rem}@media all and (min-width: 30em){.usa-search [type=submit]{padding-left:1rem;padding-right:1rem;width:auto}}@media (forced-colors: active){.usa-search [type=submit]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;content:"";vertical-align:middle;margin-right:auto}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-search [type=submit]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}.usa-search [type=submit]:focus{outline-offset:0}}@media (forced-colors: active) and (min-width: 30em){.usa-search [type=submit]::before{content:none}}@media all and (min-width: 30em){.usa-search__submit-icon{display:none}}@media (forced-colors: active){.usa-search__submit-icon{display:none}}@media all and (min-width: 30em){.usa-search--big [type=search],.usa-search--big .usa-search__input{font-size:1.06rem;height:3rem}}@media all and (min-width: 30em){.usa-search--big [type=submit],.usa-search--big .usa-search__submit{padding-left:2rem;padding-right:2rem;font-size:1.46rem;height:3rem;width:auto}}.usa-search--small [type=submit],.usa-search--small .usa-search__submit{padding-left:0.75rem;padding-right:0.75rem;min-width:3rem}@media (forced-colors: active) and (min-width: 30em){.usa-search--small [type=submit]::before{content:""}}.usa-search--small .usa-search__submit-icon{height:1.5rem;width:1.5rem;display:block}@media (forced-colors: active){.usa-search--small .usa-search__submit-icon{display:none}}input[type=search]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=search],.usa-search__input{padding-bottom:0;padding-top:0;border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;font-size:1rem;height:2rem;margin:0}.usa-search__submit-text{display:none}@media all and (min-width: 30em){.usa-search__submit-text{display:block}}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0}:host input[type=search]::-webkit-search-decoration,:host input[type=search]::-webkit-search-cancel-button,:host input[type=search]::-webkit-search-results-button,:host input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.usa-input{margin-top:0}#va-search-listbox{position:absolute;top:37px;left:0;right:0;z-index:1;background-color:var(--vads-color-white);-webkit-box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);line-height:24px;list-style-type:none;margin:0;padding:0}.va-search-suggestion{cursor:pointer;padding:8px}.va-search-suggestion[aria-selected=true],.va-search-suggestion:focus,.va-search-suggestion:hover{background-color:var(--vads-color-primary);color:var(--vads-color-white)}:host([big=true]) #va-search-listbox{top:52px}.usa-input{max-width:1024px}@media screen and (min-width: 480px){:host .usa-search [type=submit]{width:auto}}.usa-search__clear-input{cursor:pointer;background-color:transparent;opacity:0.6;border:0px;bottom:1px;position:absolute;top:1px;z-index:100;right:calc(3rem + 3px);margin-right:32px}button.usa-search__clear-input:not([disabled]):focus{outline-offset:-4px}:host([big=true]) .usa-search__clear-input{right:calc(6rem + 6px)}:host([small=true]) .usa-search__clear-input{right:calc(0.5rem + 6px)}@media (max-width: 29.99em){.usa-search__clear-input{right:calc(0.5rem + 6px) !important}}.usa-search__clear-input_empty{display:none}.usa-search__input-wrapper{width:100%;max-width:1024px;position:relative}'}}]);
|
|
2
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[4569,5845],{4569:function(t,e,a){a.r(e),a.d(e,{c:function(){return s}});var o,u={exports:{}};o=u,function(){var t={}.hasOwnProperty;function e(){for(var a=[],o=0;o<arguments.length;o++){var u=arguments[o];if(u){var s=typeof u;if("string"===s||"number"===s)a.push(u);else if(Array.isArray(u)){if(u.length){var n=e.apply(null,u);n&&a.push(n)}}else if("object"===s)if(u.toString===Object.prototype.toString)for(var i in u)t.call(u,i)&&u[i]&&a.push(i);else a.push(u.toString())}}return a.join(" ")}o.exports?(e.default=e,o.exports=e):window.classNames=e}();var s=u.exports},5845:function(t,e,a){a.r(e),a.d(e,{va_search_input:function(){return s}});var o=a(7911),u=a(4569),s=function(){function t(t){var e=this;(0,o.r)(this,t),this.componentLibraryAnalytics=(0,o.c)(this,"component-library-analytics",7),this.handleBlur=function(){e.disableAnalytics||e.componentLibraryAnalytics.emit({componentName:"va-search-input",action:"blur",details:{value:e.value}}),e.isTouched=!1,e.isListboxOpen=!1},this.handleSubmit=function(){var t=e.el.shadowRoot.querySelector("form");t&&(t.onsubmit=function(t){t.preventDefault()}),e.el.dispatchEvent(new SubmitEvent("submit",{bubbles:!0,cancelable:!0,composed:!0})),e.disableAnalytics||e.componentLibraryAnalytics.emit({componentName:"va-search-input",action:"click",details:{value:e.value}})},this.handleInput=function(t){e.value=t.target.value,e.showClearButton=!!e.value,e.suggestions&&e.updateSuggestions(e.suggestions)},this.handleInputFocus=function(){e.isTouched=!0,e.formattedSuggestions.length&&!e.isListboxOpen&&(e.isListboxOpen=!0)},this.handleInputKeyDown=function(t){var a=e.el.shadowRoot.querySelectorAll('[role="option"]');switch(t.key){case"ArrowDown":if(t.preventDefault(),!(null==a?void 0:a.length))return;var o=a[0];e.selectSuggestion(o);break;case"ArrowUp":if(t.preventDefault(),!(null==a?void 0:a.length))return;var u=a[a.length-1];e.selectSuggestion(u);break;case"Enter":t.preventDefault(),e.handleSubmit();break;case"Escape":e.inputRef.value="",e.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}));break;case"Tab":e.isListboxOpen=!1}},this.handleButtonClick=function(){e.handleSubmit()},this.handleClearButtonClick=function(){e.inputRef.value="",e.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),e.inputRef.focus()},this.handleListboxClick=function(t){var a=e.el.shadowRoot.getElementById("listbox-option-".concat(t));e.inputRef.value=a.innerText,e.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),e.inputRef.removeAttribute("aria-activedescendant"),e.isListboxOpen=!1,e.value=a.innerText,e.handleSubmit()},this.handleListboxKeyDown=function(t,a){var o=e.el.shadowRoot.querySelectorAll('[role="option"]');switch(t.key){case"ArrowUp":t.preventDefault(),0===a?e.selectSuggestion(o[o.length-1]):e.selectSuggestion(o[a-1]);break;case"ArrowDown":t.preventDefault(),a===o.length-1?e.selectSuggestion(o[0]):e.selectSuggestion(o[a+1]);break;case"Enter":t.preventDefault(),e.inputRef.value=o[a].innerText,e.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),e.inputRef.focus(),e.inputRef.removeAttribute("aria-activedescendant"),e.isListboxOpen=!1,e.isTouched=!1,e.handleSubmit();break;case"Escape":e.inputRef.value="",e.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),e.inputRef.focus(),e.inputRef.removeAttribute("aria-activedescendant"),e.isListboxOpen=!1;break;case"Home":t.preventDefault(),e.inputRef.focus(),e.inputRef.setSelectionRange(0,0);break;case"ArrowRight":case"End":t.preventDefault(),e.inputRef.focus(),e.inputRef.setSelectionRange(e.inputRef.value.length+1,e.inputRef.value.length+1);break;case"ArrowLeft":t.preventDefault(),e.inputRef.focus(),e.inputRef.setSelectionRange(e.inputRef.value.length,e.inputRef.value.length);break;default:e.inputRef.focus()}},this.formatSuggestion=function(t){var a=t.toLowerCase(),u=e.inputRef.value.toLowerCase();return a.includes(u)?(0,o.h)(o.F,null,u,(0,o.h)("strong",null,a.replace(u,""))):(0,o.h)("strong",null,a)},this.selectSuggestion=function(t){var a=e.el.shadowRoot.querySelector('[aria-selected="true"]');null==a||a.removeAttribute("aria-selected"),t.focus(),t.setAttribute("aria-selected","true"),e.inputRef.setAttribute("aria-activedescendant",t.id)},this.updateSuggestions=function(t){if(!t.length)return e.formattedSuggestions=[],void(e.isListboxOpen=!1);e.formattedSuggestions=t.slice(0,5).sort().map((function(t){return e.formatSuggestion(t)})),e.isTouched?e.isListboxOpen=!0:e.isListboxOpen=!1},this.formattedSuggestions=[],this.isListboxOpen=void 0,this.isTouched=!1,this.buttonText="Search",this.label="Search",this.suggestions=void 0,this.value="",this.big=!1,this.small=!1,this.disableAnalytics=!1,this.showClearButton=!1}return t.prototype.componentWillLoad=function(){this.showClearButton=!!this.value},t.prototype.componentDidLoad=function(){var t;Array.isArray(this.suggestions)&&(null===(t=this.suggestions)||void 0===t?void 0:t.length)&&this.updateSuggestions(this.suggestions)},t.prototype.watchValueHandler=function(){this.value=this.inputRef.value},t.prototype.watchSuggestionsHandler=function(t){Array.isArray(t)&&this.updateSuggestions(t)},t.prototype.render=function(){var t=this,e=this,a=e.buttonText,s=e.formattedSuggestions,n=e.handleBlur,i=e.handleButtonClick,r=e.handleClearButtonClick,b=e.handleInput,l=e.handleInputFocus,d=e.handleInputKeyDown,c=e.handleListboxClick,h=e.handleListboxKeyDown,p=e.isListboxOpen,v=e.label,f=e.value,m=e.big,g=e.small,y=e.showClearButton,w=s.length,x=w?"list":"none",k=w?"va-search-listbox":void 0,_=w?p?"true":"false":void 0,S=w?"listbox":void 0,D=w?"combobox":void 0,C=(0,u.c)({"usa-search":!0,"usa-search--big":m&&!g,"usa-search--small":g&&!m}),R=(0,u.c)({"usa-search__clear-input":!0,"usa-search__clear-input_empty":!y});return(0,o.h)(o.H,{key:"18a6185d1f835c8e0f409541cae9a449f8623fe5",onBlur:n},(0,o.h)("form",{key:"68dfd3ce53969e68840f816fe941c06ed94abd7a",class:C,role:"search"},(0,o.h)("label",{key:"beb520ad41665b2baad65dc8bf5bef3b125ce0e4",class:"usa-sr-only",htmlFor:"search-field"},v),(0,o.h)("div",{key:"e1218a912961c3bc37bba47e036d140672711d72",class:"usa-search__input-wrapper"},(0,o.h)("input",{key:"72d06de707f0a363448af2cee59f85133c79b5d7",class:"usa-input",id:"search-field",name:"search",type:"search",ref:function(e){return t.inputRef=e},"aria-autocomplete":x,"aria-controls":k,"aria-expanded":_,"aria-haspopup":S,"aria-label":v,autocomplete:"off",onFocus:l,onInput:b,onKeyDown:d,role:D,value:f}),(0,o.h)("button",{key:"41f7030549ca25b4751c987afc77f93431de1220",type:"button",onClick:r,class:R,"aria-label":"Clear the search contents"},(0,o.h)("va-icon",{key:"be09bf0bc84098c35fcffc0a044b2d01182601d4",class:"usa-search__clear-icon",icon:"close",size:3})),(0,o.h)("button",{key:"cb0a1cd1f8a27dd2dff043325af4aa16731aacb9",class:"usa-button",type:"submit",onClick:i},!g&&(0,o.h)("span",{key:"902553805bed4cab5d2400722832d5ff11414ce1",class:"usa-search__submit-text"},a),(0,o.h)("va-icon",{key:"488586f5c7842cb042fa832361854b7e5a48b0ae",class:"usa-search__submit-icon",icon:"search",size:3,srtext:"Search"}))),p&&(0,o.h)("ul",{key:"2eadfb23224997b179e38e97f201f399aacc06b7",id:"va-search-listbox","aria-label":"Search Suggestions",role:"listbox"},s.map((function(t,e){return(0,o.h)("li",{id:"listbox-option-".concat(e),class:"va-search-suggestion",onClick:function(){return c(e)},onKeyDown:function(t){return h(t,e)},role:"option",tabIndex:-1},t)})))))},Object.defineProperty(t.prototype,"el",{get:function(){return(0,o.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(t,"watchers",{get:function(){return{value:["watchValueHandler"],suggestions:["watchSuggestionsHandler"]}},enumerable:!1,configurable:!0}),t}();s.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0.1rem solid var(--vads-color-base-dark);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--vads-color-base-darkest);display:block;font-size:1.06rem;height:2.625rem;line-height:1.3;margin:0.2em 0;max-width:46rem;padding:1rem 0.7em;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-search{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;position:relative}.usa-search::after{clear:both;content:"";display:block}.usa-search[role=search],.usa-search[role=search]>div,.usa-search [role=search]{display:-ms-flexbox;display:flex}.usa-search [type=submit]{border-bottom-left-radius:0;border-top-left-radius:0;height:2rem;margin:0;padding:0;width:3rem}@media all and (min-width: 30em){.usa-search [type=submit]{padding-left:1rem;padding-right:1rem;width:auto}}@media (forced-colors: active){.usa-search [type=submit]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;content:"";vertical-align:middle;margin-right:auto}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-search [type=submit]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}.usa-search [type=submit]:focus{outline-offset:0}}@media (forced-colors: active) and (min-width: 30em){.usa-search [type=submit]::before{content:none}}@media all and (min-width: 30em){.usa-search__submit-icon{display:none}}@media (forced-colors: active){.usa-search__submit-icon{display:none}}@media all and (min-width: 30em){.usa-search--big [type=search],.usa-search--big .usa-search__input{font-size:1.06rem;height:3rem}}@media all and (min-width: 30em){.usa-search--big [type=submit],.usa-search--big .usa-search__submit{padding-left:2rem;padding-right:2rem;font-size:1.46rem;height:3rem;width:auto}}.usa-search--small [type=submit],.usa-search--small .usa-search__submit{padding-left:0.75rem;padding-right:0.75rem;min-width:3rem}@media (forced-colors: active) and (min-width: 30em){.usa-search--small [type=submit]::before{content:""}}.usa-search--small .usa-search__submit-icon{height:1.5rem;width:1.5rem;display:block}@media (forced-colors: active){.usa-search--small .usa-search__submit-icon{display:none}}input[type=search]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=search],.usa-search__input{padding-bottom:0;padding-top:0;border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;font-size:1rem;height:2rem;margin:0}.usa-search__submit-text{display:none}@media all and (min-width: 30em){.usa-search__submit-text{display:block}}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0}:host input[type=search]::-webkit-search-decoration,:host input[type=search]::-webkit-search-cancel-button,:host input[type=search]::-webkit-search-results-button,:host input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.usa-input{margin-top:0}#va-search-listbox{position:absolute;top:37px;left:0;right:0;z-index:1;background-color:var(--vads-color-white);-webkit-box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);line-height:24px;list-style-type:none;margin:0;padding:0}.va-search-suggestion{cursor:pointer;padding:8px}.va-search-suggestion[aria-selected=true],.va-search-suggestion:focus,.va-search-suggestion:hover{background-color:var(--vads-color-primary);color:var(--vads-color-white)}:host([big=true]) #va-search-listbox{top:52px}.usa-input{max-width:1024px}@media screen and (min-width: 480px){:host .usa-search [type=submit]{width:auto}}.usa-search__clear-input{cursor:pointer;background-color:transparent;opacity:0.6;border:0px;bottom:1px;position:absolute;top:1px;z-index:100;right:calc(3rem + 3px);margin-right:32px}button.usa-search__clear-input:not([disabled]):focus{outline-offset:-4px}:host([big=true]) .usa-search__clear-input{right:calc(6rem + 6px)}:host([small=true]) .usa-search__clear-input{right:calc(0.5rem + 6px)}@media (max-width: 29.99em){.usa-search__clear-input{right:calc(0.5rem + 6px) !important}}.usa-search__clear-input_empty{display:none}.usa-search__input-wrapper{width:100%;max-width:1024px;position:relative}'}}]);
|
package/dist/5990.app.bundle.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 5990.app.bundle.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[4569,5990],{4569:function(t,o,e){e.r(o),e.d(o,{c:function(){return r}});var i,n={exports:{}};i=n,function(){var t={}.hasOwnProperty;function o(){for(var e=[],i=0;i<arguments.length;i++){var n=arguments[i];if(n){var r=typeof n;if("string"===r||"number"===r)e.push(n);else if(Array.isArray(n)){if(n.length){var a=o.apply(null,n);a&&e.push(a)}}else if("object"===r)if(n.toString===Object.prototype.toString)for(var s in n)t.call(n,s)&&n[s]&&e.push(s);else e.push(n.toString())}}return e.join(" ")}i.exports?(o.default=o,i.exports=o):window.classNames=o}();var r=n.exports},5990:function(t,o,e){e.r(o),e.d(o,{va_additional_info:function(){return r}});var i=e(7911),n=e(4569),r=function(){function t(t){(0,i.r)(this,t),this.componentLibraryAnalytics=(0,i.c)(this,"component-library-analytics",7),this.open=void 0,this.trigger=void 0,this.disableAnalytics=!1,this.disableBorder=!1}return t.prototype.handleResize=function(){this.updateInfoMaxHeight()},t.prototype.toggleOpen=function(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-additional-info",action:this.open?"collapse":"expand",details:{triggerText:this.trigger}}),this.open=!this.open},t.prototype.handleKeydown=function(t){" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),this.toggleOpen())},t.prototype.updateInfoMaxHeight=function(){var t,o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById("info");if(o){var e=o.scrollHeight+"px";o.style.setProperty("--calc-max-height","calc("+e+" + 1.125rem)")}},t.prototype.componentDidRender=function(){var t=this;requestAnimationFrame((function(){return t.updateInfoMaxHeight()}))},t.prototype.render=function(){var t=(0,n.c)({open:this.open,closed:!this.open});return(0,i.h)(i.H,{key:"55d487f1c1ae022603a9dbd61dbfd1f83a8d8afa"},(0,i.h)("a",{key:"bfa55efc97aab5fb0809dd89c4b891840e6b3d71",role:"button","aria-controls":"info","aria-expanded":this.open?"true":"false",tabIndex:0,onClick:this.toggleOpen.bind(this),onKeyDown:this.handleKeydown.bind(this)},(0,i.h)("div",{key:"e773fc4b5720c6cdd81c1eb53316602c298b8cbf"},(0,i.h)("span",{key:"c364063df56e845ea966b522e6a52c2ebc0960f6",class:"additional-info-title"},this.trigger),(0,i.h)("va-icon",{key:"ecad44dd464da88a67844af4eda51b47750224ed",class:"additional-info-icon",icon:"chevron_right",size:3}))),(0,i.h)("div",{key:"53c8dbd2478d6972e983268f94f93db41006eabd",id:"info",class:t},(0,i.h)("slot",{key:"b83dee0c9486de58f4281dc3b8987ab6ae708db7"})))},Object.defineProperty(t.prototype,"el",{get:function(){return(0,i.g)(this)},enumerable:!1,configurable:!0}),t}();r.style="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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block}:host(:not([disable-border])) a[aria-expanded='true']~#info,:host([disable-border='false']) a[aria-expanded='true']~#info{padding-left:calc(20px -
|
|
2
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[4569,5990],{4569:function(t,o,e){e.r(o),e.d(o,{c:function(){return r}});var i,n={exports:{}};i=n,function(){var t={}.hasOwnProperty;function o(){for(var e=[],i=0;i<arguments.length;i++){var n=arguments[i];if(n){var r=typeof n;if("string"===r||"number"===r)e.push(n);else if(Array.isArray(n)){if(n.length){var a=o.apply(null,n);a&&e.push(a)}}else if("object"===r)if(n.toString===Object.prototype.toString)for(var s in n)t.call(n,s)&&n[s]&&e.push(s);else e.push(n.toString())}}return e.join(" ")}i.exports?(o.default=o,i.exports=o):window.classNames=o}();var r=n.exports},5990:function(t,o,e){e.r(o),e.d(o,{va_additional_info:function(){return r}});var i=e(7911),n=e(4569),r=function(){function t(t){(0,i.r)(this,t),this.componentLibraryAnalytics=(0,i.c)(this,"component-library-analytics",7),this.open=void 0,this.trigger=void 0,this.disableAnalytics=!1,this.disableBorder=!1}return t.prototype.handleResize=function(){this.updateInfoMaxHeight()},t.prototype.toggleOpen=function(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-additional-info",action:this.open?"collapse":"expand",details:{triggerText:this.trigger}}),this.open=!this.open},t.prototype.handleKeydown=function(t){" "!==t.key&&"Enter"!==t.key||(t.preventDefault(),this.toggleOpen())},t.prototype.updateInfoMaxHeight=function(){var t,o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById("info");if(o){var e=o.scrollHeight+"px";o.style.setProperty("--calc-max-height","calc("+e+" + 1.125rem)")}},t.prototype.componentDidRender=function(){var t=this;requestAnimationFrame((function(){return t.updateInfoMaxHeight()}))},t.prototype.render=function(){var t=(0,n.c)({open:this.open,closed:!this.open});return(0,i.h)(i.H,{key:"55d487f1c1ae022603a9dbd61dbfd1f83a8d8afa"},(0,i.h)("a",{key:"bfa55efc97aab5fb0809dd89c4b891840e6b3d71",role:"button","aria-controls":"info","aria-expanded":this.open?"true":"false",tabIndex:0,onClick:this.toggleOpen.bind(this),onKeyDown:this.handleKeydown.bind(this)},(0,i.h)("div",{key:"e773fc4b5720c6cdd81c1eb53316602c298b8cbf"},(0,i.h)("span",{key:"c364063df56e845ea966b522e6a52c2ebc0960f6",class:"additional-info-title"},this.trigger),(0,i.h)("va-icon",{key:"ecad44dd464da88a67844af4eda51b47750224ed",class:"additional-info-icon",icon:"chevron_right",size:3}))),(0,i.h)("div",{key:"53c8dbd2478d6972e983268f94f93db41006eabd",id:"info",class:t},(0,i.h)("slot",{key:"b83dee0c9486de58f4281dc3b8987ab6ae708db7"})))},Object.defineProperty(t.prototype,"el",{get:function(){return(0,i.g)(this)},enumerable:!1,configurable:!0}),t}();r.style="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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block}:host(:not([disable-border])) a[aria-expanded='true']~#info,:host([disable-border='false']) a[aria-expanded='true']~#info{padding-left:calc(20px - 4px);border-left:4px solid transparent;border-left-color:var(--vads-color-primary-alt-darkest)}#info{overflow:hidden}#info.closed{visibility:hidden}a{-ms-flex-align:start;align-items:flex-start;cursor:pointer;display:-ms-flexbox;display:flex}.additional-info-title{border-bottom-right-radius:1px;border-bottom:2px dotted var(--vads-color-primary-alt-darkest);color:var(--vads-color-base-darker);cursor:pointer}.closed{opacity:0;max-height:0}.open{height:auto;opacity:1;-webkit-transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;max-height:var(--calc-max-height);margin-bottom:16px;margin-top:16px}.additional-info-icon{display:inline-block;color:var(--vads-color-primary-alt-darkest);font-size:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;line-height:1;vertical-align:bottom}a[aria-expanded='true'] .additional-info-icon{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear}::slotted(*){margin-bottom:0 !important;margin-top:0 !important}"}}]);
|
package/dist/6498.app.bundle.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[6498],{6498:function(e,t,i){i.r(t),i.d(t,{va_loading_indicator:function(){return
|
|
1
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[6498],{6498:function(e,t,i){i.r(t),i.d(t,{va_loading_indicator:function(){return a}});var r=i(7911),a=function(){function e(e){(0,r.r)(this,e),this.componentLibraryAnalytics=(0,r.c)(this,"component-library-analytics",7),this.loadingStartTime=null,this.observer=null,this.message=void 0,this.label="Loading",this.setFocus=!1,this.enableAnalytics=!1}return e.prototype.componentDidLoad=function(){var e,t=this;this.setFocus&&this.spinner&&this.spinner.focus(),this.loadingStartTime=Date.now();var i=null===(e=this.el)||void 0===e?void 0:e.parentNode;i instanceof Node&&(this.observer=new MutationObserver((function(e){for(var r=0,a=e;r<a.length;r++){var n=a[r];if("childList"===n.type){var o=Array.from(n.removedNodes.values()).filter((function(e){var t;return"va-loading-indicator"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())})).length>0;if(t.enableAnalytics&&o){var s=new CustomEvent("component-library-analytics",{bubbles:!0,composed:!0,detail:{componentName:"va-loading-indicator",action:"displayed",details:{displayTime:Date.now()-t.loadingStartTime,message:t.message}}});i.dispatchEvent(s)}}}})),this.observer.observe(i,{childList:!0}))},e.prototype.render=function(){var e=this,t=this.message,i=this.label,a="loading-indicator";return function(){var e="undefined"!=typeof window&&window;return!(!e||!e.navigator.userAgent.match(/Chromatic/)&&!e.location.href.match(/chromatic=true/))}()&&(a+=" chromatic"),(0,r.h)(r.H,{key:"ae535fc8b5c06ddbb097f3017e51ed7a9ee1dd1e","aria-live":"polite"},(0,r.h)("div",{key:"be8c213b4a346300d62f483263329dc1b0575650",ref:function(t){return e.spinner=t},class:a,role:"progressbar","aria-label":i,"aria-valuetext":t,tabindex:"-1"}),t)},Object.defineProperty(e.prototype,"el",{get:function(){return(0,r.g)(this)},enumerable:!1,configurable:!0}),e}();a.style=":host{display:block;font-size:1.06rem;text-align:center}.loading-indicator{display:block;height:4rem;margin-top:1rem}.loading-indicator:after{content:' ';display:inline-block;width:2.1875rem;height:2.1875rem;margin:1px;border-radius:50%;border:8px solid var(--vads-color-primary);border-color:var(--vads-color-primary) transparent var(--vads-color-primary)\n transparent;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.loading-indicator.chromatic:after{-webkit-animation:none;animation:none}.loading-indicator:focus{outline:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}"}}]);
|
package/dist/6555.app.bundle.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[6555,7373],{7373:function(e,t,a){function i(e){return!Number.isNaN(parseFloat(e))}function n(e,t,a){void 0===a&&(a="slot");var i=e.shadowRoot.querySelector(a).assignedNodes();return null!==t?Array.from(i).filter((function(e){return e.nodeName.toLowerCase()===t})):Array.from(i)}function r(e){return 1===e?"":"s"}function o(e,t){if(void 0===e||""===e)return"".concat(t," character").concat(r(t)," allowed");var a;if(e.length<=t){var i=t-e.length;a="".concat(i," character").concat(r(i)," left")}else i=e.length-t,a="".concat(i," character").concat(r(i)," over limit");return a}function s(e,t){return Array.from({length:t-e+1},(function(t,a){return e+a}))}a.r(t),a.d(t,{S:function(){return d},a:function(){return n},b:function(){return i},c:function(){return o},d:function(){return m},e:function(){return h},g:function(){return f},i:function(){return u},m:function(){return s},s:function(){return c},t:function(){return b}}),a(7911);var l=function(e){return e&&"object"==typeof e&&1===e.nodeType};function c(e,t){var a=function(e,t){if("string"!=typeof e)return[];if(!t||!l(t))return[];var a=t.shadowRoot.querySelectorAll(e);return Array.from(a)}(e,t);return"string"!=typeof e||l(t)&&t.matches(e)&&a.push(t),a}var d={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return d._entities[e]},escapeHTML:function(e){for(var t="",a=0;a<e.length;a++)t+=e[a],a+1<arguments.length&&(t+=String(arguments[a+1]||"").replace(d._entity,d.getEntity));return t}};function f(e){var t;return(t="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&t<=6?"h".concat(t):null}function h(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function u(e){return e&&"false"!==e||!1}function p(e){return"[object Arguments]"===Object.prototype.toString.call(e)}function m(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(e===t)return!0;if("function"==typeof e||"function"==typeof t)return!0;if("object"!=typeof e||"object"!=typeof t)return!1;if(null===e||null===t)return!1;if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(e instanceof RegExp&&t instanceof RegExp)return e.source===t.source&&e.global===t.global&&e.multiline===t.multiline&&e.lastIndex===t.lastIndex&&e.ignoreCase===t.ignoreCase;if(p(e)||p(t)){if(!p(e)||!p(t))return!1;var n=Array.prototype.slice;return m(n.call(e),n.call(t),a,i)}if(e.constructor!==t.constructor)return!1;var r=Object.keys(e),o=Object.keys(t);if(0===r.length&&0===o.length)return!0;if(r.length!==o.length)return!1;for(var s=a.length;s--;)if(a[s]===e)return i[s]===t;a.push(e),i.push(t),r.sort(),o.sort();for(var l=r.length-1;l>=0;l--)if(r[l]!==o[l])return!1;for(var c=void 0,d=r.length-1;d>=0;d--)if(!m(e[c=r[d]],t[c],a,i))return!1;return a.pop(),i.pop(),!0}function b(e,t,a){if(!e)return e;var i=document.createElement("canvas").getContext("2d");if(!i)return e;if(i.font=a,i.measureText(e).width<=t)return e;for(var n=i.measureText("...").width,r=0,o=e.length,s=0;r<=o;){var l=Math.floor((r+o)/2),c=e.substring(0,l);i.measureText(c).width+n<=t?(s=l,r=l+1):o=l-1}return e.substring(0,s).trim()+"..."}},6555:function(e,t,a){a.r(t),a.d(t,{va_file_input:function(){return P}});var i=a(7911),n=(a(7470),a(7373)),r=a(3244),o="usa",s="".concat(o,"-file-input"),l=".".concat(s),c="".concat(o,"-file-input__input"),d="".concat(o,"-file-input__target"),f=".".concat(c),h="".concat(o,"-file-input__box"),u="".concat(o,"-file-input__instructions"),p="".concat(o,"-file-input__preview"),m="".concat(o,"-file-input__preview-heading"),b="".concat(o,"-file-input--disabled"),g="".concat(o,"-file-input__choose"),v="".concat(o,"-file-input__accepted-files-message"),y="".concat(o,"-file-input__drag-text"),x="".concat(o,"-file-input--drag"),w="is-loading",k="has-invalid-file",A="".concat(o,"-file-input__preview-image"),S="".concat(A,"--generic"),T="".concat(A,"--pdf"),z="".concat(A,"--word"),C="".concat(A,"--video"),L="".concat(A,"--excel"),F="".concat(o,"-sr-only"),M="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",_=Boolean(!0),E="",q="",H=function(e){var t=e.charCodeAt(0);return 32===t?"-":t>=65&&t<=90?"img_".concat(e.toLowerCase()):"__000".concat(t.toString(16).slice(-4))},N=function(e){return e.hasAttribute("multiple")?"files":"file"},B=function(e){var t=e.hasAttribute("aria-disabled")||e.hasAttribute("disabled"),a=function(e){var t=document.createElement("div"),a=document.createElement("div"),i=document.createElement("div");return e.classList.remove(s),e.classList.add(c),t.classList.add(s),i.classList.add(h),a.classList.add(d),a.prepend(i),e.parentNode.insertBefore(a,e),e.parentNode.insertBefore(t,a),a.appendChild(e),t.appendChild(a),a}(e),i=function(e){var t=e.closest(l),a=N(e),i=document.createElement("div"),r="Drag ".concat(a," here or"),o="choose from folder";return E="".concat(r," ").concat(o),i.classList.add(u),i.setAttribute("aria-hidden","true"),e.setAttribute("aria-label",E),i.innerHTML=n.S.escapeHTML('<span class="'.concat(y,'">').concat(r,'</span> <span class="').concat(g,'">').concat(o,"</span>")),e.parentNode.insertBefore(i,e),(/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.querySelector(".".concat(y)).outerHTML=""),i}(e),r=function(e){var t=e.closest(l);if(!t)throw new Error("Element is missing outer ".concat(l));var a=t.querySelector(f);return{dropZoneEl:t,inputEl:a}}(e).dropZoneEl;return t?r.classList.add(b):function(e){var t=document.createElement("div"),a=N(e),i=e.closest(l),n=e.closest(".".concat(d));q="No ".concat(a," selected."),t.classList.add(F),t.setAttribute("aria-live","polite"),t.textContent=q,i.insertBefore(t,n)}(e),{instructions:i,dropTarget:a}},R=function(e,t){var a=e.querySelectorAll(".".concat(p)),i=e.querySelector(".".concat(m)),n=e.querySelector(".".concat(v));i&&(i.outerHTML=""),n&&(n.outerHTML="",e.classList.remove(k)),null!==a&&(t&&t.removeAttribute("hidden"),Array.prototype.forEach.call(a,(function(e){e.parentNode.removeChild(e)})))},j=function(e,t,a,i){!function(e,t,a,i){var n=t.getAttribute("accept");i.classList.remove(k);var r=function(e,t){var a=!1;return e.indexOf(t)>=0&&(a=!0),a};if(n){for(var o=n.split(","),s=document.createElement("div"),l=!0,c=e.target.files||e.dataTransfer.files,d=0;d<c.length;d+=1){var f=c[d];if(!l)break;for(var h=0;h<o.length;h+=1){var u=o[h];if(l=f.name.indexOf(u)>0||r(f.type,u.replace(/\*/g,""))){_=!0;break}}}l||(R(i,a),t.value="",i.insertBefore(s,t),s.textContent=t.dataset.errormessage||"This is not a valid file type.",s.classList.add(v),i.classList.add(k),_=!1,e.preventDefault(),e.stopPropagation())}}(e,t,a,i),!0===_&&function(e,t,a,i){var r=t.getAttribute("multiple")?e.target.files:[e.target.files[0]],o=i.closest(".".concat(s)).querySelector(".".concat(F)),l=[];R(i,a);for(var c=function(e){var t,o=new FileReader,s=r[e].name;l.push(s),o.onloadstart=function(){t=function(e){return"".concat(e,"-").concat(Math.floor(Date.now()/1e3))}(function(e){return e.replace(/[^a-z0-9]/g,H)}(s)),a.insertAdjacentHTML("afterend",n.S.escapeHTML('<div class="'.concat(p,'" aria-hidden="true">\n <img id="').concat(t,'" src="').concat(M,'" alt="" class="').concat(A," ").concat(w,'"/>').concat(s,"\n <div>")))},o.onloadend=function(){var e=i.querySelector("#".concat(t));s.indexOf(".pdf")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(M,'"; this.classList.add("').concat(T,'")')):s.indexOf(".doc")>0||s.indexOf(".pages")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(M,'"; this.classList.add("').concat(z,'")')):s.indexOf(".xls")>0||s.indexOf(".numbers")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(M,'"; this.classList.add("').concat(L,'")')):s.indexOf(".mov")>0||s.indexOf(".mp4")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(M,'"; this.classList.add("').concat(C,'")')):e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(M,'"; this.classList.add("').concat(S,'")')),e.classList.remove(w),e.src=o.result},r[e]&&o.readAsDataURL(r[e])},f=0;f<r.length;f+=1)c(f);0===r.length?t.setAttribute("aria-label",E):function(e,t){var a=document.createElement("div"),i=e.closest(".".concat(d)),r=i.querySelector(".".concat(u)),o="Change file",s="";1===t.length?s=n.S.escapeHTML('Selected file <span class="usa-file-input__choose">'.concat(o,"</span>")):t.length>1&&(o="Change files",s=n.S.escapeHTML("".concat(t.length,' files selected <span class="usa-file-input__choose">').concat(o,"</span>"))),r.setAttribute("hidden","true"),a.classList.add(m),a.innerHTML=s,i.insertBefore(a,r),e.setAttribute("aria-label",o)}(t,r),function(e,t,a){var i=e,n=q;1===t.length?n="You have selected the file: ".concat(a):t.length>1&&(n="You have selected ".concat(t.length," files: ").concat(a.join(", "))),setTimeout((function(){i.textContent=n}),1e3)}(o,r,l)}(e,t,a,i)},O={".txt":"text/plain",".pdf":"application/pdf",".doc":"application/msword",".docx":"application/vnd.openxmlformats-officedocument.wordprocessingml.document",".odt":"application/vnd.oasis.opendocument.text",".rtf":"application/rtf",".csv":"text/csv",".xls":"application/vnd.ms-excel",".xlsx":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",".ppt":"application/vnd.ms-powerpoint",".pptx":"application/vnd.openxmlformats-officedocument.presentationml.presentation",".jpg":"image/jpeg",".jpeg":"image/jpeg",".png":"image/png",".gif":"image/gif",".bmp":"image/bmp",".webp":"image/webp",".tif":"image/tiff",".tiff":"image/tiff",".svg":"image/svg+xml",".mp3":"audio/mpeg",".wav":"audio/wav",".ogg":"audio/ogg",".m4a":"audio/mp4",".aac":"audio/aac",".mp4":"video/mp4",".avi":"video/x-msvideo",".mov":"video/quicktime",".wmv":"video/x-ms-wmv",".flv":"video/x-flv",".mkv":"video/x-matroska",".webm":"video/webm",".zip":"application/zip",".rar":"application/x-rar-compressed",".7z":"application/x-7z-compressed",".tar":"application/x-tar",".gz":"application/gzip",".json":"application/json",".xml":"application/xml",".html":"text/html",".htm":"text/html",".css":"text/css",".js":"application/javascript"},P=function(){function e(e){var t=this;(0,i.r)(this,e),this.vaChange=(0,i.c)(this,"vaChange",7),this.vaPasswordChange=(0,i.c)(this,"vaPasswordChange",7),this.componentLibraryAnalytics=(0,i.c)(this,"component-library-analytics",7),this.uploadStatus="idle",this.chooseFileString="choose from folder",this.dragFileString="Drag a file here or ",this.handleChange=function(e){var a=e.target;a.files&&a.files.length>0&&t.handleFile(a.files[0]),a.value=""},this.handleDrop=function(e){e.preventDefault(),e.stopPropagation();var a=e.dataTransfer.files;a.length>0&&t.handleFile(a[0])},this.handleFile=function(e,a){if(void 0===a&&(a=!0),t.accept){var i=t.normalizeAcceptProp(t.accept);if(!t.isAcceptedFileType(e.type,i))return t.removeFile(!1),void(t.internalError="This is not a valid file type.")}if(e.size>t.maxFileSize)return t.internalError="\n We can't upload your file because it's too big. Files must be less than ".concat(t.formatFileSize(t.maxFileSize),"."),t.fileContents=null,void(t.uploadStatus="idle");t.uploadedFile=null,t.file=e,a&&t.vaChange.emit({files:[t.file]}),t.uploadStatus="success",t.internalError=null,t.generateFileContents(t.file),t.updateStatusMessage("You have selected the file: ".concat(t.file.name)),t.el.focus(),t.enableAnalytics&&t.componentLibraryAnalytics.emit({componentName:"va-file-input",action:"change",details:{label:t.label}})},this.removeFile=function(e){void 0===e&&(e=!0),t.closeModal(),t.uploadStatus="idle",t.internalError=null,e&&t.vaChange.emit({files:[]}),t.file=null,t.uploadedFile=null,t.updateStatusMessage("File removed. No file selected."),t.el.focus()},this.openModal=function(){t.el.shadowRoot.querySelector("va-modal").setAttribute("status","warning"),t.showModal=!0},this.closeModal=function(){t.showModal=!1,setTimeout((function(){t.fileInputRef.focus()}),0)},this.changeFile=function(){t.fileInputRef&&t.fileInputRef.click()},this.formatFileSize=function(e){var t=["B","KB","MB","GB","TB"];if(0===e)return"0 B";var a=Math.floor(Math.log(e)/Math.log(1024));if(0===a)return"".concat(e," ").concat(t[a]);var i=(e/Math.pow(1024,a)).toFixed(a<2?0:1);return"".concat(i," ").concat(t[a])},this.normalizeAcceptProp=function(e){return e.split(",").map((function(e){return(e=e.trim()).startsWith(".")?O[e]:e}))},this.isAcceptedFileType=function(e,t){for(var a=0,i=t;a<i.length;a++){var n=i[a];if(n===e)return!0;if(n.endsWith("/*")&&e.startsWith(n.slice(0,-1)))return!0}return!1},this.renderLabelOrHeader=function(e,t,a){var n=t?(0,i.h)("span",{class:"required"}," ",r.i.t("required")):null;if(a&&a>=1&&a<=6){var o="h".concat(a);return(0,i.h)("div",{class:"label-header"},(0,i.h)(o,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,n))}return(0,i.h)("div",{class:"label-header"},(0,i.h)("label",{htmlFor:"fileInputField",part:"label",class:"usa-label"},e,n))},this.file=void 0,this.fileContents=void 0,this.internalError=void 0,this.showModal=!1,this.showSeparator=!0,this.label=void 0,this.name=void 0,this.buttonText=void 0,this.value=void 0,this.required=!1,this.accept=void 0,this.error=void 0,this.hint=void 0,this.statusText=void 0,this.uploadMessage=null,this.enableAnalytics=!1,this.headerSize=void 0,this.headless=!1,this.readOnly=!1,this.encrypted=!1,this.uploadedFile=void 0,this.maxFileSize=1/0,this.percentUploaded=null}return e.prototype.handleValueChange=function(e){var t=this;setTimeout((function(){t.updateStatusMessage(e)}))},e.prototype.percentHandler=function(e){e>=100&&this.resetState()},e.prototype.resetState=function(){this.fileContents=null,this.uploadStatus="idle",this.percentUploaded=null,(0,i.f)(this.el)},e.prototype.updateStatusMessage=function(e){var t=this;setTimeout((function(){var a=t.el.shadowRoot.querySelector("#statusMessage");a&&(a.textContent=e)}),1e3)},e.prototype.generateFileContents=function(e){var t=this;if(e){var a=new FileReader;this.fileType=e.type,a.onloadend=function(){t.fileContents=a.result},this.fileType&&("application/pdf"===this.fileType||this.fileType.startsWith("image/"))&&a.readAsDataURL(e)}},e.prototype.componentWillRender=function(){var e=!!this.el.querySelector(":scope > *"),t=!(!this.value&&!this.file||this.readOnly);this.showSeparator=e||t},e.prototype.componentDidLoad=function(){!function(e){(0,n.s)(l,e).forEach((function(e){var t=B(e),a=t.instructions,i=t.dropTarget;i.addEventListener("dragover",(function(){this.classList.add(x)}),!1),i.addEventListener("dragleave",(function(){this.classList.remove(x)}),!1),i.addEventListener("drop",(function(t){t.preventDefault(),this.classList.remove(x);var n=t.dataTransfer;if(t.target.files=n.files,!(n.files.length>1)){j(t,e,a,i);var r=new CustomEvent("change",{detail:{files:n.files}});e.dispatchEvent(r)}}),!1),e.addEventListener("input",(function(t){return j(t,e,a,i)}),!1)}))}(this.el)},e.prototype.connectedCallback=function(){this.el.addEventListener("change",this.handleChange)},e.prototype.disconnectedCallback=function(){this.el.removeEventListener("change",this.handleChange)},e.prototype.getDefaultUploadMessage=function(){return(0,i.h)("span",null,this.dragFileString,(0,i.h)("span",{class:"file-input-choose-text"},this.chooseFileString))},e.prototype.handlePasswordChange=function(e){this.vaPasswordChange.emit({password:e.target.value})},e.prototype.render=function(){var e=this,t=this,a=t.label,n=t.name,o=t.required,s=t.accept,l=t.error,c=t.hint,d=t.file,f=t.uploadStatus,h=t.dragFileString,u=t.chooseFileString,p=t.uploadMessage,m=t.headerSize,b=t.fileContents,g=t.fileType,v=t.headless,y=t.value,x=t.readOnly,w=t.encrypted,k=t.statusText,A=t.uploadedFile,S=t.percentUploaded;y&&!this.file&&this.handleFile(y,!1);var T=this.error||this.internalError,z="".concat(c?"input-hint-message":""," ").concat(T?"input-error-message":"").trim()||null,C="file-input-target ".concat(T?"file-input-target-error":"").trim(),L=(0,i.h)("div",{key:"337b425bd91060370c15e9f57a20175eeb198312",class:"thumbnail-container"},(0,i.h)("svg",{key:"96831fd8198e3c52d036a91cfc593ce2fa33aabe",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"#07648d",width:"40px",height:"40px"},(0,i.h)("path",{key:"eaf74a855880e0cd2f16b01233b2a7b9ae70da5d",d:"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"})));l?L=(0,i.h)("div",{key:"dd586c73f2a756b14d5f824455d46a1d2d52d61d",class:"thumbnail-container"},(0,i.h)("va-icon",{key:"3e3f6da4a9307fefafd45bea2270b73a6c13f84d",icon:"error",size:3,class:"thumbnail-preview thumbnail-error"})):b&&(g.startsWith("image/")?L=(0,i.h)("div",{key:"95d804cdd96a6702ce6414efa6195192a691b486",class:"thumbnail-container","aria-hidden":"true"},(0,i.h)("img",{key:"64e1a72f0b8350c4f16674f79d9ea0c23d98dc44",class:"thumbnail-preview",src:b,alt:"image"})):"application/pdf"===g&&(L=(0,i.h)("div",{key:"4781eec8800de7234c9cac060a6d10df4ba162cf",class:"thumbnail-container","aria-hidden":"true"},(0,i.h)("object",{key:"b8cf2d21c1b27e7041361132ad5ac790f689f849",class:"thumbnail-preview",data:b,type:"application/pdf"}))));var F=v?"headless-selected-files-wrapper":"selected-files-wrapper",M="usa-hint"+(v?" usa-sr-only":""),_=null!==S&&S<100,E="file-status-label";return _&&(E="".concat(E," uploading-status")),(0,i.h)(i.H,{key:"016bb5b069cd0886cb57b3a27ddb348d3de192f9",class:{"has-error":!!T}},!x&&(0,i.h)("span",{key:"dcc5c07424fc16d5dd31b2583821b69b11a1df10",class:{"usa-sr-only":!!v}},a&&this.renderLabelOrHeader(a,o,m)),c&&!x&&(0,i.h)("div",{key:"c67eaba61a960f10202f56c43ba2c1b1690618c3",class:M,id:"input-hint-message"},c),(0,i.h)("div",{key:"4bb955f3cef39c2c18b04f2617046f45ded0fc3b",class:"file-input-wrapper",onDrop:this.handleDrop},(0,i.h)("input",{key:"73e27f3d845a7723f5cc4e89bc8cf5c710242adc",id:"fileInputField",class:"file-input","aria-label":"".concat(a).concat(o?" "+r.i.t("required"):"",". ").concat(h).concat(u),style:{visibility:"success"===this.uploadStatus||A?"hidden":"unset"},type:"file",ref:function(t){return e.fileInputRef=t},name:n,accept:s,"aria-describedby":z,onChange:this.handleChange}),"idle"===f&&!A&&(0,i.h)("div",{key:"515bd5d0743d82448a9becfede71e004c739030c"},(0,i.h)("span",{key:"e4bcaf8197e3b3b11cf529bb8e45ed56cd4d37d5",id:"file-input-error-alert",role:"alert"},T&&(0,i.h)(i.F,{key:"50b1db1b603495d1646a22c97479ff40b02ebb42"},(0,i.h)("span",{key:"2031b00832fce3b73e7ea5e62f048d9d4cc00db6",class:"usa-sr-only"},r.i.t("error")),(0,i.h)("span",{key:"51bee39bd0d885d8e845187adee3aaa0b1247006",class:"usa-error-message"},T))),(0,i.h)("div",{key:"bc547bf28de49b843248c9a0f0139ac5e32e7165",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),(0,i.h)("div",{key:"60e6f55592c07ce6c59c687af6361fa72bc8572c",class:C},(0,i.h)("div",{key:"79b65ab1a27ac98eee82ac2057b2af9d1af2b4a4",class:"file-input-box"}),(0,i.h)("div",{key:"61319c94736485ab878600a5534ad8410ca65713",class:"file-input-instructions"},p||this.getDefaultUploadMessage()))),("idle"!==f||A)&&(0,i.h)("div",{key:"bf271c54f69810d29e8f5c54d99e9312922cd94e",class:F},!v&&(0,i.h)("div",{key:"ac71abfab1a50585747d5ba7649b3b0e70a367f1",class:"selected-files-label"},x?"Files you uploaded":"Selected files"),(0,i.h)("div",{key:"6bea68e4bc02c1caa882ea275e06f6675d7ce753",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),(0,i.h)("va-card",{key:"56aa2f7e7872365f52e590ea7857057ac67c4331",class:"va-card"},(0,i.h)("div",{key:"e4f49a2ed6d1b4d3da824212e8b8e14c484fc5cb",class:"file-info-section"},L,(0,i.h)("div",{key:"673e512065d7cf58589666b62fbf9cd97cf87581",class:"file-info-group vads-u-line-height--2"},(0,i.h)("span",{key:"b7f87720edf38a64fa0fa06e64f6fc3e8f46acbe",class:"file-label"},d?d.name:A.name),T&&(0,i.h)("span",{key:"6c7627e01436dd7eb11b29aee8abd555eaa74587",id:"input-error-message",role:"alert"},(0,i.h)("span",{key:"524521ef5ab316aebf9f9677a18d80204f970316",class:"usa-sr-only"},r.i.t("error")),(0,i.h)("span",{key:"07ef2ae491a0f37f1c093087587a19e8f5756b3a","aria-live":"polite",class:"usa-error-message"},T)),!_&&(0,i.h)("span",{key:"e054e2f18028cf78291f13125008eae5ae399c82",class:"file-size-label"},this.formatFileSize(d?d.size:A.size)),(0,i.h)("span",{key:"f02c4008193536b59e981369bca8b603df9064d3",class:E,"aria-live":"polite"},_?"Uploading...":k))),(d||y||A)&&(0,i.h)("div",{key:"511671ac033652b487ad942ce95e44181e645f7a"},this.showSeparator&&(0,i.h)("hr",{key:"4372398c861195bc9a383ead3c5df9fdd32df1a2",class:"separator"}),w&&(0,i.h)("va-text-input",{key:"41022d25f4ec729a0f41b486227caf5ab4cb34c2",onInput:function(t){e.handlePasswordChange(t)},label:"File password",required:!0}),(0,i.h)("div",{key:"11658bc79739aa4fac1b2879a4b51c88e9217a1e",class:"additional-info-slot"},(0,i.h)("slot",{key:"8c8e65c8db034304bed123515c137e4e316ee284"})),x?null:_?(0,i.h)(i.F,null,(0,i.h)("va-progress-bar",{percent:S}),(0,i.h)("va-button-icon",{buttonType:"cancel",onClick:this.resetState.bind(this)})):(0,i.h)(i.F,null,(0,i.h)("div",{class:"file-button-section"},(0,i.h)("va-button-icon",{buttonType:"change-file",onClick:this.changeFile,label:"Change file","aria-label":"change file ".concat(d?d.name:A.name)}),(0,i.h)("va-button-icon",{buttonType:"delete",onClick:this.openModal,"aria-label":"delete file ".concat(d?d.name:A.name),label:"Delete"})),(0,i.h)("va-modal",{modalTitle:"Delete this file?",visible:this.showModal,primaryButtonText:"Yes, remove this",secondaryButtonText:"No, keep this",onCloseEvent:this.closeModal,onPrimaryButtonClick:function(){return e.removeFile(!0)},onSecondaryButtonClick:this.closeModal},"We'll remove the uploaded document"," ",(0,i.h)("span",{class:"file-label"},d?d.name:A.name))))))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,i.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e,"watchers",{get:function(){return{statusText:["handleValueChange"],percentUploaded:["percentHandler"]}},enumerable:!1,configurable:!0}),e}();P.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}[hidden]{display:none}:host{display:block;font-family:var(--font-source-sans);font-size:16.96px;}:host .label-header{color:var(--vads-color-base);font-weight:var(--font-weight-normal)}:host .label-header-tag{margin:0;display:inline-block}:host .file-input-wrapper{display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host .file-input{cursor:pointer;height:100%;width:100%;max-width:none;top:0;left:0;z-index:1;margin:0;position:absolute;text-indent:-999em;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target{border:1px dashed var(--vads-color-action-border-base-active-on-dark);display:block;margin-top:0.3125rem;position:relative;text-align:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target.file-input-target-error{border:2px dashed var(--vads-color-secondary-dark)}:host .file-input-box{background:var(--vads-color-white);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}:host .file-input-instructions{font-size:1.06rem;padding:1.25rem 0.625rem;pointer-events:none;position:relative;z-index:3}:host .file-input-choose-text{color:var(--vads-color-link);text-decoration:underline;font-weight:var(--font-weight-normal)}:host .file-icon{color:var(--vads-color-primary-alt-darkest)}:host .selected-files-wrapper{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light)}:host .selected-files-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;border-bottom:1px solid var(--vads-color-white);margin-bottom:8px;padding:8px}:host .va-card{margin:8px}:host .file-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;padding:0 8px;display:block;width:100%;word-wrap:break-word;word-break:break-word;overflow:hidden}:host #input-error-message{padding:0 8px;width:100%}:host .file-size-label,:host .file-status-label{color:var(--vads-color-base-dark);font-weight:var(--font-weight-normal);font-size:1.06rem;padding:0 8px;display:block}:host .file-status-label{font-style:italic}:host .file-info-section{padding:0 8px 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .file-button-section{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}:host .file-button-section>va-button-icon{font-size:1.06rem}@media screen and (max-width: 320px){:host .file-button-section{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}:host .separator{border:0;border-top:1px solid var(--vads-color-base-lighter);margin:0}:host .vads-u-line-height--2{line-height:1.15}:host .thumbnail-container{height:40px;width:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .thumbnail-preview{max-width:40px;width:auto;max-height:40px;height:auto}:host .thumbnail-error{color:#b21d38}:host va-progress-bar{font-size:var(--vads-font-size-root);display:block;margin-left:16px}:host .uploading-status{font-style:var(--font-style-italic)}:host(.has-error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host(.has-error){margin-left:-0.9rem}}.required{color:var(--vads-color-secondary-dark);margin-left:0.25rem}h1 .required,h2 .required,h3 .required,h4 .required,h5 .required,h6 .required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}'}}]);
|
|
1
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[6555,7508],{7508:function(e,t,a){function i(e){return!Number.isNaN(parseFloat(e))}function n(e,t,a){void 0===a&&(a="slot");var i=e.shadowRoot.querySelector(a).assignedNodes();return null!==t?Array.from(i).filter((function(e){return e.nodeName.toLowerCase()===t})):Array.from(i)}function o(e){return 1===e?"":"s"}function r(e,t){if(void 0===e||""===e)return"".concat(t," character").concat(o(t)," allowed");var a;if(e.length<=t){var i=t-e.length;a="".concat(i," character").concat(o(i)," left")}else i=e.length-t,a="".concat(i," character").concat(o(i)," over limit");return a}function s(e,t){return Array.from({length:t-e+1},(function(t,a){return e+a}))}a.r(t),a.d(t,{S:function(){return d},a:function(){return n},b:function(){return i},c:function(){return b},d:function(){return m},e:function(){return r},f:function(){return h},g:function(){return f},i:function(){return u},m:function(){return s},s:function(){return c}}),a(7911);var l=function(e){return e&&"object"==typeof e&&1===e.nodeType};function c(e,t){var a=function(e,t){if("string"!=typeof e)return[];if(!t||!l(t))return[];var a=t.shadowRoot.querySelectorAll(e);return Array.from(a)}(e,t);return"string"!=typeof e||l(t)&&t.matches(e)&&a.push(t),a}var d={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return d._entities[e]},escapeHTML:function(e){for(var t="",a=0;a<e.length;a++)t+=e[a],a+1<arguments.length&&(t+=String(arguments[a+1]||"").replace(d._entity,d.getEntity));return t}};function f(e){var t;return(t="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&t<=6?"h".concat(t):null}function h(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function u(e){return e&&"false"!==e||!1}function p(e){return"[object Arguments]"===Object.prototype.toString.call(e)}function m(e,t){var a=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(e===t)return!0;if("function"==typeof e||"function"==typeof t)return!0;if("object"!=typeof e||"object"!=typeof t)return!1;if(null===e||null===t)return!1;if(e instanceof Date&&t instanceof Date)return e.getTime()===t.getTime();if(e instanceof RegExp&&t instanceof RegExp)return e.source===t.source&&e.global===t.global&&e.multiline===t.multiline&&e.lastIndex===t.lastIndex&&e.ignoreCase===t.ignoreCase;if(p(e)||p(t)){if(!p(e)||!p(t))return!1;var n=Array.prototype.slice;return m(n.call(e),n.call(t),a,i)}if(e.constructor!==t.constructor)return!1;var o=Object.keys(e),r=Object.keys(t);if(0===o.length&&0===r.length)return!0;if(o.length!==r.length)return!1;for(var s=a.length;s--;)if(a[s]===e)return i[s]===t;a.push(e),i.push(t),o.sort(),r.sort();for(var l=o.length-1;l>=0;l--)if(o[l]!==r[l])return!1;for(var c=void 0,d=o.length-1;d>=0;d--)if(!m(e[c=o[d]],t[c],a,i))return!1;return a.pop(),i.pop(),!0}function b(e,t){void 0===t&&(t=!0);var a=["a","i","e","o"];t&&a.push("u");var i=e.charAt(0).toLowerCase();return a.includes(i)?"an":"a"}},6555:function(e,t,a){a.r(t),a.d(t,{va_file_input:function(){return P}});var i=a(7911),n=(a(7470),a(7508)),o=a(3244),r="usa",s="".concat(r,"-file-input"),l=".".concat(s),c="".concat(r,"-file-input__input"),d="".concat(r,"-file-input__target"),f=".".concat(c),h="".concat(r,"-file-input__box"),u="".concat(r,"-file-input__instructions"),p="".concat(r,"-file-input__preview"),m="".concat(r,"-file-input__preview-heading"),b="".concat(r,"-file-input--disabled"),g="".concat(r,"-file-input__choose"),v="".concat(r,"-file-input__accepted-files-message"),y="".concat(r,"-file-input__drag-text"),x="".concat(r,"-file-input--drag"),w="is-loading",k="has-invalid-file",A="".concat(r,"-file-input__preview-image"),S="".concat(A,"--generic"),z="".concat(A,"--pdf"),T="".concat(A,"--word"),C="".concat(A,"--video"),L="".concat(A,"--excel"),F="".concat(r,"-sr-only"),M="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",_=Boolean(!0),E="",q="",H=function(e){var t=e.charCodeAt(0);return 32===t?"-":t>=65&&t<=90?"img_".concat(e.toLowerCase()):"__000".concat(t.toString(16).slice(-4))},N=function(e){return e.hasAttribute("multiple")?"files":"file"},B=function(e){var t=e.hasAttribute("aria-disabled")||e.hasAttribute("disabled"),a=function(e){var t=document.createElement("div"),a=document.createElement("div"),i=document.createElement("div");return e.classList.remove(s),e.classList.add(c),t.classList.add(s),i.classList.add(h),a.classList.add(d),a.prepend(i),e.parentNode.insertBefore(a,e),e.parentNode.insertBefore(t,a),a.appendChild(e),t.appendChild(a),a}(e),i=function(e){var t=e.closest(l),a=N(e),i=document.createElement("div"),o="Drag ".concat(a," here or"),r="choose from folder";return E="".concat(o," ").concat(r),i.classList.add(u),i.setAttribute("aria-hidden","true"),e.setAttribute("aria-label",E),i.innerHTML=n.S.escapeHTML('<span class="'.concat(y,'">').concat(o,'</span> <span class="').concat(g,'">').concat(r,"</span>")),e.parentNode.insertBefore(i,e),(/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.querySelector(".".concat(y)).outerHTML=""),i}(e),o=function(e){var t=e.closest(l);if(!t)throw new Error("Element is missing outer ".concat(l));var a=t.querySelector(f);return{dropZoneEl:t,inputEl:a}}(e).dropZoneEl;return t?o.classList.add(b):function(e){var t=document.createElement("div"),a=N(e),i=e.closest(l),n=e.closest(".".concat(d));q="No ".concat(a," selected."),t.classList.add(F),t.setAttribute("aria-live","polite"),t.textContent=q,i.insertBefore(t,n)}(e),{instructions:i,dropTarget:a}},R=function(e,t){var a=e.querySelectorAll(".".concat(p)),i=e.querySelector(".".concat(m)),n=e.querySelector(".".concat(v));i&&(i.outerHTML=""),n&&(n.outerHTML="",e.classList.remove(k)),null!==a&&(t&&t.removeAttribute("hidden"),Array.prototype.forEach.call(a,(function(e){e.parentNode.removeChild(e)})))},j=function(e,t,a,i){!function(e,t,a,i){var n=t.getAttribute("accept");i.classList.remove(k);var o=function(e,t){var a=!1;return e.indexOf(t)>=0&&(a=!0),a};if(n){for(var r=n.split(","),s=document.createElement("div"),l=!0,c=e.target.files||e.dataTransfer.files,d=0;d<c.length;d+=1){var f=c[d];if(!l)break;for(var h=0;h<r.length;h+=1){var u=r[h];if(l=f.name.indexOf(u)>0||o(f.type,u.replace(/\*/g,""))){_=!0;break}}}l||(R(i,a),t.value="",i.insertBefore(s,t),s.textContent=t.dataset.errormessage||"This is not a valid file type.",s.classList.add(v),i.classList.add(k),_=!1,e.preventDefault(),e.stopPropagation())}}(e,t,a,i),!0===_&&function(e,t,a,i){var o=t.getAttribute("multiple")?e.target.files:[e.target.files[0]],r=i.closest(".".concat(s)).querySelector(".".concat(F)),l=[];R(i,a);for(var c=function(e){var t,r=new FileReader,s=o[e].name;l.push(s),r.onloadstart=function(){t=function(e){return"".concat(e,"-").concat(Math.floor(Date.now()/1e3))}(function(e){return e.replace(/[^a-z0-9]/g,H)}(s)),a.insertAdjacentHTML("afterend",n.S.escapeHTML('<div class="'.concat(p,'" aria-hidden="true">\n <img id="').concat(t,'" src="').concat(M,'" alt="" class="').concat(A," ").concat(w,'"/>').concat(s,"\n <div>")))},r.onloadend=function(){var e=i.querySelector("#".concat(t));s.indexOf(".pdf")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(M,'"; this.classList.add("').concat(z,'")')):s.indexOf(".doc")>0||s.indexOf(".pages")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(M,'"; this.classList.add("').concat(T,'")')):s.indexOf(".xls")>0||s.indexOf(".numbers")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(M,'"; this.classList.add("').concat(L,'")')):s.indexOf(".mov")>0||s.indexOf(".mp4")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(M,'"; this.classList.add("').concat(C,'")')):e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(M,'"; this.classList.add("').concat(S,'")')),e.classList.remove(w),e.src=r.result},o[e]&&r.readAsDataURL(o[e])},f=0;f<o.length;f+=1)c(f);0===o.length?t.setAttribute("aria-label",E):function(e,t){var a=document.createElement("div"),i=e.closest(".".concat(d)),o=i.querySelector(".".concat(u)),r="Change file",s="";1===t.length?s=n.S.escapeHTML('Selected file <span class="usa-file-input__choose">'.concat(r,"</span>")):t.length>1&&(r="Change files",s=n.S.escapeHTML("".concat(t.length,' files selected <span class="usa-file-input__choose">').concat(r,"</span>"))),o.setAttribute("hidden","true"),a.classList.add(m),a.innerHTML=s,i.insertBefore(a,o),e.setAttribute("aria-label",r)}(t,o),function(e,t,a){var i=e,n=q;1===t.length?n="You have selected the file: ".concat(a):t.length>1&&(n="You have selected ".concat(t.length," files: ").concat(a.join(", "))),setTimeout((function(){i.textContent=n}),1e3)}(r,o,l)}(e,t,a,i)},O={".txt":"text/plain",".pdf":"application/pdf",".doc":"application/msword",".docx":"application/vnd.openxmlformats-officedocument.wordprocessingml.document",".odt":"application/vnd.oasis.opendocument.text",".rtf":"application/rtf",".csv":"text/csv",".xls":"application/vnd.ms-excel",".xlsx":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",".ppt":"application/vnd.ms-powerpoint",".pptx":"application/vnd.openxmlformats-officedocument.presentationml.presentation",".jpg":"image/jpeg",".jpeg":"image/jpeg",".png":"image/png",".gif":"image/gif",".bmp":"image/bmp",".webp":"image/webp",".tif":"image/tiff",".tiff":"image/tiff",".svg":"image/svg+xml",".mp3":"audio/mpeg",".wav":"audio/wav",".ogg":"audio/ogg",".m4a":"audio/mp4",".aac":"audio/aac",".mp4":"video/mp4",".avi":"video/x-msvideo",".mov":"video/quicktime",".wmv":"video/x-ms-wmv",".flv":"video/x-flv",".mkv":"video/x-matroska",".webm":"video/webm",".zip":"application/zip",".rar":"application/x-rar-compressed",".7z":"application/x-7z-compressed",".tar":"application/x-tar",".gz":"application/gzip",".json":"application/json",".xml":"application/xml",".html":"text/html",".htm":"text/html",".css":"text/css",".js":"application/javascript"},P=function(){function e(e){var t=this;(0,i.r)(this,e),this.vaChange=(0,i.c)(this,"vaChange",7),this.vaPasswordChange=(0,i.c)(this,"vaPasswordChange",7),this.componentLibraryAnalytics=(0,i.c)(this,"component-library-analytics",7),this.uploadStatus="idle",this.chooseFileString="choose from folder",this.dragFileString="Drag a file here or ",this.handleChange=function(e){var a=e.target;a.files&&a.files.length>0&&t.handleFile(a.files[0]),a.value=""},this.handleDrop=function(e){e.preventDefault(),e.stopPropagation();var a=e.dataTransfer.files;a.length>0&&t.handleFile(a[0])},this.handleFile=function(e,a){if(void 0===a&&(a=!0),t.accept){var i=t.normalizeAcceptProp(t.accept);if(!t.isAcceptedFileType(e.type,i))return t.removeFile(!1),void(t.internalError="This is not a valid file type.")}if(e.size>t.maxFileSize)return t.internalError="\n We can't upload your file because it's too big. Files must be less than ".concat(t.formatFileSize(t.maxFileSize),"."),t.fileContents=null,void(t.uploadStatus="idle");t.uploadedFile=null,t.file=e,a&&t.vaChange.emit({files:[t.file]}),t.uploadStatus="success",t.internalError=null,t.generateFileContents(t.file),t.updateStatusMessage("You have selected the file: ".concat(t.file.name)),t.el.focus(),t.enableAnalytics&&t.componentLibraryAnalytics.emit({componentName:"va-file-input",action:"change",details:{label:t.label}})},this.removeFile=function(e){void 0===e&&(e=!0),t.closeModal(),t.uploadStatus="idle",t.internalError=null,e&&t.vaChange.emit({files:[]}),t.file=null,t.uploadedFile=null,t.updateStatusMessage("File removed. No file selected."),t.el.focus()},this.openModal=function(){t.el.shadowRoot.querySelector("va-modal").setAttribute("status","warning"),t.showModal=!0},this.closeModal=function(){t.showModal=!1,setTimeout((function(){t.fileInputRef.focus()}),0)},this.changeFile=function(){t.fileInputRef&&t.fileInputRef.click()},this.formatFileSize=function(e){var t=["B","KB","MB","GB","TB"];if(0===e)return"0 B";var a=Math.floor(Math.log(e)/Math.log(1024));if(0===a)return"".concat(e," ").concat(t[a]);var i=(e/Math.pow(1024,a)).toFixed(a<2?0:1);return"".concat(i," ").concat(t[a])},this.normalizeAcceptProp=function(e){return e.split(",").map((function(e){return(e=e.trim()).startsWith(".")?O[e]:e}))},this.isAcceptedFileType=function(e,t){for(var a=0,i=t;a<i.length;a++){var n=i[a];if(n===e)return!0;if(n.endsWith("/*")&&e.startsWith(n.slice(0,-1)))return!0}return!1},this.renderLabelOrHeader=function(e,t,a){var n=t?(0,i.h)("span",{class:"required"}," ",o.i.t("required")):null;if(a&&a>=1&&a<=6){var r="h".concat(a);return(0,i.h)("div",{class:"label-header"},(0,i.h)(r,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,n))}return(0,i.h)("div",{class:"label-header"},(0,i.h)("label",{htmlFor:"fileInputField",part:"label",class:"usa-label"},e,n))},this.file=void 0,this.fileContents=void 0,this.internalError=void 0,this.showModal=!1,this.showSeparator=!0,this.label=void 0,this.name=void 0,this.buttonText=void 0,this.value=void 0,this.required=!1,this.accept=void 0,this.error=void 0,this.hint=void 0,this.statusText=void 0,this.uploadMessage=null,this.enableAnalytics=!1,this.headerSize=void 0,this.headless=!1,this.readOnly=!1,this.encrypted=!1,this.uploadedFile=void 0,this.maxFileSize=1/0,this.percentUploaded=null}return e.prototype.handleValueChange=function(e){var t=this;setTimeout((function(){t.updateStatusMessage(e)}))},e.prototype.percentHandler=function(e){e>=100&&this.resetState()},e.prototype.resetState=function(){this.fileContents=null,this.uploadStatus="idle",this.percentUploaded=null,(0,i.f)(this.el)},e.prototype.updateStatusMessage=function(e){var t=this;setTimeout((function(){var a=t.el.shadowRoot.querySelector("#statusMessage");a&&(a.textContent=e)}),1e3)},e.prototype.generateFileContents=function(e){var t=this;if(e){var a=new FileReader;this.fileType=e.type,a.onloadend=function(){t.fileContents=a.result},this.fileType&&("application/pdf"===this.fileType||this.fileType.startsWith("image/"))&&a.readAsDataURL(e)}},e.prototype.componentWillRender=function(){var e=!!this.el.querySelector(":scope > *"),t=!(!this.value&&!this.file||this.readOnly);this.showSeparator=e||t},e.prototype.componentDidLoad=function(){!function(e){(0,n.s)(l,e).forEach((function(e){var t=B(e),a=t.instructions,i=t.dropTarget;i.addEventListener("dragover",(function(){this.classList.add(x)}),!1),i.addEventListener("dragleave",(function(){this.classList.remove(x)}),!1),i.addEventListener("drop",(function(t){t.preventDefault(),this.classList.remove(x);var n=t.dataTransfer;if(t.target.files=n.files,!(n.files.length>1)){j(t,e,a,i);var o=new CustomEvent("change",{detail:{files:n.files}});e.dispatchEvent(o)}}),!1),e.addEventListener("input",(function(t){return j(t,e,a,i)}),!1)}))}(this.el)},e.prototype.connectedCallback=function(){this.el.addEventListener("change",this.handleChange)},e.prototype.disconnectedCallback=function(){this.el.removeEventListener("change",this.handleChange)},e.prototype.getDefaultUploadMessage=function(){return(0,i.h)("span",null,this.dragFileString,(0,i.h)("span",{class:"file-input-choose-text"},this.chooseFileString))},e.prototype.handlePasswordChange=function(e){this.vaPasswordChange.emit({password:e.target.value})},e.prototype.render=function(){var e=this,t=this,a=t.label,n=t.name,r=t.required,s=t.accept,l=t.error,c=t.hint,d=t.file,f=t.uploadStatus,h=t.dragFileString,u=t.chooseFileString,p=t.uploadMessage,m=t.headerSize,b=t.fileContents,g=t.fileType,v=t.headless,y=t.value,x=t.readOnly,w=t.encrypted,k=t.statusText,A=t.uploadedFile,S=t.percentUploaded;y&&!this.file&&this.handleFile(y,!1);var z=this.error||this.internalError,T="".concat(c?"input-hint-message":""," ").concat(z?"input-error-message":"").trim()||null,C="file-input-target ".concat(z?"file-input-target-error":"").trim(),L=(0,i.h)("div",{key:"9774ee87adb4230027fed51725a8a0ad5bab9b74",class:"thumbnail-container"},(0,i.h)("svg",{key:"c3a40e412d03ae708ea73a2ec7bb1310e450ce6e",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"#07648d",width:"40px",height:"40px"},(0,i.h)("path",{key:"c73b653eac4c05b2e919b48247dd1c869d867811",d:"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"})));l?L=(0,i.h)("div",{key:"9a8f992c107c9774b2fa09e2288bf1f208d04b75",class:"thumbnail-container"},(0,i.h)("va-icon",{key:"89d62f84123ec4d0ae1d0f65765f21991305494c",icon:"error",size:3,class:"thumbnail-preview thumbnail-error"})):b&&(g.startsWith("image/")?L=(0,i.h)("div",{key:"bdbad7b10ac810c9ae857c76b567fc972d8103b2",class:"thumbnail-container","aria-hidden":"true"},(0,i.h)("img",{key:"e8ab4196d10ee00f2066f1f8c9c1f25d198ca8aa",class:"thumbnail-preview",src:b,alt:"image"})):"application/pdf"===g&&(L=(0,i.h)("div",{key:"7c2113699ec614ba1d27b51861dd21087c624aaa",class:"thumbnail-container","aria-hidden":"true"},(0,i.h)("object",{key:"87cd12cb0a730c50c07aa60a36e8d18df847aa7b",class:"thumbnail-preview",data:b,type:"application/pdf"}))));var F=v?"headless-selected-files-wrapper":"selected-files-wrapper",M="usa-hint"+(v?" usa-sr-only":""),_=null!==S&&S<100,E="file-status-label";return _&&(E="".concat(E," uploading-status")),(0,i.h)(i.H,{key:"401ecd730a4166004d4d63a87e7d0f92b6f56d3c",class:{"has-error":!!z}},!x&&(0,i.h)("span",{key:"c0fec0820f20e94fa854621b803daa0f36d0d2e7",class:{"usa-sr-only":!!v}},a&&this.renderLabelOrHeader(a,r,m)),c&&!x&&(0,i.h)("div",{key:"3afcc31a2f352a3a47d725f144e96c38775b1978",class:M,id:"input-hint-message"},c),(0,i.h)("div",{key:"848269b7bd2194919156084db84b1b7db76732ce",class:"file-input-wrapper",onDrop:this.handleDrop},(0,i.h)("input",{key:"d811e3dd2002a60813d8dbc07ad1587535b6b2da",id:"fileInputField",class:"file-input","aria-label":"".concat(a).concat(r?" "+o.i.t("required"):"",". ").concat(h).concat(u),style:{visibility:"success"===this.uploadStatus||A?"hidden":"unset"},type:"file",ref:function(t){return e.fileInputRef=t},name:n,accept:s,"aria-describedby":T,onChange:this.handleChange}),"idle"===f&&!A&&(0,i.h)("div",{key:"9f2d9e5cf7c6ec5ba4574315c20f2be8a11beea0"},(0,i.h)("span",{key:"2541b03b36d3b29ead5f5ae0987f4f68bc021779",id:"file-input-error-alert",role:"alert"},z&&(0,i.h)(i.F,{key:"1e71efb317203fcddecc87fcfe30ce936e0b7670"},(0,i.h)("span",{key:"6d0b154e43199d42ab62dc0f29e086bd56dd6482",class:"usa-sr-only"},o.i.t("error")),(0,i.h)("span",{key:"431b612a5a22ba5c954e0535b6208df68b93f9b2",class:"usa-error-message"},z))),(0,i.h)("div",{key:"31276bffff19ce38caec4f32adbbeec0636cddac",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),(0,i.h)("div",{key:"e425e82b35fbd338711c979eaad1151b218528d3",class:C},(0,i.h)("div",{key:"ecc36240f55fce0f9b43573808fb9561035dbfc2",class:"file-input-box"}),(0,i.h)("div",{key:"1f141bcd08b7d6e6d1b962db0add2a1a1b487cb7",class:"file-input-instructions"},p||this.getDefaultUploadMessage()))),("idle"!==f||A)&&(0,i.h)("div",{key:"ea50efb490141b116748d0928d3efe659f87fd46",class:F},!v&&(0,i.h)("div",{key:"7e2a11ce853166f911b4aec98b71d5f23514457d",class:"selected-files-label"},x?"Files you uploaded":"Selected files"),(0,i.h)("div",{key:"2c7f72031c57dd6d4f2b4eebebce550f92a87eb3",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),(0,i.h)("va-card",{key:"794fe8a544d543c8e7c3b7c54e42057bd033de89",class:"va-card"},(0,i.h)("div",{key:"cb4a4947ff477d870b3443d906b5433b43ba3b3d",class:"file-info-section"},L,(0,i.h)("div",{key:"3cd687739b95959cc77b63ff9fa29c23cd784c22",class:"file-info-group vads-u-line-height--2"},(0,i.h)("span",{key:"d51642b3b1a23d7c624e23a13f294a27ceef4d4a",class:"file-label"},d?d.name:A.name),z&&(0,i.h)("span",{key:"e9ad2ac117d67c5fa8d186644782e0e74fb27c66",id:"input-error-message",role:"alert"},(0,i.h)("span",{key:"2699fa09aa2b455d4d12f6fce8fbc27e65be49dc",class:"usa-sr-only"},o.i.t("error")),(0,i.h)("span",{key:"a14b42b3ee642abdc2db87fd61bf4cd30801913f","aria-live":"polite",class:"usa-error-message"},z)),!_&&(0,i.h)("span",{key:"5fd9456980f44027a2e313ba1a160a86f8d37e68",class:"file-size-label"},this.formatFileSize(d?d.size:A.size)),(0,i.h)("span",{key:"720fff3bd78dfd56a5f7337f2d536a5ff6651d03",class:E,"aria-live":"polite"},_?"Uploading...":k))),(d||y||A)&&(0,i.h)("div",{key:"fe642adaf645a1799129c2dcacd3c8f83e366cc5"},this.showSeparator&&(0,i.h)("hr",{key:"775903c2317b23e806e00f0230e76fd38d90a610",class:"separator"}),w&&(0,i.h)("va-text-input",{key:"9ef6109d27d72c2a475ef528b4e65608d9621077",onInput:function(t){e.handlePasswordChange(t)},label:"File password",required:!0}),(0,i.h)("div",{key:"ca4cf00a4cf0c0e44d7e8578849724679eadff04",class:"additional-info-slot"},(0,i.h)("slot",{key:"378c4d8ec1ca2607a29e2f32ad1d0000eec22a78"})),x?null:_?(0,i.h)(i.F,null,(0,i.h)("va-progress-bar",{percent:S}),(0,i.h)("va-button-icon",{buttonType:"cancel",onClick:this.resetState.bind(this)})):(0,i.h)(i.F,null,(0,i.h)("div",{class:"file-button-section"},(0,i.h)("va-button-icon",{buttonType:"change-file",onClick:this.changeFile,label:"Change file","aria-label":"change file ".concat(d?d.name:A.name)}),(0,i.h)("va-button-icon",{buttonType:"delete",onClick:this.openModal,"aria-label":"delete file ".concat(d?d.name:A.name),label:"Delete"})),(0,i.h)("va-modal",{modalTitle:"Delete this file?",visible:this.showModal,primaryButtonText:"Yes, remove this",secondaryButtonText:"No, keep this",onCloseEvent:this.closeModal,onPrimaryButtonClick:function(){return e.removeFile(!0)},onSecondaryButtonClick:this.closeModal},"We'll remove the uploaded document"," ",(0,i.h)("span",{class:"file-label"},d?d.name:A.name))))))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,i.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e,"watchers",{get:function(){return{statusText:["handleValueChange"],percentUploaded:["percentHandler"]}},enumerable:!1,configurable:!0}),e}();P.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}[hidden]{display:none}:host{display:block;font-family:var(--font-source-sans);font-size:16.96px;}:host .label-header{color:var(--vads-color-base);font-weight:var(--font-weight-normal)}:host .label-header-tag{margin:0;display:inline-block}:host .file-input-wrapper{display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host .file-input{cursor:pointer;height:100%;width:100%;max-width:none;top:0;left:0;z-index:1;margin:0;position:absolute;text-indent:-999em;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target{border:1px dashed var(--vads-color-action-border-base-active-on-dark);display:block;margin-top:0.3125rem;position:relative;text-align:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target.file-input-target-error{border:2px dashed var(--vads-color-secondary-dark)}:host .file-input-box{background:var(--vads-color-white);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}:host .file-input-instructions{font-size:1.06rem;padding:1.25rem 0.625rem;pointer-events:none;position:relative;z-index:3}:host .file-input-choose-text{color:var(--vads-color-link);text-decoration:underline;font-weight:var(--font-weight-normal)}:host .file-icon{color:var(--vads-color-primary-alt-darkest)}:host .selected-files-wrapper{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light)}:host .selected-files-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;border-bottom:1px solid var(--vads-color-white);margin-bottom:8px;padding:8px}:host .va-card{margin:8px}:host .file-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;padding:0 8px;display:block;width:100%;word-wrap:break-word;word-break:break-word;overflow:hidden}:host #input-error-message{padding:0 8px;width:100%}:host .file-size-label,:host .file-status-label{color:var(--vads-color-base-dark);font-weight:var(--font-weight-normal);font-size:1.06rem;padding:0 8px;display:block}:host .file-status-label{font-style:italic}:host .file-info-section{padding:0 8px 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .file-button-section{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}:host .file-button-section>va-button-icon{font-size:1.06rem}@media screen and (max-width: 320px){:host .file-button-section{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}:host .separator{border:0;border-top:1px solid var(--vads-color-base-lighter);margin:0}:host .vads-u-line-height--2{line-height:1.15}:host .thumbnail-container{height:40px;width:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .thumbnail-preview{max-width:40px;width:auto;max-height:40px;height:auto}:host .thumbnail-error{color:#b21d38}:host va-progress-bar{font-size:var(--vads-font-size-root);display:block;margin-left:16px}:host .uploading-status{font-style:var(--font-style-italic)}:host(.has-error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host(.has-error){margin-left:-0.9rem}}.required{color:var(--vads-color-secondary-dark);margin-left:0.25rem}h1 .required,h2 .required,h3 .required,h4 .required,h5 .required,h6 .required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}'}}]);
|
package/dist/6650.app.bundle.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 6650.app.bundle.js.LICENSE.txt */
|
|
2
|
-
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[4569,6650,7373],{4569:function(e,a,t){t.r(a),t.d(a,{c:function(){return o}});var r,i={exports:{}};r=i,function(){var e={}.hasOwnProperty;function a(){for(var t=[],r=0;r<arguments.length;r++){var i=arguments[r];if(i){var o=typeof i;if("string"===o||"number"===o)t.push(i);else if(Array.isArray(i)){if(i.length){var n=a.apply(null,i);n&&t.push(n)}}else if("object"===o)if(i.toString===Object.prototype.toString)for(var s in i)e.call(i,s)&&i[s]&&t.push(s);else t.push(i.toString())}}return t.join(" ")}r.exports?(a.default=a,r.exports=a):window.classNames=a}();var o=i.exports},7373:function(e,a,t){function r(e){return!Number.isNaN(parseFloat(e))}function i(e,a,t){void 0===t&&(t="slot");var r=e.shadowRoot.querySelector(t).assignedNodes();return null!==a?Array.from(r).filter((function(e){return e.nodeName.toLowerCase()===a})):Array.from(r)}function o(e){return 1===e?"":"s"}function n(e,a){if(void 0===e||""===e)return"".concat(a," character").concat(o(a)," allowed");var t;if(e.length<=a){var r=a-e.length;t="".concat(r," character").concat(o(r)," left")}else r=e.length-a,t="".concat(r," character").concat(o(r)," over limit");return t}function s(e,a){return Array.from({length:a-e+1},(function(a,t){return e+t}))}t.r(a),t.d(a,{S:function(){return c},a:function(){return i},b:function(){return r},c:function(){return n},d:function(){return m},e:function(){return f},g:function(){return d},i:function(){return h},m:function(){return s},s:function(){return u},t:function(){return p}}),t(7911);var l=function(e){return e&&"object"==typeof e&&1===e.nodeType};function u(e,a){var t=function(e,a){if("string"!=typeof e)return[];if(!a||!l(a))return[];var t=a.shadowRoot.querySelectorAll(e);return Array.from(t)}(e,a);return"string"!=typeof e||l(a)&&a.matches(e)&&t.push(a),t}var c={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return c._entities[e]},escapeHTML:function(e){for(var a="",t=0;t<e.length;t++)a+=e[t],t+1<arguments.length&&(a+=String(arguments[t+1]||"").replace(c._entity,c.getEntity));return a}};function d(e){var a;return(a="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&a<=6?"h".concat(a):null}function f(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function h(e){return e&&"false"!==e||!1}function b(e){return"[object Arguments]"===Object.prototype.toString.call(e)}function m(e,a){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(e===a)return!0;if("function"==typeof e||"function"==typeof a)return!0;if("object"!=typeof e||"object"!=typeof a)return!1;if(null===e||null===a)return!1;if(e instanceof Date&&a instanceof Date)return e.getTime()===a.getTime();if(e instanceof RegExp&&a instanceof RegExp)return e.source===a.source&&e.global===a.global&&e.multiline===a.multiline&&e.lastIndex===a.lastIndex&&e.ignoreCase===a.ignoreCase;if(b(e)||b(a)){if(!b(e)||!b(a))return!1;var i=Array.prototype.slice;return m(i.call(e),i.call(a),t,r)}if(e.constructor!==a.constructor)return!1;var o=Object.keys(e),n=Object.keys(a);if(0===o.length&&0===n.length)return!0;if(o.length!==n.length)return!1;for(var s=t.length;s--;)if(t[s]===e)return r[s]===a;t.push(e),r.push(a),o.sort(),n.sort();for(var l=o.length-1;l>=0;l--)if(o[l]!==n[l])return!1;for(var u=void 0,c=o.length-1;c>=0;c--)if(!m(e[u=o[c]],a[u],t,r))return!1;return t.pop(),r.pop(),!0}function p(e,a,t){if(!e)return e;var r=document.createElement("canvas").getContext("2d");if(!r)return e;if(r.font=t,r.measureText(e).width<=a)return e;for(var i=r.measureText("...").width,o=0,n=e.length,s=0;o<=n;){var l=Math.floor((o+n)/2),u=e.substring(0,l);r.measureText(u).width+i<=a?(s=l,o=l+1):n=l-1}return e.substring(0,s).trim()+"..."}},6650:function(e,a,t){t.r(a),t.d(a,{va_textarea:function(){return s}});var r=t(7911),i=t(4569),o=(t(7470),t(7373)),n=t(3244),s=function(){function e(e){var a=this;(0,r.r)(this,e),this.componentLibraryAnalytics=(0,r.c)(this,"component-library-analytics",7),this.handleInput=function(e){var t=e.target;a.value=t.value},this.handleBlur=function(){a.enableAnalytics&&a.value&&a.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:a.label,value:a.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}return e.prototype.connectedCallback=function(){var e=this;n.i.on("languageChanged",(function(){(0,r.f)(e.el)}))},e.prototype.disconnectedCallback=function(){n.i.off("languageChanged")},e.prototype.getMaxlength=function(){if(!(this.maxlength<=0))return this.maxlength},e.prototype.render=function(){var e=this,a=e.label,t=e.error,s=e.placeholder,l=e.name,u=e.required,c=e.value,d=e.hint,f=e.charcount,h=e.messageAriaDescribedby,b=e.useFormsPattern,m=e.formHeadingLevel,p=e.headerAriaDescribedby,g=e.formHeading,v=this.getMaxlength(),y="".concat(t?"input-error-message":""," ").concat(f&&v?"charcount-message":""," ").concat(h?"input-message":"").trim()||null,x="".concat(b&&g?"form-question":""," ").concat(b?"form-description":""," ").concat(b&&a?"input-label":"").trim()||null,w=(0,o.g)(this.labelHeaderLevel),k=p?"header-message":null,T=f&&(null==c?void 0:c.length)>v,_=(0,i.c)({"usa-label":!0,"usa-label--error":t}),A=(0,i.c)({"usa-textarea":!0,"usa-input--error":t}),z=(0,i.c)({"usa-hint":!0,"usa-character-count__status":f,"usa-character-count__status--invalid":f&&v&&(null==c?void 0:c.length)>v}),S=null;if("single"===b||"multiple"===b){var N=(0,o.g)(m);S=(0,r.h)(r.F,{key:"349395a4bead5b5c8c0e955b675f967c6eaa2aeb"},g&&(0,r.h)(N,{key:"9989d38a5c55d6f1cd8a406a67a44e0e87a95840",id:"form-question",part:"form-header"},g),(0,r.h)("div",{key:"f578d77876ca657040dd132d7cf1bbf5b5eee67a",id:"form-description"},(0,r.h)("slot",{key:"935f1876cb359da145bf55589bf49ed6238d936b",name:"form-description"})))}var q=(0,r.h)("label",{key:"842ce3f5734c7371bf9f222a3f262fe5227477ca",htmlFor:"input-type-textarea",id:"input-label",class:_,part:"label"},a,"multiple"===b&&(0,r.h)("span",{key:"8f8181497d38d7ddcbb98534c507dd0d34ab7b2e",id:"header-message",class:"usa-sr-only"},a),p&&(0,r.h)("span",{key:"47e75d31cc90e64448efea84a9ea47b17ed11ac3",id:"header-message",class:"usa-sr-only"},p),u&&(0,r.h)("span",{key:"5a2851cb78b091831fccdbf8d460e3b8e7e69128",class:"usa-label--required"}," ",n.i.t("required")),d&&(0,r.h)("div",{key:"b4faf925b3cca1b03fe3949dbb04b558f10ffb27",class:"usa-hint"},d));return(0,r.h)(r.H,{key:"afa0cd3ce8ca38af8dfe6c49bc590f3401a29f3e"},S,(0,r.h)("div",{key:"bfd26f7b7dfe7eda08e723105b1176f525cd9acb",class:"input-wrap"},a&&w?(0,r.h)(w,{part:"header","aria-describedby":k},q):(0,r.h)(r.F,null,q),(0,r.h)("slot",{key:"1772ffdb0dafecb5ffceb0a0d9afc1c39841c5b2"}),(0,r.h)("span",{key:"5156c7d99e48e433875478e72fda2312141e77b8",id:"input-error-message",role:"alert"},t&&(0,r.h)(r.F,{key:"ce7a419b3313d5ff0df41bf9b19771c3b1c202b2"},(0,r.h)("span",{key:"5e6f043fd0c71afde8f0595f47368306ae3ead0b",class:"usa-sr-only"},n.i.t("error")),(0,r.h)("span",{key:"583e1d6af1f4d0ed8e36f944f9c63864d0a8a1a6",class:"usa-error-message"},t))),(0,r.h)("textarea",{key:"e1e4e55986e84c39993226b2fb74b504c9932f71",class:A,"aria-describedby":y,"aria-invalid":t||T?"true":"false","aria-labelledby":x,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:s,name:l,maxLength:f?void 0:v,value:c,part:"input-type-textarea"}),!f&&v&&(null==c?void 0:c.length)>=v&&(0,r.h)("span",{key:"fc7414674f9b0861ed2760b37e4acd42ec6c55c8",class:z,"aria-live":"polite"},n.i.t("max-chars",{length:v})),f&&v&&(0,r.h)("span",{key:"dce37e9560ee834e377750105b26cb07fced5f58",id:"charcount-message",class:z,"aria-live":"polite"},(0,o.c)(c,v)),(0,o.i)(h)&&(0,r.h)("span",{key:"ab2bf2b643aa9ef9d9f78bf6829fdc0de08325ca",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},h)))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,r.g)(this)},enumerable:!1,configurable:!0}),e}();s.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-textarea,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-textarea,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block}h1 .usa-label,h2 .usa-label,h3 .usa-label,h4 .usa-label,h5 .usa-label,h6 .usa-label{font-family:inherit;font-size:inherit;font-weight:inherit}h1 .usa-label .usa-label--required,h2 .usa-label .usa-label--required,h3 .usa-label .usa-label--required,h4 .usa-label .usa-label--required,h5 .usa-label .usa-label--required,h6 .usa-label .usa-label--required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}'}}]);
|
|
2
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[4569,6650,7508],{4569:function(e,a,t){t.r(a),t.d(a,{c:function(){return o}});var r,i={exports:{}};r=i,function(){var e={}.hasOwnProperty;function a(){for(var t=[],r=0;r<arguments.length;r++){var i=arguments[r];if(i){var o=typeof i;if("string"===o||"number"===o)t.push(i);else if(Array.isArray(i)){if(i.length){var n=a.apply(null,i);n&&t.push(n)}}else if("object"===o)if(i.toString===Object.prototype.toString)for(var s in i)e.call(i,s)&&i[s]&&t.push(s);else t.push(i.toString())}}return t.join(" ")}r.exports?(a.default=a,r.exports=a):window.classNames=a}();var o=i.exports},7508:function(e,a,t){function r(e){return!Number.isNaN(parseFloat(e))}function i(e,a,t){void 0===t&&(t="slot");var r=e.shadowRoot.querySelector(t).assignedNodes();return null!==a?Array.from(r).filter((function(e){return e.nodeName.toLowerCase()===a})):Array.from(r)}function o(e){return 1===e?"":"s"}function n(e,a){if(void 0===e||""===e)return"".concat(a," character").concat(o(a)," allowed");var t;if(e.length<=a){var r=a-e.length;t="".concat(r," character").concat(o(r)," left")}else r=e.length-a,t="".concat(r," character").concat(o(r)," over limit");return t}function s(e,a){return Array.from({length:a-e+1},(function(a,t){return e+t}))}t.r(a),t.d(a,{S:function(){return c},a:function(){return i},b:function(){return r},c:function(){return p},d:function(){return m},e:function(){return n},f:function(){return h},g:function(){return d},i:function(){return f},m:function(){return s},s:function(){return u}}),t(7911);var l=function(e){return e&&"object"==typeof e&&1===e.nodeType};function u(e,a){var t=function(e,a){if("string"!=typeof e)return[];if(!a||!l(a))return[];var t=a.shadowRoot.querySelectorAll(e);return Array.from(t)}(e,a);return"string"!=typeof e||l(a)&&a.matches(e)&&t.push(a),t}var c={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return c._entities[e]},escapeHTML:function(e){for(var a="",t=0;t<e.length;t++)a+=e[t],t+1<arguments.length&&(a+=String(arguments[t+1]||"").replace(c._entity,c.getEntity));return a}};function d(e){var a;return(a="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&a<=6?"h".concat(a):null}function h(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function f(e){return e&&"false"!==e||!1}function b(e){return"[object Arguments]"===Object.prototype.toString.call(e)}function m(e,a){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:[];if(e===a)return!0;if("function"==typeof e||"function"==typeof a)return!0;if("object"!=typeof e||"object"!=typeof a)return!1;if(null===e||null===a)return!1;if(e instanceof Date&&a instanceof Date)return e.getTime()===a.getTime();if(e instanceof RegExp&&a instanceof RegExp)return e.source===a.source&&e.global===a.global&&e.multiline===a.multiline&&e.lastIndex===a.lastIndex&&e.ignoreCase===a.ignoreCase;if(b(e)||b(a)){if(!b(e)||!b(a))return!1;var i=Array.prototype.slice;return m(i.call(e),i.call(a),t,r)}if(e.constructor!==a.constructor)return!1;var o=Object.keys(e),n=Object.keys(a);if(0===o.length&&0===n.length)return!0;if(o.length!==n.length)return!1;for(var s=t.length;s--;)if(t[s]===e)return r[s]===a;t.push(e),r.push(a),o.sort(),n.sort();for(var l=o.length-1;l>=0;l--)if(o[l]!==n[l])return!1;for(var u=void 0,c=o.length-1;c>=0;c--)if(!m(e[u=o[c]],a[u],t,r))return!1;return t.pop(),r.pop(),!0}function p(e,a){void 0===a&&(a=!0);var t=["a","i","e","o"];a&&t.push("u");var r=e.charAt(0).toLowerCase();return t.includes(r)?"an":"a"}},6650:function(e,a,t){t.r(a),t.d(a,{va_textarea:function(){return s}});var r=t(7911),i=t(4569),o=(t(7470),t(7508)),n=t(3244),s=function(){function e(e){var a=this;(0,r.r)(this,e),this.componentLibraryAnalytics=(0,r.c)(this,"component-library-analytics",7),this.handleInput=function(e){var t=e.target;a.value=t.value},this.handleBlur=function(){a.enableAnalytics&&a.value&&a.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:a.label,value:a.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}return e.prototype.connectedCallback=function(){var e=this;n.i.on("languageChanged",(function(){(0,r.f)(e.el)}))},e.prototype.disconnectedCallback=function(){n.i.off("languageChanged")},e.prototype.getMaxlength=function(){if(!(this.maxlength<=0))return this.maxlength},e.prototype.render=function(){var e=this,a=e.label,t=e.error,s=e.placeholder,l=e.name,u=e.required,c=e.value,d=e.hint,h=e.charcount,f=e.messageAriaDescribedby,b=e.useFormsPattern,m=e.formHeadingLevel,p=e.headerAriaDescribedby,g=e.formHeading,v=this.getMaxlength(),y="".concat(t?"input-error-message":""," ").concat(h&&v?"charcount-message":""," ").concat(f?"input-message":"").trim()||null,x="".concat(b&&g?"form-question":""," ").concat(b?"form-description":""," ").concat(b&&a?"input-label":"").trim()||null,w=(0,o.g)(this.labelHeaderLevel),k=p?"header-message":null,_=h&&(null==c?void 0:c.length)>v,T=(0,i.c)({"usa-label":!0,"usa-label--error":t}),A=(0,i.c)({"usa-textarea":!0,"usa-input--error":t}),z=(0,i.c)({"usa-hint":!0,"usa-character-count__status":h,"usa-character-count__status--invalid":h&&v&&(null==c?void 0:c.length)>v}),S=null;if("single"===b||"multiple"===b){var N=(0,o.g)(m);S=(0,r.h)(r.F,{key:"c6eb33b259cbccb16fdd13bf5cbcffc35e75ccae"},g&&(0,r.h)(N,{key:"43f66221a681d4a4984c8f514f4ce3d9587a17c2",id:"form-question",part:"form-header"},g),(0,r.h)("div",{key:"f68af3e0185665107a41e2e0eabf447a69c3a04b",id:"form-description"},(0,r.h)("slot",{key:"ebd41082c114b19a43c57dd70114728d1d7bc682",name:"form-description"})))}var q=(0,r.h)("label",{key:"a43bae6980b3583dcb940a1a9d6fe2ab29b88416",htmlFor:"input-type-textarea",id:"input-label",class:T,part:"label"},a,"multiple"===b&&(0,r.h)("span",{key:"6406545921faf11dc1e2b18ae6c1443af08dfd80",id:"header-message",class:"usa-sr-only"},a),p&&(0,r.h)("span",{key:"580c874936b1c5bcf005c3ec0e445a49f0d7a14e",id:"header-message",class:"usa-sr-only"},p),u&&(0,r.h)("span",{key:"5c141e83a0a98cf5279c2e79bcba3dec451c06c5",class:"usa-label--required"}," ",n.i.t("required")),d&&(0,r.h)("div",{key:"244beb90392be985de701ca86597fb5b52197da2",class:"usa-hint"},d));return(0,r.h)(r.H,{key:"ce1242f523ba650f0cb9aaa7a4870f447d8b0e93"},S,(0,r.h)("div",{key:"159a79e43282b5da123b5ffb25247b40ace55023",class:"input-wrap"},a&&w?(0,r.h)(w,{part:"header","aria-describedby":k},q):(0,r.h)(r.F,null,q),(0,r.h)("slot",{key:"88706c7048b6f41c656a05a10f5cd389fbe18f32"}),(0,r.h)("span",{key:"c653ac37fdc3718a0f87a3a4b39c184da747188b",id:"input-error-message",role:"alert"},t&&(0,r.h)(r.F,{key:"237165677a44991141053a439d080cb8179be9b2"},(0,r.h)("span",{key:"d45c87453d02fd931348de389229dbe51d2d5fd3",class:"usa-sr-only"},n.i.t("error")),(0,r.h)("span",{key:"081d1a2f7bb5448a6a87e40b661be8d3463922a4",class:"usa-error-message"},t))),(0,r.h)("textarea",{key:"70075ecebfb9ba7145be69c6b3502fcb19e6c77c",class:A,"aria-describedby":y,"aria-invalid":t||_?"true":"false","aria-labelledby":x,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:s,name:l,maxLength:h?void 0:v,value:c,part:"input-type-textarea"}),!h&&v&&(null==c?void 0:c.length)>=v&&(0,r.h)("span",{key:"35f7d26cb27253ef7ecde1d2fb651e3ea54a8a2b",class:z,"aria-live":"polite"},n.i.t("max-chars",{length:v})),h&&v&&(0,r.h)("span",{key:"3590bd202c2e12f4c379e0d1cd4c665509b51a93",id:"charcount-message",class:z,"aria-live":"polite"},(0,o.e)(c,v)),(0,o.i)(f)&&(0,r.h)("span",{key:"2f36e4058c57de316cbd9ddd214b40f0a6dca43a",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},f)))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,r.g)(this)},enumerable:!1,configurable:!0}),e}();s.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-textarea,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-textarea,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block;font-weight:normal}h1 .usa-label,h2 .usa-label,h3 .usa-label,h4 .usa-label,h5 .usa-label,h6 .usa-label{font-family:inherit;font-size:inherit;font-weight:inherit}h1 .usa-label .usa-label--required,h2 .usa-label .usa-label--required,h3 .usa-label .usa-label--required,h4 .usa-label .usa-label--required,h5 .usa-label .usa-label--required,h6 .usa-label .usa-label--required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}'}}]);
|
package/dist/6718.app.bundle.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[6718],{6718:function(e,a,t){t.r(a),t.d(a,{va_summary_box:function(){return r}});var o=t(7911),r=function(){function e(e){(0,o.r)(this,e),this.headlineText=null}return e.prototype.componentWillLoad=function(){var e=Array.from(this.el.children);this.headlineText=e.find((function(e){return"headline"===e.slot})).textContent.trim()},e.prototype.componentDidLoad=function(){var e=this.el.shadowRoot.querySelectorAll("slot"),a=e[0],t=e[1];a.classList.add("usa-summary-box__heading"),t.classList.add("usa-summary-box__text");var o=Array.from(this.el.children);this.headlineText=o.find((function(e){return"headline"===e.slot})).textContent.trim()},e.prototype.render=function(){return(0,o.h)(o.H,{key:"
|
|
1
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[6718],{6718:function(e,a,t){t.r(a),t.d(a,{va_summary_box:function(){return r}});var o=t(7911),r=function(){function e(e){(0,o.r)(this,e),this.headlineText=null}return e.prototype.componentWillLoad=function(){var e=Array.from(this.el.children);this.headlineText=e.find((function(e){return"headline"===e.slot})).textContent.trim()},e.prototype.componentDidLoad=function(){var e=this.el.shadowRoot.querySelectorAll("slot"),a=e[0],t=e[1];a.classList.add("usa-summary-box__heading"),t.classList.add("usa-summary-box__text");var o=Array.from(this.el.children);this.headlineText=o.find((function(e){return"headline"===e.slot})).textContent.trim()},e.prototype.render=function(){return(0,o.h)(o.H,{key:"53d0cf2fc588c9815a7aadafba60989b32d87c09"},(0,o.h)("div",{key:"4a0c5d4b5b6658ce4f9520eaa0e96cb1339ce6a9",class:"usa-summary-box",role:"region","aria-label":this.headlineText},(0,o.h)("div",{key:"c0d440175917535ba48bfaee1491745ceafda27d",class:"usa-summary-box__body"},(0,o.h)("slot",{key:"bdbcf75b799f0128abcbc8ff517903f969d4abda",name:"headline"}),(0,o.h)("slot",{key:"895157568e36e2e86b659131eda8776f58f8cd64"}))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,o.g)(this)},enumerable:!1,configurable:!0}),e}();r.style='.usa-summary-box{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;color:#1b1b1b;background-color:#e7f6f8;border-radius:0.25rem;border:1px #99deea solid;padding:1.5rem;position:relative}.usa-summary-box .usa-list:last-child{margin-bottom:0}*+.usa-summary-box{margin-top:1rem}.usa-summary-box__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;margin-top:0;margin-bottom:0.5rem}.usa-summary-box__text{margin-bottom:0;margin-top:0}.usa-summary-box__text:only-child{margin-bottom:1px;padding-top:0.25rem}.usa-summary-box__link{color:#005ea2}.usa-summary-box__link:visited{color:#54278f}.usa-summary-box__link:hover,.usa-summary-box__link:active{color:#1a4480}.usa-summary-box__link[href^="#"]:visited{color:#005ea2}.usa-summary-box__link[href^="#"]:hover{color:#1a4480}:host{display:block}::slotted([slot=headline]){font-family:var(--font-serif);margin-top:0 !important}::slotted(p){font-family:var(--font-source-sans);margin-bottom:0 !important;margin-top:0 !important;padding-bottom:0.5em}::slotted(ul){margin:0 0 0.5em 1.5em !important;padding:0 !important}::slotted(li){list-style:square;margin:0}'}}]);
|
package/dist/6832.app.bundle.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[6832],{6832:function(e,t,s){s.r(t),s.d(t,{va_process_list:function(){return r}});var o=s(7911),r=function(){function e(e){(0,o.r)(this,e)}return e.prototype.render=function(){return(0,o.h)("ol",{key:"
|
|
1
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[6832],{6832:function(e,t,s){s.r(t),s.d(t,{va_process_list:function(){return r}});var o=s(7911),r=function(){function e(e){(0,o.r)(this,e)}return e.prototype.render=function(){return(0,o.h)("ol",{key:"876a4d0bbef5e1256da8ba244568d9d883c21f51",role:"list",class:"usa-process-list"},(0,o.h)("slot",{key:"5be7d453c444d8db7b596a9a9eddc9e1750f926f"}))},e}();r.style='.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-process-list>li{margin-bottom:0;max-width:unset}.usa-process-list>.usa-process-list__item{max-width:72ex}.usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-prose .usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-prose .usa-process-list>li{margin-bottom:0;max-width:unset}.usa-prose .usa-process-list>.usa-process-list__item{max-width:72ex}.usa-prose .usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-process-list__item:last-child{border-left:0.5rem solid transparent}.usa-process-list__item::before{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.5rem;border-radius:99rem;width:2.5rem;background-color:white;border:0.25rem solid #1b1b1b;-webkit-box-shadow:0 0 0 0.25rem white;box-shadow:0 0 0 0.25rem white;color:#1b1b1b;content:counter(usa-numbered-list, decimal);counter-increment:usa-numbered-list;display:-ms-flexbox;display:flex;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;font-weight:700;height:2.5rem;left:0;line-height:0.9;margin-top:-0.4rem;position:absolute;width:2.5rem}.usa-process-list__item ul{list-style-type:disc}.usa-process-list__item ul li{margin-bottom:0.25rem}.usa-process-list__item ul li:last-child{margin-bottom:0}.usa-process-list__item>*:first-child{margin-top:0}.usa-process-list__item>*:last-child{margin-bottom:0}.usa-process-list__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-weight:700;margin:0}.usa-process-list__heading+*{margin-top:0.25rem}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host{counter-reset:usa-numbered-list}::slotted(va-process-list-item[checkmark=true]):before{color:var(--vads-color-success-dark) !important;border-color:var(--vads-color-success-dark) !important;content:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2218px%22 height%3D%2215px%22 viewBox%3D%220 0 18 15%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3Ctitle%3EIcons %2F Font Awesome %2F fa-check%3C%2Ftitle%3E %3Cg id%3D%22----Process-List%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%22Process-List-%2F-_elements-%2F-number-%2F-complete-%22 transform%3D%22translate(-11.000000%2C -12.000000)%22 fill%3D%22%23008817%22%3E %3Cg id%3D%22Icons-%2F-Font-Awesome-%2F-fa-check%22 transform%3D%22translate(11.000000%2C 12.250000)%22%3E %3Cpath d%3D%22M18%2C2.69419355 C18%2C2.98451613 17.883871%2C3.27483871 17.6748387%2C3.48387097 L7.68774194%2C13.4709677 C7.47870968%2C13.68 7.1883871%2C13.796129 6.89806452%2C13.796129 C6.60774194%2C13.796129 6.31741935%2C13.68 6.1083871%2C13.4709677 L0.32516129%2C7.68774194 C0.116129032%2C7.47870968 0%2C7.1883871 0%2C6.89806452 C0%2C6.60774194 0.116129032%2C6.31741935 0.32516129%2C6.1083871 L1.90451613%2C4.52903226 C2.11354839%2C4.32 2.40387097%2C4.20387097 2.69419355%2C4.20387097 C2.98451613%2C4.20387097 3.27483871%2C4.32 3.48387097%2C4.52903226 L6.89806452%2C7.95483871 L14.516129%2C0.32516129 C14.7251613%2C0.116129032 15.0154839%2C-1.77635684e-15 15.3058065%2C-1.77635684e-15 C15.596129%2C-1.77635684e-15 15.8864516%2C0.116129032 16.0954839%2C0.32516129 L17.6748387%2C1.90451613 C17.883871%2C2.11354839 18%2C2.40387097 18%2C2.69419355 Z%22 id%3D%22icon%22%3E%3C%2Fpath%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E") !important;content:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2218px%22 height%3D%2215px%22 viewBox%3D%220 0 18 15%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3Ctitle%3EIcons %2F Font Awesome %2F fa-check%3C%2Ftitle%3E %3Cg id%3D%22----Process-List%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%22Process-List-%2F-_elements-%2F-number-%2F-complete-%22 transform%3D%22translate(-11.000000%2C -12.000000)%22 fill%3D%22%23008817%22%3E %3Cg id%3D%22Icons-%2F-Font-Awesome-%2F-fa-check%22 transform%3D%22translate(11.000000%2C 12.250000)%22%3E %3Cpath d%3D%22M18%2C2.69419355 C18%2C2.98451613 17.883871%2C3.27483871 17.6748387%2C3.48387097 L7.68774194%2C13.4709677 C7.47870968%2C13.68 7.1883871%2C13.796129 6.89806452%2C13.796129 C6.60774194%2C13.796129 6.31741935%2C13.68 6.1083871%2C13.4709677 L0.32516129%2C7.68774194 C0.116129032%2C7.47870968 0%2C7.1883871 0%2C6.89806452 C0%2C6.60774194 0.116129032%2C6.31741935 0.32516129%2C6.1083871 L1.90451613%2C4.52903226 C2.11354839%2C4.32 2.40387097%2C4.20387097 2.69419355%2C4.20387097 C2.98451613%2C4.20387097 3.27483871%2C4.32 3.48387097%2C4.52903226 L6.89806452%2C7.95483871 L14.516129%2C0.32516129 C14.7251613%2C0.116129032 15.0154839%2C-1.77635684e-15 15.3058065%2C-1.77635684e-15 C15.596129%2C-1.77635684e-15 15.8864516%2C0.116129032 16.0954839%2C0.32516129 L17.6748387%2C1.90451613 C17.883871%2C2.11354839 18%2C2.40387097 18%2C2.69419355 Z%22 id%3D%22icon%22%3E%3C%2Fpath%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E")/"Completed" !important}::slotted(va-process-list-item[active=true]):before{color:var(--vads-color-primary) !important;border-color:var(--vads-color-primary) !important}::slotted(va-process-list-item[pending=true]):before{color:var(--vads-process-list-color-text-pending-on-light) !important;border-color:var(--vads-color-gray-medium) !important}::slotted(va-process-list-item[pending=true]){color:var(--vads-process-list-color-text-pending-on-light) !important}::slotted(va-process-list-item){border-left:8px solid var(--vads-color-gray-cool-light)}'}}]);
|