@department-of-veterans-affairs/component-library 49.1.1 → 49.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/1365.app.bundle.js +1 -1
- package/dist/2472.app.bundle.js +1 -1
- package/dist/2664.app.bundle.js +1 -1
- package/dist/286.app.bundle.js +1 -1
- package/dist/4064.app.bundle.js +1 -1
- package/dist/4117.app.bundle.js +1 -1
- package/dist/6034.app.bundle.js +1 -1
- package/dist/712.app.bundle.js +1 -1
- package/dist/7367.app.bundle.js +1 -1
- package/dist/7821.app.bundle.js +1 -1
- package/dist/9288.app.bundle.js +1 -1
- package/dist/9800.app.bundle.js +1 -1
- package/dist/app.bundle.js +1 -1
- package/dist/components/types/components.d.ts +22 -6
- package/dist/components/va-banner.js +1 -1
- package/dist/components/va-button-pair.js +1 -1
- package/dist/components/va-button2.js +1 -1
- package/dist/components/va-checkbox-group.js +1 -1
- package/dist/components/va-file-input-multiple.js +1 -1
- package/dist/components/va-file-input2.js +1 -1
- package/dist/components/va-language-toggle.js +1 -1
- package/dist/components/va-memorable-date.js +1 -1
- package/dist/components/va-radio.js +1 -1
- package/dist/components/va-text-input2.js +1 -1
- package/dist/components/va-textarea.js +1 -1
- package/dist/main.css +1 -1
- package/package.json +2 -2
package/dist/1365.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([[1365],{1365:function(e,i
|
|
1
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[1365],{1365:function(e,s,i){i.r(s),i.d(s,{va_banner:function(){return o}});var n=i(3798),t=function(e,s,i){if(i||2===arguments.length)for(var n,t=0,a=s.length;t<a;t++)!n&&t in s||(n||(n=Array.prototype.slice.call(s,0,t)),n[t]=s[t]);return e.concat(n||Array.prototype.slice.call(s))},a="DISMISSED_BANNERS",o=function(){function e(e){var s=this;(0,n.r)(this,e),this.componentLibraryAnalytics=(0,n.c)(this,"component-library-analytics",7),this.prepareBannerID=function(){return s.dismissedBannerId&&s.dismissedBannerId.length?s.dismissedBannerId:"".concat(s.headline,":").concat(s.el.innerHTML)},this.dismiss=function(){var e=s.prepareBannerID();if(!s.dismissedBanners.includes(e)&&s.showClose){if(!s.disableAnalytics&&s.el.shadowRoot){var i={componentName:"va-banner",action:"close",details:{headline:s.headline}};s.componentLibraryAnalytics.emit(i)}var n=t(t([],s.dismissedBanners,!0),[e],!1);(s.windowSession?window.sessionStorage:window.localStorage).setItem(a,JSON.stringify(n)),s.dismissedBanners=n}},this.disableAnalytics=!1,this.showClose=!1,this.headline=void 0,this.type="info",this.visible=!0,this.windowSession=!1,this.dataLabel=void 0,this.dismissedBannerId=void 0,this.dismissedBanners=[]}return e.prototype.componentWillLoad=function(){if(this.showClose){var e=(this.windowSession?window.sessionStorage:window.localStorage).getItem(a);this.dismissedBanners=e?JSON.parse(e):[]}},e.prototype.render=function(){var e,s=this.showClose&&(null===(e=this.dismissedBanners)||void 0===e?void 0:e.includes(this.prepareBannerID()));if(!this.visible||s)return null;var i=this.showClose?this.dismiss:void 0,t=this.dataLabel||"".concat(this.type[0].toUpperCase()).concat(this.type.slice(1)," banner");return(0,n.h)(n.H,null,(0,n.h)("va-alert",{visible:!0,"full-width":!0,closeable:this.showClose,onCloseEvent:i,status:this.type,"data-role":"region","data-label":t},(0,n.h)("h3",{slot:"headline"},this.headline),(0,n.h)("slot",null)))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,n.g)(this)},enumerable:!1,configurable:!0}),e}();o.style=""}}]);
|
package/dist/2472.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([[2472],{2472:function(t,e,o){o.r(e),o.d(e,{va_button_pair:function(){return
|
|
1
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[2472],{2472:function(t,e,o){o.r(e),o.d(e,{va_button_pair:function(){return a}});var n=o(3798),a=function(){function t(t){var e=this;(0,n.r)(this,t),this.primaryClick=(0,n.c)(this,"primaryClick",7),this.secondaryClick=(0,n.c)(this,"secondaryClick",7),this.componentLibraryAnalytics=(0,n.c)(this,"component-library-analytics",7),this.handlePrimaryClick=function(t){e.primaryClick.emit(t)},this.handleSecondaryClick=function(t){e.secondaryClick.emit(t)},this.getLeftButtonText=function(){return e.leftButtonText?e.leftButtonText:e.continue?"Back":e.update?"Update":"Yes"},this.getRightButtonText=function(){return e.rightButtonText?e.rightButtonText:e.continue?"Continue":e.update?"Cancel":"No"},this.continue=!1,this.disableAnalytics=!1,this.primaryLabel=void 0,this.secondaryLabel=void 0,this.submit=void 0,this.update=!1,this.leftButtonText=void 0,this.rightButtonText=void 0}return t.prototype.handleButtonAnalytics=function(t){var e;if("va-button-pair"!==t.detail.componentName&&(t.stopPropagation(),!this.disableAnalytics)){var o={componentName:"va-button-pair",action:"click",details:Object.assign({type:null,label:null},null===(e=t.detail)||void 0===e?void 0:e.details)};this.componentLibraryAnalytics.emit(o)}},t.prototype.render=function(){var t=this,e=t.continue,o=t.disableAnalytics,a=t.handlePrimaryClick,i=t.handleSecondaryClick,u=t.primaryLabel,r=t.secondaryLabel,s=t.submit;return e?(0,n.h)(n.H,null,(0,n.h)("ul",{class:"usa-button-group"},(0,n.h)("li",{class:"usa-button-group__item"},(0,n.h)("va-button",{back:!0,"disable-analytics":o,label:r,onClick:i,text:this.getLeftButtonText()})),(0,n.h)("li",{class:"usa-button-group__item"},(0,n.h)("va-button",{continue:!0,"disable-analytics":o,label:u,onClick:a,text:this.getRightButtonText(),submit:s})))):(0,n.h)(n.H,null,(0,n.h)("ul",{class:"usa-button-group"},(0,n.h)("li",{class:"usa-button-group__item"},(0,n.h)("va-button",{"disable-analytics":o,label:u,onClick:a,text:this.getLeftButtonText(),submit:s})),(0,n.h)("li",{class:"usa-button-group__item"},(0,n.h)("va-button",{"disable-analytics":o,label:r,onClick:i,secondary:!0,text:this.getRightButtonText()}))))},t}();a.style='.usa-button-group{margin-bottom:0;margin-top:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin-left:-0.25rem;margin-right:-0.25rem;padding-left:0}@media all and (min-width: 30em){.usa-button-group{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row}}.usa-button-group .usa-button-group{height:100%}@media all and (min-width: 30em){.usa-button-group .usa-button-group .usa-button-group__item{margin-top:0;margin-bottom:0}}.usa-button-group .usa-button-group--segmented .usa-button-group__item{margin-top:0;margin-bottom:0}.usa-button-group__item{margin:0.25rem}@media all and (min-width: 30em){.usa-button-group__item:last-child{margin-right:0}}.usa-button-group__item .usa-button{height:100%;margin-left:0;margin-right:0}.usa-button-group--segmented{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;margin-left:0;margin-right:0}@media all and (min-width: 30em){.usa-button-group--segmented{-ms-flex-pack:start;justify-content:flex-start}}.usa-button-group--segmented .usa-button{position:relative;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button{width:auto}}.usa-button-group--segmented .usa-button:hover,.usa-button-group--segmented .usa-button:active{z-index:2}.usa-button-group--segmented .usa-button:focus{z-index:3}.usa-button-group--segmented .usa-button-group__item{margin-left:0;margin-right:0;width:100%}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item{width:auto}}.usa-button-group--segmented .usa-button-group__item:first-child>.usa-button{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-right:0;margin-left:-2px;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{margin-left:-1px;width:auto}}.usa-button-group--segmented .usa-button-group__item:where(:not(:first-child):not(:last-child))>.usa-button{border-radius:0;margin-right:-1px;margin-left:-1px}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button::before{border-right:1px solid #1a4480;bottom:0;content:"";display:block;height:100%;position:absolute;right:1px;top:0;width:1px;z-index:3}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--secondary::before{border-right-color:#b50909}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--accent-cool::before{border-right-color:#28a0cb}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--base::before{border-right-color:#565c65}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button]:disabled::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button][aria-disabled=true]::before{border-right-color:white}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button:active::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--outline::before{display:none}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host va-button::part(button){margin-right:0}@media (max-width: 480px){:host va-button{display:block}.usa-button-group{margin:0 auto;width:100%}}'}}]);
|
package/dist/2664.app.bundle.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 2664.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([[20,326,2664],{20:function(e,r,t){t.r(r),t.d(r,{c:function(){return i}});var n,o={exports:{}};n=o,function(){var e={}.hasOwnProperty;function r(){for(var t=[],n=0;n<arguments.length;n++){var o=arguments[n];if(o){var i=typeof o;if("string"===i||"number"===i)t.push(o);else if(Array.isArray(o)){if(o.length){var a=r.apply(null,o);a&&t.push(a)}}else if("object"===i)if(o.toString===Object.prototype.toString)for(var s in o)e.call(o,s)&&o[s]&&t.push(s);else t.push(o.toString())}}return t.join(" ")}n.exports?(r.default=r,n.exports=r):window.classNames=r}();var i=o.exports},326:function(e,r,t){function n(e){return!Number.isNaN(parseFloat(e))}function o(e,r){var t=e.shadowRoot.querySelector("slot").assignedNodes();return null!==r?Array.from(t).filter((function(e){return e.nodeName.toLowerCase()===r})):Array.from(t)}function i(e){return 1===e?"":"s"}function a(e,r){if(void 0===e||""===e)return"".concat(r," character").concat(i(r)," allowed");var t;if(e.length<=r){var n=r-e.length;t="".concat(n," character").concat(i(n)," left")}else n=e.length-r,t="".concat(n," character").concat(i(n)," over limit");return t}function s(e,r){return Array.from({length:r-e+1},(function(r,t){return e+t}))}t.r(r),t.d(r,{S:function(){return h},a:function(){return c},b:function(){return a},g:function(){return o},i:function(){return n},m:function(){return s},s:function(){return l}}),t(3798);var f=function(e){return e&&"object"==typeof e&&1===e.nodeType};function l(e,r){var t=function(e,r){if("string"!=typeof e)return[];if(!r||!f(r))return[];var t=r.shadowRoot.querySelectorAll(e);return Array.from(t)}(e,r);return"string"!=typeof e||f(r)&&r.matches(e)&&t.push(r),t}var h={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return h._entities[e]},escapeHTML:function(e){for(var r="",t=0;t<e.length;t++)r+=e[t],t+1<arguments.length&&(r+=String(arguments[t+1]||"").replace(h._entity,h.getEntity));return r}};function c(e){var r;return(r="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&r<=6?"h".concat(r):null}},2664:function(e,r,t){t.r(r),t.d(r,{va_checkbox_group:function(){return s}});var n=t(3798),o=t(20),i=(t(2465),t(326)),a=t(9425),s=function(){function e(e){(0,n.r)(this,e),this.componentLibraryAnalytics=(0,n.c)(this,"component-library-analytics",7),this.label=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.hint=void 0,this.labelHeaderLevel=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}return e.prototype.vaChangeHandler=function(e){var r=e.target;this.enableAnalytics&&this.fireAnalyticsEvent(r.label)},e.prototype.fireAnalyticsEvent=function(e){this.componentLibraryAnalytics.emit({componentName:"va-checkbox-group",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})},e.prototype.getHeaderLevel=function(){var e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?"h".concat(e):null},e.prototype.connectedCallback=function(){var e=this;a.i.on("languageChanged",(function(){(0,n.f)(e.el)}))},e.prototype.disconnectedCallback=function(){a.i.off("languageChanged")},e.prototype.render=function(){var e=this,r=e.label,t=e.required,s=e.error,f=e.hint,l=e.messageAriaDescribedby,h=e.useFormsPattern,c=e.formHeadingLevel,d=e.formHeading,u=this.getHeaderLevel(),m="".concat(h&&d?"form-question":""," ").concat(h?"form-description":""," ").concat("multiple"===h?"header-message":"").trim()||null,b=l?"description-message":null,p=(0,o.c)({"usa-legend":!0,"usa-label--error":s}),g=null;if("single"===h||"multiple"===h){var y=(0,i.a)(c);g=(0,n.h)(n.F,{key:"d91bf5e7e318dbbbdf6600335f7e09f3cabc9791"},d&&(0,n.h)(y,{key:"ed28108816231b33b141e31b03b4b11fdcf32db4",id:"form-question",part:"form-header"},d),(0,n.h)("div",{key:"b83ea1a52c19279c2e7d0d7b8a1b82f87fab067b",id:"form-description"},(0,n.h)("slot",{key:"090dfb89722ce3c57b22544721ddc03b5f741cf9",name:"form-description"})))}return(0,n.h)(n.H,{key:"75ed9d6dd6b1f86b49c2be41e9b1041f2e8905f5",role:"group"},g,(0,n.h)("div",{key:"6fc9c4f86c31f433a3c42f177236baf35dd28c49",class:"input-wrap"},(0,n.h)("fieldset",{key:"eadd348a5bf32652f947ed9a7e4f6e5aa50d42aa",class:"usa-fieldset","aria-labelledby":m},(0,n.h)("legend",{key:"aad41659714a60c41c0039c2d2a739d9c4bd551a",class:p,"aria-describedby":b},u?(0,n.h)(u,{part:"header"},r):r," ","multiple"===h&&(0,n.h)("span",{key:"761ef3fc75138e38e061495fbee57602afdcb287",id:"header-message",class:"usa-sr-only"},r),l&&(0,n.h)("span",{key:"4283788e3bfdc6f49bc7c0d155fe771d89489602",id:"description-message",class:"usa-sr-only"},l),t&&(0,n.h)("span",{key:"90bfd46b223ed408663f9d1f60226ab7c0812d80",class:"usa-label--required"},a.i.t("required")),f&&(0,n.h)("div",{key:"c2c028877e99e85f26cd715d6001c4b2920b49a3",class:"usa-hint"},f)),(0,n.h)("span",{key:"766049078bf0d15b3dfe5a9603f4ebf2f6c5070c",id:"checkbox-error-message",role:"alert"},s&&(0,n.h)(n.F,{key:"422558893e721cf6a16d03e503569d185b091fd0"},(0,n.h)("span",{key:"1772f65d7f31dea0d44de0bc29052ad59aa24f6b",class:"usa-sr-only"},a.i.t("error")),(0,n.h)("span",{key:"cd514b646ec2ef2d28d997538b0a3be3e1cabab5",class:"usa-error-message"},s))),(0,n.h)("slot",{key:"a76aca79cf428aa630b0cb562f9ff96f2a620770"}))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,n.g)(this)},enumerable:!1,configurable:!0}),e}();s.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-fieldset{border:none;margin:0;padding:0}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px}'}}]);
|
|
2
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,326,2664],{20:function(e,r,t){t.r(r),t.d(r,{c:function(){return i}});var n,o={exports:{}};n=o,function(){var e={}.hasOwnProperty;function r(){for(var t=[],n=0;n<arguments.length;n++){var o=arguments[n];if(o){var i=typeof o;if("string"===i||"number"===i)t.push(o);else if(Array.isArray(o)){if(o.length){var a=r.apply(null,o);a&&t.push(a)}}else if("object"===i)if(o.toString===Object.prototype.toString)for(var s in o)e.call(o,s)&&o[s]&&t.push(s);else t.push(o.toString())}}return t.join(" ")}n.exports?(r.default=r,n.exports=r):window.classNames=r}();var i=o.exports},326:function(e,r,t){function n(e){return!Number.isNaN(parseFloat(e))}function o(e,r){var t=e.shadowRoot.querySelector("slot").assignedNodes();return null!==r?Array.from(t).filter((function(e){return e.nodeName.toLowerCase()===r})):Array.from(t)}function i(e){return 1===e?"":"s"}function a(e,r){if(void 0===e||""===e)return"".concat(r," character").concat(i(r)," allowed");var t;if(e.length<=r){var n=r-e.length;t="".concat(n," character").concat(i(n)," left")}else n=e.length-r,t="".concat(n," character").concat(i(n)," over limit");return t}function s(e,r){return Array.from({length:r-e+1},(function(r,t){return e+t}))}t.r(r),t.d(r,{S:function(){return h},a:function(){return c},b:function(){return a},g:function(){return o},i:function(){return n},m:function(){return s},s:function(){return l}}),t(3798);var f=function(e){return e&&"object"==typeof e&&1===e.nodeType};function l(e,r){var t=function(e,r){if("string"!=typeof e)return[];if(!r||!f(r))return[];var t=r.shadowRoot.querySelectorAll(e);return Array.from(t)}(e,r);return"string"!=typeof e||f(r)&&r.matches(e)&&t.push(r),t}var h={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return h._entities[e]},escapeHTML:function(e){for(var r="",t=0;t<e.length;t++)r+=e[t],t+1<arguments.length&&(r+=String(arguments[t+1]||"").replace(h._entity,h.getEntity));return r}};function c(e){var r;return(r="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&r<=6?"h".concat(r):null}},2664:function(e,r,t){t.r(r),t.d(r,{va_checkbox_group:function(){return s}});var n=t(3798),o=t(20),i=(t(2465),t(326)),a=t(9425),s=function(){function e(e){(0,n.r)(this,e),this.componentLibraryAnalytics=(0,n.c)(this,"component-library-analytics",7),this.label=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.hint=void 0,this.labelHeaderLevel=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}return e.prototype.vaChangeHandler=function(e){var r=e.target;this.enableAnalytics&&this.fireAnalyticsEvent(r.label)},e.prototype.fireAnalyticsEvent=function(e){this.componentLibraryAnalytics.emit({componentName:"va-checkbox-group",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})},e.prototype.getHeaderLevel=function(){var e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?"h".concat(e):null},e.prototype.connectedCallback=function(){var e=this;a.i.on("languageChanged",(function(){(0,n.f)(e.el)}))},e.prototype.disconnectedCallback=function(){a.i.off("languageChanged")},e.prototype.render=function(){var e=this,r=e.label,t=e.required,s=e.error,f=e.hint,l=e.messageAriaDescribedby,h=e.useFormsPattern,c=e.formHeadingLevel,d=e.formHeading,u=this.getHeaderLevel(),m="".concat(h&&d?"form-question":""," ").concat(h?"form-description":""," ").concat("multiple"===h?"header-message":"").trim()||null,b=l?"description-message":null,p=(0,o.c)({"usa-legend":!0,"usa-label--error":s}),g=null;if("single"===h||"multiple"===h){var y=(0,i.a)(c);g=(0,n.h)(n.F,{key:"d91bf5e7e318dbbbdf6600335f7e09f3cabc9791"},d&&(0,n.h)(y,{key:"ed28108816231b33b141e31b03b4b11fdcf32db4",id:"form-question",part:"form-header"},d),(0,n.h)("div",{key:"b83ea1a52c19279c2e7d0d7b8a1b82f87fab067b",id:"form-description"},(0,n.h)("slot",{key:"090dfb89722ce3c57b22544721ddc03b5f741cf9",name:"form-description"})))}return(0,n.h)(n.H,{key:"75ed9d6dd6b1f86b49c2be41e9b1041f2e8905f5",role:"group"},g,(0,n.h)("div",{key:"6fc9c4f86c31f433a3c42f177236baf35dd28c49",class:"input-wrap"},(0,n.h)("fieldset",{key:"eadd348a5bf32652f947ed9a7e4f6e5aa50d42aa",class:"usa-fieldset","aria-labelledby":m},(0,n.h)("legend",{key:"aad41659714a60c41c0039c2d2a739d9c4bd551a",class:p,"aria-describedby":b},u?(0,n.h)(u,{part:"header"},r):r," ","multiple"===h&&(0,n.h)("span",{key:"761ef3fc75138e38e061495fbee57602afdcb287",id:"header-message",class:"usa-sr-only"},r),l&&(0,n.h)("span",{key:"4283788e3bfdc6f49bc7c0d155fe771d89489602",id:"description-message",class:"usa-sr-only"},l),t&&(0,n.h)("span",{key:"90bfd46b223ed408663f9d1f60226ab7c0812d80",class:"usa-label--required"},a.i.t("required")),f&&(0,n.h)("div",{key:"c2c028877e99e85f26cd715d6001c4b2920b49a3",class:"usa-hint"},f)),(0,n.h)("span",{key:"766049078bf0d15b3dfe5a9603f4ebf2f6c5070c",id:"checkbox-error-message",role:"alert"},s&&(0,n.h)(n.F,{key:"422558893e721cf6a16d03e503569d185b091fd0"},(0,n.h)("span",{key:"1772f65d7f31dea0d44de0bc29052ad59aa24f6b",class:"usa-sr-only"},a.i.t("error")),(0,n.h)("span",{key:"cd514b646ec2ef2d28d997538b0a3be3e1cabab5",class:"usa-error-message"},s))),(0,n.h)("slot",{key:"a76aca79cf428aa630b0cb562f9ff96f2a620770"}))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,n.g)(this)},enumerable:!1,configurable:!0}),e}();s.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-fieldset{border:none;margin:0;padding:0}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px}'}}]);
|
package/dist/286.app.bundle.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 286.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([[20,286,326],{20:function(e,t,i){i.r(t),i.d(t,{c:function(){return s}});var a,r={exports:{}};a=r,function(){var e={}.hasOwnProperty;function t(){for(var i=[],a=0;a<arguments.length;a++){var r=arguments[a];if(r){var s=typeof r;if("string"===s||"number"===s)i.push(r);else if(Array.isArray(r)){if(r.length){var o=t.apply(null,r);o&&i.push(o)}}else if("object"===s)if(r.toString===Object.prototype.toString)for(var n in r)e.call(r,n)&&r[n]&&i.push(n);else i.push(r.toString())}}return i.join(" ")}a.exports?(t.default=t,a.exports=t):window.classNames=t}();var s=r.exports},326:function(e,t,i){function a(e){return!Number.isNaN(parseFloat(e))}function r(e,t){var i=e.shadowRoot.querySelector("slot").assignedNodes();return null!==t?Array.from(i).filter((function(e){return e.nodeName.toLowerCase()===t})):Array.from(i)}function s(e){return 1===e?"":"s"}function o(e,t){if(void 0===e||""===e)return"".concat(t," character").concat(s(t)," allowed");var i;if(e.length<=t){var a=t-e.length;i="".concat(a," character").concat(s(a)," left")}else a=e.length-t,i="".concat(a," character").concat(s(a)," over limit");return i}function n(e,t){return Array.from({length:t-e+1},(function(t,i){return e+i}))}i.r(t),i.d(t,{S:function(){return d},a:function(){return p},b:function(){return o},g:function(){return r},i:function(){return a},m:function(){return n},s:function(){return l}}),i(3798);var u=function(e){return e&&"object"==typeof e&&1===e.nodeType};function l(e,t){var i=function(e,t){if("string"!=typeof e)return[];if(!t||!u(t))return[];var i=t.shadowRoot.querySelectorAll(e);return Array.from(i)}(e,t);return"string"!=typeof e||u(t)&&t.matches(e)&&i.push(t),i}var d={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return d._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(d._entity,d.getEntity));return t}};function p(e){var t;return(t="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&t<=6?"h".concat(t):null}},286:function(e,t,i){i.r(t),i.d(t,{va_select:function(){return n},va_text_input:function(){return u}});var a=i(3798),r=i(20),s=(i(2465),i(326)),o=i(9425),n=function(){function e(e){(0,a.r)(this,e),this.vaKeyDown=(0,a.c)(this,"vaKeyDown",7),this.vaSelect=(0,a.c)(this,"vaSelect",7),this.vaSelectBlur=(0,a.c)(this,"vaSelectBlur",7),this.componentLibraryAnalytics=(0,a.c)(this,"component-library-analytics",7),this.required=!1,this.label=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.reflectInputError=!1,this.invalid=!1,this.enableAnalytics=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.width=void 0,this.showError=!0,this.options=void 0}return e.prototype.connectedCallback=function(){var e=this;o.i.on("languageChanged",(function(){(0,a.f)(e.el)}))},e.prototype.disconnectedCallback=function(){o.i.off("languageChanged")},e.prototype.handleKeyDown=function(){this.vaKeyDown.emit()},e.prototype.handleBlur=function(e){var t=e.target;this.value=t.value,this.vaSelectBlur.emit({value:this.value})},e.prototype.handleChange=function(e){var t=e.target;if(this.value=t.value,this.enableAnalytics){var i={componentName:"va-select",action:"change",details:{label:this.label,selectLabel:this.value}};this.componentLibraryAnalytics.emit(i)}this.vaSelect.emit({value:this.value})},e.prototype.populateOptions=function(){var e=this.value,t=(0,s.g)(this.el,null).filter((function(e){var t=e.nodeName.toLowerCase();return"option"===t||"optgroup"===t}));this.options=t.map((function(t){return"optgroup"===t.nodeName.toLowerCase()?(0,a.h)("optgroup",{label:t.label},Array.from(t.children).map((function(t){return(0,a.h)("option",{value:t.value,selected:e===t.value},t.text)}))):"option"===t.nodeName.toLowerCase()?(0,a.h)("option",{value:t.value,selected:e===t.value},t.textContent):void 0}))},e.prototype.handleValueChange=function(){this.populateOptions()},e.prototype.render=function(){var e,t=this,i=this,s=i.error,n=i.reflectInputError,u=i.invalid,l=i.label,d=i.required,p=i.name,c=i.hint,h=i.messageAriaDescribedby,f=i.width,m=i.showError,b="input-error-message",g="".concat(h?"input-message":""," ").concat(s?b:""," ").concat(c?"input-hint":"").trim()||null,v=(0,r.c)({"usa-label":!0,"usa-label--error":s}),x=(0,r.c)(((e={"usa-select":!0,"usa-input--error":s||n})["usa-input--".concat(f)]=f,e));return(0,a.h)(a.H,{key:"871db81c63cf03dad0ae293ad5c7ea02fad45ec1"},l&&(0,a.h)("label",{key:"7a5a66d1aeab766dfd7d15916ef02419ce4e7b93",htmlFor:"options",class:v,part:"label"},l,d&&(0,a.h)("span",{key:"2f91e968c8f87a8ef9491473fd6f93ba52c72db5",class:"usa-label--required"}," ",o.i.t("required"))),c&&(0,a.h)("span",{key:"ee2b1c432d242e20f6552f596d2658ddab2e695a",class:"usa-hint",id:"input-hint"},c),(0,a.h)("span",{key:"b2d91ec748a3207598d94114df86b8834bb9a8d4",id:b,role:"alert"},m&&s&&(0,a.h)(a.F,{key:"8b1bab2a874644a200bfc3b7df4aabea7cd82cf6"},(0,a.h)("span",{key:"db11a948120a15f883d232f69f0a8e26d537e1cd",class:"usa-sr-only"},o.i.t("error")),(0,a.h)("span",{key:"bb08ec5815eff7d748b52396b087661bd9c8b25b",class:"usa-error-message"},s))),(0,a.h)("slot",{key:"ebea2d1759a960fba7e0d66f737013f5eb9db8b6",onSlotchange:function(){return t.populateOptions()}}),(0,a.h)("select",{key:"1210c45f8f6ff6fc76f2381c4ea579761b4ae789",class:x,"aria-describedby":g,"aria-invalid":u||s?"true":"false",id:"options",name:p,required:d||null,onKeyDown:function(){return t.handleKeyDown()},onChange:function(e){return t.handleChange(e)},onBlur:function(e){return t.handleBlur(e)},part:"select"},(0,a.h)("option",{key:"0",value:"",selected:!0},o.i.t("select")),this.options),h&&(0,a.h)("span",{key:"21e2c3bb2336eea94f4e66eba8711c89c32dd7e0",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},h))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,a.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e,"watchers",{get:function(){return{value:["handleValueChange"]}},enumerable:!1,configurable:!0}),e}();n.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-select,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-select,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-select{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;background-position:right 0.5rem center;background-size:1.25rem;padding-right:2rem}.usa-select::-ms-expand{display:none}.usa-select:-webkit-autofill{-webkit-appearance:menulist;appearance:menulist}.usa-select:-moz-focusring{color:transparent;text-shadow:0 0 0 black}.usa-select[multiple]{height:auto;background-image:none;padding-right:0}.usa-select option{overflow:hidden;text-overflow:ellipsis}.usa-select:disabled,.usa-select[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:0;color:GrayText}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:2px solid GrayText}}@media (forced-colors: active){.usa-select{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox;background-image:none;padding-right:0}}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);color:var(--vads-color-base)}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}';var u=function(){function e(e){var t=this;(0,a.r)(this,e),this.componentLibraryAnalytics=(0,a.c)(this,"component-library-analytics",7),this.allowedInputTypes=["email","number","search","tel","text","url"],this.updatePaddingLeft=function(){if(t.inputIconPrefix)t.paddingLeftValue="2.5rem";else if(t.inputPrefix){var e=t.inputPrefix?Math.min(t.inputPrefix.length,25):null;t.paddingLeftValue="".concat(.5*e+1,"rem")}},this.updatePaddingRight=function(){var e=t.inputSuffix?Math.min(t.inputSuffix.length,25):null;t.paddingRightValue="".concat(.5*e+1,"rem")},this.handleInput=function(e){var i=e.target;t.value=i.value},this.handleBlur=function(e){if(t.enableAnalytics&&t.componentLibraryAnalytics.emit({componentName:"va-text-input",action:"blur",details:{label:t.label,value:t.value}}),"decimal"===t.inputmode||"numeric"===t.inputmode||t.currency){var i=o.i.t("number-error"),a=e.target.checkValidity();t.error||a?t.error&&t.error===i&&a&&(t.error=null,t.el.setAttribute("error","")):(t.error=i,t.el.setAttribute("error",i))}},this.label=void 0,this.error=void 0,this.reflectInputError=!1,this.showInputError=!0,this.invalid=!1,this.required=!1,this.inputmode=void 0,this.step=void 0,this.type="text",this.maxlength=void 0,this.autocomplete=void 0,this.enableAnalytics=!1,this.name=void 0,this.pattern=void 0,this.hint=void 0,this.messageAriaDescribedby=void 0,this.value=void 0,this.success=!1,this.width=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1,this.currency=!1,this.inputPrefix=void 0,this.inputIconPrefix=void 0,this.inputSuffix=void 0,this.inputIconSuffix=void 0,this.min=void 0,this.max=void 0,this.paddingLeftValue="0",this.paddingRightValue="0"}return e.prototype.componentWillLoad=function(){this.updatePaddingLeft(),this.updatePaddingRight()},e.prototype.componentDidUpdate=function(){this.updatePaddingLeft(),this.updatePaddingRight()},e.prototype.getInputType=function(){return this.allowedInputTypes.includes(this.type)?this.max||this.min?"number":this.type:"text"},e.prototype.getMaxlength=function(){if(!(this.maxlength<=0))return this.maxlength},e.prototype.getPattern=function(){return this.currency?"^[0-9]+(.[0-9]{2})?$":void 0!==this.pattern||"decimal"!==this.inputmode&&"numeric"!==this.inputmode?this.pattern:"[0-9]+(.[0-9]{1,})?"},e.prototype.getInputmode=function(){return this.currency?"numeric":this.inputmode?this.inputmode:void 0},e.prototype.getStep=function(){return this.step||"decimal"!==this.inputmode?this.step?this.step:void 0:".01"},e.prototype.connectedCallback=function(){var e=this;o.i.on("languageChanged",(function(){(0,a.f)(e.el)}))},e.prototype.disconnectedCallback=function(){o.i.off("languageChanged")},e.prototype.render=function(){var e,t=this,i=this,n=i.label,u=i.error,l=i.reflectInputError,d=i.showInputError,p=i.invalid,c=i.required,h=i.value,f=i.name,m=i.autocomplete,b=i.hint,g=i.handleInput,v=i.handleBlur,x=i.success,y=i.messageAriaDescribedby,w=i.width,k=i.useFormsPattern,z=i.formHeadingLevel,S=i.formHeading,C=i.charcount,P=i.min,T=i.max,A=i.currency,L=i.inputPrefix,_=i.inputIconPrefix,F=i.inputSuffix,N=i.inputIconSuffix,q=this.getInputType(),D=this.getMaxlength(),I=this.getInputmode(),G=this.getStep(),H="".concat(y?"input-message":""," ").concat(u?"input-error-message":""," ").concat(C&&D?"charcount-message":"").trim()||null,R="".concat(k&&S?"form-question":""," ").concat(k?"form-description":""," ").concat(k&&n?"input-label":"").trim()||null,E=this.getPattern(),M=(0,r.c)({"currency-wrapper":A,"usa-input-group":F||L||_||N}),B="0"!==t.paddingLeftValue&&L?{paddingLeft:t.paddingLeftValue}:F?{paddingRight:t.paddingRightValue}:{},W=D&&(null==h?void 0:h.length)>D,V=(0,r.c)({"usa-label":!0,"usa-label--error":u}),O=(0,r.c)(((e={"usa-input":!0,"usa-input--success":x,"usa-input--error":u||l})["usa-input--".concat(w)]=w,e)),j=(0,r.c)({"usa-hint":!0,"usa-character-count__status":D,"usa-character-count__status--invalid":D&&(null==h?void 0:h.length)>D}),K=(0,r.c)({"usa-sr-only":!d}),$=null;if("single"===k||"multiple"===k){var U=(0,s.a)(z);$=(0,a.h)(a.F,null,S&&(0,a.h)(U,{id:"form-question",part:"form-header"},S),(0,a.h)("div",{id:"form-description"},(0,a.h)("slot",{name:"form-description"})))}return(0,a.h)(a.H,null,$,(0,a.h)("div",{class:"input-wrap"},n&&(0,a.h)("label",{htmlFor:"inputField",id:"input-label",class:V,part:"label"},n,c&&(0,a.h)("span",{class:"usa-label--required"}," ",o.i.t("required")),b&&(0,a.h)("span",{class:"usa-hint"},b)),(0,a.h)("slot",null),(0,a.h)("span",{id:"input-error-message",role:"alert",class:K},u&&(0,a.h)(a.F,null,(0,a.h)("span",{class:"usa-sr-only"},o.i.t("error")),(0,a.h)("span",{class:"usa-error-message"},u))),(0,a.h)("div",{class:M},A&&(0,a.h)("div",{id:"symbol"},"$"),L&&(0,a.h)("div",{class:"usa-input-prefix",part:"input-prefix"},L.substring(0,25)),_&&(0,a.h)("div",{class:"usa-input-prefix",part:"input-prefix"},(0,a.h)("va-icon",{icon:_,size:3,part:"icon"})),(0,a.h)("input",{class:O,id:"inputField",type:q,onInput:g,onBlur:v,"aria-describedby":H,style:B,"aria-labelledby":R,"aria-invalid":p||u||W?"true":"false",inputmode:I,step:G,maxlength:D,pattern:E,name:f,autocomplete:m,required:c||null,part:"input",min:P,max:T,value:h}),F&&(0,a.h)("div",{class:"usa-input-suffix",part:"suffix","aria-hidden":"true"},F.substring(0,25)),N&&(0,a.h)("div",{class:"usa-input-suffix",part:"input-suffix"},(0,a.h)("va-icon",{icon:N,size:3,part:"icon"}))),y&&(0,a.h)("span",{id:"input-message",class:"usa-sr-only dd-privacy-hidden"},y),C&&D&&(0,a.h)("span",{id:"charcount-message",class:j,"aria-live":"polite"},(0,s.b)(h,D))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,a.g)(this)},enumerable:!1,configurable:!0}),e}();u.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-input-group,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-input-group,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input-group{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding:0;position:relative}.usa-input-group--error input:focus,.usa-input-group--success input:focus{outline-offset:0.25rem}.usa-input-group--error{border-width:0.25rem;border-color:#b50909;border-style:solid}.usa-input-group--success{border-width:0.25rem;border-color:#00a91c;border-style:solid}.usa-input-group input{padding-right:2.5rem;border:0;height:100%;margin-top:0;min-width:0;width:100%}.usa-input-group input:disabled+.usa-input-suffix,.usa-input-group input[aria-disabled=true]+.usa-input-suffix{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-input-group input:disabled+.usa-input-suffix:hover,.usa-input-group input:disabled+.usa-input-suffix:active,.usa-input-group input:disabled+.usa-input-suffix:focus,.usa-input-group input:disabled+.usa-input-suffix.usa-focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:hover,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:active,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input-group input:disabled+.usa-input-suffix,.usa-input-group input[aria-disabled=true]+.usa-input-suffix{border:0;color:GrayText}.usa-input-group input:disabled+.usa-input-suffix:hover,.usa-input-group input:disabled+.usa-input-suffix:active,.usa-input-group input:disabled+.usa-input-suffix:focus,.usa-input-group input:disabled+.usa-input-suffix.usa-focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:hover,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:active,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input-group input:disabled,.usa-input-group input[aria-disabled=true]{border:0}}@media (forced-colors: active){.usa-input-group:has(input:disabled),.usa-input-group:has(input[aria-disabled=true]){border:2px solid GrayText}}.usa-input-prefix:has(+input:disabled),.usa-input-prefix:has(+input[aria-disabled=true]){color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-input-prefix:has(+input:disabled):hover,.usa-input-prefix:has(+input:disabled):active,.usa-input-prefix:has(+input:disabled):focus,.usa-input-prefix:has(+input:disabled).usa-focus,.usa-input-prefix:has(+input[aria-disabled=true]):hover,.usa-input-prefix:has(+input[aria-disabled=true]):active,.usa-input-prefix:has(+input[aria-disabled=true]):focus,.usa-input-prefix:has(+input[aria-disabled=true]).usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input-prefix:has(+input:disabled),.usa-input-prefix:has(+input[aria-disabled=true]){border:0;color:GrayText}.usa-input-prefix:has(+input:disabled):hover,.usa-input-prefix:has(+input:disabled):active,.usa-input-prefix:has(+input:disabled):focus,.usa-input-prefix:has(+input:disabled).usa-focus,.usa-input-prefix:has(+input[aria-disabled=true]):hover,.usa-input-prefix:has(+input[aria-disabled=true]):active,.usa-input-prefix:has(+input[aria-disabled=true]):focus,.usa-input-prefix:has(+input[aria-disabled=true]).usa-focus{color:GrayText}}.usa-input-prefix,.usa-input-suffix{position:absolute;color:#71767a;line-height:0;padding:0 0.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.usa-input-prefix .usa-icon,.usa-input-suffix .usa-icon{height:1.5rem;width:1.5rem}.usa-input-prefix+input{padding-left:2.5rem;padding-right:0.5rem}.usa-input-suffix{right:0}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}:host{color:var(--vads-color-base)}:host{display:block;font-family:var(--font-source-sans)}input{-webkit-box-sizing:border-box;box-sizing:border-box}input.usa-input{color:var(--vads-color-base)}.usa-hint{display:block}.currency-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.currency-wrapper>div{position:absolute;left:10px}.currency-wrapper #symbol{margin-top:8px}.currency-wrapper #inputField{padding-left:25px}:host([error]:not([error=""])[show-input-error=false]){border-left:0;padding-left:0;margin-left:0}'}}]);
|
|
2
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,286,326],{20:function(e,t,i){i.r(t),i.d(t,{c:function(){return s}});var a,r={exports:{}};a=r,function(){var e={}.hasOwnProperty;function t(){for(var i=[],a=0;a<arguments.length;a++){var r=arguments[a];if(r){var s=typeof r;if("string"===s||"number"===s)i.push(r);else if(Array.isArray(r)){if(r.length){var o=t.apply(null,r);o&&i.push(o)}}else if("object"===s)if(r.toString===Object.prototype.toString)for(var n in r)e.call(r,n)&&r[n]&&i.push(n);else i.push(r.toString())}}return i.join(" ")}a.exports?(t.default=t,a.exports=t):window.classNames=t}();var s=r.exports},326:function(e,t,i){function a(e){return!Number.isNaN(parseFloat(e))}function r(e,t){var i=e.shadowRoot.querySelector("slot").assignedNodes();return null!==t?Array.from(i).filter((function(e){return e.nodeName.toLowerCase()===t})):Array.from(i)}function s(e){return 1===e?"":"s"}function o(e,t){if(void 0===e||""===e)return"".concat(t," character").concat(s(t)," allowed");var i;if(e.length<=t){var a=t-e.length;i="".concat(a," character").concat(s(a)," left")}else a=e.length-t,i="".concat(a," character").concat(s(a)," over limit");return i}function n(e,t){return Array.from({length:t-e+1},(function(t,i){return e+i}))}i.r(t),i.d(t,{S:function(){return d},a:function(){return p},b:function(){return o},g:function(){return r},i:function(){return a},m:function(){return n},s:function(){return l}}),i(3798);var u=function(e){return e&&"object"==typeof e&&1===e.nodeType};function l(e,t){var i=function(e,t){if("string"!=typeof e)return[];if(!t||!u(t))return[];var i=t.shadowRoot.querySelectorAll(e);return Array.from(i)}(e,t);return"string"!=typeof e||u(t)&&t.matches(e)&&i.push(t),i}var d={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return d._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(d._entity,d.getEntity));return t}};function p(e){var t;return(t="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&t<=6?"h".concat(t):null}},286:function(e,t,i){i.r(t),i.d(t,{va_select:function(){return n},va_text_input:function(){return u}});var a=i(3798),r=i(20),s=(i(2465),i(326)),o=i(9425),n=function(){function e(e){(0,a.r)(this,e),this.vaKeyDown=(0,a.c)(this,"vaKeyDown",7),this.vaSelect=(0,a.c)(this,"vaSelect",7),this.vaSelectBlur=(0,a.c)(this,"vaSelectBlur",7),this.componentLibraryAnalytics=(0,a.c)(this,"component-library-analytics",7),this.required=!1,this.label=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.reflectInputError=!1,this.invalid=!1,this.enableAnalytics=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.width=void 0,this.showError=!0,this.options=void 0}return e.prototype.connectedCallback=function(){var e=this;o.i.on("languageChanged",(function(){(0,a.f)(e.el)}))},e.prototype.disconnectedCallback=function(){o.i.off("languageChanged")},e.prototype.handleKeyDown=function(){this.vaKeyDown.emit()},e.prototype.handleBlur=function(e){var t=e.target;this.value=t.value,this.vaSelectBlur.emit({value:this.value})},e.prototype.handleChange=function(e){var t=e.target;if(this.value=t.value,this.enableAnalytics){var i={componentName:"va-select",action:"change",details:{label:this.label,selectLabel:this.value}};this.componentLibraryAnalytics.emit(i)}this.vaSelect.emit({value:this.value})},e.prototype.populateOptions=function(){var e=this.value,t=(0,s.g)(this.el,null).filter((function(e){var t=e.nodeName.toLowerCase();return"option"===t||"optgroup"===t}));this.options=t.map((function(t){return"optgroup"===t.nodeName.toLowerCase()?(0,a.h)("optgroup",{label:t.label},Array.from(t.children).map((function(t){return(0,a.h)("option",{value:t.value,selected:e===t.value},t.text)}))):"option"===t.nodeName.toLowerCase()?(0,a.h)("option",{value:t.value,selected:e===t.value},t.textContent):void 0}))},e.prototype.handleValueChange=function(){this.populateOptions()},e.prototype.render=function(){var e,t=this,i=this,s=i.error,n=i.reflectInputError,u=i.invalid,l=i.label,d=i.required,p=i.name,c=i.hint,h=i.messageAriaDescribedby,f=i.width,m=i.showError,b="input-error-message",g="".concat(h?"input-message":""," ").concat(s?b:""," ").concat(c?"input-hint":"").trim()||null,v=(0,r.c)({"usa-label":!0,"usa-label--error":s}),x=(0,r.c)(((e={"usa-select":!0,"usa-input--error":s||n})["usa-input--".concat(f)]=f,e));return(0,a.h)(a.H,{key:"871db81c63cf03dad0ae293ad5c7ea02fad45ec1"},l&&(0,a.h)("label",{key:"7a5a66d1aeab766dfd7d15916ef02419ce4e7b93",htmlFor:"options",class:v,part:"label"},l,d&&(0,a.h)("span",{key:"2f91e968c8f87a8ef9491473fd6f93ba52c72db5",class:"usa-label--required"}," ",o.i.t("required"))),c&&(0,a.h)("span",{key:"ee2b1c432d242e20f6552f596d2658ddab2e695a",class:"usa-hint",id:"input-hint"},c),(0,a.h)("span",{key:"b2d91ec748a3207598d94114df86b8834bb9a8d4",id:b,role:"alert"},m&&s&&(0,a.h)(a.F,{key:"8b1bab2a874644a200bfc3b7df4aabea7cd82cf6"},(0,a.h)("span",{key:"db11a948120a15f883d232f69f0a8e26d537e1cd",class:"usa-sr-only"},o.i.t("error")),(0,a.h)("span",{key:"bb08ec5815eff7d748b52396b087661bd9c8b25b",class:"usa-error-message"},s))),(0,a.h)("slot",{key:"ebea2d1759a960fba7e0d66f737013f5eb9db8b6",onSlotchange:function(){return t.populateOptions()}}),(0,a.h)("select",{key:"1210c45f8f6ff6fc76f2381c4ea579761b4ae789",class:x,"aria-describedby":g,"aria-invalid":u||s?"true":"false",id:"options",name:p,required:d||null,onKeyDown:function(){return t.handleKeyDown()},onChange:function(e){return t.handleChange(e)},onBlur:function(e){return t.handleBlur(e)},part:"select"},(0,a.h)("option",{key:"0",value:"",selected:!0},o.i.t("select")),this.options),h&&(0,a.h)("span",{key:"21e2c3bb2336eea94f4e66eba8711c89c32dd7e0",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},h))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,a.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e,"watchers",{get:function(){return{value:["handleValueChange"]}},enumerable:!1,configurable:!0}),e}();n.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-select,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-select,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-select{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;background-position:right 0.5rem center;background-size:1.25rem;padding-right:2rem}.usa-select::-ms-expand{display:none}.usa-select:-webkit-autofill{-webkit-appearance:menulist;appearance:menulist}.usa-select:-moz-focusring{color:transparent;text-shadow:0 0 0 black}.usa-select[multiple]{height:auto;background-image:none;padding-right:0}.usa-select option{overflow:hidden;text-overflow:ellipsis}.usa-select:disabled,.usa-select[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:0;color:GrayText}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:2px solid GrayText}}@media (forced-colors: active){.usa-select{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox;background-image:none;padding-right:0}}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);color:var(--vads-color-base)}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}';var u=function(){function e(e){var t=this;(0,a.r)(this,e),this.componentLibraryAnalytics=(0,a.c)(this,"component-library-analytics",7),this.allowedInputTypes=["email","number","search","tel","text","url"],this.updatePaddingLeft=function(){if(t.inputIconPrefix)t.paddingLeftValue="2.5rem";else if(t.inputPrefix){var e=t.inputPrefix?Math.min(t.inputPrefix.length,25):null;t.paddingLeftValue="".concat(.5*e+1,"rem")}},this.updatePaddingRight=function(){var e=t.inputSuffix?Math.min(t.inputSuffix.length,25):null;t.paddingRightValue="".concat(.5*e+1,"rem")},this.handleInput=function(e){var i=e.target;t.value=i.value},this.handleBlur=function(e){if(t.enableAnalytics&&t.componentLibraryAnalytics.emit({componentName:"va-text-input",action:"blur",details:{label:t.label,value:t.value}}),"decimal"===t.inputmode||"numeric"===t.inputmode||t.currency){var i=o.i.t("number-error"),a=e.target.checkValidity();t.error||a?t.error&&t.error===i&&a&&(t.error=null,t.el.setAttribute("error","")):(t.error=i,t.el.setAttribute("error",i))}},this.label=void 0,this.error=void 0,this.reflectInputError=!1,this.showInputError=!0,this.invalid=!1,this.required=!1,this.inputmode=void 0,this.step=void 0,this.type="text",this.maxlength=void 0,this.autocomplete=void 0,this.enableAnalytics=!1,this.name=void 0,this.pattern=void 0,this.hint=void 0,this.messageAriaDescribedby=void 0,this.value=void 0,this.success=!1,this.width=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1,this.currency=!1,this.inputPrefix=void 0,this.inputIconPrefix=void 0,this.inputSuffix=void 0,this.inputIconSuffix=void 0,this.min=void 0,this.max=void 0,this.paddingLeftValue="0",this.paddingRightValue="0"}return e.prototype.componentWillLoad=function(){this.updatePaddingLeft(),this.updatePaddingRight()},e.prototype.componentDidUpdate=function(){this.updatePaddingLeft(),this.updatePaddingRight()},e.prototype.getInputType=function(){return this.allowedInputTypes.includes(this.type)?this.max||this.min?"number":this.type:"text"},e.prototype.getMaxlength=function(){if(!(this.maxlength<=0))return this.maxlength},e.prototype.getPattern=function(){return this.currency?"^[0-9]+(.[0-9]{2})?$":void 0!==this.pattern||"decimal"!==this.inputmode&&"numeric"!==this.inputmode?this.pattern:"[0-9]+(.[0-9]{1,})?"},e.prototype.getInputmode=function(){return this.currency?"numeric":this.inputmode?this.inputmode:void 0},e.prototype.getStep=function(){return this.step||"decimal"!==this.inputmode?this.step?this.step:void 0:".01"},e.prototype.connectedCallback=function(){var e=this;o.i.on("languageChanged",(function(){(0,a.f)(e.el)}))},e.prototype.disconnectedCallback=function(){o.i.off("languageChanged")},e.prototype.render=function(){var e,t=this,i=this,n=i.label,u=i.error,l=i.reflectInputError,d=i.showInputError,p=i.invalid,c=i.required,h=i.value,f=i.name,m=i.autocomplete,b=i.hint,g=i.handleInput,v=i.handleBlur,x=i.success,y=i.messageAriaDescribedby,w=i.width,k=i.useFormsPattern,z=i.formHeadingLevel,S=i.formHeading,C=i.charcount,P=i.min,T=i.max,A=i.currency,L=i.inputPrefix,_=i.inputIconPrefix,F=i.inputSuffix,N=i.inputIconSuffix,q=this.getInputType(),D=this.getMaxlength(),I=this.getInputmode(),G=this.getStep(),H="".concat(y?"input-message":""," ").concat(u?"input-error-message":""," ").concat(C&&D?"charcount-message":"").trim()||null,R="".concat(k&&S?"form-question":""," ").concat(k?"form-description":""," ").concat(k&&n?"input-label":"").trim()||null,E=this.getPattern(),M=(0,r.c)({"currency-wrapper":A,"usa-input-group":F||L||_||N}),B="0"!==t.paddingLeftValue&&L?{paddingLeft:t.paddingLeftValue}:F?{paddingRight:t.paddingRightValue}:{},W=D&&(null==h?void 0:h.length)>D,V=(0,r.c)({"usa-label":!0,"usa-label--error":u}),O=(0,r.c)(((e={"usa-input":!0,"usa-input--success":x,"usa-input--error":u||l})["usa-input--".concat(w)]=w,e)),j=(0,r.c)({"usa-hint":!0,"usa-character-count__status":D,"usa-character-count__status--invalid":D&&(null==h?void 0:h.length)>D}),K=(0,r.c)({"usa-sr-only":!d}),$=null;if("single"===k||"multiple"===k){var U=(0,s.a)(z);$=(0,a.h)(a.F,null,S&&(0,a.h)(U,{id:"form-question",part:"form-header"},S),(0,a.h)("div",{id:"form-description"},(0,a.h)("slot",{name:"form-description"})))}return(0,a.h)(a.H,null,$,(0,a.h)("div",{class:"input-wrap"},n&&(0,a.h)("label",{htmlFor:"inputField",id:"input-label",class:V,part:"label"},n,c&&(0,a.h)("span",{class:"usa-label--required"}," ",o.i.t("required")),b&&(0,a.h)("span",{class:"usa-hint"},b)),(0,a.h)("slot",null),(0,a.h)("span",{id:"input-error-message",role:"alert",class:K},u&&(0,a.h)(a.F,null,(0,a.h)("span",{class:"usa-sr-only"},o.i.t("error")),(0,a.h)("span",{class:"usa-error-message"},u))),(0,a.h)("div",{class:M},A&&(0,a.h)("div",{id:"symbol"},"$"),L&&(0,a.h)("div",{class:"usa-input-prefix",part:"input-prefix"},L.substring(0,25)),_&&(0,a.h)("div",{class:"usa-input-prefix",part:"input-prefix"},(0,a.h)("va-icon",{icon:_,size:3,part:"icon"})),(0,a.h)("input",{class:O,id:"inputField",type:q,onInput:g,onBlur:v,"aria-describedby":H,style:B,"aria-labelledby":R,"aria-invalid":p||u||W?"true":"false",inputmode:I,step:G,maxlength:D,pattern:E,name:f,autocomplete:m,required:c||null,part:"input",min:P,max:T,value:h}),F&&(0,a.h)("div",{class:"usa-input-suffix",part:"suffix","aria-hidden":"true"},F.substring(0,25)),N&&(0,a.h)("div",{class:"usa-input-suffix",part:"input-suffix"},(0,a.h)("va-icon",{icon:N,size:3,part:"icon"}))),y&&(0,a.h)("span",{id:"input-message",class:"usa-sr-only dd-privacy-hidden"},y),C&&D&&(0,a.h)("span",{id:"charcount-message",class:j,"aria-live":"polite"},(0,s.b)(h,D))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,a.g)(this)},enumerable:!1,configurable:!0}),e}();u.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-input-group,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-input-group,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input-group{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding:0;position:relative}.usa-input-group--error input:focus,.usa-input-group--success input:focus{outline-offset:0.25rem}.usa-input-group--error{border-width:0.25rem;border-color:#b50909;border-style:solid}.usa-input-group--success{border-width:0.25rem;border-color:#00a91c;border-style:solid}.usa-input-group input{padding-right:2.5rem;border:0;height:100%;margin-top:0;min-width:0;width:100%}.usa-input-group input:disabled+.usa-input-suffix,.usa-input-group input[aria-disabled=true]+.usa-input-suffix{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-input-group input:disabled+.usa-input-suffix:hover,.usa-input-group input:disabled+.usa-input-suffix:active,.usa-input-group input:disabled+.usa-input-suffix:focus,.usa-input-group input:disabled+.usa-input-suffix.usa-focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:hover,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:active,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input-group input:disabled+.usa-input-suffix,.usa-input-group input[aria-disabled=true]+.usa-input-suffix{border:0;color:GrayText}.usa-input-group input:disabled+.usa-input-suffix:hover,.usa-input-group input:disabled+.usa-input-suffix:active,.usa-input-group input:disabled+.usa-input-suffix:focus,.usa-input-group input:disabled+.usa-input-suffix.usa-focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:hover,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:active,.usa-input-group input[aria-disabled=true]+.usa-input-suffix:focus,.usa-input-group input[aria-disabled=true]+.usa-input-suffix.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input-group input:disabled,.usa-input-group input[aria-disabled=true]{border:0}}@media (forced-colors: active){.usa-input-group:has(input:disabled),.usa-input-group:has(input[aria-disabled=true]){border:2px solid GrayText}}.usa-input-prefix:has(+input:disabled),.usa-input-prefix:has(+input[aria-disabled=true]){color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-input-prefix:has(+input:disabled):hover,.usa-input-prefix:has(+input:disabled):active,.usa-input-prefix:has(+input:disabled):focus,.usa-input-prefix:has(+input:disabled).usa-focus,.usa-input-prefix:has(+input[aria-disabled=true]):hover,.usa-input-prefix:has(+input[aria-disabled=true]):active,.usa-input-prefix:has(+input[aria-disabled=true]):focus,.usa-input-prefix:has(+input[aria-disabled=true]).usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input-prefix:has(+input:disabled),.usa-input-prefix:has(+input[aria-disabled=true]){border:0;color:GrayText}.usa-input-prefix:has(+input:disabled):hover,.usa-input-prefix:has(+input:disabled):active,.usa-input-prefix:has(+input:disabled):focus,.usa-input-prefix:has(+input:disabled).usa-focus,.usa-input-prefix:has(+input[aria-disabled=true]):hover,.usa-input-prefix:has(+input[aria-disabled=true]):active,.usa-input-prefix:has(+input[aria-disabled=true]):focus,.usa-input-prefix:has(+input[aria-disabled=true]).usa-focus{color:GrayText}}.usa-input-prefix,.usa-input-suffix{position:absolute;color:#71767a;line-height:0;padding:0 0.5rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.usa-input-prefix .usa-icon,.usa-input-suffix .usa-icon{height:1.5rem;width:1.5rem}.usa-input-prefix+input{padding-left:2.5rem;padding-right:0.5rem}.usa-input-suffix{right:0}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}:host{color:var(--vads-color-base)}:host{display:block;font-family:var(--font-source-sans)}input{-webkit-box-sizing:border-box;box-sizing:border-box}input.usa-input{color:var(--vads-color-base)}.usa-hint{display:block}.currency-wrapper{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.currency-wrapper>div{position:absolute;left:10px}.currency-wrapper #symbol{margin-top:8px}.currency-wrapper #inputField{padding-left:25px}:host([error]:not([error=""])[show-input-error=false]){border-left:0;padding-left:0;margin-left:0}'}}]);
|
package/dist/4064.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([[326,4064],{326:function(e,t,a){function i(e){return!Number.isNaN(parseFloat(e))}function n(e,t){var a=e.shadowRoot.querySelector("slot").assignedNodes();return null!==t?Array.from(a).filter((function(e){return e.nodeName.toLowerCase()===t})):Array.from(a)}function o(e){return 1===e?"":"s"}function r(e,t){if(void 0===e||""===e)return"".concat(t," character").concat(o(t)," allowed");var a;if(e.length<=t){var i=t-e.length;a="".concat(i," character").concat(o(i)," left")}else i=e.length-t,a="".concat(i," character").concat(o(i)," over limit");return a}function s(e,t){return Array.from({length:t-e+1},(function(t,a){return e+a}))}a.r(t),a.d(t,{S:function(){return d},a:function(){return f},b:function(){return r},g:function(){return n},i:function(){return i},m:function(){return s},s:function(){return c}}),a(3798);var l=function(e){return e&&"object"==typeof e&&1===e.nodeType};function c(e,t){var a=function(e,t){if("string"!=typeof e)return[];if(!t||!l(t))return[];var a=t.shadowRoot.querySelectorAll(e);return Array.from(a)}(e,t);return"string"!=typeof e||l(t)&&t.matches(e)&&a.push(t),a}var d={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return d._entities[e]},escapeHTML:function(e){for(var t="",a=0;a<e.length;a++)t+=e[a],a+1<arguments.length&&(t+=String(arguments[a+1]||"").replace(d._entity,d.getEntity));return t}};function f(e){var t;return(t="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&t<=6?"h".concat(t):null}},4064:function(e,t,a){a.r(t),a.d(t,{va_file_input:function(){return W}});var i=a(3798),n=(a(2465),a(326)),o=a(9425),r="usa",s="".concat(r,"-file-input"),l=".".concat(s),c="".concat(r,"-file-input__input"),d="".concat(r,"-file-input__target"),f=".".concat(c),h="".concat(r,"-file-input__box"),u="".concat(r,"-file-input__instructions"),p="".concat(r,"-file-input__preview"),m="".concat(r,"-file-input__preview-heading"),b="".concat(r,"-file-input--disabled"),g="".concat(r,"-file-input__choose"),v="".concat(r,"-file-input__accepted-files-message"),y="".concat(r,"-file-input__drag-text"),x="".concat(r,"-file-input--drag"),w="is-loading",k="has-invalid-file",A="".concat(r,"-file-input__preview-image"),z="".concat(A,"--generic"),T="".concat(A,"--pdf"),S="".concat(A,"--word"),L="".concat(A,"--video"),M="".concat(A,"--excel"),C="".concat(r,"-sr-only"),_="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",E=Boolean(!0),F="",q="",H=function(e){var t=e.charCodeAt(0);return 32===t?"-":t>=65&&t<=90?"img_".concat(e.toLowerCase()):"__000".concat(t.toString(16).slice(-4))},B=function(e){return e.hasAttribute("multiple")?"files":"file"},N=function(e){var t=e.hasAttribute("aria-disabled")||e.hasAttribute("disabled"),a=function(e){var t=document.createElement("div"),a=document.createElement("div"),i=document.createElement("div");return e.classList.remove(s),e.classList.add(c),t.classList.add(s),i.classList.add(h),a.classList.add(d),a.prepend(i),e.parentNode.insertBefore(a,e),e.parentNode.insertBefore(t,a),a.appendChild(e),t.appendChild(a),a}(e),i=function(e){var t=e.closest(l),a=B(e),i=document.createElement("div"),o="Drag ".concat(a," here or"),r="choose from folder";return F="".concat(o," ").concat(r),i.classList.add(u),i.setAttribute("aria-hidden","true"),e.setAttribute("aria-label",F),i.innerHTML=n.S.escapeHTML('<span class="'.concat(y,'">').concat(o,'</span> <span class="').concat(g,'">').concat(r,"</span>")),e.parentNode.insertBefore(i,e),(/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.querySelector(".".concat(y)).outerHTML=""),i}(e),o=function(e){var t=e.closest(l);if(!t)throw new Error("Element is missing outer ".concat(l));var a=t.querySelector(f);return{dropZoneEl:t,inputEl:a}}(e).dropZoneEl;return t?o.classList.add(b):function(e){var t=document.createElement("div"),a=B(e),i=e.closest(l),n=e.closest(".".concat(d));q="No ".concat(a," selected."),t.classList.add(C),t.setAttribute("aria-live","polite"),t.textContent=q,i.insertBefore(t,n)}(e),{instructions:i,dropTarget:a}},R=function(e,t){var a=e.querySelectorAll(".".concat(p)),i=e.querySelector(".".concat(m)),n=e.querySelector(".".concat(v));i&&(i.outerHTML=""),n&&(n.outerHTML="",e.classList.remove(k)),null!==a&&(t&&t.removeAttribute("hidden"),Array.prototype.forEach.call(a,(function(e){e.parentNode.removeChild(e)})))},j=function(e,t,a,i){!function(e,t,a,i){var n=t.getAttribute("accept");i.classList.remove(k);var o=function(e,t){var a=!1;return e.indexOf(t)>=0&&(a=!0),a};if(n){for(var r=n.split(","),s=document.createElement("div"),l=!0,c=e.target.files||e.dataTransfer.files,d=0;d<c.length;d+=1){var f=c[d];if(!l)break;for(var h=0;h<r.length;h+=1){var u=r[h];if(l=f.name.indexOf(u)>0||o(f.type,u.replace(/\*/g,""))){E=!0;break}}}l||(R(i,a),t.value="",i.insertBefore(s,t),s.textContent=t.dataset.errormessage||"This is not a valid file type.",s.classList.add(v),i.classList.add(k),E=!1,e.preventDefault(),e.stopPropagation())}}(e,t,a,i),!0===E&&function(e,t,a,i){var o=t.getAttribute("multiple")?e.target.files:[e.target.files[0]],r=i.closest(".".concat(s)).querySelector(".".concat(C)),l=[];R(i,a);for(var c=function(e){var t,r=new FileReader,s=o[e].name;l.push(s),r.onloadstart=function(){t=function(e){return"".concat(e,"-").concat(Math.floor(Date.now()/1e3))}(function(e){return e.replace(/[^a-z0-9]/g,H)}(s)),a.insertAdjacentHTML("afterend",n.S.escapeHTML('<div class="'.concat(p,'" aria-hidden="true">\n <img id="').concat(t,'" src="').concat(_,'" alt="" class="').concat(A," ").concat(w,'"/>').concat(s,"\n <div>")))},r.onloadend=function(){var e=i.querySelector("#".concat(t));s.indexOf(".pdf")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(_,'"; this.classList.add("').concat(T,'")')):s.indexOf(".doc")>0||s.indexOf(".pages")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(_,'"; this.classList.add("').concat(S,'")')):s.indexOf(".xls")>0||s.indexOf(".numbers")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(_,'"; this.classList.add("').concat(M,'")')):s.indexOf(".mov")>0||s.indexOf(".mp4")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(_,'"; this.classList.add("').concat(L,'")')):e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(_,'"; this.classList.add("').concat(z,'")')),e.classList.remove(w),e.src=r.result},o[e]&&r.readAsDataURL(o[e])},f=0;f<o.length;f+=1)c(f);0===o.length?t.setAttribute("aria-label",F):function(e,t){var a=document.createElement("div"),i=e.closest(".".concat(d)),o=i.querySelector(".".concat(u)),r="Change file",s="";1===t.length?s=n.S.escapeHTML('Selected file <span class="usa-file-input__choose">'.concat(r,"</span>")):t.length>1&&(r="Change files",s=n.S.escapeHTML("".concat(t.length,' files selected <span class="usa-file-input__choose">').concat(r,"</span>"))),o.setAttribute("hidden","true"),a.classList.add(m),a.innerHTML=s,i.insertBefore(a,o),e.setAttribute("aria-label",r)}(t,o),function(e,t,a){var i=e,n=q;1===t.length?n="You have selected the file: ".concat(a):t.length>1&&(n="You have selected ".concat(t.length," files: ").concat(a.join(", "))),setTimeout((function(){i.textContent=n}),1e3)}(r,o,l)}(e,t,a,i)},O={".txt":"text/plain",".pdf":"application/pdf",".doc":"application/msword",".docx":"application/vnd.openxmlformats-officedocument.wordprocessingml.document",".odt":"application/vnd.oasis.opendocument.text",".rtf":"application/rtf",".csv":"text/csv",".xls":"application/vnd.ms-excel",".xlsx":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",".ppt":"application/vnd.ms-powerpoint",".pptx":"application/vnd.openxmlformats-officedocument.presentationml.presentation",".jpg":"image/jpeg",".jpeg":"image/jpeg",".png":"image/png",".gif":"image/gif",".bmp":"image/bmp",".webp":"image/webp",".tif":"image/tiff",".tiff":"image/tiff",".svg":"image/svg+xml",".mp3":"audio/mpeg",".wav":"audio/wav",".ogg":"audio/ogg",".m4a":"audio/mp4",".aac":"audio/aac",".mp4":"video/mp4",".avi":"video/x-msvideo",".mov":"video/quicktime",".wmv":"video/x-ms-wmv",".flv":"video/x-flv",".mkv":"video/x-matroska",".webm":"video/webm",".zip":"application/zip",".rar":"application/x-rar-compressed",".7z":"application/x-7z-compressed",".tar":"application/x-tar",".gz":"application/gzip",".json":"application/json",".xml":"application/xml",".html":"text/html",".htm":"text/html",".css":"text/css",".js":"application/javascript"},W=function(){function e(e){var t=this;(0,i.r)(this,e),this.vaChange=(0,i.c)(this,"vaChange",7),this.componentLibraryAnalytics=(0,i.c)(this,"component-library-analytics",7),this.uploadStatus="idle",this.defaultUploadMessage=(0,i.h)("span",null,"Drag a file here or"," ",(0,i.h)("span",{class:"file-input-choose-text"},"choose from folder")),this.handleChange=function(e){var a=e.target;a.files&&a.files.length>0&&t.handleFile(a.files[0]),a.value=""},this.handleDrop=function(e){e.preventDefault(),e.stopPropagation();var a=e.dataTransfer.files;a.length>0&&t.handleFile(a[0])},this.handleFile=function(e,a){if(void 0===a&&(a=!0),t.accept){var i=t.normalizeAcceptProp(t.accept);if(!t.isAcceptedFileType(e.type,i))return t.removeFile(!1),void(t.internalError="This is not a valid file type.")}t.uploadedFile=null,t.file=e,a&&t.vaChange.emit({files:[t.file]}),t.uploadStatus="success",t.internalError=null,t.generateFileContents(t.file),t.updateStatusMessage("You have selected the file: ".concat(t.file.name)),t.el.focus(),t.enableAnalytics&&t.componentLibraryAnalytics.emit({componentName:"va-file-input",action:"change",details:{label:t.label}})},this.removeFile=function(e){void 0===e&&(e=!0),t.closeModal(),t.uploadStatus="idle",t.internalError=null,e&&t.vaChange.emit({files:[]}),t.file=null,t.uploadedFile=null,t.updateStatusMessage("File removed. No file selected."),t.el.focus()},this.openModal=function(){t.el.shadowRoot.querySelector("va-modal").setAttribute("status","warning"),t.showModal=!0},this.closeModal=function(){t.showModal=!1,setTimeout((function(){t.fileInputRef.focus()}),0)},this.changeFile=function(){t.fileInputRef&&t.fileInputRef.click()},this.formatFileSize=function(e){var t=["B","KB","MB","GB","TB"];if(0===e)return"0 B";var a=Math.floor(Math.log(e)/Math.log(1024));if(0===a)return"".concat(e," ").concat(t[a]);var i=(e/Math.pow(1024,a)).toFixed(a<2?0:1);return"".concat(i," ").concat(t[a])},this.normalizeAcceptProp=function(e){return e.split(",").map((function(e){return(e=e.trim()).startsWith(".")?O[e]:e}))},this.isAcceptedFileType=function(e,t){for(var a=0,i=t;a<i.length;a++){var n=i[a];if(n===e)return!0;if(n.endsWith("/*")&&e.startsWith(n.slice(0,-1)))return!0}return!1},this.renderLabelOrHeader=function(e,t,a){var n=t?(0,i.h)("span",{class:"required"}," ",o.i.t("required")):null;if(a&&a>=1&&a<=6){var r="h".concat(a);return(0,i.h)("div",{class:"label-header"},(0,i.h)(r,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,n))}return(0,i.h)("div",{class:"label-header"},(0,i.h)("label",{htmlFor:"fileInputField",part:"label",class:"usa-label"},e,n))},this.file=void 0,this.fileContents=void 0,this.internalError=void 0,this.showModal=!1,this.showSeparator=!0,this.label=void 0,this.name=void 0,this.buttonText=void 0,this.value=void 0,this.required=!1,this.accept=void 0,this.error=void 0,this.hint=void 0,this.statusText=void 0,this.uploadMessage=this.defaultUploadMessage,this.enableAnalytics=!1,this.headerSize=void 0,this.headless=!1,this.readOnly=!1,this.uploadedFile=void 0}return e.prototype.handleValueChange=function(e){var t=this;setTimeout((function(){t.updateStatusMessage(e)}))},e.prototype.updateStatusMessage=function(e){var t=this;setTimeout((function(){var a=t.el.shadowRoot.querySelector("#statusMessage");a&&(a.textContent=e)}),1e3)},e.prototype.generateFileContents=function(e){var t=this;if(e){var a=new FileReader;this.fileType=e.type,a.onloadend=function(){t.fileContents=a.result},this.fileType&&("application/pdf"===this.fileType||this.fileType.startsWith("image/"))&&a.readAsDataURL(e)}},e.prototype.componentWillRender=function(){var e=!!this.el.querySelector(":scope > *"),t=!(!this.value&&!this.file||this.readOnly);this.showSeparator=e||t},e.prototype.componentDidLoad=function(){!function(e){(0,n.s)(l,e).forEach((function(e){var t=N(e),a=t.instructions,i=t.dropTarget;i.addEventListener("dragover",(function(){this.classList.add(x)}),!1),i.addEventListener("dragleave",(function(){this.classList.remove(x)}),!1),i.addEventListener("drop",(function(t){t.preventDefault(),this.classList.remove(x);var n=t.dataTransfer;if(t.target.files=n.files,!(n.files.length>1)){j(t,e,a,i);var o=new CustomEvent("change",{detail:{files:n.files}});e.dispatchEvent(o)}}),!1),e.addEventListener("input",(function(t){return j(t,e,a,i)}),!1)}))}(this.el)},e.prototype.connectedCallback=function(){this.el.addEventListener("change",this.handleChange)},e.prototype.disconnectedCallback=function(){this.el.removeEventListener("change",this.handleChange)},e.prototype.render=function(){var e=this,t=this,a=t.label,n=t.name,r=t.required,s=t.accept,l=t.error,c=t.hint,d=t.file,f=t.uploadStatus,h=t.headerSize,u=t.fileContents,p=t.fileType,m=t.headless,b=t.value,g=t.readOnly,v=t.statusText,y=t.uploadedFile;b&&!this.file&&this.handleFile(b,!1);var x=this.error||this.internalError,w="".concat(c?"input-hint-message":""," ").concat(x?"input-error-message":"").trim()||null,k="file-input-target ".concat(x?"file-input-target-error":"").trim(),A=(0,i.h)("div",{key:"496a83db888503a529906a71f0576477c01247d8",class:"thumbnail-container"},(0,i.h)("svg",{key:"d9e84288a3a9f83b5821424a7d931d764f71251a",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"#07648d",width:"40px",height:"40px"},(0,i.h)("path",{key:"1995dddaca15435c338347bf5beb95367c6cba0c",d:"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"})));l?A=(0,i.h)("div",{key:"d35d609122919da7d11c778121da54214a2f4c5f",class:"thumbnail-container"},(0,i.h)("va-icon",{key:"56f4e2b6529a36c3ae9251baf6a70398e194f69e",icon:"error",size:3,class:"thumbnail-preview thumbnail-error"})):u&&(p.startsWith("image/")?A=(0,i.h)("div",{key:"2dd2a777bf05a24713f48498ada5d94fa158bba3",class:"thumbnail-container","aria-hidden":"true"},(0,i.h)("img",{key:"400d3c6c1535f0149b049ad85e9a337c858cb4a8",class:"thumbnail-preview",src:u,alt:"image"})):"application/pdf"===p&&(A=(0,i.h)("div",{key:"774ee2e461079defd6fefa99bdddf0d6cff3ca35",class:"thumbnail-container","aria-hidden":"true"},(0,i.h)("object",{key:"226df8e35e81dee2e3105dd6158a49cf7948e2fa",class:"thumbnail-preview",data:u,type:"application/pdf"}))));var z=m?"headless-selected-files-wrapper":"selected-files-wrapper",T="usa-hint"+(m?" usa-sr-only":"");return this.uploadMessage||(this.uploadMessage=this.defaultUploadMessage),(0,i.h)(i.H,{key:"820a69fa6a590f4a55c5dd3de6e378e649c4db28",class:{"has-error":!!x}},!g&&(0,i.h)("span",{key:"a647092bdb331aa18462b9463b8284721eef77bd",class:{"usa-sr-only":!!m}},a&&this.renderLabelOrHeader(a,r,h)),c&&!g&&(0,i.h)("div",{key:"eca7741f326bc8b167fc275eb1183e46382e08cc",class:T,id:"input-hint-message"},c),(0,i.h)("div",{key:"5c26ade4064d147b28e29754b97f42c472aaea5b",class:"file-input-wrapper",onDrop:this.handleDrop},(0,i.h)("input",{key:"dadd634971b22f2553af42006eb4ae1af2c30f5a",id:"fileInputField",class:"file-input",style:{visibility:"success"===this.uploadStatus||y?"hidden":"unset"},type:"file",ref:function(t){return e.fileInputRef=t},name:n,accept:s,"aria-describedby":w,onChange:this.handleChange}),"idle"===f&&!y&&(0,i.h)("div",{key:"07af61756a4b80bc4706b8ed31a603ca1ab25d4e"},(0,i.h)("span",{key:"e828be34d1814546f9a529872a9a108f1ea40334",id:"file-input-error-alert",role:"alert"},x&&(0,i.h)(i.F,{key:"a91d50734a6d9752d28e3b081d746695d0c784b0"},(0,i.h)("span",{key:"1c329986e7d9a6f0b90caa0d80b8ef364f0e55ff",class:"usa-sr-only"},o.i.t("error")),(0,i.h)("span",{key:"385cab81a1e3465ca02da5b6c7a09a7942db10af",class:"usa-error-message"},x))),(0,i.h)("div",{key:"144601a5d993f8284f8ca8792c7fd5a3c09f1bbc",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),(0,i.h)("div",{key:"30aaacf21e81bd3f8b1597311efc1ec1087526e1",class:k},(0,i.h)("div",{key:"ebffb6ed87acc46144c30367fcc013b06af92494",class:"file-input-box"}),(0,i.h)("div",{key:"ad86c94326c2ffd8f6199cb2f5c935e03e4f762c",class:"file-input-instructions"},this.uploadMessage))),("idle"!==f||y)&&(0,i.h)("div",{key:"5e4a6489c911d0878dca78fad93fdb1d10507abf",class:z},!m&&(0,i.h)("div",{key:"89a2cd4a71c9c156d9417cba8bae9f38fe767d41",class:"selected-files-label"},g?"Files you uploaded":"Selected files"),(0,i.h)("div",{key:"9b9b2c0fc4dca8ade39f69af3e005c670a51c371",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),(0,i.h)("va-card",{key:"d75735d2691f1a3e4102595e5e83ec96af3fb767",class:"va-card"},(0,i.h)("div",{key:"784fff5ce44056669d6f4b15f87507b635e2d6d1",class:"file-info-section"},A,(0,i.h)("div",{key:"e4f35d1b01d3ee78bed4fbd29e15deb1c1eb8af3",class:"file-info-group vads-u-line-height--2"},(0,i.h)("span",{key:"7baab14912f62d7223ce2dd9ecfca8ce885a64e1",class:"file-label"},d?d.name:y.name),x&&(0,i.h)("span",{key:"8f6e15f8dabad3adf16b880d5f6ec37c7dcb96c0",id:"input-error-message",role:"alert"},(0,i.h)("span",{key:"32756cf9cff0d04e23e43dc5149c86df94de9ba6",class:"usa-sr-only"},o.i.t("error")),(0,i.h)("span",{key:"40cd353100dfc6f5f25c36c2ee65e4ed21afcc83",class:"usa-error-message"},x)),(0,i.h)("span",{key:"6435ef4a8624723b95c0661baa324a2d5039892a",class:"file-size-label"},this.formatFileSize(d?d.size:y.size)),(0,i.h)("span",{key:"8cedd9443a11454cb3ba6307e3bf5329dd06b1db",class:"file-status-label","aria-live":"polite"},v))),(d||b||y)&&(0,i.h)("div",{key:"7bd3225a8b536cda2e38e92521b53a3d021e3fc6"},this.showSeparator&&(0,i.h)("hr",{key:"56107c7b5becd3900ac2463a36a11d0ba219d45b",class:"separator"}),(0,i.h)("div",{key:"e4cf046dead718fadb0242b75b4c980d25ea2fa0",class:"additional-info-slot"},(0,i.h)("slot",{key:"8da5534d2f8361a5c668bb50f8db67f2e217f876"})),!g&&(0,i.h)(i.F,{key:"bd303615d89ff1648d7da379bbaf54091f63ce6d"},(0,i.h)("div",{key:"91afa558e0a478e409e0136be8c762f80c5d76c3",class:"file-button-section"},(0,i.h)("va-button-icon",{key:"247b4720e13d996d520fd656f1ef5a99c96cde19",buttonType:"change-file",onClick:this.changeFile,label:"Change file","aria-label":"change file ".concat(d?d.name:y.name)}),(0,i.h)("va-button-icon",{key:"9998c86585ad9a04461e67f3c724bef8b7185f37",buttonType:"delete",onClick:this.openModal,"aria-label":"delete file ".concat(d?d.name:y.name),label:"Delete"})),(0,i.h)("va-modal",{key:"63ac1ca9bd72cfd6a7b38816edeec4030f80230a",modalTitle:"Delete this file?",visible:this.showModal,primaryButtonText:"Yes, remove this",secondaryButtonText:"No, keep this",onCloseEvent:this.closeModal,onPrimaryButtonClick:function(){return e.removeFile(!0)},onSecondaryButtonClick:this.closeModal},"We'll remove the uploaded document"," ",(0,i.h)("span",{key:"65e10cce39682618bc72a039f03865c3cdac821b",class:"file-label"},d?d.name:y.name))))))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,i.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e,"watchers",{get:function(){return{statusText:["handleValueChange"]}},enumerable:!1,configurable:!0}),e}();W.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}[hidden]{display:none}:host{display:block;font-family:var(--font-source-sans);font-size:16.96px;}:host .label-header{color:var(--vads-color-base);font-weight:var(--font-weight-normal)}:host .label-header-tag{margin:0;display:inline-block}:host .file-input-wrapper{display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host .file-input{cursor:pointer;height:100%;width:100%;max-width:none;top:0;left:0;z-index:1;margin:0;position:absolute;text-indent:-999em;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target{border:1px dashed var(--vads-color-action-border-base-active-on-dark);display:block;margin-top:0.3125rem;position:relative;text-align:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target.file-input-target-error{border:2px dashed var(--vads-color-secondary-dark)}:host .file-input-box{background:var(--vads-color-white);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}:host .file-input-instructions{font-size:1.06rem;padding:1.25rem 0.625rem;pointer-events:none;position:relative;z-index:3}:host .file-input-choose-text{color:var(--vads-color-link);text-decoration:underline;font-weight:var(--font-weight-normal)}:host .file-icon{color:var(--vads-color-primary-alt-darkest)}:host .selected-files-wrapper{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light)}:host .selected-files-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;border-bottom:1px solid var(--vads-color-white);margin-bottom:8px;padding:8px}:host .va-card{margin:8px}:host .file-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;padding:0 8px;display:block;width:100%;word-wrap:break-word;word-break:break-word;overflow:hidden}:host #input-error-message{padding:0 8px;width:100%}:host .file-size-label,:host .file-status-label{color:var(--vads-color-base-dark);font-weight:var(--font-weight-normal);font-size:1.06rem;padding:0 8px;display:block}:host .file-status-label{font-style:italic}:host .file-info-section{padding:0 8px 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .file-button-section{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}:host .file-button-section>va-button-icon{font-size:1.06rem}@media screen and (max-width: 320px){:host .file-button-section{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}:host .separator{border:0;border-top:1px solid var(--vads-color-base-lighter);margin:0}:host .vads-u-line-height--2{line-height:1.15}:host .thumbnail-container{height:40px;width:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .thumbnail-preview{max-width:40px;width:auto;max-height:40px;height:auto}:host .thumbnail-error{color:#b21d38}:host(.has-error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host(.has-error){margin-left:-0.9rem}}.required{color:var(--vads-color-secondary-dark);margin-left:0.25rem}h1 .required,h2 .required,h3 .required,h4 .required,h5 .required,h6 .required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}'}}]);
|
|
1
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[326,4064],{326:function(e,t,a){function i(e){return!Number.isNaN(parseFloat(e))}function n(e,t){var a=e.shadowRoot.querySelector("slot").assignedNodes();return null!==t?Array.from(a).filter((function(e){return e.nodeName.toLowerCase()===t})):Array.from(a)}function o(e){return 1===e?"":"s"}function r(e,t){if(void 0===e||""===e)return"".concat(t," character").concat(o(t)," allowed");var a;if(e.length<=t){var i=t-e.length;a="".concat(i," character").concat(o(i)," left")}else i=e.length-t,a="".concat(i," character").concat(o(i)," over limit");return a}function s(e,t){return Array.from({length:t-e+1},(function(t,a){return e+a}))}a.r(t),a.d(t,{S:function(){return d},a:function(){return f},b:function(){return r},g:function(){return n},i:function(){return i},m:function(){return s},s:function(){return c}}),a(3798);var l=function(e){return e&&"object"==typeof e&&1===e.nodeType};function c(e,t){var a=function(e,t){if("string"!=typeof e)return[];if(!t||!l(t))return[];var a=t.shadowRoot.querySelectorAll(e);return Array.from(a)}(e,t);return"string"!=typeof e||l(t)&&t.matches(e)&&a.push(t),a}var d={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return d._entities[e]},escapeHTML:function(e){for(var t="",a=0;a<e.length;a++)t+=e[a],a+1<arguments.length&&(t+=String(arguments[a+1]||"").replace(d._entity,d.getEntity));return t}};function f(e){var t;return(t="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&t<=6?"h".concat(t):null}},4064:function(e,t,a){a.r(t),a.d(t,{va_file_input:function(){return W}});var i=a(3798),n=(a(2465),a(326)),o=a(9425),r="usa",s="".concat(r,"-file-input"),l=".".concat(s),c="".concat(r,"-file-input__input"),d="".concat(r,"-file-input__target"),f=".".concat(c),h="".concat(r,"-file-input__box"),u="".concat(r,"-file-input__instructions"),p="".concat(r,"-file-input__preview"),m="".concat(r,"-file-input__preview-heading"),b="".concat(r,"-file-input--disabled"),g="".concat(r,"-file-input__choose"),v="".concat(r,"-file-input__accepted-files-message"),y="".concat(r,"-file-input__drag-text"),x="".concat(r,"-file-input--drag"),w="is-loading",k="has-invalid-file",A="".concat(r,"-file-input__preview-image"),z="".concat(A,"--generic"),S="".concat(A,"--pdf"),T="".concat(A,"--word"),L="".concat(A,"--video"),M="".concat(A,"--excel"),C="".concat(r,"-sr-only"),_="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",F=Boolean(!0),E="",q="",H=function(e){var t=e.charCodeAt(0);return 32===t?"-":t>=65&&t<=90?"img_".concat(e.toLowerCase()):"__000".concat(t.toString(16).slice(-4))},B=function(e){return e.hasAttribute("multiple")?"files":"file"},N=function(e){var t=e.hasAttribute("aria-disabled")||e.hasAttribute("disabled"),a=function(e){var t=document.createElement("div"),a=document.createElement("div"),i=document.createElement("div");return e.classList.remove(s),e.classList.add(c),t.classList.add(s),i.classList.add(h),a.classList.add(d),a.prepend(i),e.parentNode.insertBefore(a,e),e.parentNode.insertBefore(t,a),a.appendChild(e),t.appendChild(a),a}(e),i=function(e){var t=e.closest(l),a=B(e),i=document.createElement("div"),o="Drag ".concat(a," here or"),r="choose from folder";return E="".concat(o," ").concat(r),i.classList.add(u),i.setAttribute("aria-hidden","true"),e.setAttribute("aria-label",E),i.innerHTML=n.S.escapeHTML('<span class="'.concat(y,'">').concat(o,'</span> <span class="').concat(g,'">').concat(r,"</span>")),e.parentNode.insertBefore(i,e),(/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.querySelector(".".concat(y)).outerHTML=""),i}(e),o=function(e){var t=e.closest(l);if(!t)throw new Error("Element is missing outer ".concat(l));var a=t.querySelector(f);return{dropZoneEl:t,inputEl:a}}(e).dropZoneEl;return t?o.classList.add(b):function(e){var t=document.createElement("div"),a=B(e),i=e.closest(l),n=e.closest(".".concat(d));q="No ".concat(a," selected."),t.classList.add(C),t.setAttribute("aria-live","polite"),t.textContent=q,i.insertBefore(t,n)}(e),{instructions:i,dropTarget:a}},R=function(e,t){var a=e.querySelectorAll(".".concat(p)),i=e.querySelector(".".concat(m)),n=e.querySelector(".".concat(v));i&&(i.outerHTML=""),n&&(n.outerHTML="",e.classList.remove(k)),null!==a&&(t&&t.removeAttribute("hidden"),Array.prototype.forEach.call(a,(function(e){e.parentNode.removeChild(e)})))},j=function(e,t,a,i){!function(e,t,a,i){var n=t.getAttribute("accept");i.classList.remove(k);var o=function(e,t){var a=!1;return e.indexOf(t)>=0&&(a=!0),a};if(n){for(var r=n.split(","),s=document.createElement("div"),l=!0,c=e.target.files||e.dataTransfer.files,d=0;d<c.length;d+=1){var f=c[d];if(!l)break;for(var h=0;h<r.length;h+=1){var u=r[h];if(l=f.name.indexOf(u)>0||o(f.type,u.replace(/\*/g,""))){F=!0;break}}}l||(R(i,a),t.value="",i.insertBefore(s,t),s.textContent=t.dataset.errormessage||"This is not a valid file type.",s.classList.add(v),i.classList.add(k),F=!1,e.preventDefault(),e.stopPropagation())}}(e,t,a,i),!0===F&&function(e,t,a,i){var o=t.getAttribute("multiple")?e.target.files:[e.target.files[0]],r=i.closest(".".concat(s)).querySelector(".".concat(C)),l=[];R(i,a);for(var c=function(e){var t,r=new FileReader,s=o[e].name;l.push(s),r.onloadstart=function(){t=function(e){return"".concat(e,"-").concat(Math.floor(Date.now()/1e3))}(function(e){return e.replace(/[^a-z0-9]/g,H)}(s)),a.insertAdjacentHTML("afterend",n.S.escapeHTML('<div class="'.concat(p,'" aria-hidden="true">\n <img id="').concat(t,'" src="').concat(_,'" alt="" class="').concat(A," ").concat(w,'"/>').concat(s,"\n <div>")))},r.onloadend=function(){var e=i.querySelector("#".concat(t));s.indexOf(".pdf")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(_,'"; this.classList.add("').concat(S,'")')):s.indexOf(".doc")>0||s.indexOf(".pages")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(_,'"; this.classList.add("').concat(T,'")')):s.indexOf(".xls")>0||s.indexOf(".numbers")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(_,'"; this.classList.add("').concat(M,'")')):s.indexOf(".mov")>0||s.indexOf(".mp4")>0?e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(_,'"; this.classList.add("').concat(L,'")')):e.setAttribute("onerror",'this.onerror=null;this.src="'.concat(_,'"; this.classList.add("').concat(z,'")')),e.classList.remove(w),e.src=r.result},o[e]&&r.readAsDataURL(o[e])},f=0;f<o.length;f+=1)c(f);0===o.length?t.setAttribute("aria-label",E):function(e,t){var a=document.createElement("div"),i=e.closest(".".concat(d)),o=i.querySelector(".".concat(u)),r="Change file",s="";1===t.length?s=n.S.escapeHTML('Selected file <span class="usa-file-input__choose">'.concat(r,"</span>")):t.length>1&&(r="Change files",s=n.S.escapeHTML("".concat(t.length,' files selected <span class="usa-file-input__choose">').concat(r,"</span>"))),o.setAttribute("hidden","true"),a.classList.add(m),a.innerHTML=s,i.insertBefore(a,o),e.setAttribute("aria-label",r)}(t,o),function(e,t,a){var i=e,n=q;1===t.length?n="You have selected the file: ".concat(a):t.length>1&&(n="You have selected ".concat(t.length," files: ").concat(a.join(", "))),setTimeout((function(){i.textContent=n}),1e3)}(r,o,l)}(e,t,a,i)},O={".txt":"text/plain",".pdf":"application/pdf",".doc":"application/msword",".docx":"application/vnd.openxmlformats-officedocument.wordprocessingml.document",".odt":"application/vnd.oasis.opendocument.text",".rtf":"application/rtf",".csv":"text/csv",".xls":"application/vnd.ms-excel",".xlsx":"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",".ppt":"application/vnd.ms-powerpoint",".pptx":"application/vnd.openxmlformats-officedocument.presentationml.presentation",".jpg":"image/jpeg",".jpeg":"image/jpeg",".png":"image/png",".gif":"image/gif",".bmp":"image/bmp",".webp":"image/webp",".tif":"image/tiff",".tiff":"image/tiff",".svg":"image/svg+xml",".mp3":"audio/mpeg",".wav":"audio/wav",".ogg":"audio/ogg",".m4a":"audio/mp4",".aac":"audio/aac",".mp4":"video/mp4",".avi":"video/x-msvideo",".mov":"video/quicktime",".wmv":"video/x-ms-wmv",".flv":"video/x-flv",".mkv":"video/x-matroska",".webm":"video/webm",".zip":"application/zip",".rar":"application/x-rar-compressed",".7z":"application/x-7z-compressed",".tar":"application/x-tar",".gz":"application/gzip",".json":"application/json",".xml":"application/xml",".html":"text/html",".htm":"text/html",".css":"text/css",".js":"application/javascript"},W=function(){function e(e){var t=this;(0,i.r)(this,e),this.vaChange=(0,i.c)(this,"vaChange",7),this.componentLibraryAnalytics=(0,i.c)(this,"component-library-analytics",7),this.uploadStatus="idle",this.defaultUploadMessage=(0,i.h)("span",null,"Drag a file here or"," ",(0,i.h)("span",{class:"file-input-choose-text"},"choose from folder")),this.handleChange=function(e){var a=e.target;a.files&&a.files.length>0&&t.handleFile(a.files[0]),a.value=""},this.handleDrop=function(e){e.preventDefault(),e.stopPropagation();var a=e.dataTransfer.files;a.length>0&&t.handleFile(a[0])},this.handleFile=function(e,a){if(void 0===a&&(a=!0),t.accept){var i=t.normalizeAcceptProp(t.accept);if(!t.isAcceptedFileType(e.type,i))return t.removeFile(!1),void(t.internalError="This is not a valid file type.")}if(e.size>t.maxFileSize)return t.internalError="\n We can't upload your file because it's too big. Files must be less than ".concat(t.formatFileSize(t.maxFileSize),"."),t.fileContents=null,void(t.uploadStatus="idle");t.uploadedFile=null,t.file=e,a&&t.vaChange.emit({files:[t.file]}),t.uploadStatus="success",t.internalError=null,t.generateFileContents(t.file),t.updateStatusMessage("You have selected the file: ".concat(t.file.name)),t.el.focus(),t.enableAnalytics&&t.componentLibraryAnalytics.emit({componentName:"va-file-input",action:"change",details:{label:t.label}})},this.removeFile=function(e){void 0===e&&(e=!0),t.closeModal(),t.uploadStatus="idle",t.internalError=null,e&&t.vaChange.emit({files:[]}),t.file=null,t.uploadedFile=null,t.updateStatusMessage("File removed. No file selected."),t.el.focus()},this.openModal=function(){t.el.shadowRoot.querySelector("va-modal").setAttribute("status","warning"),t.showModal=!0},this.closeModal=function(){t.showModal=!1,setTimeout((function(){t.fileInputRef.focus()}),0)},this.changeFile=function(){t.fileInputRef&&t.fileInputRef.click()},this.formatFileSize=function(e){var t=["B","KB","MB","GB","TB"];if(0===e)return"0 B";var a=Math.floor(Math.log(e)/Math.log(1024));if(0===a)return"".concat(e," ").concat(t[a]);var i=(e/Math.pow(1024,a)).toFixed(a<2?0:1);return"".concat(i," ").concat(t[a])},this.normalizeAcceptProp=function(e){return e.split(",").map((function(e){return(e=e.trim()).startsWith(".")?O[e]:e}))},this.isAcceptedFileType=function(e,t){for(var a=0,i=t;a<i.length;a++){var n=i[a];if(n===e)return!0;if(n.endsWith("/*")&&e.startsWith(n.slice(0,-1)))return!0}return!1},this.renderLabelOrHeader=function(e,t,a){var n=t?(0,i.h)("span",{class:"required"}," ",o.i.t("required")):null;if(a&&a>=1&&a<=6){var r="h".concat(a);return(0,i.h)("div",{class:"label-header"},(0,i.h)(r,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,n))}return(0,i.h)("div",{class:"label-header"},(0,i.h)("label",{htmlFor:"fileInputField",part:"label",class:"usa-label"},e,n))},this.file=void 0,this.fileContents=void 0,this.internalError=void 0,this.showModal=!1,this.showSeparator=!0,this.label=void 0,this.name=void 0,this.buttonText=void 0,this.value=void 0,this.required=!1,this.accept=void 0,this.error=void 0,this.hint=void 0,this.statusText=void 0,this.uploadMessage=this.defaultUploadMessage,this.enableAnalytics=!1,this.headerSize=void 0,this.headless=!1,this.readOnly=!1,this.uploadedFile=void 0,this.maxFileSize=1/0}return e.prototype.handleValueChange=function(e){var t=this;setTimeout((function(){t.updateStatusMessage(e)}))},e.prototype.updateStatusMessage=function(e){var t=this;setTimeout((function(){var a=t.el.shadowRoot.querySelector("#statusMessage");a&&(a.textContent=e)}),1e3)},e.prototype.generateFileContents=function(e){var t=this;if(e){var a=new FileReader;this.fileType=e.type,a.onloadend=function(){t.fileContents=a.result},this.fileType&&("application/pdf"===this.fileType||this.fileType.startsWith("image/"))&&a.readAsDataURL(e)}},e.prototype.componentWillRender=function(){var e=!!this.el.querySelector(":scope > *"),t=!(!this.value&&!this.file||this.readOnly);this.showSeparator=e||t},e.prototype.componentDidLoad=function(){!function(e){(0,n.s)(l,e).forEach((function(e){var t=N(e),a=t.instructions,i=t.dropTarget;i.addEventListener("dragover",(function(){this.classList.add(x)}),!1),i.addEventListener("dragleave",(function(){this.classList.remove(x)}),!1),i.addEventListener("drop",(function(t){t.preventDefault(),this.classList.remove(x);var n=t.dataTransfer;if(t.target.files=n.files,!(n.files.length>1)){j(t,e,a,i);var o=new CustomEvent("change",{detail:{files:n.files}});e.dispatchEvent(o)}}),!1),e.addEventListener("input",(function(t){return j(t,e,a,i)}),!1)}))}(this.el)},e.prototype.connectedCallback=function(){this.el.addEventListener("change",this.handleChange)},e.prototype.disconnectedCallback=function(){this.el.removeEventListener("change",this.handleChange)},e.prototype.render=function(){var e=this,t=this,a=t.label,n=t.name,r=t.required,s=t.accept,l=t.error,c=t.hint,d=t.file,f=t.uploadStatus,h=t.headerSize,u=t.fileContents,p=t.fileType,m=t.headless,b=t.value,g=t.readOnly,v=t.statusText,y=t.uploadedFile;b&&!this.file&&this.handleFile(b,!1);var x=this.error||this.internalError,w="".concat(c?"input-hint-message":""," ").concat(x?"input-error-message":"").trim()||null,k="file-input-target ".concat(x?"file-input-target-error":"").trim(),A=(0,i.h)("div",{key:"c8386dd183ae18c38d25414b217b74a52df8f97a",class:"thumbnail-container"},(0,i.h)("svg",{key:"9cd9ecfc6574b69792ad7fb564e7570da28c3701",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",fill:"#07648d",width:"40px",height:"40px"},(0,i.h)("path",{key:"352cd2913f2fc1170d9ce4459d154981a1ac7174",d:"M224 136V0H24C10.7 0 0 10.7 0 24v464c0 13.3 10.7 24 24 24h336c13.3 0 24-10.7 24-24V160H248c-13.2 0-24-10.8-24-24zm160-14.1v6.1H256V0h6.1c6.4 0 12.5 2.5 17 7l97.9 98c4.5 4.5 7 10.6 7 16.9z"})));l?A=(0,i.h)("div",{key:"983fcb2a7b81a1691b4902bce160d896cc39a229",class:"thumbnail-container"},(0,i.h)("va-icon",{key:"0aca47c7acef3ef598c2fc33edebcdc8ba6c0cf7",icon:"error",size:3,class:"thumbnail-preview thumbnail-error"})):u&&(p.startsWith("image/")?A=(0,i.h)("div",{key:"fb7d6b83ba74ddb8bf2b12d50ae43b5df6fbc2a7",class:"thumbnail-container","aria-hidden":"true"},(0,i.h)("img",{key:"a5878c3034df8c8ded8c93bf6a6e2c67726b7621",class:"thumbnail-preview",src:u,alt:"image"})):"application/pdf"===p&&(A=(0,i.h)("div",{key:"69ebedae991c8788a6c95421ba1233cae1a0a759",class:"thumbnail-container","aria-hidden":"true"},(0,i.h)("object",{key:"7f954260f74fe574a6bae9b2676d04b3de73d669",class:"thumbnail-preview",data:u,type:"application/pdf"}))));var z=m?"headless-selected-files-wrapper":"selected-files-wrapper",S="usa-hint"+(m?" usa-sr-only":"");return this.uploadMessage||(this.uploadMessage=this.defaultUploadMessage),(0,i.h)(i.H,{key:"1d456aec3ce70cb6bea0682e3012a7b12e774d58",class:{"has-error":!!x}},!g&&(0,i.h)("span",{key:"c025b956f716c6bfa561a5fd57e1e069725c09e1",class:{"usa-sr-only":!!m}},a&&this.renderLabelOrHeader(a,r,h)),c&&!g&&(0,i.h)("div",{key:"81dc56922035cf978e24af8b558b398cda1e4021",class:S,id:"input-hint-message"},c),(0,i.h)("div",{key:"c78982f5bf5d390287081388cbf453bf524c5ae4",class:"file-input-wrapper",onDrop:this.handleDrop},(0,i.h)("input",{key:"0747f2157ffc6f1c733afd98c93f203adc443599",id:"fileInputField",class:"file-input",style:{visibility:"success"===this.uploadStatus||y?"hidden":"unset"},type:"file",ref:function(t){return e.fileInputRef=t},name:n,accept:s,"aria-describedby":w,onChange:this.handleChange}),"idle"===f&&!y&&(0,i.h)("div",{key:"6bd756871f05a37afa1c42a3c62889af818ec1cc"},(0,i.h)("span",{key:"d9e784198ba34782fe40c46de6c2ea0f9ad31b49",id:"file-input-error-alert",role:"alert"},x&&(0,i.h)(i.F,{key:"462f0974c2a7de8bfc4a6361b85883a09f09106c"},(0,i.h)("span",{key:"aaaa3bd3d79cc9c0127e02239b483f3de3b01046",class:"usa-sr-only"},o.i.t("error")),(0,i.h)("span",{key:"11ab265122698c5a924f2e549fca4d8df0ef735b",class:"usa-error-message"},x))),(0,i.h)("div",{key:"6b64578fa9c8c3f4c4355c7cc2f4d68c48815113",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),(0,i.h)("div",{key:"9fd97a14fb79eb864e02b4c6faf33410d508fb9b",class:k},(0,i.h)("div",{key:"3df5819db18b8e0248157877e333ea36d7295ffb",class:"file-input-box"}),(0,i.h)("div",{key:"cb94ae6292372faf86271e63959d4968e508203a",class:"file-input-instructions"},this.uploadMessage))),("idle"!==f||y)&&(0,i.h)("div",{key:"a2eb99a7ef7bb18609e1359d0b2b9ddc17207c68",class:z},!m&&(0,i.h)("div",{key:"c87287ff7518002911177a4ad34c0be8c9b6a2bc",class:"selected-files-label"},g?"Files you uploaded":"Selected files"),(0,i.h)("div",{key:"f8150b8948d5b92c5f224d7099ac9621251175d1",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),(0,i.h)("va-card",{key:"c8751c235c9055d6f8fb1ba842b474884f2c3994",class:"va-card"},(0,i.h)("div",{key:"54aa5062335fa6005b028fdaf0f7f73ded54bd05",class:"file-info-section"},A,(0,i.h)("div",{key:"3f778d26008b327dfb8ce451af739a77368db64d",class:"file-info-group vads-u-line-height--2"},(0,i.h)("span",{key:"ed83d7084fd35e612a8e8d08f6b0f3dcbaf6761a",class:"file-label"},d?d.name:y.name),x&&(0,i.h)("span",{key:"da0f7acc8adbe4561a91212ee8f79aa4f9b1c945",id:"input-error-message",role:"alert"},(0,i.h)("span",{key:"314f0234b1a9f0ddfd35162b6309c3372ad0c302",class:"usa-sr-only"},o.i.t("error")),(0,i.h)("span",{key:"b6ff8e9f935d8bdc743da1b968c6709ee29347ed","aria-live":"polite",class:"usa-error-message"},x)),(0,i.h)("span",{key:"7348da7b5b54588bd3e74839222e2b8969e79c25",class:"file-size-label"},this.formatFileSize(d?d.size:y.size)),(0,i.h)("span",{key:"d50d4ed09f89746503ad879bf7aa26163cd35b77",class:"file-status-label","aria-live":"polite"},v))),(d||b||y)&&(0,i.h)("div",{key:"6405fc2e466508158a86911920cc3e5bedcb449c"},this.showSeparator&&(0,i.h)("hr",{key:"8e3b3abf8923a9326e798cc1d8d6104f5e1fc596",class:"separator"}),(0,i.h)("div",{key:"e98d3b0a121664209a34faa1f9a0264b208eab0d",class:"additional-info-slot"},(0,i.h)("slot",{key:"adecfa3247fd36129589f31eabaa4c803aa0eadd"})),!g&&(0,i.h)(i.F,{key:"927b7f473cb33facdc167fe7050c9c1be305dd99"},(0,i.h)("div",{key:"01ad585ba6f6ad8beb0e34644bb0d0e298b8dde0",class:"file-button-section"},(0,i.h)("va-button-icon",{key:"2fb67cf0ecc499e89e0596793c321c46bdf965dc",buttonType:"change-file",onClick:this.changeFile,label:"Change file","aria-label":"change file ".concat(d?d.name:y.name)}),(0,i.h)("va-button-icon",{key:"96dd63079a686b343ef3ffc18541e9ed95958430",buttonType:"delete",onClick:this.openModal,"aria-label":"delete file ".concat(d?d.name:y.name),label:"Delete"})),(0,i.h)("va-modal",{key:"ba7fb5b13a866698f69fa76c31b927860974c744",modalTitle:"Delete this file?",visible:this.showModal,primaryButtonText:"Yes, remove this",secondaryButtonText:"No, keep this",onCloseEvent:this.closeModal,onPrimaryButtonClick:function(){return e.removeFile(!0)},onSecondaryButtonClick:this.closeModal},"We'll remove the uploaded document"," ",(0,i.h)("span",{key:"1c333567ff4e86789d1e43e36d879cf7cb798934",class:"file-label"},d?d.name:y.name))))))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,i.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(e,"watchers",{get:function(){return{statusText:["handleValueChange"]}},enumerable:!1,configurable:!0}),e}();W.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}[hidden]{display:none}:host{display:block;font-family:var(--font-source-sans);font-size:16.96px;}:host .label-header{color:var(--vads-color-base);font-weight:var(--font-weight-normal)}:host .label-header-tag{margin:0;display:inline-block}:host .file-input-wrapper{display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host .file-input{cursor:pointer;height:100%;width:100%;max-width:none;top:0;left:0;z-index:1;margin:0;position:absolute;text-indent:-999em;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target{border:1px dashed var(--vads-color-action-border-base-active-on-dark);display:block;margin-top:0.3125rem;position:relative;text-align:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target.file-input-target-error{border:2px dashed var(--vads-color-secondary-dark)}:host .file-input-box{background:var(--vads-color-white);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}:host .file-input-instructions{font-size:1.06rem;padding:1.25rem 0.625rem;pointer-events:none;position:relative;z-index:3}:host .file-input-choose-text{color:var(--vads-color-link);text-decoration:underline;font-weight:var(--font-weight-normal)}:host .file-icon{color:var(--vads-color-primary-alt-darkest)}:host .selected-files-wrapper{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light)}:host .selected-files-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;border-bottom:1px solid var(--vads-color-white);margin-bottom:8px;padding:8px}:host .va-card{margin:8px}:host .file-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;padding:0 8px;display:block;width:100%;word-wrap:break-word;word-break:break-word;overflow:hidden}:host #input-error-message{padding:0 8px;width:100%}:host .file-size-label,:host .file-status-label{color:var(--vads-color-base-dark);font-weight:var(--font-weight-normal);font-size:1.06rem;padding:0 8px;display:block}:host .file-status-label{font-style:italic}:host .file-info-section{padding:0 8px 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .file-button-section{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}:host .file-button-section>va-button-icon{font-size:1.06rem}@media screen and (max-width: 320px){:host .file-button-section{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}:host .separator{border:0;border-top:1px solid var(--vads-color-base-lighter);margin:0}:host .vads-u-line-height--2{line-height:1.15}:host .thumbnail-container{height:40px;width:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .thumbnail-preview{max-width:40px;width:auto;max-height:40px;height:auto}:host .thumbnail-error{color:#b21d38}:host(.has-error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host(.has-error){margin-left:-0.9rem}}.required{color:var(--vads-color-secondary-dark);margin-left:0.25rem}h1 .required,h2 .required,h3 .required,h4 .required,h5 .required,h6 .required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}'}}]);
|
package/dist/4117.app.bundle.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 4117.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([[20,326,4117],{20:function(e,a,t){t.r(a),t.d(a,{c:function(){return o}});var r,i={exports:{}};r=i,function(){var e={}.hasOwnProperty;function a(){for(var t=[],r=0;r<arguments.length;r++){var i=arguments[r];if(i){var o=typeof i;if("string"===o||"number"===o)t.push(i);else if(Array.isArray(i)){if(i.length){var s=a.apply(null,i);s&&t.push(s)}}else if("object"===o)if(i.toString===Object.prototype.toString)for(var n in i)e.call(i,n)&&i[n]&&t.push(n);else t.push(i.toString())}}return t.join(" ")}r.exports?(a.default=a,r.exports=a):window.classNames=a}();var o=i.exports},326:function(e,a,t){function r(e){return!Number.isNaN(parseFloat(e))}function i(e,a){var t=e.shadowRoot.querySelector("slot").assignedNodes();return null!==a?Array.from(t).filter((function(e){return e.nodeName.toLowerCase()===a})):Array.from(t)}function o(e){return 1===e?"":"s"}function s(e,a){if(void 0===e||""===e)return"".concat(a," character").concat(o(a)," allowed");var t;if(e.length<=a){var r=a-e.length;t="".concat(r," character").concat(o(r)," left")}else r=e.length-a,t="".concat(r," character").concat(o(r)," over limit");return t}function n(e,a){return Array.from({length:a-e+1},(function(a,t){return e+t}))}t.r(a),t.d(a,{S:function(){return d},a:function(){return c},b:function(){return s},g:function(){return i},i:function(){return r},m:function(){return n},s:function(){return u}}),t(3798);var l=function(e){return e&&"object"==typeof e&&1===e.nodeType};function u(e,a){var t=function(e,a){if("string"!=typeof e)return[];if(!a||!l(a))return[];var t=a.shadowRoot.querySelectorAll(e);return Array.from(t)}(e,a);return"string"!=typeof e||l(a)&&a.matches(e)&&t.push(a),t}var d={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return d._entities[e]},escapeHTML:function(e){for(var a="",t=0;t<e.length;t++)a+=e[t],t+1<arguments.length&&(a+=String(arguments[t+1]||"").replace(d._entity,d.getEntity));return a}};function c(e){var a;return(a="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&a<=6?"h".concat(a):null}},4117:function(e,a,t){t.r(a),t.d(a,{va_textarea:function(){return n}});var r=t(3798),i=t(20),o=(t(2465),t(326)),s=t(9425),n=function(){function e(e){var a=this;(0,r.r)(this,e),this.componentLibraryAnalytics=(0,r.c)(this,"component-library-analytics",7),this.handleInput=function(e){var t=e.target;a.value=t.value},this.handleBlur=function(){a.enableAnalytics&&a.value&&a.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:a.label,value:a.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}return e.prototype.connectedCallback=function(){var e=this;s.i.on("languageChanged",(function(){(0,r.f)(e.el)}))},e.prototype.disconnectedCallback=function(){s.i.off("languageChanged")},e.prototype.getMaxlength=function(){if(!(this.maxlength<=0))return this.maxlength},e.prototype.render=function(){var e=this,a=e.label,t=e.error,n=e.placeholder,l=e.name,u=e.required,d=e.value,c=e.hint,h=e.charcount,f=e.messageAriaDescribedby,b=e.useFormsPattern,m=e.formHeadingLevel,p=e.headerAriaDescribedby,g=e.formHeading,y=this.getMaxlength(),v="".concat(t?"input-error-message":""," ").concat(h&&y?"charcount-message":""," ").concat(f?"input-message":"").trim()||null,x="".concat(b&&g?"form-question":""," ").concat(b?"form-description":""," ").concat(b&&a?"input-label":"").trim()||null,w=(0,o.a)(this.labelHeaderLevel),k=p?"header-message":null,_=h&&(null==d?void 0:d.length)>y,z=(0,i.c)({"usa-label":!0,"usa-label--error":t}),T=(0,i.c)({"usa-textarea":!0,"usa-input--error":t}),q=(0,i.c)({"usa-hint":!0,"usa-character-count__status":h,"usa-character-count__status--invalid":h&&y&&(null==d?void 0:d.length)>y}),A=null;if("single"===b||"multiple"===b){var S=(0,o.a)(m);A=(0,r.h)(r.F,{key:"360b1728a7a82a5c30d6e47bff8bbbd210f91ab9"},g&&(0,r.h)(S,{key:"a991b9c8a18f5890862821b7cafbd46513ac3725",id:"form-question",part:"form-header"},g),(0,r.h)("div",{key:"6e093523d9935f8a529c4084a8be16c4a11bf103",id:"form-description"},(0,r.h)("slot",{key:"9d1f6fcad5c242f59eb33ee6a7b89786ddb50afc",name:"form-description"})))}var N=(0,r.h)("label",{key:"f08887a1b95fd18ad50e202e59c905cf269890ff",htmlFor:"input-type-textarea",id:"input-label",class:z,part:"label"},a,"multiple"===b&&(0,r.h)("span",{key:"b0abfef84e801edb4b7f29e2477aef945ae906b8",id:"header-message",class:"usa-sr-only"},a),p&&(0,r.h)("span",{key:"21251170d27c1b2679315b47ad0c8983b8d9bca5",id:"header-message",class:"usa-sr-only"},p),u&&(0,r.h)("span",{key:"7df268e1815267c1b04106da4892b92f9d87c661",class:"usa-label--required"}," ",s.i.t("required")),c&&(0,r.h)("div",{key:"f7edd37578db7c25da76ef70d2b9d12d6a063446",class:"usa-hint"},c));return(0,r.h)(r.H,{key:"d2d28c869ac1992c80cc01a5da7da10bec92c315"},A,(0,r.h)("div",{key:"c02f236ace0b3534ddf0427cec3d164d9d8e7aad",class:"input-wrap"},a&&w?(0,r.h)(w,{part:"header","aria-describedby":k},N):(0,r.h)(r.F,null,N),(0,r.h)("slot",{key:"d7ed98d78b960edd39028ae84f38f9fc65a0ee86"}),(0,r.h)("span",{key:"eb70429f74948c36816ffdfbaa34d1365e1bc0a9",id:"input-error-message",role:"alert"},t&&(0,r.h)(r.F,{key:"9efccc00af46fd7ffa154ddeb65aeae4e328adb5"},(0,r.h)("span",{key:"f1b5f8fa9c3f74600438a4d50578f9d9bcd2ef50",class:"usa-sr-only"},s.i.t("error")),(0,r.h)("span",{key:"e7c41428ba32ad9d866fc74f692dd3284c148408",class:"usa-error-message"},t))),(0,r.h)("textarea",{key:"d30dc824d5caf2fc2790cefcd955064d721a43ca",class:T,"aria-describedby":v,"aria-invalid":t||_?"true":"false","aria-labelledby":x,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:n,name:l,maxLength:h?void 0:y,value:d,part:"input-type-textarea"}),!h&&y&&(null==d?void 0:d.length)>=y&&(0,r.h)("span",{key:"d745aeb889c683a2f4a111e72fb135bc6d5c8fa8",class:q,"aria-live":"polite"},s.i.t("max-chars",{length:y})),h&&y&&(0,r.h)("span",{key:"978ef3079142bbfaedee44eed0679ae3c1884bc3",id:"charcount-message",class:q,"aria-live":"polite"},(0,o.b)(d,y)),f&&(0,r.h)("span",{key:"9a277a391dfcbb7c5c99ebf5fcb0d51ad40b7492",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},f)))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,r.g)(this)},enumerable:!1,configurable:!0}),e}();n.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-textarea,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-textarea,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block}h1 .usa-label,h2 .usa-label,h3 .usa-label,h4 .usa-label,h5 .usa-label,h6 .usa-label{font-family:inherit;font-size:inherit;font-weight:inherit}h1 .usa-label .usa-label--required,h2 .usa-label .usa-label--required,h3 .usa-label .usa-label--required,h4 .usa-label .usa-label--required,h5 .usa-label .usa-label--required,h6 .usa-label .usa-label--required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}'}}]);
|
|
2
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,326,4117],{20:function(e,a,t){t.r(a),t.d(a,{c:function(){return o}});var r,i={exports:{}};r=i,function(){var e={}.hasOwnProperty;function a(){for(var t=[],r=0;r<arguments.length;r++){var i=arguments[r];if(i){var o=typeof i;if("string"===o||"number"===o)t.push(i);else if(Array.isArray(i)){if(i.length){var s=a.apply(null,i);s&&t.push(s)}}else if("object"===o)if(i.toString===Object.prototype.toString)for(var n in i)e.call(i,n)&&i[n]&&t.push(n);else t.push(i.toString())}}return t.join(" ")}r.exports?(a.default=a,r.exports=a):window.classNames=a}();var o=i.exports},326:function(e,a,t){function r(e){return!Number.isNaN(parseFloat(e))}function i(e,a){var t=e.shadowRoot.querySelector("slot").assignedNodes();return null!==a?Array.from(t).filter((function(e){return e.nodeName.toLowerCase()===a})):Array.from(t)}function o(e){return 1===e?"":"s"}function s(e,a){if(void 0===e||""===e)return"".concat(a," character").concat(o(a)," allowed");var t;if(e.length<=a){var r=a-e.length;t="".concat(r," character").concat(o(r)," left")}else r=e.length-a,t="".concat(r," character").concat(o(r)," over limit");return t}function n(e,a){return Array.from({length:a-e+1},(function(a,t){return e+t}))}t.r(a),t.d(a,{S:function(){return d},a:function(){return c},b:function(){return s},g:function(){return i},i:function(){return r},m:function(){return n},s:function(){return u}}),t(3798);var l=function(e){return e&&"object"==typeof e&&1===e.nodeType};function u(e,a){var t=function(e,a){if("string"!=typeof e)return[];if(!a||!l(a))return[];var t=a.shadowRoot.querySelectorAll(e);return Array.from(t)}(e,a);return"string"!=typeof e||l(a)&&a.matches(e)&&t.push(a),t}var d={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(e){return d._entities[e]},escapeHTML:function(e){for(var a="",t=0;t<e.length;t++)a+=e[t],t+1<arguments.length&&(a+=String(arguments[t+1]||"").replace(d._entity,d.getEntity));return a}};function c(e){var a;return(a="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&a<=6?"h".concat(a):null}},4117:function(e,a,t){t.r(a),t.d(a,{va_textarea:function(){return n}});var r=t(3798),i=t(20),o=(t(2465),t(326)),s=t(9425),n=function(){function e(e){var a=this;(0,r.r)(this,e),this.componentLibraryAnalytics=(0,r.c)(this,"component-library-analytics",7),this.handleInput=function(e){var t=e.target;a.value=t.value},this.handleBlur=function(){a.enableAnalytics&&a.value&&a.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:a.label,value:a.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}return e.prototype.connectedCallback=function(){var e=this;s.i.on("languageChanged",(function(){(0,r.f)(e.el)}))},e.prototype.disconnectedCallback=function(){s.i.off("languageChanged")},e.prototype.getMaxlength=function(){if(!(this.maxlength<=0))return this.maxlength},e.prototype.render=function(){var e=this,a=e.label,t=e.error,n=e.placeholder,l=e.name,u=e.required,d=e.value,c=e.hint,h=e.charcount,f=e.messageAriaDescribedby,b=e.useFormsPattern,m=e.formHeadingLevel,p=e.headerAriaDescribedby,g=e.formHeading,y=this.getMaxlength(),v="".concat(t?"input-error-message":""," ").concat(h&&y?"charcount-message":""," ").concat(f?"input-message":"").trim()||null,x="".concat(b&&g?"form-question":""," ").concat(b?"form-description":""," ").concat(b&&a?"input-label":"").trim()||null,w=(0,o.a)(this.labelHeaderLevel),k=p?"header-message":null,_=h&&(null==d?void 0:d.length)>y,z=(0,i.c)({"usa-label":!0,"usa-label--error":t}),S=(0,i.c)({"usa-textarea":!0,"usa-input--error":t}),T=(0,i.c)({"usa-hint":!0,"usa-character-count__status":h,"usa-character-count__status--invalid":h&&y&&(null==d?void 0:d.length)>y}),q=null;if("single"===b||"multiple"===b){var A=(0,o.a)(m);q=(0,r.h)(r.F,{key:"360b1728a7a82a5c30d6e47bff8bbbd210f91ab9"},g&&(0,r.h)(A,{key:"a991b9c8a18f5890862821b7cafbd46513ac3725",id:"form-question",part:"form-header"},g),(0,r.h)("div",{key:"6e093523d9935f8a529c4084a8be16c4a11bf103",id:"form-description"},(0,r.h)("slot",{key:"9d1f6fcad5c242f59eb33ee6a7b89786ddb50afc",name:"form-description"})))}var N=(0,r.h)("label",{key:"f08887a1b95fd18ad50e202e59c905cf269890ff",htmlFor:"input-type-textarea",id:"input-label",class:z,part:"label"},a,"multiple"===b&&(0,r.h)("span",{key:"b0abfef84e801edb4b7f29e2477aef945ae906b8",id:"header-message",class:"usa-sr-only"},a),p&&(0,r.h)("span",{key:"21251170d27c1b2679315b47ad0c8983b8d9bca5",id:"header-message",class:"usa-sr-only"},p),u&&(0,r.h)("span",{key:"7df268e1815267c1b04106da4892b92f9d87c661",class:"usa-label--required"}," ",s.i.t("required")),c&&(0,r.h)("div",{key:"f7edd37578db7c25da76ef70d2b9d12d6a063446",class:"usa-hint"},c));return(0,r.h)(r.H,{key:"d2d28c869ac1992c80cc01a5da7da10bec92c315"},q,(0,r.h)("div",{key:"c02f236ace0b3534ddf0427cec3d164d9d8e7aad",class:"input-wrap"},a&&w?(0,r.h)(w,{part:"header","aria-describedby":k},N):(0,r.h)(r.F,null,N),(0,r.h)("slot",{key:"d7ed98d78b960edd39028ae84f38f9fc65a0ee86"}),(0,r.h)("span",{key:"eb70429f74948c36816ffdfbaa34d1365e1bc0a9",id:"input-error-message",role:"alert"},t&&(0,r.h)(r.F,{key:"9efccc00af46fd7ffa154ddeb65aeae4e328adb5"},(0,r.h)("span",{key:"f1b5f8fa9c3f74600438a4d50578f9d9bcd2ef50",class:"usa-sr-only"},s.i.t("error")),(0,r.h)("span",{key:"e7c41428ba32ad9d866fc74f692dd3284c148408",class:"usa-error-message"},t))),(0,r.h)("textarea",{key:"d30dc824d5caf2fc2790cefcd955064d721a43ca",class:S,"aria-describedby":v,"aria-invalid":t||_?"true":"false","aria-labelledby":x,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:n,name:l,maxLength:h?void 0:y,value:d,part:"input-type-textarea"}),!h&&y&&(null==d?void 0:d.length)>=y&&(0,r.h)("span",{key:"d745aeb889c683a2f4a111e72fb135bc6d5c8fa8",class:T,"aria-live":"polite"},s.i.t("max-chars",{length:y})),h&&y&&(0,r.h)("span",{key:"978ef3079142bbfaedee44eed0679ae3c1884bc3",id:"charcount-message",class:T,"aria-live":"polite"},(0,o.b)(d,y)),f&&(0,r.h)("span",{key:"9a277a391dfcbb7c5c99ebf5fcb0d51ad40b7492",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},f)))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,r.g)(this)},enumerable:!1,configurable:!0}),e}();n.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-textarea,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-textarea,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block}h1 .usa-label,h2 .usa-label,h3 .usa-label,h4 .usa-label,h5 .usa-label,h6 .usa-label{font-family:inherit;font-size:inherit;font-weight:inherit}h1 .usa-label .usa-label--required,h2 .usa-label .usa-label--required,h3 .usa-label .usa-label--required,h4 .usa-label .usa-label--required,h5 .usa-label .usa-label--required,h6 .usa-label .usa-label--required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}'}}]);
|
package/dist/6034.app.bundle.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
/*! For license information please see 6034.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([[20,6034],{20:function(t,
|
|
2
|
+
"use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,6034],{20:function(e,t,r){r.r(t),r.d(t,{c:function(){return i}});var n,a={exports:{}};n=a,function(){var e={}.hasOwnProperty;function t(){for(var r=[],n=0;n<arguments.length;n++){var a=arguments[n];if(a){var i=typeof a;if("string"===i||"number"===i)r.push(a);else if(Array.isArray(a)){if(a.length){var o=t.apply(null,a);o&&r.push(o)}}else if("object"===i)if(a.toString===Object.prototype.toString)for(var l in a)e.call(a,l)&&a[l]&&r.push(l);else r.push(a.toString())}}return r.join(" ")}n.exports?(t.default=t,n.exports=t):window.classNames=t}();var i=a.exports},6034:function(e,t,r){r.r(t),r.d(t,{va_language_toggle:function(){return o}});var n=r(3798),a=r(20),i=function(e,t,r){if(r||2===arguments.length)for(var n,a=0,i=t.length;a<i;a++)!n&&a in t||(n||(n=Array.prototype.slice.call(t,0,a)),n[a]=t[a]);return e.concat(n||Array.prototype.slice.call(t))},o=function(){function e(e){(0,n.r)(this,e),this.vaLanguageToggle=(0,n.c)(this,"vaLanguageToggle",7),this.componentLibraryAnalytics=(0,n.c)(this,"component-library-analytics",7),this.language="en",this.enHref=void 0,this.esHref=void 0,this.tlHref=void 0,this.urls=void 0,this.routerLinks=!1}return e.prototype.getUrl=function(e){var t=new URL(window.location.href);return t.searchParams.set("lang",e),t.href},e.prototype.handleToggle=function(e,t,r){this.routerLinks&&(e.preventDefault(),window.history.replaceState(null,null,this.getUrl(t)),this.language=t),this.vaLanguageToggle.emit({language:t});var n={componentName:"va-language-toggle",action:"linkClick",details:{"pipe-delimited-list-header":t,label:r}};this.componentLibraryAnalytics.emit(n)},e.prototype.componentWillLoad=function(){this.urls=[{label:"English",lang:"en",href:this.enHref}],this.esHref&&(this.urls=i(i([],this.urls,!0),[{label:"Español",lang:"es",href:this.esHref}],!1)),this.tlHref&&(this.urls=i(i([],this.urls,!0),[{label:"Tagalog",lang:"tl",href:this.tlHref}],!1))},e.prototype.render=function(){var e=this,t=this.language,r=this.urls;return(0,n.h)(n.H,{key:"d5131a0ff95d1ceb34493800f5a00f5f45b9176d"},(0,n.h)("div",{key:"465b5c504fe45e92e854d72622c57062477622d5",role:"group","aria-label":"Language selection"},r.map((function(i,o){var l=i.href,s=i.lang,c=i.label,h=(0,a.c)({"is-current-lang":s===t}),g=(0,a.c)({"inner-div":o<r.length-1});return s===t?(0,n.h)("div",{class:g},(0,n.h)("a",{class:h,href:l,hrefLang:s,onClick:function(t){return e.handleToggle(t,s,c)},"aria-current":"language"},c)):(0,n.h)("div",{class:g},(0,n.h)("va-link",{class:h,href:l,language:s,onClick:function(t){return e.handleToggle(t,s,c)},text:c,disableAnalytics:!0}))}))))},e}();o.style=":host div{display:inline-block;font-size:1.2em}:host div div.inner-div{border-right:1px solid var(--vads-color-base-light);padding-right:8px;margin-right:8px}:host div a.is-current-lang{font-weight:var(--font-weight-bold);color:var(--vads-color-black);text-decoration:none}:host div a.is-current-lang:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}:host div va-link{color:var(--vads-color-link);padding-bottom:2px;border-bottom:1px solid var(--vads-color-link)}:host div va-link::part(anchor){text-decoration:none}"}}]);
|