@department-of-veterans-affairs/component-library 54.1.1 → 54.1.2

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.
Files changed (8) hide show
  1. package/dist/2236.app.bundle.js +1 -1
  2. package/dist/6555.app.bundle.js +1 -1
  3. package/dist/9376.app.bundle.js +1 -1
  4. package/dist/components/va-alert2.js +1 -1
  5. package/dist/components/va-file-input-multiple.js +1 -1
  6. package/dist/components/va-file-input2.js +1 -1
  7. package/dist/main.css +1 -1
  8. package/package.json +8 -4
package/dist/2236.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([[2236],{2236:function(e,t,r){r.r(t),r.d(t,{va_file_input_multiple:function(){return s}});var i=r(7911),o=(r(8181),r(4665)),n=function(e,t,r){if(r||2===arguments.length)for(var i,o=0,n=t.length;o<n;o++)!i&&o in t||(i||(i=Array.prototype.slice.call(t,0,o)),i[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))},s=function(){function e(e){var t=this;(0,i.r)(this,e),this.vaMultipleChange=(0,i.c)(this,"vaMultipleChange",7),this.fileKeyCounter=0,this.additionalSlot=null,this.getAdditionalFileUploadMessage=function(){return(0,i.h)("span",null,"Drag an additional file here or"," ",(0,i.h)("span",{class:"file-input-choose-text"},"choose from folder"))},this.renderLabelOrHeader=function(e,t,r){var n=t?(0,i.h)("span",{class:"required"}," ",o.i.t("required")):null;if(r&&r>=1&&r<=6){var s="h".concat(r);return(0,i.h)("div",{class:"label-header"},(0,i.h)(s,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,n))}return(0,i.h)("div",{class:"label-header"},(0,i.h)("span",{part:"label",class:"usa-label"},e),n)},this.addValueFiles=function(){return function(e,t,r,i){function o(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,n){function s(e){try{l(i.next(e))}catch(e){n(e)}}function a(e){try{l(i.throw(e))}catch(e){n(e)}}function l(e){e.done?r(e.value):o(e.value).then(s,a)}l((i=i.apply(e,t||[])).next())}))}(t,void 0,void 0,(function(){var e=this;return function(e,t){var r,i,o,n,s={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return n={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function a(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");for(;n&&(n=0,a[0]&&(s=0)),s;)try{if(r=1,i&&(o=2&a[0]?i.return:a[0]?i.throw||((o=i.return)&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;switch(i=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return s.label++,{value:a[1],done:!1};case 5:s.label++,i=a[1],a=[0];continue;case 7:a=s.ops.pop(),s.trys.pop();continue;default:if(!((o=(o=s.trys).length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){s=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){s.label=a[1];break}if(6===a[0]&&s.label<o[1]){s.label=o[1],o=a;break}if(o&&s.label<o[2]){s.label=o[2],s.ops.push(a);break}o[2]&&s.ops.pop(),s.trys.pop();continue}a=t.call(e,s)}catch(e){a=[6,e],i=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}}(this,(function(t){return this.files.shift(),this.value.forEach((function(t){e.files.push({file:t,key:e.fileKeyCounter,content:e.getAdditionalContent()||null}),e.fileKeyCounter++})),this.readOnly||this.files.push({file:null,key:this.fileKeyCounter,content:null}),this.valueAdded=!0,[2,Promise.resolve()]}))}))},this.hasErrors=function(){return t.errors.some((function(e){return!!e}))},this.label=void 0,this.name=void 0,this.required=!1,this.accept=void 0,this.errors=[],this.passwordErrors=[],this.encrypted=[],this.hint=void 0,this.enableAnalytics=!1,this.headerSize=void 0,this.value=void 0,this.readOnly=!1,this.slotFieldIndexes=null,this.percentUploaded=[],this.maxFileSize=1/0,this.minFileSize=0,this.statusText=void 0,this.uploadedFiles=void 0,this.files=[{key:0,file:null,content:null,hasError:!1}],this.valueAdded=!1}return e.prototype.findFileByKey=function(e){return this.files.find((function(t){return t.key===e}))},e.prototype.findIndexByKey=function(e){return this.files.indexOf(this.files.find((function(t){return t.key===e})))},e.prototype.isEmpty=function(){return null===this.files[0].file&&!0!==this.files[0].hasError},e.prototype.setSlotContent=function(){var e=this.el.shadowRoot.querySelector("slot");this.additionalSlot||(this.additionalSlot=e?e.assignedElements({flatten:!0}):[]),null==e||e.remove()},e.prototype.getAdditionalContent=function(){return this.additionalSlot&&this.additionalSlot.map((function(e){return e.cloneNode(!0)}))},e.prototype.ensurePlaceholder=function(){if(!this.readOnly&&!this.files.some((function(e){return null===e.file&&!0!==e.hasError}))){this.fileKeyCounter++;var e={file:null,key:this.fileKeyCounter,content:null,error:!1};this.files=n(n([],this.files,!0),[e],!1)}},e.prototype.handleChange=function(e,t,r){var i,o,s,a=e.detail.files[0];if(a){var l=this.findFileByKey(t);l.hasError&&(l.hasError=!1),l.file?(o="FILE_UPDATED",s=a,l.file=a):(o="FILE_ADDED",s=a,l.file=a,l.content=this.getAdditionalContent(),this.fileKeyCounter++,this.files=n([],this.files,!0),this.ensurePlaceholder()),i=this.buildFilesArray(this.files,!1,this.findIndexByKey(t))}else{o="FILE_REMOVED",s=this.files[r].file;var h=n([],this.files,!0);h.splice(r,1),this.files=h;var d=this.el.shadowRoot.querySelector("#statusMessage");d.textContent="",setTimeout((function(){d.textContent="File deleted."}),1e3),i=this.buildFilesArray(this.files,!0)}this.ensurePlaceholder(),this.updateFilesState(),this.vaMultipleChange.emit({action:o,file:s,state:i,index:r})},e.prototype.handlePasswordChange=function(e,t,r){var i=this.findFileByKey(t);i.password=e.detail.password;var o=this.buildFilesArray(this.files,!1,this.findIndexByKey(t)),n={action:"PASSWORD_UPDATE",file:i.file,state:o,index:r};this.vaMultipleChange.emit(n)},e.prototype.updateFilesState=function(){this.files=n([],this.files,!0)},e.prototype.buildFilesArray=function(e,t,r){var i=e.filter((function(e){return!!e.file})).map((function(e){return{file:e.file,changed:!1,password:e.password}}));return!t&&i[r]&&(i[r].changed=!0),i},e.prototype.componentDidRender=function(){var e=this,t=this.el.shadowRoot.querySelectorAll("va-file-input");return this.setSlotContent(),t.forEach((function(t,r){!e.files[r].content||e.slotFieldIndexes&&!e.slotFieldIndexes.includes(r)||e.files[r].content.forEach((function(e){return t.append(e)}))})),this.value&&this.value.length&&!this.valueAdded?this.addValueFiles():Promise.resolve()},e.prototype.render=function(){var e=this,t=this,r=t.label,o=t.required,n=t.headerSize,s=t.hint,a=t.files,l=t.name,h=t.accept,d=t.errors,f=t.encrypted,u=t.percentUploaded,p=t.passwordErrors,c=t.enableAnalytics,m=t.readOnly,b=t.maxFileSize,g=t.minFileSize,v=t.statusText,y=t.uploadedFiles,x=this.isEmpty()?"":"outer-wrap",w=this.hasErrors()?"has-error":"";return(0,i.h)(i.H,{key:"1cea4936f2754b3811b1d520d88401f135b68b3f",class:w,error:w?"error":""},r&&!m&&this.renderLabelOrHeader(r,o,n),s&&!m&&(0,i.h)("div",{key:"ec877d1cbcc085bca25cdb0a6d7853a74ca0a815",class:"usa-hint",id:"input-hint-message"},s),(0,i.h)("div",{key:"97b16ab50f6a15ca7badf9b54162e2623997738e",class:x},(0,i.h)("div",{key:"2f4274f55ddc4bdfbd0705dda70e5d57540fcbab",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),!this.isEmpty()&&(0,i.h)("div",{key:"4560c6d810c0e2bb15f8044df0d3f040abf9e725",class:"selected-files-label"},m?"Files you uploaded":"Selected files"),a.map((function(t,n){var a=u&&u.length>=n?u[n]:null,x=p&&p.length>=n?p[n]:null,w=y&&y.length>=n?y[n]:null;return(0,i.h)("va-file-input",Object.assign({key:t.key,id:"instance-".concat(n),headless:!0,label:r,hint:s,name:"".concat(l,"-").concat(t.key),accept:h,required:o},n>0?{uploadMessage:e.getAdditionalFileUploadMessage()}:{},{error:d[n],encrypted:f[n],percentUploaded:a,passwordError:x,onVaChange:function(r){return e.handleChange(r,t.key,n)},onVaFileInputError:function(){var r=e.findIndexByKey(t.key);r>-1&&(e.files[r]=Object.assign(Object.assign({},e.files[r]),{hasError:!0}),e.updateFilesState(),e.ensurePlaceholder())},onVaPasswordChange:function(r){return e.handlePasswordChange(r,t.key,n)},"enable-analytics":c,value:t.file,readOnly:m,maxFileSize:b,minFileSize:g,statusText:v,uploadedFile:w,class:t.file||t.hasError?"has-file":"no-file","max-file-size":b,"min-file-size":g}))}))),(0,i.h)("slot",{key:"06fa0cc4eb80926ec0721cc73408c6cada35cbbb"}))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,i.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,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}@import \'~@department-of-veterans-affairs/css-library/dist/stylesheets/base/headings.css\';: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=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--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 .with-separator{border-top:1px solid var(--vads-color-base-lighter)}: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: 1024px){: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}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host.has-error{border-left:0.25rem solid #b50909;padding-left:1rem}:host .outer-wrap{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light);display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host va-file-input.no-file{margin:0 8px}:host va-file-input:not(:last-child){border-bottom:1px solid var(--vads-color-white)}:host va-file-input.has-error{border-left:none;padding-left:0}@media screen and (min-width: 1024px){:host va-file-input.has-error{margin-left:0}}'}}]);
1
+ "use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[2236],{2236:function(e,t,r){r.r(t),r.d(t,{va_file_input_multiple:function(){return s}});var i=r(7911),o=(r(8181),r(4665)),n=function(e,t,r){if(r||2===arguments.length)for(var i,o=0,n=t.length;o<n;o++)!i&&o in t||(i||(i=Array.prototype.slice.call(t,0,o)),i[o]=t[o]);return e.concat(i||Array.prototype.slice.call(t))},s=function(){function e(e){var t=this;(0,i.r)(this,e),this.vaMultipleChange=(0,i.c)(this,"vaMultipleChange",7),this.fileKeyCounter=0,this.additionalSlot=null,this.getAdditionalFileUploadMessage=function(){return(0,i.h)("span",null,"Drag an additional file here or"," ",(0,i.h)("span",{class:"file-input-choose-text"},"choose from folder"))},this.renderLabelOrHeader=function(e,t,r){var n=t?(0,i.h)("span",{class:"required"}," ",o.i.t("required")):null;if(r&&r>=1&&r<=6){var s="h".concat(r);return(0,i.h)("div",{class:"label-header"},(0,i.h)(s,{part:"label",class:"label-header-tag"},e,n))}return(0,i.h)("div",{class:"label-header"},(0,i.h)("label",{part:"label",class:"usa-label"},e,n))},this.addValueFiles=function(){return function(e,t,r,i){function o(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,n){function s(e){try{l(i.next(e))}catch(e){n(e)}}function a(e){try{l(i.throw(e))}catch(e){n(e)}}function l(e){e.done?r(e.value):o(e.value).then(s,a)}l((i=i.apply(e,t||[])).next())}))}(t,void 0,void 0,(function(){var e=this;return function(e,t){var r,i,o,n,s={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return n={next:a(0),throw:a(1),return:a(2)},"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function a(e){return function(t){return l([e,t])}}function l(a){if(r)throw new TypeError("Generator is already executing.");for(;n&&(n=0,a[0]&&(s=0)),s;)try{if(r=1,i&&(o=2&a[0]?i.return:a[0]?i.throw||((o=i.return)&&o.call(i),0):i.next)&&!(o=o.call(i,a[1])).done)return o;switch(i=0,o&&(a=[2&a[0],o.value]),a[0]){case 0:case 1:o=a;break;case 4:return s.label++,{value:a[1],done:!1};case 5:s.label++,i=a[1],a=[0];continue;case 7:a=s.ops.pop(),s.trys.pop();continue;default:if(!((o=(o=s.trys).length>0&&o[o.length-1])||6!==a[0]&&2!==a[0])){s=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]<o[3])){s.label=a[1];break}if(6===a[0]&&s.label<o[1]){s.label=o[1],o=a;break}if(o&&s.label<o[2]){s.label=o[2],s.ops.push(a);break}o[2]&&s.ops.pop(),s.trys.pop();continue}a=t.call(e,s)}catch(e){a=[6,e],i=0}finally{r=o=0}if(5&a[0])throw a[1];return{value:a[0]?a[1]:void 0,done:!0}}}(this,(function(t){return this.files.shift(),this.value.forEach((function(t){e.files.push({file:t,key:e.fileKeyCounter,content:e.getAdditionalContent()||null}),e.fileKeyCounter++})),this.readOnly||this.files.push({file:null,key:this.fileKeyCounter,content:null}),this.valueAdded=!0,[2,Promise.resolve()]}))}))},this.hasErrors=function(){return t.errors.some((function(e){return!!e}))},this.label=void 0,this.name=void 0,this.required=!1,this.accept=void 0,this.errors=[],this.passwordErrors=[],this.encrypted=[],this.hint=void 0,this.enableAnalytics=!1,this.headerSize=void 0,this.value=void 0,this.readOnly=!1,this.slotFieldIndexes=null,this.percentUploaded=[],this.maxFileSize=1/0,this.minFileSize=0,this.statusText=void 0,this.uploadedFiles=void 0,this.files=[{key:0,file:null,content:null,hasError:!1}],this.valueAdded=!1}return e.prototype.findFileByKey=function(e){return this.files.find((function(t){return t.key===e}))},e.prototype.findIndexByKey=function(e){return this.files.indexOf(this.files.find((function(t){return t.key===e})))},e.prototype.isEmpty=function(){return null===this.files[0].file&&!0!==this.files[0].hasError},e.prototype.setSlotContent=function(){var e=this.el.shadowRoot.querySelector("slot");this.additionalSlot||(this.additionalSlot=e?e.assignedElements({flatten:!0}):[]),null==e||e.remove()},e.prototype.getAdditionalContent=function(){return this.additionalSlot&&this.additionalSlot.map((function(e){return e.cloneNode(!0)}))},e.prototype.ensurePlaceholder=function(){if(!this.readOnly&&!this.files.some((function(e){return null===e.file&&!0!==e.hasError}))){this.fileKeyCounter++;var e={file:null,key:this.fileKeyCounter,content:null,error:!1};this.files=n(n([],this.files,!0),[e],!1)}},e.prototype.handleChange=function(e,t,r){var i,o,s,a=e.detail.files[0];if(a){var l=this.findFileByKey(t);l.hasError&&(l.hasError=!1),l.file?(o="FILE_UPDATED",s=a,l.file=a):(o="FILE_ADDED",s=a,l.file=a,l.content=this.getAdditionalContent(),this.fileKeyCounter++,this.files=n([],this.files,!0),this.ensurePlaceholder()),i=this.buildFilesArray(this.files,!1,this.findIndexByKey(t))}else{o="FILE_REMOVED",s=this.files[r].file;var h=n([],this.files,!0);h.splice(r,1),this.files=h;var f=this.el.shadowRoot.querySelector("#statusMessage");f.textContent="",setTimeout((function(){f.textContent="File deleted."}),1e3),i=this.buildFilesArray(this.files,!0)}this.ensurePlaceholder(),this.updateFilesState(),this.vaMultipleChange.emit({action:o,file:s,state:i,index:r})},e.prototype.handlePasswordChange=function(e,t,r){var i=this.findFileByKey(t);i.password=e.detail.password;var o=this.buildFilesArray(this.files,!1,this.findIndexByKey(t)),n={action:"PASSWORD_UPDATE",file:i.file,state:o,index:r};this.vaMultipleChange.emit(n)},e.prototype.updateFilesState=function(){this.files=n([],this.files,!0)},e.prototype.buildFilesArray=function(e,t,r){var i=e.filter((function(e){return!!e.file})).map((function(e){return{file:e.file,changed:!1,password:e.password}}));return!t&&i[r]&&(i[r].changed=!0),i},e.prototype.componentDidRender=function(){var e=this,t=this.el.shadowRoot.querySelectorAll("va-file-input");return this.setSlotContent(),t.forEach((function(t,r){!e.files[r].content||e.slotFieldIndexes&&!e.slotFieldIndexes.includes(r)||e.files[r].content.forEach((function(e){return t.append(e)}))})),this.value&&this.value.length&&!this.valueAdded?this.addValueFiles():Promise.resolve()},e.prototype.render=function(){var e=this,t=this,r=t.label,o=t.required,n=t.headerSize,s=t.hint,a=t.files,l=t.name,h=t.accept,f=t.errors,d=t.encrypted,u=t.percentUploaded,p=t.passwordErrors,c=t.enableAnalytics,m=t.readOnly,b=t.maxFileSize,g=t.minFileSize,v=t.statusText,y=t.uploadedFiles,x=this.isEmpty()?"":"outer-wrap",w=this.hasErrors()?"has-error":"";return(0,i.h)(i.H,{key:"8f38f91c9cab0db9aeb6fe250be033e44df71a06",class:w,error:w?"error":""},r&&!m&&this.renderLabelOrHeader(r,o,n),s&&!m&&(0,i.h)("div",{key:"5f7ddf944c1b5215fce3f43e169ca7c41435780e",class:"usa-hint",id:"input-hint-message"},s),(0,i.h)("div",{key:"84222f23a2fe716a9d06ae3a54e7750dac691a56",class:x},(0,i.h)("div",{key:"7fff4a5ff2437531a74e62a4c03f03b4d9482f85",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),!this.isEmpty()&&(0,i.h)("div",{key:"7b8fd2dc123b025869fb601e6a2c075371982042",class:"selected-files-label"},m?"Files you uploaded":"Selected files"),a.map((function(t,n){var a=u&&u.length>=n?u[n]:null,x=p&&p.length>=n?p[n]:null,w=y&&y.length>=n?y[n]:null;return(0,i.h)("va-file-input",Object.assign({key:t.key,id:"instance-".concat(n),headless:!0,label:r,hint:s,name:"".concat(l,"-").concat(t.key),accept:h,required:o},n>0?{uploadMessage:e.getAdditionalFileUploadMessage()}:{},{error:f[n],encrypted:d[n],percentUploaded:a,passwordError:x,onVaChange:function(r){return e.handleChange(r,t.key,n)},onVaFileInputError:function(){var r=e.findIndexByKey(t.key);r>-1&&(e.files[r]=Object.assign(Object.assign({},e.files[r]),{hasError:!0}),e.updateFilesState(),e.ensurePlaceholder())},onVaPasswordChange:function(r){return e.handlePasswordChange(r,t.key,n)},"enable-analytics":c,value:t.file,readOnly:m,maxFileSize:b,minFileSize:g,statusText:v,uploadedFile:w,class:t.file||t.hasError?"has-file":"no-file","max-file-size":b,"min-file-size":g}))}))),(0,i.h)("slot",{key:"1a4fc1e2a895d3845a2f0e7f8290433caf567ca6"}))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,i.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,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}@import \'~@department-of-veterans-affairs/css-library/dist/stylesheets/base/headings.css\';: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=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--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 .with-separator{border-top:1px solid var(--vads-color-base-lighter)}: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: 1024px){: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}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host.has-error{border-left:0.25rem solid #b50909;padding-left:1rem}:host .outer-wrap{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light);display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host va-file-input.no-file{margin:0 8px}:host va-file-input:not(:last-child){border-bottom:1px solid var(--vads-color-white)}:host va-file-input.has-error{border-left:none;padding-left:0}@media screen and (min-width: 1024px){:host va-file-input.has-error{margin-left:0}}'}}]);
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([[6104,6555],{6104:function(e,t,i){function n(e){return!Number.isNaN(parseFloat(e))}function r(e,t,i){void 0===i&&(i="slot");var n=e.shadowRoot.querySelector(i).assignedNodes();return null!==t?Array.from(n).filter((function(e){return e.nodeName.toLowerCase()===t})):Array.from(n)}function a(e){return 1===e?"":"s"}function o(e,t){if(void 0===e||""===e)return"".concat(t," character").concat(a(t)," allowed");var i;if(e.length<=t){var n=t-e.length;i="".concat(n," character").concat(a(n)," left")}else n=e.length-t,i="".concat(n," character").concat(a(n)," over limit");return i}function s(e,t){return Array.from({length:t-e+1},(function(t,i){return e+i}))}i.r(t),i.d(t,{S:function(){return u},a:function(){return r},b:function(){return n},c:function(){return g},d:function(){return m},e:function(){return v},f:function(){return o},g:function(){return d},h:function(){return h},i:function(){return f},m:function(){return s},s:function(){return c},u:function(){return b}}),i(7911);var l=function(e){return e&&"object"==typeof e&&1===e.nodeType};function c(e,t){var i=function(e,t){if("string"!=typeof e)return[];if(!t||!l(t))return[];var i=t.shadowRoot.querySelectorAll(e);return Array.from(i)}(e,t);return"string"!=typeof e||l(t)&&t.matches(e)&&i.push(t),i}var u={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(e){return u._entities[e]},escapeHTML:function(e){for(var t="",i=0;i<e.length;i++)t+=e[i],i+1<arguments.length&&(t+=String(arguments[i+1]||"").replace(u._entity,u.getEntity));return t}};function d(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 f(e){return e&&"false"!==e||!1}function p(e){return"[object Arguments]"===Object.prototype.toString.call(e)}function m(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],n=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 r=Array.prototype.slice;return m(r.call(e),r.call(t),i,n)}if(e.constructor!==t.constructor)return!1;var a=Object.keys(e),o=Object.keys(t);if(0===a.length&&0===o.length)return!0;if(a.length!==o.length)return!1;for(var s=i.length;s--;)if(i[s]===e)return n[s]===t;i.push(e),n.push(t),a.sort(),o.sort();for(var l=a.length-1;l>=0;l--)if(a[l]!==o[l])return!1;for(var c=void 0,u=a.length-1;u>=0;u--)if(!m(e[c=a[u]],t[c],i,n))return!1;return i.pop(),n.pop(),!0}function g(e,t){var i;return function(){for(var n=this,r=[],a=0;a<arguments.length;a++)r[a]=arguments[a];clearTimeout(i),i=setTimeout((function(){return e.apply(n,r)}),t)}}function v(e){if(null!=e){var t="string"==typeof e?parseInt(e,10):e;if(!(t<=0||isNaN(t)))return t}}function b(e,t,i){e&&(e.innerText=o(t,v(i)))}},6555:function(e,t,i){i.r(t),i.d(t,{va_file_input:function(){return P}});var n=i(7911),r=(i(8181),i(6104)),a=i(4665),o="usa",s="".concat(o,"-file-input"),l=".".concat(s),c="".concat(o,"-file-input__input"),u="".concat(o,"-file-input__target"),d=".".concat(c),h="".concat(o,"-file-input__box"),f="".concat(o,"-file-input__instructions"),p="".concat(o,"-file-input__preview"),m="".concat(o,"-file-input__preview-heading"),g="".concat(o,"-file-input--disabled"),v="".concat(o,"-file-input__choose"),b="".concat(o,"-file-input__accepted-files-message"),y="".concat(o,"-file-input__drag-text"),x="".concat(o,"-file-input--drag"),w="is-loading",A="has-invalid-file",S="".concat(o,"-file-input__preview-image"),z="".concat(S,"--generic"),T="".concat(S,"--pdf"),k="".concat(S,"--word"),F="".concat(S,"--video"),C="".concat(S,"--excel"),E="".concat(o,"-sr-only"),L="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",_=Boolean(!0),M="",q="",I=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"},H=function(e){var t=e.hasAttribute("aria-disabled")||e.hasAttribute("disabled"),i=function(e){var t=document.createElement("div"),i=document.createElement("div"),n=document.createElement("div");return e.classList.remove(s),e.classList.add(c),t.classList.add(s),n.classList.add(h),i.classList.add(u),i.prepend(n),e.parentNode.insertBefore(i,e),e.parentNode.insertBefore(t,i),i.appendChild(e),t.appendChild(i),i}(e),n=function(e){var t=e.closest(l),i=N(e),n=document.createElement("div"),a="Drag ".concat(i," here or"),o="choose from folder";return M="".concat(a," ").concat(o),n.classList.add(f),n.setAttribute("aria-hidden","true"),e.setAttribute("aria-label",M),n.innerHTML=r.S.escapeHTML('<span class="'.concat(y,'">').concat(a,'</span> <span class="').concat(v,'">').concat(o,"</span>")),e.parentNode.insertBefore(n,e),(/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.querySelector(".".concat(y)).outerHTML=""),n}(e),a=function(e){var t=e.closest(l);if(!t)throw new Error("Element is missing outer ".concat(l));var i=t.querySelector(d);return{dropZoneEl:t,inputEl:i}}(e).dropZoneEl;return t?a.classList.add(g):function(e){var t=document.createElement("div"),i=N(e),n=e.closest(l),r=e.closest(".".concat(u));q="No ".concat(i," selected."),t.classList.add(E),t.setAttribute("aria-live","polite"),t.textContent=q,n.insertBefore(t,r)}(e),{instructions:n,dropTarget:i}},B=function(e,t){var i=e.querySelectorAll(".".concat(p)),n=e.querySelector(".".concat(m)),r=e.querySelector(".".concat(b));n&&(n.outerHTML=""),r&&(r.outerHTML="",e.classList.remove(A)),null!==i&&(t&&t.removeAttribute("hidden"),Array.prototype.forEach.call(i,(function(e){e.parentNode.removeChild(e)})))},R=function(e,t,i,n){!function(e,t,i,n){var r=t.getAttribute("accept");n.classList.remove(A);var a=function(e,t){var i=!1;return e.indexOf(t)>=0&&(i=!0),i};if(r){for(var o=r.split(","),s=document.createElement("div"),l=!0,c=e.target.files||e.dataTransfer.files,u=0;u<c.length;u+=1){var d=c[u];if(!l)break;for(var h=0;h<o.length;h+=1){var f=o[h];if(l=d.name.indexOf(f)>0||a(d.type,f.replace(/\*/g,""))){_=!0;break}}}l||(B(n,i),t.value="",n.insertBefore(s,t),s.textContent=t.dataset.errormessage||"This is not a valid file type.",s.classList.add(b),n.classList.add(A),_=!1,e.preventDefault(),e.stopPropagation())}}(e,t,i,n),!0===_&&function(e,t,i,n){var a=t.getAttribute("multiple")?e.target.files:[e.target.files[0]],o=n.closest(".".concat(s)).querySelector(".".concat(E)),l=[];B(n,i);for(var c=function(e){var t,o=new FileReader,s=a[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,I)}(s)),i.insertAdjacentHTML("afterend",r.S.escapeHTML('<div class="'.concat(p,'" aria-hidden="true">\n <img id="').concat(t,'" src="').concat(L,'" alt="" class="').concat(S," ").concat(w,'"/>').concat(s,"\n <div>")))},o.onloadend=function(){var e=n.querySelector("#".concat(t));s.indexOf(".pdf")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(L,'"; this.classList.add("').concat(T,'")')):s.indexOf(".doc")>0||s.indexOf(".pages")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(L,'"; this.classList.add("').concat(k,'")')):s.indexOf(".xls")>0||s.indexOf(".numbers")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(L,'"; this.classList.add("').concat(C,'")')):s.indexOf(".mov")>0||s.indexOf(".mp4")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(L,'"; this.classList.add("').concat(F,'")')):e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(L,'"; this.classList.add("').concat(z,'")')),e.classList.remove(w),e.src=o.result},a[e]&&o.readAsDataURL(a[e])},d=0;d<a.length;d+=1)c(d);0===a.length?t.setAttribute("aria-label",M):function(e,t){var i=document.createElement("div"),n=e.closest(".".concat(u)),a=n.querySelector(".".concat(f)),o="Change file",s="";1===t.length?s=r.S.escapeHTML('Selected file <span class="usa-file-input__choose">'.concat(o,"</span>")):t.length>1&&(o="Change files",s=r.S.escapeHTML("".concat(t.length,' files selected <span class="usa-file-input__choose">').concat(o,"</span>"))),a.setAttribute("hidden","true"),i.classList.add(m),i.innerHTML=s,n.insertBefore(i,a),e.setAttribute("aria-label",o)}(t,a),function(e,t,i){var n=e,r=q;1===t.length?r="You have selected the file: ".concat(i):t.length>1&&(r="You have selected ".concat(t.length," files: ").concat(i.join(", "))),setTimeout((function(){n.textContent=r}),1e3)}(o,a,l)}(e,t,i,n)},j={".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",".heic":"image/heic"},P=function(){function e(e){var t=this;(0,n.r)(this,e),this.vaChange=(0,n.c)(this,"vaChange",7),this.vaPasswordChange=(0,n.c)(this,"vaPasswordChange",7),this.vaFileInputError=(0,n.c)(this,"vaFileInputError",7),this.componentLibraryAnalytics=(0,n.c)(this,"component-library-analytics",7),this.uploadStatus="idle",this.chooseFileString="choose from folder",this.dragFileString="Drag a file here or ",this.FILE_PREVIEW_SIZE_LIMIT=5242880,this.handleChange=function(e){var i=e.target;t.fileContents=null,i.files&&i.files.length>0&&t.handleFile(i.files[0]),i.value=""},this.handleDrop=function(e){e.preventDefault(),e.stopPropagation();var i=e.dataTransfer.files;i.length>0&&t.handleFile(i[0])},this.getExtension=function(e){var t=e.name.replace(/^\./,"");return(t.includes(".")?".".concat(t.split(".").pop()):null)||e.type},this.getFileTypeErrorMessage=function(e){var i=t.getExtension(e),n=i?"".concat(i," files"):"this file type";return"We do not accept ".concat(n,". Choose a new file.")},this.handleFile=function(e,i){void 0===i&&(i=!0);var n=null;if(t.accept){var r=t.normalizeAcceptProp(t.accept);t.isAcceptedFileType(e.type,r)||(t.removeFile(!1),n=t.getFileTypeErrorMessage(e))}if(0===e.size&&(n="The file you selected is empty. Files must be larger than 0B."),e.size>t.maxFileSize&&(n="\n We can't upload your file because it's too big. Files must be less than ".concat(t.formatFileSize(t.maxFileSize),".")),e.size<t.minFileSize&&(n="We can't upload your file because it's too small. Files must be at least ".concat(t.formatFileSize(t.minFileSize),".")),t.uploadedFile=null,t.file=e,n)return t.internalError=n,t.vaFileInputError.emit({error:n}),void t.resetState();i&&t.vaChange.emit({files:[t.file]}),t.uploadStatus="success",t.internalError=null,e.size<t.FILE_PREVIEW_SIZE_LIMIT&&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 deleted. 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 i=Math.floor(Math.log(e)/Math.log(1024));if(0===i)return"".concat(e," ").concat(t[i]);var n=(e/Math.pow(1024,i)).toFixed(i<2?0:1);return"".concat(n," ").concat(t[i])},this.normalizeAcceptProp=function(e){return e.split(",").map((function(e){return(e=e.trim()).startsWith(".")?j[e]:e}))},this.isAcceptedFileType=function(e,t){for(var i=0,n=t;i<n.length;i++){var r=n[i];if(r===e)return!0;if(r.endsWith("/*")&&e.startsWith(r.slice(0,-1)))return!0}return!1},this.renderLabelOrHeader=function(e,t,i){var r=t?(0,n.h)("span",{class:"required"}," ",a.i.t("required")):null;if(i&&i>=1&&i<=6){var o="h".concat(i);return(0,n.h)("div",{class:"label-header"},(0,n.h)(o,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,r))}return(0,n.h)("div",{class:"label-header"},(0,n.h)("label",{htmlFor:"fileInputField",part:"label",class:"usa-label"},e,r))},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.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.minFileSize=0,this.percentUploaded=null,this.passwordError=void 0}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.handleError=function(e,t){t&&e&&this.resetState()},e.prototype.resetState=function(){this.fileContents=null,this.uploadStatus="idle",this.percentUploaded=null,(0,n.f)(this.el)},e.prototype.updateStatusMessage=function(e){var t=this;setTimeout((function(){var i=t.el.shadowRoot.querySelector("#statusMessage");i&&(i.textContent=e)}),1e3)},e.prototype.generateFileContents=function(e){return function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function o(e){try{l(n.next(e))}catch(e){a(e)}}function s(e){try{l(n.throw(e))}catch(e){a(e)}}function l(e){e.done?i(e.value):r(e.value).then(o,s)}l((n=n.apply(e,t||[])).next())}))}(this,void 0,void 0,(function(){var t,i,n,r,a=this;return function(e,t){var i,n,r,a,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(s){if(i)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(o=0)),o;)try{if(i=1,n&&(r=2&s[0]?n.return:s[0]?n.throw||((r=n.return)&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;switch(n=0,r&&(s=[2&s[0],r.value]),s[0]){case 0:case 1:r=s;break;case 4:return o.label++,{value:s[1],done:!1};case 5:o.label++,n=s[1],s=[0];continue;case 7:s=o.ops.pop(),o.trys.pop();continue;default:if(!((r=(r=o.trys).length>0&&r[r.length-1])||6!==s[0]&&2!==s[0])){o=0;continue}if(3===s[0]&&(!r||s[1]>r[0]&&s[1]<r[3])){o.label=s[1];break}if(6===s[0]&&o.label<r[1]){o.label=r[1],r=s;break}if(r&&o.label<r[2]){o.label=r[2],o.ops.push(s);break}r[2]&&o.ops.pop(),o.trys.pop();continue}s=t.call(e,o)}catch(e){s=[6,e],n=0}finally{i=r=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}(this,(function(o){switch(o.label){case 0:return e?[4,e.slice(0,20).arrayBuffer()]:[2];case 1:return t=o.sent(),i=new Uint8Array(t),n=i.every((function(e){return 0===e})),n||(r=new FileReader,this.fileType=e.type,r.onloadend=function(){a.fileContents=r.result},!this.fileType||"application/pdf"!==this.fileType&&!this.fileType.startsWith("image/")||this.fileType.includes("heic")||r.readAsDataURL(e)),[2]}}))}))},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,r.s)(l,e).forEach((function(e){var t=H(e),i=t.instructions,n=t.dropTarget;n.addEventListener("dragover",(function(){this.classList.add(x)}),!1),n.addEventListener("dragleave",(function(){this.classList.remove(x)}),!1),n.addEventListener("drop",(function(t){t.preventDefault(),this.classList.remove(x);var r=t.dataTransfer;if(t.target.files=r.files,!(r.files.length>1)){R(t,e,i,n);var a=new CustomEvent("change",{detail:{files:r.files}});e.dispatchEvent(a)}}),!1),e.addEventListener("input",(function(t){return R(t,e,i,n)}),!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,n.h)("span",null,this.dragFileString,(0,n.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,i=t.label,r=t.name,o=t.required,s=t.accept,l=t.error,c=t.hint,u=t.dragFileString,d=t.chooseFileString,h=t.uploadMessage,f=t.headerSize,p=t.fileContents,m=t.fileType,g=t.headless,v=t.value,b=t.readOnly,y=t.encrypted,x=t.statusText,w=t.uploadedFile,A=t.percentUploaded,S=t.passwordError,z=t.internalError;v&&!this.file&&this.handleFile(v,!1);var T=this.uploadStatus,k=this.file,F=l||z,C="".concat(c?"input-hint-message":""," ").concat(F?"input-error-message":"").trim()||null,E="file-input-target ".concat(F?"file-input-target-error":"").trim(),L=(0,n.h)("div",{key:"1be2173ac82c62d752bcd6cb2df252d49ad8e82f",class:"thumbnail-container"},(0,n.h)("svg",{key:"c58ec29d3a3a66bed6a1dfc21c08afdd40f61853",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"#07648d",width:"40px",height:"40px"},(0,n.h)("path",{key:"2c52d9de3f4036fdad9cdf1583c4eb400d2f0878",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"})));F?L=(0,n.h)("div",{key:"ed76a5e6b2d6f03db7bf4d5e8bd2e1c1bd9ca339",class:"thumbnail-container"},(0,n.h)("va-icon",{key:"4f000236785434d191c72b852db5d26b6039c9fb",icon:"error",size:3,class:"thumbnail-preview thumbnail-error"})):p&&(m.startsWith("image/")?L=(0,n.h)("div",{key:"063672591b3ce4295609ee1408588205cc594347",class:"thumbnail-container","aria-hidden":"true"},(0,n.h)("img",{key:"10c3e58c18b797b651b3ca153668ece409710357",class:"thumbnail-preview",src:p,alt:"image"})):"application/pdf"===m&&(L=(0,n.h)("div",{key:"82b9f4f8384d68770262d3f24467bcbbd792fb2e",class:"thumbnail-container","aria-hidden":"true"},(0,n.h)("object",{key:"cec3668d7d579439a656e36f7f6af4d71493af78",class:"thumbnail-preview",data:p,type:"application/pdf",tabIndex:-1}))));var _=g?"headless-selected-files-wrapper":"selected-files-wrapper",M="usa-hint"+(g?" usa-sr-only":""),q=null!==A&&A<100,I="file-status-label";return q&&(I="".concat(I," uploading-status")),(0,n.h)(n.H,{key:"defb19a05b1c19ddb6ae3b74b2a83367f46a9acd",class:{"has-error":!!F}},!b&&(0,n.h)("span",{key:"9262a4982379c1c029913c256310a5964a5dee00",class:{"usa-sr-only":!!g}},i&&this.renderLabelOrHeader(i,o,f)),c&&!b&&(0,n.h)("div",{key:"ba691a847704d4732c3828ec6fb2c142b576e0b4",class:M,id:"input-hint-message"},c),(0,n.h)("div",{key:"171535846a71cc09377269c5e9666863d00dc1df",class:"file-input-wrapper",onDrop:this.handleDrop},(0,n.h)("input",{key:"b704c188faaaea962372f5e2bbb08be982cf6df1",id:"fileInputField",class:"file-input","aria-label":"".concat(i).concat(o?" "+a.i.t("required"):"",". ").concat(u).concat(d),style:{visibility:"success"===T||w||z?"hidden":"unset"},type:"file",ref:function(t){return e.fileInputRef=t},name:r,accept:s,"aria-describedby":C,onChange:this.handleChange}),w||k?(0,n.h)("div",{class:_},!g&&(0,n.h)("div",{class:"selected-files-label"},b?"Files you uploaded":"Selected files"),(0,n.h)("div",{class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),(0,n.h)("va-card",{class:"va-card"},(0,n.h)("div",{class:"file-info-section"},L,(0,n.h)("div",{class:"file-info-group vads-u-line-height--2"},(0,n.h)("span",{class:"file-label"},k?k.name:w.name),F&&(0,n.h)("span",{id:"input-error-message",role:"alert"},(0,n.h)("span",{class:"usa-sr-only"},a.i.t("error")),(0,n.h)("span",{"aria-live":"polite",class:"usa-error-message"},F)),!q&&(0,n.h)("span",{class:"file-size-label"},this.formatFileSize(k?k.size:w.size)),(0,n.h)("span",{class:I,"aria-live":"polite"},q?"Uploading...":x))),(0,n.h)("div",{class:this.showSeparator?"with-separator":void 0},!b&&q&&(0,n.h)(n.F,null,(0,n.h)("va-progress-bar",{percent:A}),(0,n.h)("va-button-icon",{buttonType:"cancel",onClick:this.resetState.bind(this)})),!q&&(0,n.h)(n.F,null,y&&(0,n.h)("va-text-input",{type:"password",onInput:function(t){e.handlePasswordChange(t)},label:"File password",required:!0,error:S}),(0,n.h)("div",{class:"additional-info-slot"},(0,n.h)("slot",null))),!b&&!q&&(0,n.h)(n.F,null,(0,n.h)("div",{class:"file-button-section"},(0,n.h)("va-button-icon",{buttonType:"change-file",onClick:this.changeFile,label:"change file ".concat(k?k.name:w.name)}),(0,n.h)("va-button-icon",{buttonType:"delete",onClick:this.openModal,label:"delete file ".concat(k?k.name:w.name)})),(0,n.h)("va-modal",{modalTitle:"Delete this file?",visible:this.showModal,primaryButtonText:"Yes, delete this",secondaryButtonText:"No, keep this",onCloseEvent:this.closeModal,onPrimaryButtonClick:function(){return e.removeFile(!0)},onSecondaryButtonClick:this.closeModal},"We'll delete the uploaded file"," ",(0,n.h)("span",{class:"file-label"},k?k.name:w.name)))))):(0,n.h)("div",null,(0,n.h)("span",{id:"file-input-error-alert",role:"alert"},F&&(0,n.h)(n.F,null,(0,n.h)("span",{class:"usa-sr-only"},a.i.t("error")),(0,n.h)("span",{class:"usa-error-message"},F))),(0,n.h)("div",{class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),(0,n.h)("div",{class:E},(0,n.h)("div",{class:"file-input-box"}),(0,n.h)("div",{class:"file-input-instructions"},h||this.getDefaultUploadMessage())))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,n.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e,"watchers",{get:function(){return{statusText:["handleValueChange"],percentUploaded:["percentHandler"],error:["handleError"]}},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,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-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=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--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 .with-separator{border-top:1px solid var(--vads-color-base-lighter)}: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: 1024px){: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([[6104,6555],{6104:function(e,t,i){function n(e){return!Number.isNaN(parseFloat(e))}function r(e,t,i){void 0===i&&(i="slot");var n=e.shadowRoot.querySelector(i).assignedNodes();return null!==t?Array.from(n).filter((function(e){return e.nodeName.toLowerCase()===t})):Array.from(n)}function a(e){return 1===e?"":"s"}function o(e,t){if(void 0===e||""===e)return"".concat(t," character").concat(a(t)," allowed");var i;if(e.length<=t){var n=t-e.length;i="".concat(n," character").concat(a(n)," left")}else n=e.length-t,i="".concat(n," character").concat(a(n)," over limit");return i}function s(e,t){return Array.from({length:t-e+1},(function(t,i){return e+i}))}i.r(t),i.d(t,{S:function(){return u},a:function(){return r},b:function(){return n},c:function(){return g},d:function(){return m},e:function(){return v},f:function(){return o},g:function(){return d},h:function(){return h},i:function(){return f},m:function(){return s},s:function(){return c},u:function(){return b}}),i(7911);var l=function(e){return e&&"object"==typeof e&&1===e.nodeType};function c(e,t){var i=function(e,t){if("string"!=typeof e)return[];if(!t||!l(t))return[];var i=t.shadowRoot.querySelectorAll(e);return Array.from(i)}(e,t);return"string"!=typeof e||l(t)&&t.matches(e)&&i.push(t),i}var u={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(e){return u._entities[e]},escapeHTML:function(e){for(var t="",i=0;i<e.length;i++)t+=e[i],i+1<arguments.length&&(t+=String(arguments[i+1]||"").replace(u._entity,u.getEntity));return t}};function d(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 f(e){return e&&"false"!==e||!1}function p(e){return"[object Arguments]"===Object.prototype.toString.call(e)}function m(e,t){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[],n=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 r=Array.prototype.slice;return m(r.call(e),r.call(t),i,n)}if(e.constructor!==t.constructor)return!1;var a=Object.keys(e),o=Object.keys(t);if(0===a.length&&0===o.length)return!0;if(a.length!==o.length)return!1;for(var s=i.length;s--;)if(i[s]===e)return n[s]===t;i.push(e),n.push(t),a.sort(),o.sort();for(var l=a.length-1;l>=0;l--)if(a[l]!==o[l])return!1;for(var c=void 0,u=a.length-1;u>=0;u--)if(!m(e[c=a[u]],t[c],i,n))return!1;return i.pop(),n.pop(),!0}function g(e,t){var i;return function(){for(var n=this,r=[],a=0;a<arguments.length;a++)r[a]=arguments[a];clearTimeout(i),i=setTimeout((function(){return e.apply(n,r)}),t)}}function v(e){if(null!=e){var t="string"==typeof e?parseInt(e,10):e;if(!(t<=0||isNaN(t)))return t}}function b(e,t,i){e&&(e.innerText=o(t,v(i)))}},6555:function(e,t,i){i.r(t),i.d(t,{va_file_input:function(){return O}});var n=i(7911),r=(i(8181),i(6104)),a=i(4665),o="usa",s="".concat(o,"-file-input"),l=".".concat(s),c="".concat(o,"-file-input__input"),u="".concat(o,"-file-input__target"),d=".".concat(c),h="".concat(o,"-file-input__box"),f="".concat(o,"-file-input__instructions"),p="".concat(o,"-file-input__preview"),m="".concat(o,"-file-input__preview-heading"),g="".concat(o,"-file-input--disabled"),v="".concat(o,"-file-input__choose"),b="".concat(o,"-file-input__accepted-files-message"),y="".concat(o,"-file-input__drag-text"),x="".concat(o,"-file-input--drag"),w="is-loading",A="has-invalid-file",S="".concat(o,"-file-input__preview-image"),z="".concat(S,"--generic"),T="".concat(S,"--pdf"),k="".concat(S,"--word"),F="".concat(S,"--video"),C="".concat(S,"--excel"),E="".concat(o,"-sr-only"),L="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",_=Boolean(!0),M="",q="",I=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"},H=function(e){var t=e.hasAttribute("aria-disabled")||e.hasAttribute("disabled"),i=function(e){var t=document.createElement("div"),i=document.createElement("div"),n=document.createElement("div");return e.classList.remove(s),e.classList.add(c),t.classList.add(s),n.classList.add(h),i.classList.add(u),i.prepend(n),e.parentNode.insertBefore(i,e),e.parentNode.insertBefore(t,i),i.appendChild(e),t.appendChild(i),i}(e),n=function(e){var t=e.closest(l),i=N(e),n=document.createElement("div"),a="Drag ".concat(i," here or"),o="choose from folder";return M="".concat(a," ").concat(o),n.classList.add(f),n.setAttribute("aria-hidden","true"),e.setAttribute("aria-label",M),n.innerHTML=r.S.escapeHTML('<span class="'.concat(y,'">').concat(a,'</span> <span class="').concat(v,'">').concat(o,"</span>")),e.parentNode.insertBefore(n,e),(/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.querySelector(".".concat(y)).outerHTML=""),n}(e),a=function(e){var t=e.closest(l);if(!t)throw new Error("Element is missing outer ".concat(l));var i=t.querySelector(d);return{dropZoneEl:t,inputEl:i}}(e).dropZoneEl;return t?a.classList.add(g):function(e){var t=document.createElement("div"),i=N(e),n=e.closest(l),r=e.closest(".".concat(u));q="No ".concat(i," selected."),t.classList.add(E),t.setAttribute("aria-live","polite"),t.textContent=q,n.insertBefore(t,r)}(e),{instructions:n,dropTarget:i}},R=function(e,t){var i=e.querySelectorAll(".".concat(p)),n=e.querySelector(".".concat(m)),r=e.querySelector(".".concat(b));n&&(n.outerHTML=""),r&&(r.outerHTML="",e.classList.remove(A)),null!==i&&(t&&t.removeAttribute("hidden"),Array.prototype.forEach.call(i,(function(e){e.parentNode.removeChild(e)})))},j=function(e,t,i,n){!function(e,t,i,n){var r=t.getAttribute("accept");n.classList.remove(A);var a=function(e,t){var i=!1;return e.indexOf(t)>=0&&(i=!0),i};if(r){for(var o=r.split(","),s=document.createElement("div"),l=!0,c=e.target.files||e.dataTransfer.files,u=0;u<c.length;u+=1){var d=c[u];if(!l)break;for(var h=0;h<o.length;h+=1){var f=o[h];if(l=d.name.indexOf(f)>0||a(d.type,f.replace(/\*/g,""))){_=!0;break}}}l||(R(n,i),t.value="",n.insertBefore(s,t),s.textContent=t.dataset.errormessage||"This is not a valid file type.",s.classList.add(b),n.classList.add(A),_=!1,e.preventDefault(),e.stopPropagation())}}(e,t,i,n),!0===_&&function(e,t,i,n){var a=t.getAttribute("multiple")?e.target.files:[e.target.files[0]],o=n.closest(".".concat(s)).querySelector(".".concat(E)),l=[];R(n,i);for(var c=function(e){var t,o=new FileReader,s=a[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,I)}(s)),i.insertAdjacentHTML("afterend",r.S.escapeHTML('<div class="'.concat(p,'" aria-hidden="true">\n <img id="').concat(t,'" src="').concat(L,'" alt="" class="').concat(S," ").concat(w,'"/>').concat(s,"\n <div>")))},o.onloadend=function(){var e=n.querySelector("#".concat(t));s.indexOf(".pdf")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(L,'"; this.classList.add("').concat(T,'")')):s.indexOf(".doc")>0||s.indexOf(".pages")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(L,'"; this.classList.add("').concat(k,'")')):s.indexOf(".xls")>0||s.indexOf(".numbers")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(L,'"; this.classList.add("').concat(C,'")')):s.indexOf(".mov")>0||s.indexOf(".mp4")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(L,'"; this.classList.add("').concat(F,'")')):e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(L,'"; this.classList.add("').concat(z,'")')),e.classList.remove(w),e.src=o.result},a[e]&&o.readAsDataURL(a[e])},d=0;d<a.length;d+=1)c(d);0===a.length?t.setAttribute("aria-label",M):function(e,t){var i=document.createElement("div"),n=e.closest(".".concat(u)),a=n.querySelector(".".concat(f)),o="Change file",s="";1===t.length?s=r.S.escapeHTML('Selected file <span class="usa-file-input__choose">'.concat(o,"</span>")):t.length>1&&(o="Change files",s=r.S.escapeHTML("".concat(t.length,' files selected <span class="usa-file-input__choose">').concat(o,"</span>"))),a.setAttribute("hidden","true"),i.classList.add(m),i.innerHTML=s,n.insertBefore(i,a),e.setAttribute("aria-label",o)}(t,a),function(e,t,i){var n=e,r=q;1===t.length?r="You have selected the file: ".concat(i):t.length>1&&(r="You have selected ".concat(t.length," files: ").concat(i.join(", "))),setTimeout((function(){n.textContent=r}),1e3)}(o,a,l)}(e,t,i,n)},P={".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",".heic":"image/heic"},O=function(){function e(e){var t=this;(0,n.r)(this,e),this.vaChange=(0,n.c)(this,"vaChange",7),this.vaPasswordChange=(0,n.c)(this,"vaPasswordChange",7),this.vaFileInputError=(0,n.c)(this,"vaFileInputError",7),this.componentLibraryAnalytics=(0,n.c)(this,"component-library-analytics",7),this.uploadStatus="idle",this.chooseFileString="choose from folder",this.dragFileString="Drag a file here or ",this.FILE_PREVIEW_SIZE_LIMIT=5242880,this.handleChange=function(e){var i=e.target;t.fileContents=null,i.files&&i.files.length>0&&t.handleFile(i.files[0]),i.value=""},this.handleDrop=function(e){e.preventDefault(),e.stopPropagation();var i=e.dataTransfer.files;i.length>0&&t.handleFile(i[0])},this.getExtension=function(e){var t=e.name.replace(/^\./,"");return(t.includes(".")?".".concat(t.split(".").pop()):null)||e.type},this.getFileTypeErrorMessage=function(e){var i=t.getExtension(e),n=i?"".concat(i," files"):"this file type";return"We do not accept ".concat(n,". Choose a new file.")},this.handleFile=function(e,i){void 0===i&&(i=!0);var n=null;if(t.accept){var r=t.normalizeAcceptProp(t.accept);t.isAcceptedFileType(e.type,r)||(t.removeFile(!1),n=t.getFileTypeErrorMessage(e))}if(0===e.size&&(n="The file you selected is empty. Files must be larger than 0 bytes."),e.size>t.maxFileSize&&(n="\n We can't upload your file because it's too big. Files must be less than ".concat(t.formatFileSize(t.maxFileSize),".")),e.size<t.minFileSize&&(n="We can't upload your file because it's too small. Files must be at least ".concat(t.formatFileSize(t.minFileSize),".")),t.uploadedFile=null,t.file=e,n)return t.internalError=n,t.vaFileInputError.emit({error:n}),void t.resetState();i&&t.vaChange.emit({files:[t.file]}),t.uploadStatus="success",t.internalError=null,e.size<t.FILE_PREVIEW_SIZE_LIMIT&&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 deleted. 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=["bytes","kilobytes","megabytes","gigabytes","terabytes"];if(0===e)return"0 bytes";var i=Math.floor(Math.log(e)/Math.log(1024));if(0===i)return"".concat(e," ").concat(t[i]);var n=(e/Math.pow(1024,i)).toFixed(i<2?0:1);return"".concat(n," ").concat(t[i])},this.normalizeAcceptProp=function(e){return e.split(",").map((function(e){return(e=e.trim()).startsWith(".")?P[e]:e}))},this.isAcceptedFileType=function(e,t){for(var i=0,n=t;i<n.length;i++){var r=n[i];if(r===e)return!0;if(r.endsWith("/*")&&e.startsWith(r.slice(0,-1)))return!0}return!1},this.renderLabelOrHeader=function(e,t,i){var r=t?(0,n.h)("span",{class:"required"}," ",a.i.t("required")):null;if(i&&i>=1&&i<=6){var o="h".concat(i);return(0,n.h)("div",{class:"label-header"},(0,n.h)(o,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,r))}return(0,n.h)("div",{class:"label-header"},(0,n.h)("label",{htmlFor:"fileInputField",part:"label",class:"usa-label"},e,r))},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.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.minFileSize=0,this.percentUploaded=null,this.passwordError=void 0}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.handleError=function(e,t){t&&e&&this.resetState()},e.prototype.resetState=function(){this.fileContents=null,this.uploadStatus="idle",this.percentUploaded=null,(0,n.f)(this.el)},e.prototype.updateStatusMessage=function(e){var t=this;setTimeout((function(){var i=t.el.shadowRoot.querySelector("#statusMessage");i&&(i.textContent=e)}),1e3)},e.prototype.generateFileContents=function(e){return function(e,t,i,n){function r(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,a){function o(e){try{l(n.next(e))}catch(e){a(e)}}function s(e){try{l(n.throw(e))}catch(e){a(e)}}function l(e){e.done?i(e.value):r(e.value).then(o,s)}l((n=n.apply(e,t||[])).next())}))}(this,void 0,void 0,(function(){var t,i,n,r,a=this;return function(e,t){var i,n,r,a,o={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return a={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return l([e,t])}}function l(s){if(i)throw new TypeError("Generator is already executing.");for(;a&&(a=0,s[0]&&(o=0)),o;)try{if(i=1,n&&(r=2&s[0]?n.return:s[0]?n.throw||((r=n.return)&&r.call(n),0):n.next)&&!(r=r.call(n,s[1])).done)return r;switch(n=0,r&&(s=[2&s[0],r.value]),s[0]){case 0:case 1:r=s;break;case 4:return o.label++,{value:s[1],done:!1};case 5:o.label++,n=s[1],s=[0];continue;case 7:s=o.ops.pop(),o.trys.pop();continue;default:if(!((r=(r=o.trys).length>0&&r[r.length-1])||6!==s[0]&&2!==s[0])){o=0;continue}if(3===s[0]&&(!r||s[1]>r[0]&&s[1]<r[3])){o.label=s[1];break}if(6===s[0]&&o.label<r[1]){o.label=r[1],r=s;break}if(r&&o.label<r[2]){o.label=r[2],o.ops.push(s);break}r[2]&&o.ops.pop(),o.trys.pop();continue}s=t.call(e,o)}catch(e){s=[6,e],n=0}finally{i=r=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}(this,(function(o){switch(o.label){case 0:return e?[4,e.slice(0,20).arrayBuffer()]:[2];case 1:return t=o.sent(),i=new Uint8Array(t),n=i.every((function(e){return 0===e})),n||(r=new FileReader,this.fileType=e.type,r.onloadend=function(){a.fileContents=r.result},!this.fileType||"application/pdf"!==this.fileType&&!this.fileType.startsWith("image/")||this.fileType.includes("heic")||r.readAsDataURL(e)),[2]}}))}))},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,r.s)(l,e).forEach((function(e){var t=H(e),i=t.instructions,n=t.dropTarget;n.addEventListener("dragover",(function(){this.classList.add(x)}),!1),n.addEventListener("dragleave",(function(){this.classList.remove(x)}),!1),n.addEventListener("drop",(function(t){t.preventDefault(),this.classList.remove(x);var r=t.dataTransfer;if(t.target.files=r.files,!(r.files.length>1)){j(t,e,i,n);var a=new CustomEvent("change",{detail:{files:r.files}});e.dispatchEvent(a)}}),!1),e.addEventListener("input",(function(t){return j(t,e,i,n)}),!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,n.h)("span",null,this.dragFileString,(0,n.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,i=t.label,r=t.name,o=t.required,s=t.accept,l=t.error,c=t.hint,u=t.dragFileString,d=t.chooseFileString,h=t.uploadMessage,f=t.headerSize,p=t.fileContents,m=t.fileType,g=t.headless,v=t.value,b=t.readOnly,y=t.encrypted,x=t.statusText,w=t.uploadedFile,A=t.percentUploaded,S=t.passwordError,z=t.internalError;v&&!this.file&&this.handleFile(v,!1);var T=this.uploadStatus,k=this.file,F=l||z,C="".concat(c?"input-hint-message":""," ").concat(F?"input-error-message":"").trim()||null,E="file-input-target ".concat(F?"file-input-target-error":"").trim(),L=(0,n.h)("div",{key:"99a08b6ba3afff111bd2673997437eaa3e8e18ad",class:"thumbnail-container"},(0,n.h)("svg",{key:"46b81c50348d4a449c0ad4b7902722c25500fc5d",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"#07648d",width:"40px",height:"40px"},(0,n.h)("path",{key:"e718e907f0e3a6337515b15cffb01736c7681d47",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"})));F?L=(0,n.h)("div",{key:"03b86f08d3aeab756cfa1975f3eb5a3659ce9712",class:"thumbnail-container"},(0,n.h)("va-icon",{key:"ff2e13f448bf762ef5279206245b5399136ec86c",icon:"error",size:3,class:"thumbnail-preview thumbnail-error"})):p&&(m.startsWith("image/")?L=(0,n.h)("div",{key:"79b1b6c02cb4dc09d4fd9addca78d61faada7bdd",class:"thumbnail-container","aria-hidden":"true"},(0,n.h)("img",{key:"0a25225ca2f17d7f95260c50ee91e75cd364b617",class:"thumbnail-preview",src:p,alt:"image"})):"application/pdf"===m&&(L=(0,n.h)("div",{key:"dcf8ea3bc57f7e04ff17c660a2dafc4f4e7d340a",class:"thumbnail-container","aria-hidden":"true"},(0,n.h)("object",{key:"49e31d474f210368d7deca61e5995ec267de0a74",class:"thumbnail-preview",data:p,type:"application/pdf",tabIndex:-1}))));var _=g?"headless-selected-files-wrapper":"selected-files-wrapper",M="usa-hint"+(g?" usa-sr-only":""),q=null!==A&&A<100,I="file-status-label";return q&&(I="".concat(I," uploading-status")),(0,n.h)(n.H,{key:"76c619402dcdd4b3690c69ff6eb2bcd92fcad932",class:{"has-error":!!F}},!b&&(0,n.h)("span",{key:"87586e55284b29ec5d66373b17b3ac286ff2917e",class:{"usa-sr-only":!!g}},i&&this.renderLabelOrHeader(i,o,f)),c&&!b&&(0,n.h)("div",{key:"73fd0f3947eecc8c98a11685ab604b16a52e5a45",class:M,id:"input-hint-message"},c),(0,n.h)("div",{key:"6d43daccba8e149d5f3d53314dd806584a3d5185",class:"file-input-wrapper",onDrop:this.handleDrop},(0,n.h)("input",{key:"0c425ce92d11d00f87e9ae48b0c8c37bed9f8edd",id:"fileInputField",class:"file-input","aria-label":"".concat(i).concat(o?" "+a.i.t("required"):"",". ").concat(u).concat(d),style:{visibility:"success"===T||w||z?"hidden":"unset"},type:"file",ref:function(t){return e.fileInputRef=t},name:r,accept:s,"aria-describedby":C,onChange:this.handleChange}),w||k?(0,n.h)("div",{class:_},!g&&(0,n.h)("div",{class:"selected-files-label"},b?"Files you uploaded":"Selected files"),(0,n.h)("div",{class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),(0,n.h)("va-card",{class:"va-card"},(0,n.h)("div",{class:"file-info-section"},L,(0,n.h)("div",{class:"file-info-group vads-u-line-height--2"},(0,n.h)("span",{class:"file-label"},k?k.name:w.name),F&&(0,n.h)("span",{id:"input-error-message",role:"alert"},(0,n.h)("span",{class:"usa-sr-only"},a.i.t("error")),(0,n.h)("span",{"aria-live":"polite",class:"usa-error-message"},F)),!q&&(0,n.h)("span",{class:"file-size-label"},this.formatFileSize(k?k.size:w.size)),(0,n.h)("span",{class:I,"aria-live":"polite"},q?"Uploading...":x))),(0,n.h)("div",{class:this.showSeparator?"with-separator":void 0},!b&&q&&(0,n.h)(n.F,null,(0,n.h)("va-progress-bar",{percent:A}),(0,n.h)("va-button-icon",{buttonType:"cancel",onClick:this.resetState.bind(this)})),!q&&(0,n.h)(n.F,null,y&&(0,n.h)("va-text-input",{type:"password",onInput:function(t){e.handlePasswordChange(t)},label:"File password",required:!0,error:S}),(0,n.h)("div",{class:"additional-info-slot"},(0,n.h)("slot",null))),!b&&!q&&(0,n.h)(n.F,null,(0,n.h)("div",{class:"file-button-section"},(0,n.h)("va-button-icon",{buttonType:"change-file",onClick:this.changeFile,label:"change file ".concat(k?k.name:w.name)}),(0,n.h)("va-button-icon",{buttonType:"delete",onClick:this.openModal,label:"delete file ".concat(k?k.name:w.name)})),(0,n.h)("va-modal",{modalTitle:"Delete this file?",visible:this.showModal,primaryButtonText:"Yes, delete this",secondaryButtonText:"No, keep this",onCloseEvent:this.closeModal,onPrimaryButtonClick:function(){return e.removeFile(!0)},onSecondaryButtonClick:this.closeModal},"We'll delete the uploaded file"," ",(0,n.h)("span",{class:"file-label"},k?k.name:w.name)))))):(0,n.h)("div",null,(0,n.h)("span",{id:"file-input-error-alert",role:"alert"},F&&(0,n.h)(n.F,null,(0,n.h)("span",{class:"usa-sr-only"},a.i.t("error")),(0,n.h)("span",{class:"usa-error-message"},F))),(0,n.h)("div",{class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),(0,n.h)("div",{class:E},(0,n.h)("div",{class:"file-input-box"}),(0,n.h)("div",{class:"file-input-instructions"},h||this.getDefaultUploadMessage())))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,n.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e,"watchers",{get:function(){return{statusText:["handleValueChange"],percentUploaded:["percentHandler"],error:["handleError"]}},enumerable:!1,configurable:!0}),e}();O.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,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-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=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--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 .with-separator{border-top:1px solid var(--vads-color-base-lighter)}: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: 1024px){: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/9376.app.bundle.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 9376.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,9376],{4569:function(e,a,t){t.r(a),t.d(a,{c:function(){return o}});var r,s={exports:{}};r=s,function(){var e={}.hasOwnProperty;function a(){for(var t=[],r=0;r<arguments.length;r++){var s=arguments[r];if(s){var o=typeof s;if("string"===o||"number"===o)t.push(s);else if(Array.isArray(s)){if(s.length){var i=a.apply(null,s);i&&t.push(i)}}else if("object"===o)if(s.toString===Object.prototype.toString)for(var l in s)e.call(s,l)&&s[l]&&t.push(l);else t.push(s.toString())}}return t.join(" ")}r.exports?(a.default=a,r.exports=a):window.classNames=a}();var o=s.exports},9376:function(e,a,t){t.r(a),t.d(a,{va_alert:function(){return o}});var r=t(7911),s=t(4569),o=function(){function e(e){(0,r.r)(this,e),this.vaComponentDidLoad=(0,r.c)(this,"va-component-did-load",7),this.closeEvent=(0,r.c)(this,"closeEvent",7),this.componentLibraryAnalytics=(0,r.c)(this,"component-library-analytics",7),this.status="info",this.disableAnalytics=!1,this.visible=!0,this.closeBtnAriaLabel=void 0,this.closeable=!1,this.fullWidth=!1,this.slim=!1}return e.prototype.closeHandler=function(e){this.closeEvent.emit(e)},e.prototype.getHeadlineText=function(){var e,a,t=null;try{var r=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="headline"]');r&&(t=(s=r.assignedNodes()).length>0?s[0].textContent:null)}catch(e){var s,o=(s=Array.from((null===(a=this.el.shadowRoot)||void 0===a?void 0:a.childNodes)||[])).filter((function(e){return e.nodeType===Node.ELEMENT_NODE&&["H1","H2","H3","H4","H5","H6"].includes(e.tagName)}));t=o.length>0?o[0].textContent:null}finally{return t}},e.prototype.updateCloseAriaLabelWithHeadlineText=function(){var e=this.getHeadlineText();this.closeBtnAriaLabel="Close ".concat(null!=e?e:"this"," notification")},e.prototype.handleAlertBodyClick=function(e){var a=this.getHeadlineText();if(!this.disableAnalytics){var t=e.target;if("A"===(null==t?void 0:t.tagName)){var r={componentName:"va-alert",action:"linkClick",details:{clickLabel:t.innerText,headline:a,status:this.status,closeable:this.closeable}};this.componentLibraryAnalytics.emit(r)}}},e.prototype.componentDidLoad=function(){this.vaComponentDidLoad.emit()},e.prototype.componentDidRender=function(){if(this.closeBtnAriaLabel||this.updateCloseAriaLabelWithHeadlineText(),"va-banner-alert"!==this.el.id){var e=this.getHeadlineText();this.slim=!e}},e.prototype.render=function(){var e=this,a=e.visible,t=e.closeable,o=e.slim,i=e.fullWidth,l=this.status;if(-1===["info","warning","error","success","continue"].indexOf(l)&&(l="info"),!a)return(0,r.h)("div",{"aria-live":"polite"});var n=(0,s.c)("usa-alert","usa-alert--".concat(l),{"usa-alert--success":"continue"===l,"usa-alert--slim":o&&!i}),m=(0,s.c)("usa-site-alert",{"usa-site-alert--slim":o,"usa-site-alert--info":"info"===l}),u=(0,r.h)(r.F,null,(0,r.h)("div",{class:"usa-alert__body",onClick:this.handleAlertBodyClick.bind(this)},(0,r.h)("div",null,"continue"===l&&(0,r.h)("va-icon",{class:"va-alert__lock-icon",icon:"lock",size:o?3:4}),!o&&(0,r.h)("slot",{name:"headline"}),(0,r.h)("slot",null))),t&&(0,r.h)("button",{class:"va-alert-close","aria-label":this.closeBtnAriaLabel,onClick:this.closeHandler.bind(this)},(0,r.h)("va-icon",{icon:"close",size:4})));return i?(0,r.h)(r.H,null,(0,r.h)("section",{class:m,"aria-label":this.el.getAttribute("data-label"),role:this.el.getAttribute("data-role")},(0,r.h)("div",{class:n},u))):(0,r.h)(r.H,null,(0,r.h)("div",{role:this.el.getAttribute("data-role"),class:n,"aria-label":this.el.getAttribute("data-label")},u))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,r.g)(this)},enumerable:!1,configurable:!0}),e}();o.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,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-alert>.usa-list,.usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-alert>.usa-list:last-child,.usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-alert .usa-alert__body{padding-left:1.25rem;padding-right:1.25rem}.usa-alert .usa-alert__body::before{left:1.0833333333rem}*+.usa-alert{margin-top:1rem}.usa-alert--success{background-color:#ecf3ec;border-left-color:#00a91c}.usa-alert--success .usa-alert__body{color:#1b1b1b;background-color:#ecf3ec;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--success .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--success .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--success .usa-alert__body>*{margin-left:2.5rem}.usa-alert--success .usa-alert__body .usa-link{color:#005ea2}.usa-alert--success .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--success .usa-alert__body .usa-link:hover,.usa-alert--success .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--warning{background-color:#faf3d1;border-left-color:#ffbe2e}.usa-alert--warning .usa-alert__body{color:#1b1b1b;background-color:#faf3d1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--warning .usa-alert__body::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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--warning .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--warning .usa-alert__body>*{margin-left:2.5rem}.usa-alert--warning .usa-alert__body .usa-link{color:#005ea2}.usa-alert--warning .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--warning .usa-alert__body .usa-link:hover,.usa-alert--warning .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--error{background-color:#f4e3db;border-left-color:#d54309}.usa-alert--error .usa-alert__body{color:#1b1b1b;background-color:#f4e3db;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--error .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--error .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--error .usa-alert__body>*{margin-left:2.5rem}.usa-alert--error .usa-alert__body .usa-link{color:#005ea2}.usa-alert--error .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--error .usa-alert__body .usa-link:hover,.usa-alert--error .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--info{background-color:#e7f6f8;border-left-color:#00bde3}.usa-alert--info .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--info .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--info .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--info .usa-alert__body>*{margin-left:2.5rem}.usa-alert--info .usa-alert__body .usa-link{color:#005ea2}.usa-alert--info .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--info .usa-alert__body .usa-link:hover,.usa-alert--info .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--emergency{background-color:#9c3d10;border-left-color:#9c3d10}.usa-alert--emergency .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--emergency .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--emergency .usa-alert__body::before{background:none;background-color:white;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--emergency .usa-alert__body>*{margin-left:2.5rem}.usa-alert--emergency .usa-alert__body .usa-link{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:hover,.usa-alert--emergency .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-alert--slim .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-alert--slim .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--slim .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-alert--slim .usa-alert__body>*{margin-left:2rem}.usa-alert--slim .usa-alert__body::before{left:1.125rem}.usa-alert--no-icon .usa-alert__body{min-height:0}.usa-alert--no-icon .usa-alert__body:before{display:none}.usa-alert--no-icon .usa-alert__body>*{margin-left:0}.usa-alert--validation .usa-checklist{margin-top:1rem}.usa-site-alert .usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-site-alert .usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-site-alert .usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-site-alert .usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-site-alert .usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-site-alert .usa-alert>.usa-list,.usa-site-alert .usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-site-alert .usa-alert>.usa-list:last-child,.usa-site-alert .usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-site-alert .usa-alert .usa-alert__body{max-width:64rem;padding-left:1.25rem;padding-right:1.25rem}.usa-site-alert .usa-alert .usa-alert__body::before{left:1.0833333333rem}@media all and (min-width: 64em){.usa-site-alert .usa-alert .usa-alert__body{margin-left:auto;margin-right:auto;padding-left:1.75rem;padding-right:1.75rem}.usa-site-alert .usa-alert .usa-alert__body::before{left:1.5833333333rem}}.usa-site-alert--info .usa-alert{background-color:#e7f6f8;border-left-color:#00bde3}.usa-site-alert--info .usa-alert .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-site-alert--info .usa-alert .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--info .usa-alert .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-site-alert--info .usa-alert .usa-alert__body>*{margin-left:2.5rem}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link{color:#005ea2}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:visited{color:#54278f}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:hover,.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:active{color:#1a4480}.usa-site-alert--emergency .usa-alert{background-color:#9c3d10;border-left-color:#9c3d10}.usa-site-alert--emergency .usa-alert .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-site-alert--emergency .usa-alert .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--emergency .usa-alert .usa-alert__body::before{background:none;background-color:white;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-site-alert--emergency .usa-alert .usa-alert__body>*{margin-left:2.5rem}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link{color:#dfe1e2}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:hover,.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-site-alert--slim .usa-alert .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-site-alert--slim .usa-alert .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--slim .usa-alert .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-site-alert--slim .usa-alert .usa-alert__body>*{margin-left:2rem}.usa-site-alert--slim .usa-alert .usa-alert__body::before{left:1.125rem}@media all and (min-width: 64em){.usa-site-alert--slim .usa-alert .usa-alert__body::before{left:1.625rem}}.usa-site-alert--no-icon .usa-alert .usa-alert__body{min-height:0}.usa-site-alert--no-icon .usa-alert .usa-alert__body:before{display:none}.usa-site-alert--no-icon .usa-alert .usa-alert__body>*{margin-left:0}:host{display:block;position:relative}:host ::slotted([slot=headline]){font-size:21.28px;margin-top:0;margin-bottom:8px;font-family:var(--font-serif);word-wrap:break-word}.va-alert-close{padding:6px;width:auto;color:var(--vads-color-base-darkest);font-size:1.40625rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:transparent;display:block;position:absolute;right:0;top:0}.va-alert-close:hover{color:var(--vads-color-base)}.usa-alert--slim .va-alert-close{margin:-0.25rem 0}:host([closeable]:not([closeable=false])) .usa-alert .usa-alert__body{padding-right:3.563rem}.usa-alert--continue.usa-alert--success .usa-alert__body::before{-webkit-mask:none;mask:none;background:transparent}.va-alert__lock-icon{position:absolute;top:12px;left:24px}.usa-alert--continue.usa-alert--success.usa-alert--slim .va-alert__lock-icon{position:absolute;top:6px;left:28px}@media screen and (max-width: 1024px){.va-alert__lock-icon{left:12px}.usa-alert--continue.usa-alert--success.usa-alert--slim .va-alert__lock-icon{left:12px}}.usa-site-alert .usa-alert.usa-alert--warning{background-color:var(--vads-color-warning-lighter);border-left-color:var(--vads-color-warning)}.usa-site-alert .usa-alert.usa-alert--success{background-color:var(--vads-color-success-lighter);border-left-color:var(--vads-color-success)}.usa-site-alert .usa-alert.usa-alert--error{background-color:var(--vads-color-error-lighter);border-left-color:var(--vads-color-error)}'}}]);
2
+ "use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[4569,9376],{4569:function(e,a,t){t.r(a),t.d(a,{c:function(){return o}});var r,s={exports:{}};r=s,function(){var e={}.hasOwnProperty;function a(){for(var t=[],r=0;r<arguments.length;r++){var s=arguments[r];if(s){var o=typeof s;if("string"===o||"number"===o)t.push(s);else if(Array.isArray(s)){if(s.length){var i=a.apply(null,s);i&&t.push(i)}}else if("object"===o)if(s.toString===Object.prototype.toString)for(var l in s)e.call(s,l)&&s[l]&&t.push(l);else t.push(s.toString())}}return t.join(" ")}r.exports?(a.default=a,r.exports=a):window.classNames=a}();var o=s.exports},9376:function(e,a,t){t.r(a),t.d(a,{va_alert:function(){return o}});var r=t(7911),s=t(4569),o=function(){function e(e){(0,r.r)(this,e),this.vaComponentDidLoad=(0,r.c)(this,"va-component-did-load",7),this.closeEvent=(0,r.c)(this,"closeEvent",7),this.componentLibraryAnalytics=(0,r.c)(this,"component-library-analytics",7),this.status="info",this.disableAnalytics=!1,this.visible=!0,this.closeBtnAriaLabel=void 0,this.closeable=!1,this.fullWidth=!1,this.slim=!1}return e.prototype.closeHandler=function(e){this.closeEvent.emit(e)},e.prototype.getHeadlineText=function(){var e,a,t=null;try{var r=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="headline"]');r&&(t=(s=r.assignedNodes()).length>0?s[0].textContent:null)}catch(e){var s,o=(s=Array.from((null===(a=this.el.shadowRoot)||void 0===a?void 0:a.childNodes)||[])).filter((function(e){return e.nodeType===Node.ELEMENT_NODE&&["H1","H2","H3","H4","H5","H6"].includes(e.tagName)}));t=o.length>0?o[0].textContent:null}finally{return t}},e.prototype.hasHeadlineContent=function(){var e;if(this.el)for(var a=0,t=this.el.children;a<t.length;a++){var r=t[a];if("headline"===r.slot&&(null===(e=r.textContent)||void 0===e?void 0:e.trim()))return!0}return!1},e.prototype.updateCloseAriaLabelWithHeadlineText=function(){var e=this.getHeadlineText();this.closeBtnAriaLabel="Close ".concat(null!=e?e:"this"," notification")},e.prototype.handleAlertBodyClick=function(e){var a=this.getHeadlineText();if(!this.disableAnalytics){var t=e.target;if("A"===(null==t?void 0:t.tagName)){var r={componentName:"va-alert",action:"linkClick",details:{clickLabel:t.innerText,headline:a,status:this.status,closeable:this.closeable}};this.componentLibraryAnalytics.emit(r)}}},e.prototype.componentDidLoad=function(){this.vaComponentDidLoad.emit()},e.prototype.componentDidRender=function(){this.closeBtnAriaLabel||this.updateCloseAriaLabelWithHeadlineText()},e.prototype.componentWillRender=function(){"va-banner-alert"===this.el.id||this.hasHeadlineContent()||(this.slim=!0)},e.prototype.render=function(){var e=this,a=e.visible,t=e.closeable,o=e.slim,i=e.fullWidth,l=this.status;if(-1===["info","warning","error","success","continue"].indexOf(l)&&(l="info"),!a)return(0,r.h)("div",{"aria-live":"polite"});var n=(0,s.c)("usa-alert","usa-alert--".concat(l),{"usa-alert--success":"continue"===l,"usa-alert--slim":o&&!i}),m=(0,s.c)("usa-site-alert",{"usa-site-alert--slim":o,"usa-site-alert--info":"info"===l}),u=(0,r.h)(r.F,null,(0,r.h)("div",{class:"usa-alert__body",onClick:this.handleAlertBodyClick.bind(this)},(0,r.h)("div",null,"continue"===l&&(0,r.h)("va-icon",{class:"va-alert__lock-icon",icon:"lock",size:o?3:4}),!o&&(0,r.h)("slot",{name:"headline"}),(0,r.h)("slot",null))),t&&(0,r.h)("button",{class:"va-alert-close","aria-label":this.closeBtnAriaLabel,onClick:this.closeHandler.bind(this)},(0,r.h)("va-icon",{icon:"close",size:4})));return i?(0,r.h)(r.H,null,(0,r.h)("section",{class:m,"aria-label":this.el.getAttribute("data-label"),role:this.el.getAttribute("data-role")},(0,r.h)("div",{class:n},u))):(0,r.h)(r.H,null,(0,r.h)("div",{role:this.el.getAttribute("data-role"),class:n,"aria-label":this.el.getAttribute("data-label")},u))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,r.g)(this)},enumerable:!1,configurable:!0}),e}();o.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,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-alert>.usa-list,.usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-alert>.usa-list:last-child,.usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-alert .usa-alert__body{padding-left:1.25rem;padding-right:1.25rem}.usa-alert .usa-alert__body::before{left:1.0833333333rem}*+.usa-alert{margin-top:1rem}.usa-alert--success{background-color:#ecf3ec;border-left-color:#00a91c}.usa-alert--success .usa-alert__body{color:#1b1b1b;background-color:#ecf3ec;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--success .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--success .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--success .usa-alert__body>*{margin-left:2.5rem}.usa-alert--success .usa-alert__body .usa-link{color:#005ea2}.usa-alert--success .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--success .usa-alert__body .usa-link:hover,.usa-alert--success .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--warning{background-color:#faf3d1;border-left-color:#ffbe2e}.usa-alert--warning .usa-alert__body{color:#1b1b1b;background-color:#faf3d1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--warning .usa-alert__body::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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--warning .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--warning .usa-alert__body>*{margin-left:2.5rem}.usa-alert--warning .usa-alert__body .usa-link{color:#005ea2}.usa-alert--warning .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--warning .usa-alert__body .usa-link:hover,.usa-alert--warning .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--error{background-color:#f4e3db;border-left-color:#d54309}.usa-alert--error .usa-alert__body{color:#1b1b1b;background-color:#f4e3db;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--error .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--error .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--error .usa-alert__body>*{margin-left:2.5rem}.usa-alert--error .usa-alert__body .usa-link{color:#005ea2}.usa-alert--error .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--error .usa-alert__body .usa-link:hover,.usa-alert--error .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--info{background-color:#e7f6f8;border-left-color:#00bde3}.usa-alert--info .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--info .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--info .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--info .usa-alert__body>*{margin-left:2.5rem}.usa-alert--info .usa-alert__body .usa-link{color:#005ea2}.usa-alert--info .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--info .usa-alert__body .usa-link:hover,.usa-alert--info .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--emergency{background-color:#9c3d10;border-left-color:#9c3d10}.usa-alert--emergency .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--emergency .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--emergency .usa-alert__body::before{background:none;background-color:white;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--emergency .usa-alert__body>*{margin-left:2.5rem}.usa-alert--emergency .usa-alert__body .usa-link{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:hover,.usa-alert--emergency .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-alert--slim .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-alert--slim .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--slim .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-alert--slim .usa-alert__body>*{margin-left:2rem}.usa-alert--slim .usa-alert__body::before{left:1.125rem}.usa-alert--no-icon .usa-alert__body{min-height:0}.usa-alert--no-icon .usa-alert__body:before{display:none}.usa-alert--no-icon .usa-alert__body>*{margin-left:0}.usa-alert--validation .usa-checklist{margin-top:1rem}.usa-site-alert .usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-site-alert .usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-site-alert .usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-site-alert .usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-site-alert .usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-site-alert .usa-alert>.usa-list,.usa-site-alert .usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-site-alert .usa-alert>.usa-list:last-child,.usa-site-alert .usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-site-alert .usa-alert .usa-alert__body{max-width:64rem;padding-left:1.25rem;padding-right:1.25rem}.usa-site-alert .usa-alert .usa-alert__body::before{left:1.0833333333rem}@media all and (min-width: 64em){.usa-site-alert .usa-alert .usa-alert__body{margin-left:auto;margin-right:auto;padding-left:1.75rem;padding-right:1.75rem}.usa-site-alert .usa-alert .usa-alert__body::before{left:1.5833333333rem}}.usa-site-alert--info .usa-alert{background-color:#e7f6f8;border-left-color:#00bde3}.usa-site-alert--info .usa-alert .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-site-alert--info .usa-alert .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--info .usa-alert .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-site-alert--info .usa-alert .usa-alert__body>*{margin-left:2.5rem}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link{color:#005ea2}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:visited{color:#54278f}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:hover,.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:active{color:#1a4480}.usa-site-alert--emergency .usa-alert{background-color:#9c3d10;border-left-color:#9c3d10}.usa-site-alert--emergency .usa-alert .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-site-alert--emergency .usa-alert .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--emergency .usa-alert .usa-alert__body::before{background:none;background-color:white;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-site-alert--emergency .usa-alert .usa-alert__body>*{margin-left:2.5rem}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link{color:#dfe1e2}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:hover,.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-site-alert--slim .usa-alert .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-site-alert--slim .usa-alert .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--slim .usa-alert .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-site-alert--slim .usa-alert .usa-alert__body>*{margin-left:2rem}.usa-site-alert--slim .usa-alert .usa-alert__body::before{left:1.125rem}@media all and (min-width: 64em){.usa-site-alert--slim .usa-alert .usa-alert__body::before{left:1.625rem}}.usa-site-alert--no-icon .usa-alert .usa-alert__body{min-height:0}.usa-site-alert--no-icon .usa-alert .usa-alert__body:before{display:none}.usa-site-alert--no-icon .usa-alert .usa-alert__body>*{margin-left:0}:host{display:block;position:relative}:host ::slotted([slot=headline]){font-size:21.28px;margin-top:0;margin-bottom:8px;font-family:var(--font-serif);word-wrap:break-word}.va-alert-close{padding:6px;width:auto;color:var(--vads-color-base-darkest);font-size:1.40625rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:transparent;display:block;position:absolute;right:0;top:0}.va-alert-close:hover{color:var(--vads-color-base)}.usa-alert--slim .va-alert-close{margin:-0.25rem 0}:host([closeable]:not([closeable=false])) .usa-alert .usa-alert__body{padding-right:3.563rem}.usa-alert--continue.usa-alert--success .usa-alert__body::before{-webkit-mask:none;mask:none;background:transparent}.va-alert__lock-icon{position:absolute;top:12px;left:24px}.usa-alert--continue.usa-alert--success.usa-alert--slim .va-alert__lock-icon{position:absolute;top:6px;left:28px}@media screen and (max-width: 1024px){.va-alert__lock-icon{left:12px}.usa-alert--continue.usa-alert--success.usa-alert--slim .va-alert__lock-icon{left:12px}}.usa-site-alert .usa-alert.usa-alert--warning{background-color:var(--vads-color-warning-lighter);border-left-color:var(--vads-color-warning)}.usa-site-alert .usa-alert.usa-alert--success{background-color:var(--vads-color-success-lighter);border-left-color:var(--vads-color-success)}.usa-site-alert .usa-alert.usa-alert--error{background-color:var(--vads-color-error-lighter);border-left-color:var(--vads-color-error)}'}}]);
package/dist/components/va-alert2.js CHANGED
@@ -1 +1 @@
1
- import{proxyCustomElement,HTMLElement,createEvent,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$1}from"./va-icon2.js";const vaAlertCss='p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-alert>.usa-list,.usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-alert>.usa-list:last-child,.usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-alert .usa-alert__body{padding-left:1.25rem;padding-right:1.25rem}.usa-alert .usa-alert__body::before{left:1.0833333333rem}*+.usa-alert{margin-top:1rem}.usa-alert--success{background-color:#ecf3ec;border-left-color:#00a91c}.usa-alert--success .usa-alert__body{color:#1b1b1b;background-color:#ecf3ec;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--success .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--success .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--success .usa-alert__body>*{margin-left:2.5rem}.usa-alert--success .usa-alert__body .usa-link{color:#005ea2}.usa-alert--success .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--success .usa-alert__body .usa-link:hover,.usa-alert--success .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--warning{background-color:#faf3d1;border-left-color:#ffbe2e}.usa-alert--warning .usa-alert__body{color:#1b1b1b;background-color:#faf3d1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--warning .usa-alert__body::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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--warning .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--warning .usa-alert__body>*{margin-left:2.5rem}.usa-alert--warning .usa-alert__body .usa-link{color:#005ea2}.usa-alert--warning .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--warning .usa-alert__body .usa-link:hover,.usa-alert--warning .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--error{background-color:#f4e3db;border-left-color:#d54309}.usa-alert--error .usa-alert__body{color:#1b1b1b;background-color:#f4e3db;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--error .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--error .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--error .usa-alert__body>*{margin-left:2.5rem}.usa-alert--error .usa-alert__body .usa-link{color:#005ea2}.usa-alert--error .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--error .usa-alert__body .usa-link:hover,.usa-alert--error .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--info{background-color:#e7f6f8;border-left-color:#00bde3}.usa-alert--info .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--info .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--info .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--info .usa-alert__body>*{margin-left:2.5rem}.usa-alert--info .usa-alert__body .usa-link{color:#005ea2}.usa-alert--info .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--info .usa-alert__body .usa-link:hover,.usa-alert--info .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--emergency{background-color:#9c3d10;border-left-color:#9c3d10}.usa-alert--emergency .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--emergency .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--emergency .usa-alert__body::before{background:none;background-color:white;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--emergency .usa-alert__body>*{margin-left:2.5rem}.usa-alert--emergency .usa-alert__body .usa-link{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:hover,.usa-alert--emergency .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-alert--slim .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-alert--slim .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--slim .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-alert--slim .usa-alert__body>*{margin-left:2rem}.usa-alert--slim .usa-alert__body::before{left:1.125rem}.usa-alert--no-icon .usa-alert__body{min-height:0}.usa-alert--no-icon .usa-alert__body:before{display:none}.usa-alert--no-icon .usa-alert__body>*{margin-left:0}.usa-alert--validation .usa-checklist{margin-top:1rem}.usa-site-alert .usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-site-alert .usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-site-alert .usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-site-alert .usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-site-alert .usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-site-alert .usa-alert>.usa-list,.usa-site-alert .usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-site-alert .usa-alert>.usa-list:last-child,.usa-site-alert .usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-site-alert .usa-alert .usa-alert__body{max-width:64rem;padding-left:1.25rem;padding-right:1.25rem}.usa-site-alert .usa-alert .usa-alert__body::before{left:1.0833333333rem}@media all and (min-width: 64em){.usa-site-alert .usa-alert .usa-alert__body{margin-left:auto;margin-right:auto;padding-left:1.75rem;padding-right:1.75rem}.usa-site-alert .usa-alert .usa-alert__body::before{left:1.5833333333rem}}.usa-site-alert--info .usa-alert{background-color:#e7f6f8;border-left-color:#00bde3}.usa-site-alert--info .usa-alert .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-site-alert--info .usa-alert .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--info .usa-alert .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-site-alert--info .usa-alert .usa-alert__body>*{margin-left:2.5rem}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link{color:#005ea2}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:visited{color:#54278f}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:hover,.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:active{color:#1a4480}.usa-site-alert--emergency .usa-alert{background-color:#9c3d10;border-left-color:#9c3d10}.usa-site-alert--emergency .usa-alert .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-site-alert--emergency .usa-alert .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--emergency .usa-alert .usa-alert__body::before{background:none;background-color:white;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-site-alert--emergency .usa-alert .usa-alert__body>*{margin-left:2.5rem}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link{color:#dfe1e2}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:hover,.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-site-alert--slim .usa-alert .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-site-alert--slim .usa-alert .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--slim .usa-alert .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-site-alert--slim .usa-alert .usa-alert__body>*{margin-left:2rem}.usa-site-alert--slim .usa-alert .usa-alert__body::before{left:1.125rem}@media all and (min-width: 64em){.usa-site-alert--slim .usa-alert .usa-alert__body::before{left:1.625rem}}.usa-site-alert--no-icon .usa-alert .usa-alert__body{min-height:0}.usa-site-alert--no-icon .usa-alert .usa-alert__body:before{display:none}.usa-site-alert--no-icon .usa-alert .usa-alert__body>*{margin-left:0}:host{display:block;position:relative}:host ::slotted([slot=headline]){font-size:21.28px;margin-top:0;margin-bottom:8px;font-family:var(--font-serif);word-wrap:break-word}.va-alert-close{padding:6px;width:auto;color:var(--vads-color-base-darkest);font-size:1.40625rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:transparent;display:block;position:absolute;right:0;top:0}.va-alert-close:hover{color:var(--vads-color-base)}.usa-alert--slim .va-alert-close{margin:-0.25rem 0}:host([closeable]:not([closeable=false])) .usa-alert .usa-alert__body{padding-right:3.563rem}.usa-alert--continue.usa-alert--success .usa-alert__body::before{-webkit-mask:none;mask:none;background:transparent}.va-alert__lock-icon{position:absolute;top:12px;left:24px}.usa-alert--continue.usa-alert--success.usa-alert--slim .va-alert__lock-icon{position:absolute;top:6px;left:28px}@media screen and (max-width: 1024px){.va-alert__lock-icon{left:12px}.usa-alert--continue.usa-alert--success.usa-alert--slim .va-alert__lock-icon{left:12px}}.usa-site-alert .usa-alert.usa-alert--warning{background-color:var(--vads-color-warning-lighter);border-left-color:var(--vads-color-warning)}.usa-site-alert .usa-alert.usa-alert--success{background-color:var(--vads-color-success-lighter);border-left-color:var(--vads-color-success)}.usa-site-alert .usa-alert.usa-alert--error{background-color:var(--vads-color-error-lighter);border-left-color:var(--vads-color-error)}',VaAlertStyle0=vaAlertCss,VaAlert=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaComponentDidLoad=createEvent(this,"va-component-did-load",7),this.closeEvent=createEvent(this,"closeEvent",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.status="info",this.disableAnalytics=!1,this.visible=!0,this.closeBtnAriaLabel=void 0,this.closeable=!1,this.fullWidth=!1,this.slim=!1}closeHandler(e){this.closeEvent.emit(e)}getHeadlineText(){var e,a;let t=null;try{const a=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="headline"]');if(a){const e=a.assignedNodes();t=e.length>0?e[0].textContent:null}}catch(e){const r=Array.from((null===(a=this.el.shadowRoot)||void 0===a?void 0:a.childNodes)||[]).filter((e=>e.nodeType===Node.ELEMENT_NODE&&["H1","H2","H3","H4","H5","H6"].includes(e.tagName)));t=r.length>0?r[0].textContent:null}finally{return t}}updateCloseAriaLabelWithHeadlineText(){const e=this.getHeadlineText();this.closeBtnAriaLabel=`Close ${null!=e?e:"this"} notification`}handleAlertBodyClick(e){const a=this.getHeadlineText();if(!this.disableAnalytics){const t=e.target;if("A"===(null==t?void 0:t.tagName)){const e={componentName:"va-alert",action:"linkClick",details:{clickLabel:t.innerText,headline:a,status:this.status,closeable:this.closeable}};this.componentLibraryAnalytics.emit(e)}}}componentDidLoad(){this.vaComponentDidLoad.emit()}componentDidRender(){if(this.closeBtnAriaLabel||this.updateCloseAriaLabelWithHeadlineText(),"va-banner-alert"!==this.el.id){const e=this.getHeadlineText();this.slim=!e}}render(){const{visible:e,closeable:a,slim:t,fullWidth:r}=this;let s=this.status;if(-1===["info","warning","error","success","continue"].indexOf(s)&&(s="info"),!e)return h("div",{"aria-live":"polite"});const l=classnames("usa-alert",`usa-alert--${s}`,{"usa-alert--success":"continue"===s,"usa-alert--slim":t&&!r}),o=classnames("usa-site-alert",{"usa-site-alert--slim":t,"usa-site-alert--info":"info"===s}),i=h(Fragment,null,h("div",{class:"usa-alert__body",onClick:this.handleAlertBodyClick.bind(this)},h("div",null,"continue"===s&&h("va-icon",{class:"va-alert__lock-icon",icon:"lock",size:t?3:4}),!t&&h("slot",{name:"headline"}),h("slot",null))),a&&h("button",{class:"va-alert-close","aria-label":this.closeBtnAriaLabel,onClick:this.closeHandler.bind(this)},h("va-icon",{icon:"close",size:4})));return h(Host,null,r?h("section",{class:o,"aria-label":this.el.getAttribute("data-label"),role:this.el.getAttribute("data-role")},h("div",{class:l},i)):h("div",{role:this.el.getAttribute("data-role"),class:l,"aria-label":this.el.getAttribute("data-label")},i))}get el(){return this}static get style(){return VaAlertStyle0}},[1,"va-alert",{status:[513],disableAnalytics:[4,"disable-analytics"],visible:[4],closeBtnAriaLabel:[1025,"close-btn-aria-label"],closeable:[516],fullWidth:[4,"full-width"],slim:[1540]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-alert","va-icon"].forEach((e=>{switch(e){case"va-alert":customElements.get(e)||customElements.define(e,VaAlert);break;case"va-icon":customElements.get(e)||defineCustomElement$1()}}))}export{VaAlert as V,defineCustomElement as d};
1
+ import{proxyCustomElement,HTMLElement,createEvent,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$1}from"./va-icon2.js";const vaAlertCss='p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-alert>.usa-list,.usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-alert>.usa-list:last-child,.usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-alert .usa-alert__body{padding-left:1.25rem;padding-right:1.25rem}.usa-alert .usa-alert__body::before{left:1.0833333333rem}*+.usa-alert{margin-top:1rem}.usa-alert--success{background-color:#ecf3ec;border-left-color:#00a91c}.usa-alert--success .usa-alert__body{color:#1b1b1b;background-color:#ecf3ec;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--success .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--success .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--success .usa-alert__body>*{margin-left:2.5rem}.usa-alert--success .usa-alert__body .usa-link{color:#005ea2}.usa-alert--success .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--success .usa-alert__body .usa-link:hover,.usa-alert--success .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--warning{background-color:#faf3d1;border-left-color:#ffbe2e}.usa-alert--warning .usa-alert__body{color:#1b1b1b;background-color:#faf3d1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--warning .usa-alert__body::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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--warning .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--warning .usa-alert__body>*{margin-left:2.5rem}.usa-alert--warning .usa-alert__body .usa-link{color:#005ea2}.usa-alert--warning .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--warning .usa-alert__body .usa-link:hover,.usa-alert--warning .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--error{background-color:#f4e3db;border-left-color:#d54309}.usa-alert--error .usa-alert__body{color:#1b1b1b;background-color:#f4e3db;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--error .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--error .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--error .usa-alert__body>*{margin-left:2.5rem}.usa-alert--error .usa-alert__body .usa-link{color:#005ea2}.usa-alert--error .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--error .usa-alert__body .usa-link:hover,.usa-alert--error .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--info{background-color:#e7f6f8;border-left-color:#00bde3}.usa-alert--info .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--info .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--info .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--info .usa-alert__body>*{margin-left:2.5rem}.usa-alert--info .usa-alert__body .usa-link{color:#005ea2}.usa-alert--info .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--info .usa-alert__body .usa-link:hover,.usa-alert--info .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--emergency{background-color:#9c3d10;border-left-color:#9c3d10}.usa-alert--emergency .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--emergency .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--emergency .usa-alert__body::before{background:none;background-color:white;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--emergency .usa-alert__body>*{margin-left:2.5rem}.usa-alert--emergency .usa-alert__body .usa-link{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:hover,.usa-alert--emergency .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-alert--slim .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-alert--slim .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--slim .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-alert--slim .usa-alert__body>*{margin-left:2rem}.usa-alert--slim .usa-alert__body::before{left:1.125rem}.usa-alert--no-icon .usa-alert__body{min-height:0}.usa-alert--no-icon .usa-alert__body:before{display:none}.usa-alert--no-icon .usa-alert__body>*{margin-left:0}.usa-alert--validation .usa-checklist{margin-top:1rem}.usa-site-alert .usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-site-alert .usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-site-alert .usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-site-alert .usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-site-alert .usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-site-alert .usa-alert>.usa-list,.usa-site-alert .usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-site-alert .usa-alert>.usa-list:last-child,.usa-site-alert .usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-site-alert .usa-alert .usa-alert__body{max-width:64rem;padding-left:1.25rem;padding-right:1.25rem}.usa-site-alert .usa-alert .usa-alert__body::before{left:1.0833333333rem}@media all and (min-width: 64em){.usa-site-alert .usa-alert .usa-alert__body{margin-left:auto;margin-right:auto;padding-left:1.75rem;padding-right:1.75rem}.usa-site-alert .usa-alert .usa-alert__body::before{left:1.5833333333rem}}.usa-site-alert--info .usa-alert{background-color:#e7f6f8;border-left-color:#00bde3}.usa-site-alert--info .usa-alert .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-site-alert--info .usa-alert .usa-alert__body::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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--info .usa-alert .usa-alert__body::before{background:none;background-color:#1b1b1b;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-site-alert--info .usa-alert .usa-alert__body>*{margin-left:2.5rem}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link{color:#005ea2}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:visited{color:#54278f}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:hover,.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:active{color:#1a4480}.usa-site-alert--emergency .usa-alert{background-color:#9c3d10;border-left-color:#9c3d10}.usa-site-alert--emergency .usa-alert .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-site-alert--emergency .usa-alert .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--emergency .usa-alert .usa-alert__body::before{background:none;background-color:white;-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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%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:2rem 2rem;mask-size:2rem 2rem}}.usa-site-alert--emergency .usa-alert .usa-alert__body>*{margin-left:2.5rem}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link{color:#dfe1e2}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:hover,.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-site-alert--slim .usa-alert .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-site-alert--slim .usa-alert .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--slim .usa-alert .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-site-alert--slim .usa-alert .usa-alert__body>*{margin-left:2rem}.usa-site-alert--slim .usa-alert .usa-alert__body::before{left:1.125rem}@media all and (min-width: 64em){.usa-site-alert--slim .usa-alert .usa-alert__body::before{left:1.625rem}}.usa-site-alert--no-icon .usa-alert .usa-alert__body{min-height:0}.usa-site-alert--no-icon .usa-alert .usa-alert__body:before{display:none}.usa-site-alert--no-icon .usa-alert .usa-alert__body>*{margin-left:0}:host{display:block;position:relative}:host ::slotted([slot=headline]){font-size:21.28px;margin-top:0;margin-bottom:8px;font-family:var(--font-serif);word-wrap:break-word}.va-alert-close{padding:6px;width:auto;color:var(--vads-color-base-darkest);font-size:1.40625rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:transparent;display:block;position:absolute;right:0;top:0}.va-alert-close:hover{color:var(--vads-color-base)}.usa-alert--slim .va-alert-close{margin:-0.25rem 0}:host([closeable]:not([closeable=false])) .usa-alert .usa-alert__body{padding-right:3.563rem}.usa-alert--continue.usa-alert--success .usa-alert__body::before{-webkit-mask:none;mask:none;background:transparent}.va-alert__lock-icon{position:absolute;top:12px;left:24px}.usa-alert--continue.usa-alert--success.usa-alert--slim .va-alert__lock-icon{position:absolute;top:6px;left:28px}@media screen and (max-width: 1024px){.va-alert__lock-icon{left:12px}.usa-alert--continue.usa-alert--success.usa-alert--slim .va-alert__lock-icon{left:12px}}.usa-site-alert .usa-alert.usa-alert--warning{background-color:var(--vads-color-warning-lighter);border-left-color:var(--vads-color-warning)}.usa-site-alert .usa-alert.usa-alert--success{background-color:var(--vads-color-success-lighter);border-left-color:var(--vads-color-success)}.usa-site-alert .usa-alert.usa-alert--error{background-color:var(--vads-color-error-lighter);border-left-color:var(--vads-color-error)}',VaAlertStyle0=vaAlertCss,VaAlert=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaComponentDidLoad=createEvent(this,"va-component-did-load",7),this.closeEvent=createEvent(this,"closeEvent",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.status="info",this.disableAnalytics=!1,this.visible=!0,this.closeBtnAriaLabel=void 0,this.closeable=!1,this.fullWidth=!1,this.slim=!1}closeHandler(e){this.closeEvent.emit(e)}getHeadlineText(){var e,a;let t=null;try{const a=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('slot[name="headline"]');if(a){const e=a.assignedNodes();t=e.length>0?e[0].textContent:null}}catch(e){const r=Array.from((null===(a=this.el.shadowRoot)||void 0===a?void 0:a.childNodes)||[]).filter((e=>e.nodeType===Node.ELEMENT_NODE&&["H1","H2","H3","H4","H5","H6"].includes(e.tagName)));t=r.length>0?r[0].textContent:null}finally{return t}}hasHeadlineContent(){var e;if(this.el)for(const a of this.el.children)if("headline"===a.slot&&(null===(e=a.textContent)||void 0===e?void 0:e.trim()))return!0;return!1}updateCloseAriaLabelWithHeadlineText(){const e=this.getHeadlineText();this.closeBtnAriaLabel=`Close ${null!=e?e:"this"} notification`}handleAlertBodyClick(e){const a=this.getHeadlineText();if(!this.disableAnalytics){const t=e.target;if("A"===(null==t?void 0:t.tagName)){const e={componentName:"va-alert",action:"linkClick",details:{clickLabel:t.innerText,headline:a,status:this.status,closeable:this.closeable}};this.componentLibraryAnalytics.emit(e)}}}componentDidLoad(){this.vaComponentDidLoad.emit()}componentDidRender(){this.closeBtnAriaLabel||this.updateCloseAriaLabelWithHeadlineText()}componentWillRender(){"va-banner-alert"===this.el.id||this.hasHeadlineContent()||(this.slim=!0)}render(){const{visible:e,closeable:a,slim:t,fullWidth:r}=this;let s=this.status;if(-1===["info","warning","error","success","continue"].indexOf(s)&&(s="info"),!e)return h("div",{"aria-live":"polite"});const l=classnames("usa-alert",`usa-alert--${s}`,{"usa-alert--success":"continue"===s,"usa-alert--slim":t&&!r}),o=classnames("usa-site-alert",{"usa-site-alert--slim":t,"usa-site-alert--info":"info"===s}),i=h(Fragment,null,h("div",{class:"usa-alert__body",onClick:this.handleAlertBodyClick.bind(this)},h("div",null,"continue"===s&&h("va-icon",{class:"va-alert__lock-icon",icon:"lock",size:t?3:4}),!t&&h("slot",{name:"headline"}),h("slot",null))),a&&h("button",{class:"va-alert-close","aria-label":this.closeBtnAriaLabel,onClick:this.closeHandler.bind(this)},h("va-icon",{icon:"close",size:4})));return h(Host,null,r?h("section",{class:o,"aria-label":this.el.getAttribute("data-label"),role:this.el.getAttribute("data-role")},h("div",{class:l},i)):h("div",{role:this.el.getAttribute("data-role"),class:l,"aria-label":this.el.getAttribute("data-label")},i))}get el(){return this}static get style(){return VaAlertStyle0}},[1,"va-alert",{status:[513],disableAnalytics:[4,"disable-analytics"],visible:[4],closeBtnAriaLabel:[1025,"close-btn-aria-label"],closeable:[516],fullWidth:[4,"full-width"],slim:[1540]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-alert","va-icon"].forEach((e=>{switch(e){case"va-alert":customElements.get(e)||customElements.define(e,VaAlert);break;case"va-icon":customElements.get(e)||defineCustomElement$1()}}))}export{VaAlert as V,defineCustomElement as d};
package/dist/components/va-file-input-multiple.js CHANGED
@@ -1 +1 @@
1
- import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import"./i18n-setup.js";import"./contacts.js";import{d as defineCustomElement$9}from"./va-button2.js";import{d as defineCustomElement$8}from"./va-button-icon2.js";import{d as defineCustomElement$7}from"./va-card2.js";import{d as defineCustomElement$6}from"./va-file-input2.js";import{d as defineCustomElement$5}from"./va-icon2.js";import{d as defineCustomElement$4}from"./va-modal2.js";import{d as defineCustomElement$3}from"./va-progress-bar2.js";import{d as defineCustomElement$2}from"./va-text-input2.js";import{i as instance}from"./i18next.js";const vaFileInputMultipleCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}@import \'~@department-of-veterans-affairs/css-library/dist/stylesheets/base/headings.css\';: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=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--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 .with-separator{border-top:1px solid var(--vads-color-base-lighter)}: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: 1024px){: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}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host.has-error{border-left:0.25rem solid #b50909;padding-left:1rem}:host .outer-wrap{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light);display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host va-file-input.no-file{margin:0 8px}:host va-file-input:not(:last-child){border-bottom:1px solid var(--vads-color-white)}:host va-file-input.has-error{border-left:none;padding-left:0}@media screen and (min-width: 1024px){:host va-file-input.has-error{margin-left:0}}',VaFileInputMultipleStyle0=vaFileInputMultipleCss,VaFileInputMultiple$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaMultipleChange=createEvent(this,"vaMultipleChange",7),this.fileKeyCounter=0,this.additionalSlot=null,this.getAdditionalFileUploadMessage=()=>h("span",null,"Drag an additional file here or"," ",h("span",{class:"file-input-choose-text"},"choose from folder")),this.renderLabelOrHeader=(e,t,i)=>{const r=t?h("span",{class:"required"}," ",instance.t("required")):null;return i&&i>=1&&i<=6?h("div",{class:"label-header"},h(`h${i}`,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,r)):h("div",{class:"label-header"},h("span",{part:"label",class:"usa-label"},e),r)},this.addValueFiles=async()=>(this.files.shift(),this.value.forEach((e=>{this.files.push({file:e,key:this.fileKeyCounter,content:this.getAdditionalContent()||null}),this.fileKeyCounter++})),this.readOnly||this.files.push({file:null,key:this.fileKeyCounter,content:null}),this.valueAdded=!0,Promise.resolve()),this.hasErrors=()=>this.errors.some((e=>!!e)),this.label=void 0,this.name=void 0,this.required=!1,this.accept=void 0,this.errors=[],this.passwordErrors=[],this.encrypted=[],this.hint=void 0,this.enableAnalytics=!1,this.headerSize=void 0,this.value=void 0,this.readOnly=!1,this.slotFieldIndexes=null,this.percentUploaded=[],this.maxFileSize=1/0,this.minFileSize=0,this.statusText=void 0,this.uploadedFiles=void 0,this.files=[{key:0,file:null,content:null,hasError:!1}],this.valueAdded=!1}findFileByKey(e){return this.files.find((t=>t.key===e))}findIndexByKey(e){return this.files.indexOf(this.files.find((t=>t.key===e)))}isEmpty(){return null===this.files[0].file&&!0!==this.files[0].hasError}setSlotContent(){const e=this.el.shadowRoot.querySelector("slot");this.additionalSlot||(this.additionalSlot=e?e.assignedElements({flatten:!0}):[]),null==e||e.remove()}getAdditionalContent(){return this.additionalSlot&&this.additionalSlot.map((e=>e.cloneNode(!0)))}ensurePlaceholder(){if(!this.readOnly&&!this.files.some((e=>null===e.file&&!0!==e.hasError))){this.fileKeyCounter++;const e={file:null,key:this.fileKeyCounter,content:null,error:!1};this.files=[...this.files,e]}}handleChange(e,t,i){const r=e.detail.files[0];let o,s,a;if(r){const e=this.findFileByKey(t);e.hasError&&(e.hasError=!1),e.file?(s="FILE_UPDATED",a=r,e.file=r):(s="FILE_ADDED",a=r,e.file=r,e.content=this.getAdditionalContent(),this.fileKeyCounter++,this.files=[...this.files],this.ensurePlaceholder()),o=this.buildFilesArray(this.files,!1,this.findIndexByKey(t))}else{s="FILE_REMOVED",a=this.files[i].file;const e=[...this.files];e.splice(i,1),this.files=e;const t=this.el.shadowRoot.querySelector("#statusMessage");t.textContent="",setTimeout((()=>{t.textContent="File deleted."}),1e3),o=this.buildFilesArray(this.files,!0)}this.ensurePlaceholder(),this.updateFilesState(),this.vaMultipleChange.emit({action:s,file:a,state:o,index:i})}handlePasswordChange(e,t,i){const r=this.findFileByKey(t);r.password=e.detail.password;const o=this.buildFilesArray(this.files,!1,this.findIndexByKey(t)),s={action:"PASSWORD_UPDATE",file:r.file,state:o,index:i};this.vaMultipleChange.emit(s)}updateFilesState(){this.files=[...this.files]}buildFilesArray(e,t,i){let r=e.filter((e=>!!e.file)).map((e=>({file:e.file,changed:!1,password:e.password})));return!t&&r[i]&&(r[i].changed=!0),r}componentDidRender(){const e=this.el.shadowRoot.querySelectorAll("va-file-input");return this.setSlotContent(),e.forEach(((e,t)=>{!this.files[t].content||this.slotFieldIndexes&&!this.slotFieldIndexes.includes(t)||this.files[t].content.forEach((t=>e.append(t)))})),this.value&&this.value.length&&!this.valueAdded?this.addValueFiles():Promise.resolve()}render(){const{label:e,required:t,headerSize:i,hint:r,files:o,name:s,accept:a,errors:l,encrypted:n,percentUploaded:d,passwordErrors:m,enableAnalytics:f,readOnly:u,maxFileSize:p,minFileSize:c,statusText:b,uploadedFiles:g}=this,v=this.isEmpty()?"":"outer-wrap",x=this.hasErrors()?"has-error":"";return h(Host,{key:"1cea4936f2754b3811b1d520d88401f135b68b3f",class:x,error:x?"error":""},e&&!u&&this.renderLabelOrHeader(e,t,i),r&&!u&&h("div",{key:"ec877d1cbcc085bca25cdb0a6d7853a74ca0a815",class:"usa-hint",id:"input-hint-message"},r),h("div",{key:"97b16ab50f6a15ca7badf9b54162e2623997738e",class:v},h("div",{key:"2f4274f55ddc4bdfbd0705dda70e5d57540fcbab",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),!this.isEmpty()&&h("div",{key:"4560c6d810c0e2bb15f8044df0d3f040abf9e725",class:"selected-files-label"},u?"Files you uploaded":"Selected files"),o.map(((i,o)=>{const v=d&&d.length>=o?d[o]:null,x=m&&m.length>=o?m[o]:null,y=g&&g.length>=o?g[o]:null;return h("va-file-input",Object.assign({key:i.key,id:`instance-${o}`,headless:!0,label:e,hint:r,name:`${s}-${i.key}`,accept:a,required:t},o>0?{uploadMessage:this.getAdditionalFileUploadMessage()}:{},{error:l[o],encrypted:n[o],percentUploaded:v,passwordError:x,onVaChange:e=>this.handleChange(e,i.key,o),onVaFileInputError:()=>{const e=this.findIndexByKey(i.key);e>-1&&(this.files[e]=Object.assign(Object.assign({},this.files[e]),{hasError:!0}),this.updateFilesState(),this.ensurePlaceholder())},onVaPasswordChange:e=>this.handlePasswordChange(e,i.key,o),"enable-analytics":f,value:i.file,readOnly:u,maxFileSize:p,minFileSize:c,statusText:b,uploadedFile:y,class:i.file||i.hasError?"has-file":"no-file","max-file-size":p,"min-file-size":c}))}))),h("slot",{key:"06fa0cc4eb80926ec0721cc73408c6cada35cbbb"}))}get el(){return this}static get style(){return VaFileInputMultipleStyle0}},[1,"va-file-input-multiple",{label:[1],name:[1],required:[4],accept:[1],errors:[16],passwordErrors:[16],encrypted:[16],hint:[1],enableAnalytics:[4,"enable-analytics"],headerSize:[2,"header-size"],value:[16],readOnly:[4,"read-only"],slotFieldIndexes:[16],percentUploaded:[16],maxFileSize:[2,"max-file-size"],minFileSize:[2,"min-file-size"],statusText:[1,"status-text"],uploadedFiles:[16],files:[32],valueAdded:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-file-input-multiple","va-button","va-button-icon","va-card","va-file-input","va-icon","va-modal","va-progress-bar","va-text-input"].forEach((e=>{switch(e){case"va-file-input-multiple":customElements.get(e)||customElements.define(e,VaFileInputMultiple$1);break;case"va-button":customElements.get(e)||defineCustomElement$9();break;case"va-button-icon":customElements.get(e)||defineCustomElement$8();break;case"va-card":customElements.get(e)||defineCustomElement$7();break;case"va-file-input":customElements.get(e)||defineCustomElement$6();break;case"va-icon":customElements.get(e)||defineCustomElement$5();break;case"va-modal":customElements.get(e)||defineCustomElement$4();break;case"va-progress-bar":customElements.get(e)||defineCustomElement$3();break;case"va-text-input":customElements.get(e)||defineCustomElement$2()}}))}const VaFileInputMultiple=VaFileInputMultiple$1,defineCustomElement=defineCustomElement$1;export{VaFileInputMultiple,defineCustomElement};
1
+ import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import"./i18n-setup.js";import"./contacts.js";import{d as defineCustomElement$9}from"./va-button2.js";import{d as defineCustomElement$8}from"./va-button-icon2.js";import{d as defineCustomElement$7}from"./va-card2.js";import{d as defineCustomElement$6}from"./va-file-input2.js";import{d as defineCustomElement$5}from"./va-icon2.js";import{d as defineCustomElement$4}from"./va-modal2.js";import{d as defineCustomElement$3}from"./va-progress-bar2.js";import{d as defineCustomElement$2}from"./va-text-input2.js";import{i as instance}from"./i18next.js";const vaFileInputMultipleCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}@import \'~@department-of-veterans-affairs/css-library/dist/stylesheets/base/headings.css\';: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=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--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 .with-separator{border-top:1px solid var(--vads-color-base-lighter)}: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: 1024px){: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}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){padding-left:0}}:host.has-error{border-left:0.25rem solid #b50909;padding-left:1rem}:host .outer-wrap{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light);display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host va-file-input.no-file{margin:0 8px}:host va-file-input:not(:last-child){border-bottom:1px solid var(--vads-color-white)}:host va-file-input.has-error{border-left:none;padding-left:0}@media screen and (min-width: 1024px){:host va-file-input.has-error{margin-left:0}}',VaFileInputMultipleStyle0=vaFileInputMultipleCss,VaFileInputMultiple$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaMultipleChange=createEvent(this,"vaMultipleChange",7),this.fileKeyCounter=0,this.additionalSlot=null,this.getAdditionalFileUploadMessage=()=>h("span",null,"Drag an additional file here or"," ",h("span",{class:"file-input-choose-text"},"choose from folder")),this.renderLabelOrHeader=(e,t,i)=>{const r=t?h("span",{class:"required"}," ",instance.t("required")):null;return h("div",{class:"label-header"},i&&i>=1&&i<=6?h(`h${i}`,{part:"label",class:"label-header-tag"},e,r):h("label",{part:"label",class:"usa-label"},e,r))},this.addValueFiles=async()=>(this.files.shift(),this.value.forEach((e=>{this.files.push({file:e,key:this.fileKeyCounter,content:this.getAdditionalContent()||null}),this.fileKeyCounter++})),this.readOnly||this.files.push({file:null,key:this.fileKeyCounter,content:null}),this.valueAdded=!0,Promise.resolve()),this.hasErrors=()=>this.errors.some((e=>!!e)),this.label=void 0,this.name=void 0,this.required=!1,this.accept=void 0,this.errors=[],this.passwordErrors=[],this.encrypted=[],this.hint=void 0,this.enableAnalytics=!1,this.headerSize=void 0,this.value=void 0,this.readOnly=!1,this.slotFieldIndexes=null,this.percentUploaded=[],this.maxFileSize=1/0,this.minFileSize=0,this.statusText=void 0,this.uploadedFiles=void 0,this.files=[{key:0,file:null,content:null,hasError:!1}],this.valueAdded=!1}findFileByKey(e){return this.files.find((t=>t.key===e))}findIndexByKey(e){return this.files.indexOf(this.files.find((t=>t.key===e)))}isEmpty(){return null===this.files[0].file&&!0!==this.files[0].hasError}setSlotContent(){const e=this.el.shadowRoot.querySelector("slot");this.additionalSlot||(this.additionalSlot=e?e.assignedElements({flatten:!0}):[]),null==e||e.remove()}getAdditionalContent(){return this.additionalSlot&&this.additionalSlot.map((e=>e.cloneNode(!0)))}ensurePlaceholder(){if(!this.readOnly&&!this.files.some((e=>null===e.file&&!0!==e.hasError))){this.fileKeyCounter++;const e={file:null,key:this.fileKeyCounter,content:null,error:!1};this.files=[...this.files,e]}}handleChange(e,t,i){const r=e.detail.files[0];let o,s,a;if(r){const e=this.findFileByKey(t);e.hasError&&(e.hasError=!1),e.file?(s="FILE_UPDATED",a=r,e.file=r):(s="FILE_ADDED",a=r,e.file=r,e.content=this.getAdditionalContent(),this.fileKeyCounter++,this.files=[...this.files],this.ensurePlaceholder()),o=this.buildFilesArray(this.files,!1,this.findIndexByKey(t))}else{s="FILE_REMOVED",a=this.files[i].file;const e=[...this.files];e.splice(i,1),this.files=e;const t=this.el.shadowRoot.querySelector("#statusMessage");t.textContent="",setTimeout((()=>{t.textContent="File deleted."}),1e3),o=this.buildFilesArray(this.files,!0)}this.ensurePlaceholder(),this.updateFilesState(),this.vaMultipleChange.emit({action:s,file:a,state:o,index:i})}handlePasswordChange(e,t,i){const r=this.findFileByKey(t);r.password=e.detail.password;const o=this.buildFilesArray(this.files,!1,this.findIndexByKey(t)),s={action:"PASSWORD_UPDATE",file:r.file,state:o,index:i};this.vaMultipleChange.emit(s)}updateFilesState(){this.files=[...this.files]}buildFilesArray(e,t,i){let r=e.filter((e=>!!e.file)).map((e=>({file:e.file,changed:!1,password:e.password})));return!t&&r[i]&&(r[i].changed=!0),r}componentDidRender(){const e=this.el.shadowRoot.querySelectorAll("va-file-input");return this.setSlotContent(),e.forEach(((e,t)=>{!this.files[t].content||this.slotFieldIndexes&&!this.slotFieldIndexes.includes(t)||this.files[t].content.forEach((t=>e.append(t)))})),this.value&&this.value.length&&!this.valueAdded?this.addValueFiles():Promise.resolve()}render(){const{label:e,required:t,headerSize:i,hint:r,files:o,name:s,accept:a,errors:l,encrypted:n,percentUploaded:d,passwordErrors:m,enableAnalytics:f,readOnly:u,maxFileSize:p,minFileSize:c,statusText:g,uploadedFiles:b}=this,v=this.isEmpty()?"":"outer-wrap",x=this.hasErrors()?"has-error":"";return h(Host,{key:"8f38f91c9cab0db9aeb6fe250be033e44df71a06",class:x,error:x?"error":""},e&&!u&&this.renderLabelOrHeader(e,t,i),r&&!u&&h("div",{key:"5f7ddf944c1b5215fce3f43e169ca7c41435780e",class:"usa-hint",id:"input-hint-message"},r),h("div",{key:"84222f23a2fe716a9d06ae3a54e7750dac691a56",class:v},h("div",{key:"7fff4a5ff2437531a74e62a4c03f03b4d9482f85",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),!this.isEmpty()&&h("div",{key:"7b8fd2dc123b025869fb601e6a2c075371982042",class:"selected-files-label"},u?"Files you uploaded":"Selected files"),o.map(((i,o)=>{const v=d&&d.length>=o?d[o]:null,x=m&&m.length>=o?m[o]:null,y=b&&b.length>=o?b[o]:null;return h("va-file-input",Object.assign({key:i.key,id:`instance-${o}`,headless:!0,label:e,hint:r,name:`${s}-${i.key}`,accept:a,required:t},o>0?{uploadMessage:this.getAdditionalFileUploadMessage()}:{},{error:l[o],encrypted:n[o],percentUploaded:v,passwordError:x,onVaChange:e=>this.handleChange(e,i.key,o),onVaFileInputError:()=>{const e=this.findIndexByKey(i.key);e>-1&&(this.files[e]=Object.assign(Object.assign({},this.files[e]),{hasError:!0}),this.updateFilesState(),this.ensurePlaceholder())},onVaPasswordChange:e=>this.handlePasswordChange(e,i.key,o),"enable-analytics":f,value:i.file,readOnly:u,maxFileSize:p,minFileSize:c,statusText:g,uploadedFile:y,class:i.file||i.hasError?"has-file":"no-file","max-file-size":p,"min-file-size":c}))}))),h("slot",{key:"1a4fc1e2a895d3845a2f0e7f8290433caf567ca6"}))}get el(){return this}static get style(){return VaFileInputMultipleStyle0}},[1,"va-file-input-multiple",{label:[1],name:[1],required:[4],accept:[1],errors:[16],passwordErrors:[16],encrypted:[16],hint:[1],enableAnalytics:[4,"enable-analytics"],headerSize:[2,"header-size"],value:[16],readOnly:[4,"read-only"],slotFieldIndexes:[16],percentUploaded:[16],maxFileSize:[2,"max-file-size"],minFileSize:[2,"min-file-size"],statusText:[1,"status-text"],uploadedFiles:[16],files:[32],valueAdded:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-file-input-multiple","va-button","va-button-icon","va-card","va-file-input","va-icon","va-modal","va-progress-bar","va-text-input"].forEach((e=>{switch(e){case"va-file-input-multiple":customElements.get(e)||customElements.define(e,VaFileInputMultiple$1);break;case"va-button":customElements.get(e)||defineCustomElement$9();break;case"va-button-icon":customElements.get(e)||defineCustomElement$8();break;case"va-card":customElements.get(e)||defineCustomElement$7();break;case"va-file-input":customElements.get(e)||defineCustomElement$6();break;case"va-icon":customElements.get(e)||defineCustomElement$5();break;case"va-modal":customElements.get(e)||defineCustomElement$4();break;case"va-progress-bar":customElements.get(e)||defineCustomElement$3();break;case"va-text-input":customElements.get(e)||defineCustomElement$2()}}))}const VaFileInputMultiple=VaFileInputMultiple$1,defineCustomElement=defineCustomElement$1;export{VaFileInputMultiple,defineCustomElement};
package/dist/components/va-file-input2.js CHANGED
@@ -1 +1 @@
1
- import{proxyCustomElement,HTMLElement,createEvent,h,forceUpdate,Host,Fragment}from"@stencil/core/internal/client";import"./i18n-setup.js";import"./contacts.js";import{s as selectOrMatches,S as Sanitizer}from"./utils.js";import{d as defineCustomElement$7}from"./va-button2.js";import{d as defineCustomElement$6}from"./va-button-icon2.js";import{d as defineCustomElement$5}from"./va-card2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-modal2.js";import{d as defineCustomElement$2}from"./va-progress-bar2.js";import{d as defineCustomElement$1}from"./va-text-input2.js";import{i as instance}from"./i18next.js";const PREFIX="usa",DROPZONE_CLASS="usa-file-input",DROPZONE=`.${DROPZONE_CLASS}`,INPUT_CLASS="usa-file-input__input",TARGET_CLASS="usa-file-input__target",INPUT=`.${INPUT_CLASS}`,BOX_CLASS="usa-file-input__box",INSTRUCTIONS_CLASS="usa-file-input__instructions",PREVIEW_CLASS="usa-file-input__preview",PREVIEW_HEADING_CLASS="usa-file-input__preview-heading",DISABLED_CLASS="usa-file-input--disabled",CHOOSE_CLASS="usa-file-input__choose",ACCEPTED_FILE_MESSAGE_CLASS="usa-file-input__accepted-files-message",DRAG_TEXT_CLASS="usa-file-input__drag-text",DRAG_CLASS="usa-file-input--drag",LOADING_CLASS="is-loading",INVALID_FILE_CLASS="has-invalid-file",GENERIC_PREVIEW_CLASS_NAME="usa-file-input__preview-image",GENERIC_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--generic`,PDF_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--pdf`,WORD_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--word`,VIDEO_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--video`,EXCEL_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--excel`,SR_ONLY_CLASS="usa-sr-only",SPACER_GIF="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";let TYPE_IS_VALID=Boolean(!0),DEFAULT_ARIA_LABEL_TEXT="",DEFAULT_FILE_STATUS_TEXT="";const getFileInputContext=e=>{const t=e.closest(DROPZONE);if(!t)throw new Error(`Element is missing outer ${DROPZONE}`);const i=t.querySelector(INPUT);return{dropZoneEl:t,inputEl:i}},disable=e=>{const{dropZoneEl:t,inputEl:i}=getFileInputContext(e);i.disabled=!0,t.classList.add(DISABLED_CLASS)},ariaDisable=e=>{const{dropZoneEl:t}=getFileInputContext(e);t.classList.add(DISABLED_CLASS)},enable=e=>{const{dropZoneEl:t,inputEl:i}=getFileInputContext(e);i.disabled=!1,t.classList.remove(DISABLED_CLASS),t.removeAttribute("aria-disabled")},replaceName=e=>{const t=e.charCodeAt(0);return 32===t?"-":t>=65&&t<=90?`img_${e.toLowerCase()}`:`__000${t.toString(16).slice(-4)}`},makeSafeForID=e=>e.replace(/[^a-z0-9]/g,replaceName),createUniqueID=e=>`${e}-${Math.floor(Date.now()/1e3)}`,getItemsLabel=e=>e.hasAttribute("multiple")?"files":"file",createTargetArea=e=>{const t=document.createElement("div"),i=document.createElement("div"),s=document.createElement("div");return e.classList.remove(DROPZONE_CLASS),e.classList.add(INPUT_CLASS),t.classList.add(DROPZONE_CLASS),s.classList.add(BOX_CLASS),i.classList.add(TARGET_CLASS),i.prepend(s),e.parentNode.insertBefore(i,e),e.parentNode.insertBefore(t,i),i.appendChild(e),t.appendChild(i),i},createVisibleInstructions=e=>{const t=e.closest(DROPZONE),i=getItemsLabel(e),s=document.createElement("div"),a=`Drag ${i} here or`,r="choose from folder";return DEFAULT_ARIA_LABEL_TEXT=`${a} ${r}`,s.classList.add(INSTRUCTIONS_CLASS),s.setAttribute("aria-hidden","true"),e.setAttribute("aria-label",DEFAULT_ARIA_LABEL_TEXT),s.innerHTML=Sanitizer.escapeHTML(`<span class="${DRAG_TEXT_CLASS}">${a}</span> <span class="${CHOOSE_CLASS}">${r}</span>`),e.parentNode.insertBefore(s,e),(/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.querySelector(`.${DRAG_TEXT_CLASS}`).outerHTML=""),s},createSROnlyStatus=e=>{const t=document.createElement("div"),i=getItemsLabel(e),s=e.closest(DROPZONE),a=e.closest(`.${TARGET_CLASS}`);DEFAULT_FILE_STATUS_TEXT=`No ${i} selected.`,t.classList.add("usa-sr-only"),t.setAttribute("aria-live","polite"),t.textContent=DEFAULT_FILE_STATUS_TEXT,s.insertBefore(t,a)},enhanceFileInput=e=>{const t=e.hasAttribute("aria-disabled")||e.hasAttribute("disabled"),i=createTargetArea(e),s=createVisibleInstructions(e),{dropZoneEl:a}=getFileInputContext(e);return t?a.classList.add(DISABLED_CLASS):createSROnlyStatus(e),{instructions:s,dropTarget:i}},removeOldPreviews=(e,t)=>{const i=e.querySelectorAll(`.${PREVIEW_CLASS}`),s=e.querySelector(`.${PREVIEW_HEADING_CLASS}`),a=e.querySelector(`.${ACCEPTED_FILE_MESSAGE_CLASS}`);s&&(s.outerHTML=""),a&&(a.outerHTML="",e.classList.remove("has-invalid-file")),null!==i&&(t&&t.removeAttribute("hidden"),Array.prototype.forEach.call(i,(e=>{e.parentNode.removeChild(e)})))},updateStatusMessage=(e,t,i)=>{const s=e;let a=DEFAULT_FILE_STATUS_TEXT;1===t.length?a=`You have selected the file: ${i}`:t.length>1&&(a=`You have selected ${t.length} files: ${i.join(", ")}`),setTimeout((()=>{s.textContent=a}),1e3)},addPreviewHeading=(e,t)=>{const i=document.createElement("div"),s=e.closest(`.${TARGET_CLASS}`),a=s.querySelector(`.${INSTRUCTIONS_CLASS}`);let r="Change file",o="";1===t.length?o=Sanitizer.escapeHTML(`Selected file <span class="usa-file-input__choose">${r}</span>`):t.length>1&&(r="Change files",o=Sanitizer.escapeHTML(`${t.length} files selected <span class="usa-file-input__choose">${r}</span>`)),a.setAttribute("hidden","true"),i.classList.add(PREVIEW_HEADING_CLASS),i.innerHTML=o,s.insertBefore(i,a),e.setAttribute("aria-label",r)},handleChange=(e,t,i,s)=>{const a=t.getAttribute("multiple")?e.target.files:[e.target.files[0]],r=s.closest(`.${DROPZONE_CLASS}`).querySelector(".usa-sr-only"),o=[];removeOldPreviews(s,i);for(let e=0;e<a.length;e+=1){const t=new FileReader,r=a[e].name;let n;o.push(r),t.onloadstart=function(){n=createUniqueID(makeSafeForID(r)),i.insertAdjacentHTML("afterend",Sanitizer.escapeHTML(`<div class="${PREVIEW_CLASS}" aria-hidden="true">\n <img id="${n}" src="${SPACER_GIF}" alt="" class="${GENERIC_PREVIEW_CLASS_NAME} is-loading"/>${r}\n <div>`))},t.onloadend=function(){const e=s.querySelector(`#${n}`);r.indexOf(".pdf")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${PDF_PREVIEW_CLASS}")`):r.indexOf(".doc")>0||r.indexOf(".pages")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${WORD_PREVIEW_CLASS}")`):r.indexOf(".xls")>0||r.indexOf(".numbers")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${EXCEL_PREVIEW_CLASS}")`):r.indexOf(".mov")>0||r.indexOf(".mp4")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${VIDEO_PREVIEW_CLASS}")`):e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${GENERIC_PREVIEW_CLASS}")`),e.classList.remove("is-loading"),e.src=t.result},a[e]&&t.readAsDataURL(a[e])}0===a.length?t.setAttribute("aria-label",DEFAULT_ARIA_LABEL_TEXT):addPreviewHeading(t,a),updateStatusMessage(r,a,o)},preventInvalidFiles=(e,t,i,s)=>{const a=t.getAttribute("accept");s.classList.remove("has-invalid-file");const r=(e,t)=>{let i=!1;return e.indexOf(t)>=0&&(i=!0),i};if(a){const o=a.split(","),n=document.createElement("div");let l=!0;const d=e.target.files||e.dataTransfer.files;for(let e=0;e<d.length;e+=1){const t=d[e];if(!l)break;for(let e=0;e<o.length;e+=1){const i=o[e];if(l=t.name.indexOf(i)>0||r(t.type,i.replace(/\*/g,"")),l){TYPE_IS_VALID=!0;break}}}l||(removeOldPreviews(s,i),t.value="",s.insertBefore(n,t),n.textContent=t.dataset.errormessage||"This is not a valid file type.",n.classList.add(ACCEPTED_FILE_MESSAGE_CLASS),s.classList.add("has-invalid-file"),TYPE_IS_VALID=!1,e.preventDefault(),e.stopPropagation())}},handleUpload=(e,t,i,s)=>{preventInvalidFiles(e,t,i,s),!0===TYPE_IS_VALID&&handleChange(e,t,i,s)},fileInput={init(e){selectOrMatches(DROPZONE,e).forEach((e=>{const{instructions:t,dropTarget:i}=enhanceFileInput(e);i.addEventListener("dragover",(function(){this.classList.add(DRAG_CLASS)}),!1),i.addEventListener("dragleave",(function(){this.classList.remove(DRAG_CLASS)}),!1),i.addEventListener("drop",(function(s){s.preventDefault(),this.classList.remove(DRAG_CLASS);const a=s.dataTransfer;if(s.target.files=a.files,a.files.length>1)return;handleUpload(s,e,t,i);const r=new CustomEvent("change",{detail:{files:a.files}});e.dispatchEvent(r)}),!1),e.addEventListener("input",(s=>handleUpload(s,e,t,i)),!1)}))},teardown(e){selectOrMatches(INPUT,e).forEach((e=>{const t=e.parentElement.parentElement;t.parentElement.replaceChild(e,t),e.className=DROPZONE_CLASS}))},getFileInputContext:getFileInputContext,disable:disable,ariaDisable:ariaDisable,enable:enable},extensionToMimeType={".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",".heic":"image/heic"},vaFileInputCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-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=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--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 .with-separator{border-top:1px solid var(--vads-color-base-lighter)}: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: 1024px){: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}',VaFileInputStyle0=vaFileInputCss,VaFileInput=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaChange=createEvent(this,"vaChange",7),this.vaPasswordChange=createEvent(this,"vaPasswordChange",7),this.vaFileInputError=createEvent(this,"vaFileInputError",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.uploadStatus="idle",this.chooseFileString="choose from folder",this.dragFileString="Drag a file here or ",this.FILE_PREVIEW_SIZE_LIMIT=5242880,this.handleChange=e=>{const t=e.target;this.fileContents=null,t.files&&t.files.length>0&&this.handleFile(t.files[0]),t.value=""},this.handleDrop=e=>{e.preventDefault(),e.stopPropagation();const t=e.dataTransfer.files;t.length>0&&this.handleFile(t[0])},this.getExtension=e=>{const t=e.name.replace(/^\./,"");return(t.includes(".")?`.${t.split(".").pop()}`:null)||e.type},this.getFileTypeErrorMessage=e=>{const t=this.getExtension(e);return`We do not accept ${t?`${t} files`:"this file type"}. Choose a new file.`},this.handleFile=(e,t=!0)=>{let i=null;if(this.accept){const t=this.normalizeAcceptProp(this.accept);this.isAcceptedFileType(e.type,t)||(this.removeFile(!1),i=this.getFileTypeErrorMessage(e))}if(0===e.size&&(i="The file you selected is empty. Files must be larger than 0B."),e.size>this.maxFileSize&&(i=`\n We can't upload your file because it's too big. Files must be less than ${this.formatFileSize(this.maxFileSize)}.`),e.size<this.minFileSize&&(i=`We can't upload your file because it's too small. Files must be at least ${this.formatFileSize(this.minFileSize)}.`),this.uploadedFile=null,this.file=e,i)return this.internalError=i,this.vaFileInputError.emit({error:i}),void this.resetState();t&&this.vaChange.emit({files:[this.file]}),this.uploadStatus="success",this.internalError=null,e.size<this.FILE_PREVIEW_SIZE_LIMIT&&this.generateFileContents(this.file),this.updateStatusMessage(`You have selected the file: ${this.file.name}`),this.el.focus(),this.enableAnalytics&&this.componentLibraryAnalytics.emit({componentName:"va-file-input",action:"change",details:{label:this.label}})},this.removeFile=(e=!0)=>{this.closeModal(),this.uploadStatus="idle",this.internalError=null,e&&this.vaChange.emit({files:[]}),this.file=null,this.uploadedFile=null,this.updateStatusMessage("File deleted. No file selected."),this.el.focus()},this.openModal=()=>{this.el.shadowRoot.querySelector("va-modal").setAttribute("status","warning"),this.showModal=!0},this.closeModal=()=>{this.showModal=!1,setTimeout((()=>{this.fileInputRef.focus()}),0)},this.changeFile=()=>{this.fileInputRef&&this.fileInputRef.click()},this.formatFileSize=e=>{const t=["B","KB","MB","GB","TB"];if(0===e)return"0 B";const i=Math.floor(Math.log(e)/Math.log(1024));return 0===i?`${e} ${t[i]}`:`${(e/Math.pow(1024,i)).toFixed(i<2?0:1)} ${t[i]}`},this.normalizeAcceptProp=e=>e.split(",").map((e=>(e=e.trim()).startsWith(".")?extensionToMimeType[e]:e)),this.isAcceptedFileType=(e,t)=>{for(const i of t){if(i===e)return!0;if(i.endsWith("/*")&&e.startsWith(i.slice(0,-1)))return!0}return!1},this.renderLabelOrHeader=(e,t,i)=>{const s=t?h("span",{class:"required"}," ",instance.t("required")):null;return h("div",{class:"label-header"},i&&i>=1&&i<=6?h(`h${i}`,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,s):h("label",{htmlFor:"fileInputField",part:"label",class:"usa-label"},e,s))},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.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.minFileSize=0,this.percentUploaded=null,this.passwordError=void 0}handleValueChange(e){setTimeout((()=>{this.updateStatusMessage(e)}))}percentHandler(e){e>=100&&this.resetState()}handleError(e,t){t&&e&&this.resetState()}resetState(){this.fileContents=null,this.uploadStatus="idle",this.percentUploaded=null,forceUpdate(this.el)}updateStatusMessage(e){setTimeout((()=>{const t=this.el.shadowRoot.querySelector("#statusMessage");t&&(t.textContent=e)}),1e3)}async generateFileContents(e){if(!e)return;const t=e.slice(0,20),i=await t.arrayBuffer();if(new Uint8Array(i).every((e=>0===e)))return;const s=new FileReader;this.fileType=e.type,s.onloadend=()=>{this.fileContents=s.result},!this.fileType||"application/pdf"!==this.fileType&&!this.fileType.startsWith("image/")||this.fileType.includes("heic")||s.readAsDataURL(e)}componentWillRender(){const e=!!this.el.querySelector(":scope > *"),t=!(!this.value&&!this.file||this.readOnly);this.showSeparator=e||t}componentDidLoad(){fileInput.init(this.el)}connectedCallback(){this.el.addEventListener("change",this.handleChange)}disconnectedCallback(){this.el.removeEventListener("change",this.handleChange)}getDefaultUploadMessage(){return h("span",null,this.dragFileString,h("span",{class:"file-input-choose-text"},this.chooseFileString))}handlePasswordChange(e){this.vaPasswordChange.emit({password:e.target.value})}render(){const{label:e,name:t,required:i,accept:s,error:a,hint:r,dragFileString:o,chooseFileString:n,uploadMessage:l,headerSize:d,fileContents:c,fileType:p,headless:u,value:m,readOnly:f,encrypted:g,statusText:b,uploadedFile:v,percentUploaded:E,passwordError:S,internalError:A}=this;m&&!this.file&&this.handleFile(m,!1);const{uploadStatus:_,file:C}=this,x=a||A,L=`${r?"input-hint-message":""} ${x?"input-error-message":""}`.trim()||null,w=("file-input-target "+(x?"file-input-target-error":"")).trim();let y=h("div",{key:"1be2173ac82c62d752bcd6cb2df252d49ad8e82f",class:"thumbnail-container"},h("svg",{key:"c58ec29d3a3a66bed6a1dfc21c08afdd40f61853",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"#07648d",width:"40px",height:"40px"},h("path",{key:"2c52d9de3f4036fdad9cdf1583c4eb400d2f0878",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"})));x?y=h("div",{key:"ed76a5e6b2d6f03db7bf4d5e8bd2e1c1bd9ca339",class:"thumbnail-container"},h("va-icon",{key:"4f000236785434d191c72b852db5d26b6039c9fb",icon:"error",size:3,class:"thumbnail-preview thumbnail-error"})):c&&(p.startsWith("image/")?y=h("div",{key:"063672591b3ce4295609ee1408588205cc594347",class:"thumbnail-container","aria-hidden":"true"},h("img",{key:"10c3e58c18b797b651b3ca153668ece409710357",class:"thumbnail-preview",src:c,alt:"image"})):"application/pdf"===p&&(y=h("div",{key:"82b9f4f8384d68770262d3f24467bcbbd792fb2e",class:"thumbnail-container","aria-hidden":"true"},h("object",{key:"cec3668d7d579439a656e36f7f6af4d71493af78",class:"thumbnail-preview",data:c,type:"application/pdf",tabIndex:-1}))));let I=u?"headless-selected-files-wrapper":"selected-files-wrapper";const T="usa-hint"+(u?" usa-sr-only":""),F=null!==E&&E<100;let R="file-status-label";return F&&(R=`${R} uploading-status`),h(Host,{key:"defb19a05b1c19ddb6ae3b74b2a83367f46a9acd",class:{"has-error":!!x}},!f&&h("span",{key:"9262a4982379c1c029913c256310a5964a5dee00",class:{"usa-sr-only":!!u}},e&&this.renderLabelOrHeader(e,i,d)),r&&!f&&h("div",{key:"ba691a847704d4732c3828ec6fb2c142b576e0b4",class:T,id:"input-hint-message"},r),h("div",{key:"171535846a71cc09377269c5e9666863d00dc1df",class:"file-input-wrapper",onDrop:this.handleDrop},h("input",{key:"b704c188faaaea962372f5e2bbb08be982cf6df1",id:"fileInputField",class:"file-input","aria-label":`${e}${i?" "+instance.t("required"):""}. ${o}${n}`,style:{visibility:"success"===_||v||A?"hidden":"unset"},type:"file",ref:e=>this.fileInputRef=e,name:t,accept:s,"aria-describedby":L,onChange:this.handleChange}),v||C?h("div",{class:I},!u&&h("div",{class:"selected-files-label"},f?"Files you uploaded":"Selected files"),h("div",{class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),h("va-card",{class:"va-card"},h("div",{class:"file-info-section"},y,h("div",{class:"file-info-group vads-u-line-height--2"},h("span",{class:"file-label"},C?C.name:v.name),x&&h("span",{id:"input-error-message",role:"alert"},h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{"aria-live":"polite",class:"usa-error-message"},x)),!F&&h("span",{class:"file-size-label"},this.formatFileSize(C?C.size:v.size)),h("span",{class:R,"aria-live":"polite"},F?"Uploading...":b))),h("div",{class:this.showSeparator?"with-separator":void 0},!f&&F&&h(Fragment,null,h("va-progress-bar",{percent:E}),h("va-button-icon",{buttonType:"cancel",onClick:this.resetState.bind(this)})),!F&&h(Fragment,null,g&&h("va-text-input",{type:"password",onInput:e=>{this.handlePasswordChange(e)},label:"File password",required:!0,error:S}),h("div",{class:"additional-info-slot"},h("slot",null))),!f&&!F&&h(Fragment,null,h("div",{class:"file-button-section"},h("va-button-icon",{buttonType:"change-file",onClick:this.changeFile,label:`change file ${C?C.name:v.name}`}),h("va-button-icon",{buttonType:"delete",onClick:this.openModal,label:`delete file ${C?C.name:v.name}`})),h("va-modal",{modalTitle:"Delete this file?",visible:this.showModal,primaryButtonText:"Yes, delete this",secondaryButtonText:"No, keep this",onCloseEvent:this.closeModal,onPrimaryButtonClick:()=>this.removeFile(!0),onSecondaryButtonClick:this.closeModal},"We'll delete the uploaded file"," ",h("span",{class:"file-label"},C?C.name:v.name)))))):h("div",null,h("span",{id:"file-input-error-alert",role:"alert"},x&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:"usa-error-message"},x))),h("div",{class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),h("div",{class:w},h("div",{class:"file-input-box"}),h("div",{class:"file-input-instructions"},l||this.getDefaultUploadMessage())))))}get el(){return this}static get watchers(){return{statusText:["handleValueChange"],percentUploaded:["percentHandler"],error:["handleError"]}}static get style(){return VaFileInputStyle0}},[1,"va-file-input",{label:[1],name:[1],value:[16],required:[4],accept:[1],error:[1],hint:[1],statusText:[1,"status-text"],uploadMessage:[16],enableAnalytics:[4,"enable-analytics"],headerSize:[2,"header-size"],headless:[4],readOnly:[4,"read-only"],encrypted:[4],uploadedFile:[1040],maxFileSize:[2,"max-file-size"],minFileSize:[2,"min-file-size"],percentUploaded:[1538,"percent-uploaded"],passwordError:[1,"password-error"],file:[32],fileContents:[32],internalError:[32],showModal:[32],showSeparator:[32]},void 0,{statusText:["handleValueChange"],percentUploaded:["percentHandler"],error:["handleError"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-file-input","va-button","va-button-icon","va-card","va-icon","va-modal","va-progress-bar","va-text-input"].forEach((e=>{switch(e){case"va-file-input":customElements.get(e)||customElements.define(e,VaFileInput);break;case"va-button":customElements.get(e)||defineCustomElement$7();break;case"va-button-icon":customElements.get(e)||defineCustomElement$6();break;case"va-card":customElements.get(e)||defineCustomElement$5();break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-modal":customElements.get(e)||defineCustomElement$3();break;case"va-progress-bar":customElements.get(e)||defineCustomElement$2();break;case"va-text-input":customElements.get(e)||defineCustomElement$1()}}))}export{VaFileInput as V,defineCustomElement as d};
1
+ import{proxyCustomElement,HTMLElement,createEvent,h,forceUpdate,Host,Fragment}from"@stencil/core/internal/client";import"./i18n-setup.js";import"./contacts.js";import{s as selectOrMatches,S as Sanitizer}from"./utils.js";import{d as defineCustomElement$7}from"./va-button2.js";import{d as defineCustomElement$6}from"./va-button-icon2.js";import{d as defineCustomElement$5}from"./va-card2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-modal2.js";import{d as defineCustomElement$2}from"./va-progress-bar2.js";import{d as defineCustomElement$1}from"./va-text-input2.js";import{i as instance}from"./i18next.js";const PREFIX="usa",DROPZONE_CLASS="usa-file-input",DROPZONE=`.${DROPZONE_CLASS}`,INPUT_CLASS="usa-file-input__input",TARGET_CLASS="usa-file-input__target",INPUT=`.${INPUT_CLASS}`,BOX_CLASS="usa-file-input__box",INSTRUCTIONS_CLASS="usa-file-input__instructions",PREVIEW_CLASS="usa-file-input__preview",PREVIEW_HEADING_CLASS="usa-file-input__preview-heading",DISABLED_CLASS="usa-file-input--disabled",CHOOSE_CLASS="usa-file-input__choose",ACCEPTED_FILE_MESSAGE_CLASS="usa-file-input__accepted-files-message",DRAG_TEXT_CLASS="usa-file-input__drag-text",DRAG_CLASS="usa-file-input--drag",LOADING_CLASS="is-loading",INVALID_FILE_CLASS="has-invalid-file",GENERIC_PREVIEW_CLASS_NAME="usa-file-input__preview-image",GENERIC_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--generic`,PDF_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--pdf`,WORD_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--word`,VIDEO_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--video`,EXCEL_PREVIEW_CLASS=`${GENERIC_PREVIEW_CLASS_NAME}--excel`,SR_ONLY_CLASS="usa-sr-only",SPACER_GIF="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7";let TYPE_IS_VALID=Boolean(!0),DEFAULT_ARIA_LABEL_TEXT="",DEFAULT_FILE_STATUS_TEXT="";const getFileInputContext=e=>{const t=e.closest(DROPZONE);if(!t)throw new Error(`Element is missing outer ${DROPZONE}`);const i=t.querySelector(INPUT);return{dropZoneEl:t,inputEl:i}},disable=e=>{const{dropZoneEl:t,inputEl:i}=getFileInputContext(e);i.disabled=!0,t.classList.add(DISABLED_CLASS)},ariaDisable=e=>{const{dropZoneEl:t}=getFileInputContext(e);t.classList.add(DISABLED_CLASS)},enable=e=>{const{dropZoneEl:t,inputEl:i}=getFileInputContext(e);i.disabled=!1,t.classList.remove(DISABLED_CLASS),t.removeAttribute("aria-disabled")},replaceName=e=>{const t=e.charCodeAt(0);return 32===t?"-":t>=65&&t<=90?`img_${e.toLowerCase()}`:`__000${t.toString(16).slice(-4)}`},makeSafeForID=e=>e.replace(/[^a-z0-9]/g,replaceName),createUniqueID=e=>`${e}-${Math.floor(Date.now()/1e3)}`,getItemsLabel=e=>e.hasAttribute("multiple")?"files":"file",createTargetArea=e=>{const t=document.createElement("div"),i=document.createElement("div"),s=document.createElement("div");return e.classList.remove(DROPZONE_CLASS),e.classList.add(INPUT_CLASS),t.classList.add(DROPZONE_CLASS),s.classList.add(BOX_CLASS),i.classList.add(TARGET_CLASS),i.prepend(s),e.parentNode.insertBefore(i,e),e.parentNode.insertBefore(t,i),i.appendChild(e),t.appendChild(i),i},createVisibleInstructions=e=>{const t=e.closest(DROPZONE),i=getItemsLabel(e),s=document.createElement("div"),a=`Drag ${i} here or`,r="choose from folder";return DEFAULT_ARIA_LABEL_TEXT=`${a} ${r}`,s.classList.add(INSTRUCTIONS_CLASS),s.setAttribute("aria-hidden","true"),e.setAttribute("aria-label",DEFAULT_ARIA_LABEL_TEXT),s.innerHTML=Sanitizer.escapeHTML(`<span class="${DRAG_TEXT_CLASS}">${a}</span> <span class="${CHOOSE_CLASS}">${r}</span>`),e.parentNode.insertBefore(s,e),(/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.querySelector(`.${DRAG_TEXT_CLASS}`).outerHTML=""),s},createSROnlyStatus=e=>{const t=document.createElement("div"),i=getItemsLabel(e),s=e.closest(DROPZONE),a=e.closest(`.${TARGET_CLASS}`);DEFAULT_FILE_STATUS_TEXT=`No ${i} selected.`,t.classList.add("usa-sr-only"),t.setAttribute("aria-live","polite"),t.textContent=DEFAULT_FILE_STATUS_TEXT,s.insertBefore(t,a)},enhanceFileInput=e=>{const t=e.hasAttribute("aria-disabled")||e.hasAttribute("disabled"),i=createTargetArea(e),s=createVisibleInstructions(e),{dropZoneEl:a}=getFileInputContext(e);return t?a.classList.add(DISABLED_CLASS):createSROnlyStatus(e),{instructions:s,dropTarget:i}},removeOldPreviews=(e,t)=>{const i=e.querySelectorAll(`.${PREVIEW_CLASS}`),s=e.querySelector(`.${PREVIEW_HEADING_CLASS}`),a=e.querySelector(`.${ACCEPTED_FILE_MESSAGE_CLASS}`);s&&(s.outerHTML=""),a&&(a.outerHTML="",e.classList.remove("has-invalid-file")),null!==i&&(t&&t.removeAttribute("hidden"),Array.prototype.forEach.call(i,(e=>{e.parentNode.removeChild(e)})))},updateStatusMessage=(e,t,i)=>{const s=e;let a=DEFAULT_FILE_STATUS_TEXT;1===t.length?a=`You have selected the file: ${i}`:t.length>1&&(a=`You have selected ${t.length} files: ${i.join(", ")}`),setTimeout((()=>{s.textContent=a}),1e3)},addPreviewHeading=(e,t)=>{const i=document.createElement("div"),s=e.closest(`.${TARGET_CLASS}`),a=s.querySelector(`.${INSTRUCTIONS_CLASS}`);let r="Change file",o="";1===t.length?o=Sanitizer.escapeHTML(`Selected file <span class="usa-file-input__choose">${r}</span>`):t.length>1&&(r="Change files",o=Sanitizer.escapeHTML(`${t.length} files selected <span class="usa-file-input__choose">${r}</span>`)),a.setAttribute("hidden","true"),i.classList.add(PREVIEW_HEADING_CLASS),i.innerHTML=o,s.insertBefore(i,a),e.setAttribute("aria-label",r)},handleChange=(e,t,i,s)=>{const a=t.getAttribute("multiple")?e.target.files:[e.target.files[0]],r=s.closest(`.${DROPZONE_CLASS}`).querySelector(".usa-sr-only"),o=[];removeOldPreviews(s,i);for(let e=0;e<a.length;e+=1){const t=new FileReader,r=a[e].name;let n;o.push(r),t.onloadstart=function(){n=createUniqueID(makeSafeForID(r)),i.insertAdjacentHTML("afterend",Sanitizer.escapeHTML(`<div class="${PREVIEW_CLASS}" aria-hidden="true">\n <img id="${n}" src="${SPACER_GIF}" alt="" class="${GENERIC_PREVIEW_CLASS_NAME} is-loading"/>${r}\n <div>`))},t.onloadend=function(){const e=s.querySelector(`#${n}`);r.indexOf(".pdf")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${PDF_PREVIEW_CLASS}")`):r.indexOf(".doc")>0||r.indexOf(".pages")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${WORD_PREVIEW_CLASS}")`):r.indexOf(".xls")>0||r.indexOf(".numbers")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${EXCEL_PREVIEW_CLASS}")`):r.indexOf(".mov")>0||r.indexOf(".mp4")>0?e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${VIDEO_PREVIEW_CLASS}")`):e.setAttribute("onerror",`this.onerror=null;this.src="${SPACER_GIF}"; this.classList.add("${GENERIC_PREVIEW_CLASS}")`),e.classList.remove("is-loading"),e.src=t.result},a[e]&&t.readAsDataURL(a[e])}0===a.length?t.setAttribute("aria-label",DEFAULT_ARIA_LABEL_TEXT):addPreviewHeading(t,a),updateStatusMessage(r,a,o)},preventInvalidFiles=(e,t,i,s)=>{const a=t.getAttribute("accept");s.classList.remove("has-invalid-file");const r=(e,t)=>{let i=!1;return e.indexOf(t)>=0&&(i=!0),i};if(a){const o=a.split(","),n=document.createElement("div");let l=!0;const d=e.target.files||e.dataTransfer.files;for(let e=0;e<d.length;e+=1){const t=d[e];if(!l)break;for(let e=0;e<o.length;e+=1){const i=o[e];if(l=t.name.indexOf(i)>0||r(t.type,i.replace(/\*/g,"")),l){TYPE_IS_VALID=!0;break}}}l||(removeOldPreviews(s,i),t.value="",s.insertBefore(n,t),n.textContent=t.dataset.errormessage||"This is not a valid file type.",n.classList.add(ACCEPTED_FILE_MESSAGE_CLASS),s.classList.add("has-invalid-file"),TYPE_IS_VALID=!1,e.preventDefault(),e.stopPropagation())}},handleUpload=(e,t,i,s)=>{preventInvalidFiles(e,t,i,s),!0===TYPE_IS_VALID&&handleChange(e,t,i,s)},fileInput={init(e){selectOrMatches(DROPZONE,e).forEach((e=>{const{instructions:t,dropTarget:i}=enhanceFileInput(e);i.addEventListener("dragover",(function(){this.classList.add(DRAG_CLASS)}),!1),i.addEventListener("dragleave",(function(){this.classList.remove(DRAG_CLASS)}),!1),i.addEventListener("drop",(function(s){s.preventDefault(),this.classList.remove(DRAG_CLASS);const a=s.dataTransfer;if(s.target.files=a.files,a.files.length>1)return;handleUpload(s,e,t,i);const r=new CustomEvent("change",{detail:{files:a.files}});e.dispatchEvent(r)}),!1),e.addEventListener("input",(s=>handleUpload(s,e,t,i)),!1)}))},teardown(e){selectOrMatches(INPUT,e).forEach((e=>{const t=e.parentElement.parentElement;t.parentElement.replaceChild(e,t),e.className=DROPZONE_CLASS}))},getFileInputContext:getFileInputContext,disable:disable,ariaDisable:ariaDisable,enable:enable},extensionToMimeType={".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",".heic":"image/heic"},vaFileInputCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:1.875rem}h2{font-size:1.5rem}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-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=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--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 .with-separator{border-top:1px solid var(--vads-color-base-lighter)}: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: 1024px){: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}',VaFileInputStyle0=vaFileInputCss,VaFileInput=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaChange=createEvent(this,"vaChange",7),this.vaPasswordChange=createEvent(this,"vaPasswordChange",7),this.vaFileInputError=createEvent(this,"vaFileInputError",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.uploadStatus="idle",this.chooseFileString="choose from folder",this.dragFileString="Drag a file here or ",this.FILE_PREVIEW_SIZE_LIMIT=5242880,this.handleChange=e=>{const t=e.target;this.fileContents=null,t.files&&t.files.length>0&&this.handleFile(t.files[0]),t.value=""},this.handleDrop=e=>{e.preventDefault(),e.stopPropagation();const t=e.dataTransfer.files;t.length>0&&this.handleFile(t[0])},this.getExtension=e=>{const t=e.name.replace(/^\./,"");return(t.includes(".")?`.${t.split(".").pop()}`:null)||e.type},this.getFileTypeErrorMessage=e=>{const t=this.getExtension(e);return`We do not accept ${t?`${t} files`:"this file type"}. Choose a new file.`},this.handleFile=(e,t=!0)=>{let i=null;if(this.accept){const t=this.normalizeAcceptProp(this.accept);this.isAcceptedFileType(e.type,t)||(this.removeFile(!1),i=this.getFileTypeErrorMessage(e))}if(0===e.size&&(i="The file you selected is empty. Files must be larger than 0 bytes."),e.size>this.maxFileSize&&(i=`\n We can't upload your file because it's too big. Files must be less than ${this.formatFileSize(this.maxFileSize)}.`),e.size<this.minFileSize&&(i=`We can't upload your file because it's too small. Files must be at least ${this.formatFileSize(this.minFileSize)}.`),this.uploadedFile=null,this.file=e,i)return this.internalError=i,this.vaFileInputError.emit({error:i}),void this.resetState();t&&this.vaChange.emit({files:[this.file]}),this.uploadStatus="success",this.internalError=null,e.size<this.FILE_PREVIEW_SIZE_LIMIT&&this.generateFileContents(this.file),this.updateStatusMessage(`You have selected the file: ${this.file.name}`),this.el.focus(),this.enableAnalytics&&this.componentLibraryAnalytics.emit({componentName:"va-file-input",action:"change",details:{label:this.label}})},this.removeFile=(e=!0)=>{this.closeModal(),this.uploadStatus="idle",this.internalError=null,e&&this.vaChange.emit({files:[]}),this.file=null,this.uploadedFile=null,this.updateStatusMessage("File deleted. No file selected."),this.el.focus()},this.openModal=()=>{this.el.shadowRoot.querySelector("va-modal").setAttribute("status","warning"),this.showModal=!0},this.closeModal=()=>{this.showModal=!1,setTimeout((()=>{this.fileInputRef.focus()}),0)},this.changeFile=()=>{this.fileInputRef&&this.fileInputRef.click()},this.formatFileSize=e=>{const t=["bytes","kilobytes","megabytes","gigabytes","terabytes"];if(0===e)return"0 bytes";const i=Math.floor(Math.log(e)/Math.log(1024));return 0===i?`${e} ${t[i]}`:`${(e/Math.pow(1024,i)).toFixed(i<2?0:1)} ${t[i]}`},this.normalizeAcceptProp=e=>e.split(",").map((e=>(e=e.trim()).startsWith(".")?extensionToMimeType[e]:e)),this.isAcceptedFileType=(e,t)=>{for(const i of t){if(i===e)return!0;if(i.endsWith("/*")&&e.startsWith(i.slice(0,-1)))return!0}return!1},this.renderLabelOrHeader=(e,t,i)=>{const s=t?h("span",{class:"required"}," ",instance.t("required")):null;return h("div",{class:"label-header"},i&&i>=1&&i<=6?h(`h${i}`,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,s):h("label",{htmlFor:"fileInputField",part:"label",class:"usa-label"},e,s))},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.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.minFileSize=0,this.percentUploaded=null,this.passwordError=void 0}handleValueChange(e){setTimeout((()=>{this.updateStatusMessage(e)}))}percentHandler(e){e>=100&&this.resetState()}handleError(e,t){t&&e&&this.resetState()}resetState(){this.fileContents=null,this.uploadStatus="idle",this.percentUploaded=null,forceUpdate(this.el)}updateStatusMessage(e){setTimeout((()=>{const t=this.el.shadowRoot.querySelector("#statusMessage");t&&(t.textContent=e)}),1e3)}async generateFileContents(e){if(!e)return;const t=e.slice(0,20),i=await t.arrayBuffer();if(new Uint8Array(i).every((e=>0===e)))return;const s=new FileReader;this.fileType=e.type,s.onloadend=()=>{this.fileContents=s.result},!this.fileType||"application/pdf"!==this.fileType&&!this.fileType.startsWith("image/")||this.fileType.includes("heic")||s.readAsDataURL(e)}componentWillRender(){const e=!!this.el.querySelector(":scope > *"),t=!(!this.value&&!this.file||this.readOnly);this.showSeparator=e||t}componentDidLoad(){fileInput.init(this.el)}connectedCallback(){this.el.addEventListener("change",this.handleChange)}disconnectedCallback(){this.el.removeEventListener("change",this.handleChange)}getDefaultUploadMessage(){return h("span",null,this.dragFileString,h("span",{class:"file-input-choose-text"},this.chooseFileString))}handlePasswordChange(e){this.vaPasswordChange.emit({password:e.target.value})}render(){const{label:e,name:t,required:i,accept:s,error:a,hint:r,dragFileString:o,chooseFileString:n,uploadMessage:l,headerSize:d,fileContents:c,fileType:p,headless:u,value:m,readOnly:f,encrypted:g,statusText:b,uploadedFile:v,percentUploaded:E,passwordError:S,internalError:A}=this;m&&!this.file&&this.handleFile(m,!1);const{uploadStatus:_,file:C}=this,x=a||A,L=`${r?"input-hint-message":""} ${x?"input-error-message":""}`.trim()||null,y=("file-input-target "+(x?"file-input-target-error":"")).trim();let w=h("div",{key:"99a08b6ba3afff111bd2673997437eaa3e8e18ad",class:"thumbnail-container"},h("svg",{key:"46b81c50348d4a449c0ad4b7902722c25500fc5d",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"#07648d",width:"40px",height:"40px"},h("path",{key:"e718e907f0e3a6337515b15cffb01736c7681d47",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"})));x?w=h("div",{key:"03b86f08d3aeab756cfa1975f3eb5a3659ce9712",class:"thumbnail-container"},h("va-icon",{key:"ff2e13f448bf762ef5279206245b5399136ec86c",icon:"error",size:3,class:"thumbnail-preview thumbnail-error"})):c&&(p.startsWith("image/")?w=h("div",{key:"79b1b6c02cb4dc09d4fd9addca78d61faada7bdd",class:"thumbnail-container","aria-hidden":"true"},h("img",{key:"0a25225ca2f17d7f95260c50ee91e75cd364b617",class:"thumbnail-preview",src:c,alt:"image"})):"application/pdf"===p&&(w=h("div",{key:"dcf8ea3bc57f7e04ff17c660a2dafc4f4e7d340a",class:"thumbnail-container","aria-hidden":"true"},h("object",{key:"49e31d474f210368d7deca61e5995ec267de0a74",class:"thumbnail-preview",data:c,type:"application/pdf",tabIndex:-1}))));let I=u?"headless-selected-files-wrapper":"selected-files-wrapper";const T="usa-hint"+(u?" usa-sr-only":""),F=null!==E&&E<100;let R="file-status-label";return F&&(R=`${R} uploading-status`),h(Host,{key:"76c619402dcdd4b3690c69ff6eb2bcd92fcad932",class:{"has-error":!!x}},!f&&h("span",{key:"87586e55284b29ec5d66373b17b3ac286ff2917e",class:{"usa-sr-only":!!u}},e&&this.renderLabelOrHeader(e,i,d)),r&&!f&&h("div",{key:"73fd0f3947eecc8c98a11685ab604b16a52e5a45",class:T,id:"input-hint-message"},r),h("div",{key:"6d43daccba8e149d5f3d53314dd806584a3d5185",class:"file-input-wrapper",onDrop:this.handleDrop},h("input",{key:"0c425ce92d11d00f87e9ae48b0c8c37bed9f8edd",id:"fileInputField",class:"file-input","aria-label":`${e}${i?" "+instance.t("required"):""}. ${o}${n}`,style:{visibility:"success"===_||v||A?"hidden":"unset"},type:"file",ref:e=>this.fileInputRef=e,name:t,accept:s,"aria-describedby":L,onChange:this.handleChange}),v||C?h("div",{class:I},!u&&h("div",{class:"selected-files-label"},f?"Files you uploaded":"Selected files"),h("div",{class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),h("va-card",{class:"va-card"},h("div",{class:"file-info-section"},w,h("div",{class:"file-info-group vads-u-line-height--2"},h("span",{class:"file-label"},C?C.name:v.name),x&&h("span",{id:"input-error-message",role:"alert"},h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{"aria-live":"polite",class:"usa-error-message"},x)),!F&&h("span",{class:"file-size-label"},this.formatFileSize(C?C.size:v.size)),h("span",{class:R,"aria-live":"polite"},F?"Uploading...":b))),h("div",{class:this.showSeparator?"with-separator":void 0},!f&&F&&h(Fragment,null,h("va-progress-bar",{percent:E}),h("va-button-icon",{buttonType:"cancel",onClick:this.resetState.bind(this)})),!F&&h(Fragment,null,g&&h("va-text-input",{type:"password",onInput:e=>{this.handlePasswordChange(e)},label:"File password",required:!0,error:S}),h("div",{class:"additional-info-slot"},h("slot",null))),!f&&!F&&h(Fragment,null,h("div",{class:"file-button-section"},h("va-button-icon",{buttonType:"change-file",onClick:this.changeFile,label:`change file ${C?C.name:v.name}`}),h("va-button-icon",{buttonType:"delete",onClick:this.openModal,label:`delete file ${C?C.name:v.name}`})),h("va-modal",{modalTitle:"Delete this file?",visible:this.showModal,primaryButtonText:"Yes, delete this",secondaryButtonText:"No, keep this",onCloseEvent:this.closeModal,onPrimaryButtonClick:()=>this.removeFile(!0),onSecondaryButtonClick:this.closeModal},"We'll delete the uploaded file"," ",h("span",{class:"file-label"},C?C.name:v.name)))))):h("div",null,h("span",{id:"file-input-error-alert",role:"alert"},x&&h(Fragment,null,h("span",{class:"usa-sr-only"},instance.t("error")),h("span",{class:"usa-error-message"},x))),h("div",{class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),h("div",{class:y},h("div",{class:"file-input-box"}),h("div",{class:"file-input-instructions"},l||this.getDefaultUploadMessage())))))}get el(){return this}static get watchers(){return{statusText:["handleValueChange"],percentUploaded:["percentHandler"],error:["handleError"]}}static get style(){return VaFileInputStyle0}},[1,"va-file-input",{label:[1],name:[1],value:[16],required:[4],accept:[1],error:[1],hint:[1],statusText:[1,"status-text"],uploadMessage:[16],enableAnalytics:[4,"enable-analytics"],headerSize:[2,"header-size"],headless:[4],readOnly:[4,"read-only"],encrypted:[4],uploadedFile:[1040],maxFileSize:[2,"max-file-size"],minFileSize:[2,"min-file-size"],percentUploaded:[1538,"percent-uploaded"],passwordError:[1,"password-error"],file:[32],fileContents:[32],internalError:[32],showModal:[32],showSeparator:[32]},void 0,{statusText:["handleValueChange"],percentUploaded:["percentHandler"],error:["handleError"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-file-input","va-button","va-button-icon","va-card","va-icon","va-modal","va-progress-bar","va-text-input"].forEach((e=>{switch(e){case"va-file-input":customElements.get(e)||customElements.define(e,VaFileInput);break;case"va-button":customElements.get(e)||defineCustomElement$7();break;case"va-button-icon":customElements.get(e)||defineCustomElement$6();break;case"va-card":customElements.get(e)||defineCustomElement$5();break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-modal":customElements.get(e)||defineCustomElement$3();break;case"va-progress-bar":customElements.get(e)||defineCustomElement$2();break;case"va-text-input":customElements.get(e)||defineCustomElement$1()}}))}export{VaFileInput as V,defineCustomElement as d};
package/dist/main.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";va-modal p:first-child{margin-top:0}:is(va-alert)>:is(h1,h2,h3,h4,h5,h6){font-size:1.33rem;margin-top:-2px;margin-bottom:8px;line-height:var(--vads-font-line-height-2)}va-alert p{max-width:100%;margin-bottom:1em;margin-top:1em;word-wrap:break-word}va-table>va-table-row[slot] button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;border-radius:0}va-table>va-table-row[slot] button:hover{background-color:rgba(0, 0, 0, 0.05) !important;-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}va-table>va-table-row[slot] button svg{width:1.5rem}@media screen and (min-width: 768px){va-table-row span.text-align-right{text-align:right !important}}va-breadcrumbs .va-breadcrumbs-li{display:inline-block;line-height:1.5;margin:4px 0;padding:4px 0 4px 0;vertical-align:middle}va-breadcrumbs .va-breadcrumbs-li::after{content:" ›";display:inline-block;padding:0 5.6px}va-breadcrumbs .va-breadcrumbs-li:last-child::after{content:""}@media screen and (max-width: 481px){va-breadcrumbs .va-breadcrumbs-li{display:none}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2){display:-ms-flexbox;display:flex}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::before{content:" ‹";display:inline-block;padding:0 2.4px}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::after{content:"";display:none;padding:0}}va-breadcrumbs li>a{background-color:transparent;color:var(--vads-color-link);display:inline-block;padding:2px;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}va-breadcrumbs li>a:hover{background:rgba(0, 0, 0, 0.05)}va-breadcrumbs li>a:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}va-breadcrumbs li>a[aria-current=page]{color:var(--vads-color-base-darker);cursor:default;font-weight:bold;pointer-events:none;text-decoration:none}:root{--xsmall-screen:320px;--small-screen:481px;--tablet:640px;--medium-screen:768px;--small-desktop-screen:1024px;--large-screen:1201px;--mobile:320px;--mobile-lg:480px;--desktop:1024px;--desktop-lg:1201px;--widescreen:1400px;--color-link-default-hover:rgba(#000000, 0.05);--vads-button-color-background-primary-on-light:#005ea2;--vads-button-color-background-primary-alt-active-on-light:#154c21;--vads-button-color-background-secondary-on-light:#ffffff;--vads-button-color-background-disabled-on-light:#c9c9c9;--vads-button-color-text-primary-alt-on-light:#ffffff;--vads-button-color-text-primary-on-light:#ffffff;--vads-alert-color-background-info-on-light:#e7f6f8;--vads-alert-color-background-success-on-light:#ecf3ec;--vads-alert-color-background-warning-on-light:#faf3d1;--vads-alert-color-background-error-on-light:#f4e3db;--vads-color-white:#ffffff;--vads-label-hint-text-color-on-light:#757575;--vads-process-list-color-text-pending-on-light:#757575;--vads-color-gray-medium:#757575;--vads-color-gray-light-alt:#edeff0;--vads-color-gray-warm-light:#e6e6e2;--vads-color-gray-warm-dark:#454540;--vads-color-gray-cool-light:#e1e7f1;--vads-color-action-focus-on-light:#face00;--vads-color-base:#1b1b1b;--vads-color-base-dark:#565c65;--vads-color-base-darker:#3d4551;--vads-color-base-darkest:#1b1b1b;--vads-color-base-light:#a9aeb1;--vads-color-base-lighter:#dfe1e2;--vads-color-base-lightest:#f0f0f0;--vads-color-emergency:#9c3d10;--vads-color-emergency-dark:#332d29;--vads-color-error:#d54309;--vads-color-error-dark:#b21d38;--vads-color-error-darker:#6f3331;--vads-color-error-light:#f39268;--vads-color-error-lighter:#f4e3db;--vads-color-gibill-accent:#fef0c8;--vads-color-hub-burials:#2378c3;--vads-color-hub-careers:#bd5727;--vads-color-hub-disability:#a23737;--vads-color-hub-education:#162e51;--vads-color-hub-health-care:#3f57a6;--vads-color-hub-housing:#8e704f;--vads-color-hub-life-insurance:#6f7a41;--vads-color-hub-pension:#4d8055;--vads-color-hub-records:#6f7a41;--vads-color-hub-service-member:#162e51;--vads-color-hub-family-member:#162e51;--vads-color-info:#00bde3;--vads-color-info-dark:#009ec1;--vads-color-info-darker:#2e6276;--vads-color-info-light:#99deea;--vads-color-info-lighter:#e7f6f8;--vads-color-ink:#1b1b1b;--vads-color-inset-bg:#e7f6f8;--vads-color-link:#005ea2;--vads-color-link-active:#0b4778;--vads-color-link-visited:#54278f;--vads-color-primary:#005ea2;--vads-color-primary-alt:#00bde3;--vads-color-primary-alt-dark:#28a0cb;--vads-color-primary-alt-darkest:#07648d;--vads-color-primary-alt-light:#97d4ea;--vads-color-primary-alt-lightest:#e1f3f8;--vads-color-primary-dark:#1a4480;--vads-color-primary-darker:#162e51;--vads-color-primary-light:#73b3e7;--vads-color-primary-lighter:#d9e8f6;--vads-color-secondary:#d83933;--vads-color-secondary-dark:#b50909;--vads-color-secondary-darkest:#8b0a03;--vads-color-secondary-light:#f2938c;--vads-color-secondary-lightest:#f8dfe2;--vads-color-success:#00a91c;--vads-color-success-dark:#008817;--vads-color-success-darker:#216e1f;--vads-color-success-light:#70e17b;--vads-color-success-lighter:#ecf3ec;--vads-color-green-light:#5e9f69;--vads-color-va-accent:#8a7237;--vads-color-warning:#ffbe2e;--vads-color-warning-dark:#e5a000;--vads-color-warning-darker:#936f38;--vads-color-warning-light:#fee685;--vads-color-warning-lighter:#faf3d1;--vads-color-gold-lighter:#ffe396;--vads-color-gold-lightest:#fef0c8;--vads-color-black:#000000;--vads-color-orange:#dd7533;--vads-color-green-lighter:#b4d0b9;--vads-color-blue-cool:#345d96;--vads-color-blue-cool-light:#4a77b4;--vads-color-blue-cool-lightest:#98afd2;--vads-color-action-surface-default-on-dark:#58b4ff;--vads-color-action-surface-destructive-on-dark:#fb5a47;--vads-color-action-border-base-active-on-light:#2e2e2e;--vads-color-action-border-base-active-on-dark:#adadad;--vads-color-feedback-foreground-success-on-dark:#21c834;--vads-color-feedback-foreground-success-on-light:#008817;--vads-color-feedback-foreground-warning-on-dark:#e5a000;--vads-color-feedback-foreground-warning-on-light:#c2850c;--vads-color-feedback-surface-info-on-dark:#112f4e;--vads-color-feedback-surface-success-on-dark:#19311e;--vads-color-feedback-surface-warning-on-dark:#422d19;--vads-color-feedback-surface-error-on-dark:#5c1111;--vads-color-feedback-border-warning-on-dark:#face00;--vads-color-background-default-on-dark:#171716;--vads-color-forms-surface-active-on-light:#ecf1f7;--vads-color-forms-surface-active-on-dark:#252f3e;--vads-input-background-color-on-light:#ffffff;--vads-input-border-color-on-light:#565c65;--vads-input-prefix-color-fill-on-light:#757575;--vads-input-prefix-color-text-on-light:#757575;--vads-input-suffix-color-text-on-light:#757575;--vads-input-tile-background-active-on-light:rgba(0, 94, 162, 0.1);--vads-input-tile-border-active-on-light:#005ea2;--vads-input-tile-border-on-light:rgba(27, 27, 27, 0.03);--vads-elevation-shadow-1:0px 1px 4px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-2:0px 4px 8px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-3:0px 8px 16px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-4:0px 12px 24px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-5:0px 16px 32px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-none:none;--font-family-sans:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;--font-family-serif:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;--font-family-mono:"Roboto Mono Web", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;--font-serif:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;--font-source-sans:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;--font-mono:"Roboto Mono Web", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;--font-weight-normal:400;--font-weight-bold:700;--font-style-normal:normal;--font-style-italic:italic;--font-size-sm:0.938rem;--font-size-root:1rem;--font-size-md:1.063rem;--font-size-lg:1.25rem;--font-size-xl:2rem;--font-size-2xl:2.5rem;--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.25rem;--font-size-h4:1.063rem;--font-size-h5:0.938rem;--font-size-h6:0.938rem;--v3-font-base-size:16px;--vads-font-line-height-1:1;--vads-font-line-height-2:1.15;--vads-font-line-height-3:1.35;--vads-font-line-height-4:1.5;--vads-font-line-height-5:1.62;--vads-font-line-height-6:1.75;--vads-font-line-height-body-lead:1.75;--vads-font-line-height-default:1.5;--vads-font-line-height-heading:1.2;--vads-font-line-height-serif:1.9;--vads-font-line-height-mono:1.7;--vads-font-size-source-sans-normalized:1.06rem;--vads-font-size-root:1rem;--vads-font-size-body-large:20px;--vads-font-size-body-lead:20px;--vads-font-size-body-medium:17px;--vads-font-size-body-small:15px;--vads-font-size-eyebrow:17px;--vads-font-size-heading-level-1:2.5rem;--vads-font-size-heading-level-2:2rem;--vads-font-size-heading-level-3:1.25rem;--vads-font-size-heading-level-4:1.063rem;--vads-font-size-heading-level-5:0.938rem;--vads-font-size-heading-level-6:0.938rem;--vads-size-line-length-1:44ex;--vads-size-line-length-2:60ex;--vads-size-line-length-3:64ex;--vads-size-line-length-4:68ex;--vads-size-line-length-5:72ex;--vads-size-line-length-6:88ex;--vads-size-line-length-none:inherit;--units-0:0;--units-1:0.5rem;--units-2:1rem;--units-3:1.5rem;--units-4:2rem;--units-5:2.5rem;--units-6:3rem;--units-7:3.5rem;--units-8:4rem;--units-9:4.5rem;--units-10:5rem;--units-15:7.5rem;--units-1px:1px;--units-0p25:2px;--units-0p5:0.25rem;--units-1p5:0.75rem;--units-2p5:1.25rem;--units-neg-1px:-1px;--units-neg-0p25:-2px;--units-neg-0p5:-0.25rem;--units-neg-1:-0.5rem;--units-neg-1p5:-0.75rem;--units-neg-2:-1rem;--units-neg-2p5:-1.25rem;--units-neg-3:-1.5rem;--units-neg-4:-2rem;--units-neg-5:-2.5rem;--units-neg-6:-3rem;--units-neg-7:-3.5rem;--units-neg-8:-4rem;--units-neg-9:-4.5rem;--units-neg-10:-5rem;--units-neg-15:-7.5rem;--vads-spacing-0:0;--vads-spacing-1:8px;--vads-spacing-2:16px;--vads-spacing-3:24px;--vads-spacing-4:32px;--vads-spacing-5:40px;--vads-spacing-6:48px;--vads-spacing-7:56px;--vads-spacing-8:64px;--vads-spacing-9:72px;--vads-spacing-10:80px;--vads-spacing-15:120px;--vads-spacing-1px:1px;--vads-spacing-2px:2px;--vads-spacing-0p5:4px;--vads-spacing-1p5:12px;--vads-spacing-2p5:20px;--vads-spacing-neg-1px:-1px;--vads-spacing-neg-2px:-2px;--vads-spacing-neg-0p5:-4px;--vads-spacing-neg-1:-8px;--vads-spacing-neg-1p5:-12px;--vads-spacing-neg-2:-16px;--vads-spacing-neg-2p5:-20px;--vads-spacing-neg-3:-24px;--vads-spacing-neg-4:-32px;--vads-spacing-neg-5:-40px;--vads-spacing-neg-6:-48px;--vads-spacing-neg-7:-56px;--vads-spacing-neg-8:-64px;--vads-spacing-neg-9:-72px;--vads-spacing-neg-10:-80px;--vads-spacing-neg-15:-120px;--vads-spacing-inset-l:32px;--vads-spacing-inset-m:24px;--vads-spacing-inset-s:16px;--vads-spacing-vertical-stack-l:32px;--vads-spacing-vertical-stack-m:24px;--vads-spacing-vertical-stack-s:16px;--vads-spacing-vertical-stack-default:16px;--vads-forms-spacing-vertical-stack-default:32px;--vads-site-margins-mobile-width:16px;--vads-site-margins-width:32px;--vads-site-margins-breakpoint:1024px;--vads-grid-container-max-width:1024px}va-process-list li :is(h2,h3,h4,h5){margin-top:0;clear:none;padding-top:0.188rem}va-promo-banner[href]:focus{outline:none}
1
+ @charset "UTF-8";va-modal p:first-child{margin-top:0}:is(va-alert)>:is(h1,h2,h3,h4,h5,h6){font-size:1.33rem;margin-top:-2px;margin-bottom:8px;line-height:var(--vads-font-line-height-2)}va-alert p{max-width:100%;margin-bottom:1em;margin-top:1em;word-wrap:break-word}va-table>va-table-row[slot] button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;border-radius:0}va-table>va-table-row[slot] button:hover{background-color:rgba(0, 0, 0, 0.05) !important;-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}va-table>va-table-row[slot] button svg{width:1.5rem}@media screen and (min-width: 768px){va-table-row span.text-align-right{text-align:right !important}}va-breadcrumbs .va-breadcrumbs-li{display:inline-block;line-height:1.5;margin:4px 0;padding:4px 0 4px 0;vertical-align:middle}va-breadcrumbs .va-breadcrumbs-li::after{content:" ›";display:inline-block;padding:0 5.6px}va-breadcrumbs .va-breadcrumbs-li:last-child::after{content:""}@media screen and (max-width: 481px){va-breadcrumbs .va-breadcrumbs-li{display:none}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2){display:-ms-flexbox;display:flex}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::before{content:" ‹";display:inline-block;padding:0 2.4px}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::after{content:"";display:none;padding:0}}va-breadcrumbs li>a{background-color:transparent;color:var(--vads-color-link);display:inline-block;padding:2px;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}va-breadcrumbs li>a:hover{background:rgba(0, 0, 0, 0.05)}va-breadcrumbs li>a:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}va-breadcrumbs li>a[aria-current=page]{color:var(--vads-color-base-darker);cursor:default;font-weight:bold;pointer-events:none;text-decoration:none}:root{--xsmall-screen:320px;--small-screen:481px;--tablet:640px;--medium-screen:768px;--small-desktop-screen:1024px;--large-screen:1201px;--mobile:320px;--mobile-lg:480px;--desktop:1024px;--desktop-lg:1201px;--widescreen:1400px;--color-link-default-hover:rgba(#000000, 0.05);--vads-button-color-background-primary-on-light:#005ea2;--vads-button-color-background-primary-alt-active-on-light:#154c21;--vads-button-color-background-secondary-on-light:#ffffff;--vads-button-color-background-disabled-on-light:#c9c9c9;--vads-button-color-text-primary-alt-on-light:#ffffff;--vads-button-color-text-primary-on-light:#ffffff;--vads-alert-color-background-info-on-light:#e7f6f8;--vads-alert-color-background-success-on-light:#ecf3ec;--vads-alert-color-background-warning-on-light:#faf3d1;--vads-alert-color-background-error-on-light:#f4e3db;--vads-color-white:#ffffff;--vads-label-hint-text-color-on-light:#757575;--vads-process-list-color-text-pending-on-light:#757575;--vads-color-gray-medium:#757575;--vads-color-gray-light-alt:#edeff0;--vads-color-gray-warm-light:#e6e6e2;--vads-color-gray-warm-dark:#454540;--vads-color-gray-cool-light:#e1e7f1;--vads-color-action-focus-on-light:#face00;--vads-color-base:#1b1b1b;--vads-color-base-dark:#565c65;--vads-color-base-darker:#3d4551;--vads-color-base-darkest:#1b1b1b;--vads-color-base-light:#a9aeb1;--vads-color-base-lighter:#dfe1e2;--vads-color-base-lightest:#f0f0f0;--vads-color-emergency:#9c3d10;--vads-color-emergency-dark:#332d29;--vads-color-error:#d54309;--vads-color-error-dark:#b21d38;--vads-color-error-darker:#6f3331;--vads-color-error-light:#f39268;--vads-color-error-lighter:#f4e3db;--vads-color-gibill-accent:#fef0c8;--vads-color-hub-burials:#2378c3;--vads-color-hub-careers:#bd5727;--vads-color-hub-disability:#a23737;--vads-color-hub-education:#162e51;--vads-color-hub-health-care:#3f57a6;--vads-color-hub-housing:#8e704f;--vads-color-hub-life-insurance:#6f7a41;--vads-color-hub-pension:#4d8055;--vads-color-hub-records:#6f7a41;--vads-color-hub-service-member:#162e51;--vads-color-hub-family-member:#162e51;--vads-color-info:#00bde3;--vads-color-info-dark:#009ec1;--vads-color-info-darker:#2e6276;--vads-color-info-light:#99deea;--vads-color-info-lighter:#e7f6f8;--vads-color-ink:#1b1b1b;--vads-color-inset-bg:#e7f6f8;--vads-color-link:#005ea2;--vads-color-link-active:#0b4778;--vads-color-link-visited:#54278f;--vads-color-primary:#005ea2;--vads-color-primary-alt:#00bde3;--vads-color-primary-alt-dark:#28a0cb;--vads-color-primary-alt-darkest:#07648d;--vads-color-primary-alt-light:#97d4ea;--vads-color-primary-alt-lightest:#e1f3f8;--vads-color-primary-dark:#1a4480;--vads-color-primary-darker:#162e51;--vads-color-primary-light:#73b3e7;--vads-color-primary-lighter:#d9e8f6;--vads-color-secondary:#d83933;--vads-color-secondary-dark:#b50909;--vads-color-secondary-darkest:#8b0a03;--vads-color-secondary-light:#f2938c;--vads-color-secondary-lightest:#f8dfe2;--vads-color-success:#00a91c;--vads-color-success-dark:#008817;--vads-color-success-darker:#216e1f;--vads-color-success-light:#70e17b;--vads-color-success-lighter:#ecf3ec;--vads-color-green-light:#5e9f69;--vads-color-va-accent:#8a7237;--vads-color-warning:#ffbe2e;--vads-color-warning-dark:#e5a000;--vads-color-warning-darker:#936f38;--vads-color-warning-light:#fee685;--vads-color-warning-lighter:#faf3d1;--vads-color-gold-lighter:#ffe396;--vads-color-gold-lightest:#fef0c8;--vads-color-black:#000000;--vads-color-orange:#dd7533;--vads-color-green-lighter:#b4d0b9;--vads-color-blue-cool:#345d96;--vads-color-blue-cool-light:#4a77b4;--vads-color-blue-cool-lightest:#98afd2;--vads-color-action-surface-default-on-dark:#58b4ff;--vads-color-action-surface-destructive-on-dark:#fb5a47;--vads-color-action-border-base-active-on-light:#2e2e2e;--vads-color-action-border-base-active-on-dark:#adadad;--vads-color-feedback-foreground-success-on-dark:#21c834;--vads-color-feedback-foreground-success-on-light:#008817;--vads-color-feedback-foreground-warning-on-dark:#e5a000;--vads-color-feedback-foreground-warning-on-light:#c2850c;--vads-color-feedback-surface-info-on-dark:#112f4e;--vads-color-feedback-surface-success-on-dark:#19311e;--vads-color-feedback-surface-warning-on-dark:#422d19;--vads-color-feedback-surface-error-on-dark:#5c1111;--vads-color-feedback-border-warning-on-dark:#face00;--vads-color-background-default-on-dark:#171716;--vads-color-forms-surface-active-on-light:#ecf1f7;--vads-color-forms-surface-active-on-dark:#252f3e;--vads-input-background-color-on-light:#ffffff;--vads-input-border-color-on-light:#565c65;--vads-input-prefix-color-fill-on-light:#757575;--vads-input-prefix-color-text-on-light:#757575;--vads-input-suffix-color-text-on-light:#757575;--vads-input-tile-background-active-on-light:rgba(0, 94, 162, 0.1);--vads-input-tile-border-active-on-light:#005ea2;--vads-input-tile-border-on-light:rgba(27, 27, 27, 0.03);--vads-elevation-shadow-1:0px 1px 4px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-2:0px 4px 8px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-3:0px 8px 16px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-4:0px 12px 24px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-5:0px 16px 32px 0px rgba(0, 0, 0, 0.1);--vads-elevation-shadow-none:none;--font-family-sans:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;--font-family-serif:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;--font-family-mono:"Roboto Mono Web", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;--font-serif:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;--font-source-sans:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;--font-mono:"Roboto Mono Web", "Bitstream Vera Sans Mono", "Consolas", "Courier", monospace;--font-weight-normal:400;--font-weight-bold:700;--font-style-normal:normal;--font-style-italic:italic;--font-size-sm:0.938rem;--font-size-root:1rem;--font-size-md:1.063rem;--font-size-lg:1.25rem;--font-size-xl:2rem;--font-size-2xl:2.5rem;--font-size-h1:2.5rem;--font-size-h2:2rem;--font-size-h3:1.25rem;--font-size-h4:1.063rem;--font-size-h5:0.938rem;--font-size-h6:0.938rem;--v3-font-base-size:16px;--vads-font-line-height-1:1;--vads-font-line-height-2:1.15;--vads-font-line-height-3:1.35;--vads-font-line-height-4:1.5;--vads-font-line-height-5:1.62;--vads-font-line-height-6:1.75;--vads-font-line-height-body-lead:1.75;--vads-font-line-height-default:1.5;--vads-font-line-height-heading:1.2;--vads-font-line-height-serif:1.9;--vads-font-line-height-mono:1.7;--vads-font-size-source-sans-normalized:1.06rem;--vads-font-size-root:1rem;--vads-font-size-body-large:20px;--vads-font-size-body-lead:20px;--vads-font-size-body-medium:17px;--vads-font-size-body-small:15px;--vads-font-size-eyebrow:17px;--vads-font-size-heading-level-1:2.5rem;--vads-font-size-heading-level-2:2rem;--vads-font-size-heading-level-3:1.25rem;--vads-font-size-heading-level-4:1.063rem;--vads-font-size-heading-level-5:0.938rem;--vads-font-size-heading-level-6:0.938rem;--vads-size-line-length-1:44ex;--vads-size-line-length-2:60ex;--vads-size-line-length-3:64ex;--vads-size-line-length-4:68ex;--vads-size-line-length-5:72ex;--vads-size-line-length-6:88ex;--vads-size-line-length-none:inherit;--units-0:0;--units-1:0.5rem;--units-2:1rem;--units-3:1.5rem;--units-4:2rem;--units-5:2.5rem;--units-6:3rem;--units-7:3.5rem;--units-8:4rem;--units-9:4.5rem;--units-10:5rem;--units-15:7.5rem;--units-1px:1px;--units-0p25:2px;--units-0p5:0.25rem;--units-1p5:0.75rem;--units-2p5:1.25rem;--units-neg-1px:-1px;--units-neg-0p25:-2px;--units-neg-0p5:-0.25rem;--units-neg-1:-0.5rem;--units-neg-1p5:-0.75rem;--units-neg-2:-1rem;--units-neg-2p5:-1.25rem;--units-neg-3:-1.5rem;--units-neg-4:-2rem;--units-neg-5:-2.5rem;--units-neg-6:-3rem;--units-neg-7:-3.5rem;--units-neg-8:-4rem;--units-neg-9:-4.5rem;--units-neg-10:-5rem;--units-neg-15:-7.5rem;--vads-spacing-0:0;--vads-spacing-1:8px;--vads-spacing-2:16px;--vads-spacing-3:24px;--vads-spacing-4:32px;--vads-spacing-5:40px;--vads-spacing-6:48px;--vads-spacing-7:56px;--vads-spacing-8:64px;--vads-spacing-9:72px;--vads-spacing-10:80px;--vads-spacing-15:120px;--vads-spacing-1px:1px;--vads-spacing-2px:2px;--vads-spacing-0p5:4px;--vads-spacing-1p5:12px;--vads-spacing-2p5:20px;--vads-spacing-neg-1px:-1px;--vads-spacing-neg-2px:-2px;--vads-spacing-neg-0p5:-4px;--vads-spacing-neg-1:-8px;--vads-spacing-neg-1p5:-12px;--vads-spacing-neg-2:-16px;--vads-spacing-neg-2p5:-20px;--vads-spacing-neg-3:-24px;--vads-spacing-neg-4:-32px;--vads-spacing-neg-5:-40px;--vads-spacing-neg-6:-48px;--vads-spacing-neg-7:-56px;--vads-spacing-neg-8:-64px;--vads-spacing-neg-9:-72px;--vads-spacing-neg-10:-80px;--vads-spacing-neg-15:-120px;--vads-spacing-inset-l:32px;--vads-spacing-inset-m:24px;--vads-spacing-inset-s:16px;--vads-spacing-vertical-stack-l:32px;--vads-spacing-vertical-stack-m:24px;--vads-spacing-vertical-stack-s:16px;--vads-spacing-vertical-stack-default:16px;--vads-forms-spacing-vertical-stack-default:32px;--vads-site-margins-mobile-width:16px;--vads-site-margins-width:32px;--vads-site-margins-breakpoint:1024px;--vads-grid-container-max-width:1024px}va-process-list li :is(h2,h3,h4,h5){margin-top:0;clear:none;padding-top:0.188rem}va-promo-banner[href]:focus,va-link-action[href]:not([type=primary-entry]):focus{outline:none}
package/package.json CHANGED
@@ -1,8 +1,12 @@
1
1
  {
2
2
  "name": "@department-of-veterans-affairs/component-library",
3
3
  "description": "VA.gov component library. Includes React and web components.",
4
- "version": "54.1.1",
4
+ "version": "54.1.2",
5
5
  "license": "MIT",
6
+ "repository": {
7
+ "type": "git",
8
+ "url": "git+https://github.com/department-of-veterans-affairs/component-library.git"
9
+ },
6
10
  "scripts": {
7
11
  "build": "webpack"
8
12
  },
@@ -15,8 +19,8 @@
15
19
  "types": "dist/components/types/index.d.ts",
16
20
  "module": "src/main.js",
17
21
  "dependencies": {
18
- "@department-of-veterans-affairs/react-components": "28.1.0",
19
- "@department-of-veterans-affairs/web-components": "22.1.1",
22
+ "@department-of-veterans-affairs/react-components": "workspace:*",
23
+ "@department-of-veterans-affairs/web-components": "workspace:*",
20
24
  "i18next": "^21.6.14",
21
25
  "i18next-browser-languagedetector": "^6.1.4",
22
26
  "react-focus-on": "^3.5.1",
@@ -35,4 +39,4 @@
35
39
  "react": "^19",
36
40
  "react-dom": "*"
37
41
  }
38
- }
42
+ }