@department-of-veterans-affairs/component-library 49.4.0 → 50.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/dist/1214.app.bundle.js +1 -1
  2. package/dist/1450.app.bundle.js +1 -1
  3. package/dist/2222.app.bundle.js +1 -1
  4. package/dist/2387.app.bundle.js +1 -1
  5. package/dist/2654.app.bundle.js +1 -1
  6. package/dist/2664.app.bundle.js +1 -1
  7. package/dist/2801.app.bundle.js +1 -1
  8. package/dist/286.app.bundle.js +1 -1
  9. package/dist/3071.app.bundle.js +1 -1
  10. package/dist/3156.app.bundle.js +1 -1
  11. package/dist/3347.app.bundle.js +1 -0
  12. package/dist/4033.app.bundle.js +1 -0
  13. package/dist/4064.app.bundle.js +1 -1
  14. package/dist/4117.app.bundle.js +1 -1
  15. package/dist/4140.app.bundle.js +1 -1
  16. package/dist/4493.app.bundle.js +1 -1
  17. package/dist/4715.app.bundle.js +1 -1
  18. package/dist/5155.app.bundle.js +1 -1
  19. package/dist/5189.app.bundle.js +1 -1
  20. package/dist/5306.app.bundle.js +1 -1
  21. package/dist/5610.app.bundle.js +1 -1
  22. package/dist/5699.app.bundle.js +1 -1
  23. package/dist/5830.app.bundle.js +1 -1
  24. package/dist/6034.app.bundle.js +1 -1
  25. package/dist/6246.app.bundle.js +1 -1
  26. package/dist/6247.app.bundle.js +1 -1
  27. package/dist/641.app.bundle.js +1 -1
  28. package/dist/6527.app.bundle.js +1 -1
  29. package/dist/6655.app.bundle.js +1 -1
  30. package/dist/6824.app.bundle.js +1 -1
  31. package/dist/712.app.bundle.js +1 -1
  32. package/dist/7367.app.bundle.js +1 -1
  33. package/dist/7531.app.bundle.js +1 -1
  34. package/dist/7663.app.bundle.js +1 -1
  35. package/dist/7821.app.bundle.js +1 -1
  36. package/dist/8175.app.bundle.js +1 -1
  37. package/dist/82.app.bundle.js +1 -1
  38. package/dist/8762.app.bundle.js +1 -1
  39. package/dist/890.app.bundle.js +1 -1
  40. package/dist/9157.app.bundle.js +1 -1
  41. package/dist/9288.app.bundle.js +1 -1
  42. package/dist/9670.app.bundle.js +1 -1
  43. package/dist/9724.app.bundle.js +1 -1
  44. package/dist/9800.app.bundle.js +1 -1
  45. package/dist/app.bundle.js +1 -1
  46. package/dist/components/index.d.ts +2 -0
  47. package/dist/components/index.js +1 -1
  48. package/dist/components/types/components.d.ts +68 -31
  49. package/dist/components/utils.js +1 -1
  50. package/dist/components/va-accordion.js +1 -1
  51. package/dist/components/va-additional-info.js +1 -1
  52. package/dist/components/va-alert-critical.d.ts +11 -0
  53. package/dist/components/va-alert-critical.js +1 -0
  54. package/dist/components/va-alert-critical2.js +1 -0
  55. package/dist/components/va-alert-expandable.js +1 -1
  56. package/dist/components/va-alert2.js +1 -1
  57. package/dist/components/va-back-to-top.js +1 -1
  58. package/dist/components/va-button-icon2.js +1 -1
  59. package/dist/components/va-button2.js +1 -1
  60. package/dist/components/va-card2.js +1 -1
  61. package/dist/components/va-checkbox-group.js +1 -1
  62. package/dist/components/va-checkbox2.js +1 -1
  63. package/dist/components/va-combo-box.js +2 -6
  64. package/dist/components/va-crisis-line-modal2.js +1 -1
  65. package/dist/components/va-file-input-multiple.js +1 -1
  66. package/dist/components/va-file-input2.js +1 -1
  67. package/dist/components/va-header-minimal.js +1 -1
  68. package/dist/components/va-icon2.js +1 -1
  69. package/dist/components/va-language-toggle.js +1 -1
  70. package/dist/components/va-link-action.js +1 -1
  71. package/dist/components/va-loading-indicator.js +1 -1
  72. package/dist/components/va-minimal-footer.js +1 -1
  73. package/dist/components/va-need-help.js +1 -1
  74. package/dist/components/va-notification.js +1 -1
  75. package/dist/components/va-official-gov-banner2.js +1 -1
  76. package/dist/components/va-omb-info.js +1 -1
  77. package/dist/components/va-pagination.js +1 -1
  78. package/dist/components/va-privacy-agreement.js +1 -1
  79. package/dist/components/va-process-list-item.js +1 -1
  80. package/dist/components/va-process-list.js +1 -1
  81. package/dist/components/va-progress-bar2.js +1 -1
  82. package/dist/components/va-radio-option.js +1 -1
  83. package/dist/components/va-radio.js +1 -1
  84. package/dist/components/va-search-input.js +1 -1
  85. package/dist/components/va-select2.js +1 -1
  86. package/dist/components/va-service-list-item.js +1 -1
  87. package/dist/components/va-statement-of-truth.js +1 -1
  88. package/dist/components/va-summary-box.js +1 -1
  89. package/dist/components/va-table-inner2.js +1 -1
  90. package/dist/components/va-table-row.js +1 -1
  91. package/dist/components/va-table.js +1 -1
  92. package/dist/components/va-telephone2.js +1 -1
  93. package/dist/components/va-text-input2.js +1 -1
  94. package/dist/components/va-textarea.js +1 -1
  95. package/dist/react-bindings/index.d.ts +1 -0
  96. package/dist/react-bindings/index.js +1 -1
  97. package/dist/react-bindings/index.js.map +1 -1
  98. package/dist/react-bindings/index.ts +1 -0
  99. package/package.json +2 -2
  100. package/dist/157.app.bundle.js +0 -1
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 7367.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,7367],{20:function(t,o,u){u.r(o),u.d(o,{c:function(){return n}});var a,e={exports:{}};a=e,function(){var t={}.hasOwnProperty;function o(){for(var u=[],a=0;a<arguments.length;a++){var e=arguments[a];if(e){var n=typeof e;if("string"===n||"number"===n)u.push(e);else if(Array.isArray(e)){if(e.length){var s=o.apply(null,e);s&&u.push(s)}}else if("object"===n)if(e.toString===Object.prototype.toString)for(var i in e)t.call(e,i)&&e[i]&&u.push(i);else u.push(e.toString())}}return u.join(" ")}a.exports?(o.default=o,a.exports=o):window.classNames=o}();var n=e.exports},7367:function(t,o,u){u.r(o),u.d(o,{va_button:function(){return n}});var a=u(3798),e=u(20),n=function(){function t(t){var o=this;(0,a.r)(this,t),this.componentLibraryAnalytics=(0,a.c)(this,"component-library-analytics",7),this.showCompletedMessage=!1,this.handleClick=function(){if(!o.disableAnalytics){var t={componentName:"va-button",action:"click",details:{type:o.secondary?"secondary":"primary",label:o.getButtonText()}};o.componentLibraryAnalytics.emit(t)}},this.getButtonText=function(){return o.text?o.text:o.continue?"Continue":o.back?"Back":o.loading&&!o.text?"Loading...":void 0},this.back=!1,this.big=!1,this.continue=!1,this.disableAnalytics=!1,this.disabled=!1,this.fullWidth=!1,this.loading=!1,this.label=void 0,this.primaryAlternate=!1,this.secondary=!1,this.submit=void 0,this.text=void 0,this.messageAriaDescribedby=void 0}return t.prototype.announceLoadingChange=function(t,o){if(o&&!t){var u=this;this.showCompletedMessage=!0,setTimeout((function(){u.showCompletedMessage=!1}),3e3)}},t.prototype.handleSubmit=function(){if(void 0!==this.submit){for(var t=this.el,o=null;t&&!o;)if(!(o=t.closest("form"))&&t.getRootNode()instanceof ShadowRoot)t=t.getRootNode().host;else if(!o)break;if(o){var u=new CustomEvent("submit",{bubbles:!0,cancelable:!0,composed:!0});"skip"!==this.submit&&o.dispatchEvent(u),"prevent"!==this.submit&&o.submit()}}},t.prototype.handleClickOverride=function(t){if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();this.handleClick(),this.handleSubmit()},t.prototype.render=function(){var t=this,o=t.back,u=t.continue,n=t.disabled,s=t.loading,i=t.getButtonText,b=t.label,r=t.submit,d=t.secondary,l=t.primaryAlternate,c=t.big,v=t.messageAriaDescribedby,h=t.fullWidth,f="".concat(v?"button-description":"").trim()||null,y=n||s?"true":void 0,p=i(),g=void 0!==r?"submit":"button",m=(0,e.c)({"usa-button":!0,"usa-button--big":c,"usa-button--outline":o||d,"va-button-primary--alternate":l,"va-button--full-width":h});return(0,a.h)(a.H,{key:"0eda5a3cd5faf40e1d487ef1c36cbd4d961e0a42"},(0,a.h)("span",{key:"f6e9e527a4651575d45eb298040bd61e289c975f",class:"loading-message",role:"status"},this.loading?"Loading":this.showCompletedMessage?"Loading complete":null),(0,a.h)("button",{key:"22c8c24581afd365e91dc6efdc773f16618311b7",class:m,"aria-disabled":y,"aria-busy":s?"true":void 0,"aria-label":b,"aria-describedby":f,type:g,part:"button"},o&&!u&&(0,a.h)("va-icon",{key:"5e5c3e2ce4d7012a5979d18475de020f96ca0329",icon:"navigate_far_before"}),s?(0,a.h)("va-icon",{class:"loading-icon",icon:"autorenew","aria-hidden":"true"}):null,p,u&&!o&&(0,a.h)("va-icon",{key:"0c36da48828d04e5baf0d3584a314c1928788794",icon:"navigate_far_next"})),v&&(0,a.h)("span",{key:"b314dbf3f6a004ba8d9a7f6f2b92eee4a8703600",id:"button-description",class:"usa-sr-only"},v))},Object.defineProperty(t.prototype,"el",{get:function(){return(0,a.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(t,"watchers",{get:function(){return{loading:["announceLoadingChange"]}},enumerable:!1,configurable:!0}),t}();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-sr-only{position:absolute;left:-999em;right:auto}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}:host{display:inline-block}:host .loading-message{opacity:0.00001;position:absolute;pointer-events:none}:host .loading-icon{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}:host .loading-icon.chromatic:after{-webkit-animation:none;animation:none}@media (prefers-reduced-motion){:host .loading-icon{-webkit-animation:none;animation:none}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host([disabled]:not([disabled=false])) button{pointer-events:none}:host([disabled]:not([disabled=false])){cursor:not-allowed}:host([full-width]:not([full-width=false])){width:100%}:host([big]:not([big=false]):is([back],[continue])) .usa-button--big{padding-top:14px}.usa-button.usa-button--outline{background-color:var(--vads-button-color-background-secondary-on-light)}.usa-button.usa-button--outline:hover,.usa-button.usa-button--outline:focus{background-color:var(--vads-button-color-background-secondary-on-light);text-decoration:none}.va-button-primary--alternate{background:var(--vads-color-success-dark)}.va-button-primary--alternate:hover,.va-button-primary--alternate:focus{background-color:var(--vads-button-color-background-primary-alt-active-on-light);text-decoration:none}:host .va-button--full-width{width:100%}'}}]);
2
+ "use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,4033,7367],{20:function(t,o,u){u.r(o),u.d(o,{c:function(){return n}});var e,a={exports:{}};e=a,function(){var t={}.hasOwnProperty;function o(){for(var u=[],e=0;e<arguments.length;e++){var a=arguments[e];if(a){var n=typeof a;if("string"===n||"number"===n)u.push(a);else if(Array.isArray(a)){if(a.length){var s=o.apply(null,a);s&&u.push(s)}}else if("object"===n)if(a.toString===Object.prototype.toString)for(var i in a)t.call(a,i)&&a[i]&&u.push(i);else u.push(a.toString())}}return u.join(" ")}e.exports?(o.default=o,e.exports=o):window.classNames=o}();var n=a.exports},4033:function(t,o,u){function e(t){return!Number.isNaN(parseFloat(t))}function a(t,o,u){void 0===u&&(u="slot");var e=t.shadowRoot.querySelector(u).assignedNodes();return null!==o?Array.from(e).filter((function(t){return t.nodeName.toLowerCase()===o})):Array.from(e)}function n(t){return 1===t?"":"s"}function s(t,o){if(void 0===t||""===t)return"".concat(o," character").concat(n(o)," allowed");var u;if(t.length<=o){var e=o-t.length;u="".concat(e," character").concat(n(e)," left")}else e=t.length-o,u="".concat(e," character").concat(n(e)," over limit");return u}function i(t,o){return Array.from({length:o-t+1},(function(o,u){return t+u}))}u.r(o),u.d(o,{S:function(){return d},a:function(){return l},b:function(){return e},c:function(){return s},d:function(){return c},g:function(){return a},i:function(){return v},m:function(){return i},s:function(){return b}}),u(3798);var r=function(t){return t&&"object"==typeof t&&1===t.nodeType};function b(t,o){var u=function(t,o){if("string"!=typeof t)return[];if(!o||!r(o))return[];var u=o.shadowRoot.querySelectorAll(t);return Array.from(u)}(t,o);return"string"!=typeof t||r(o)&&o.matches(t)&&u.push(o),u}var d={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(t){return d._entities[t]},escapeHTML:function(t){for(var o="",u=0;u<t.length;u++)o+=t[u],u+1<arguments.length&&(o+=String(arguments[u+1]||"").replace(d._entity,d.getEntity));return o}};function l(t){var o;return(o="string"==typeof t?parseInt(t,10):Math.floor(t))>=1&&o<=6?"h".concat(o):null}function c(t){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(t.tagName)}function v(t){return t&&"false"!==t||!1}},7367:function(t,o,u){u.r(o),u.d(o,{va_button:function(){return s}});var e=u(3798),a=u(20),n=u(4033),s=function(){function t(t){var o=this;(0,e.r)(this,t),this.componentLibraryAnalytics=(0,e.c)(this,"component-library-analytics",7),this.showCompletedMessage=!1,this.handleClick=function(){if(!o.disableAnalytics){var t={componentName:"va-button",action:"click",details:{type:o.secondary?"secondary":"primary",label:o.getButtonText()}};o.componentLibraryAnalytics.emit(t)}},this.getButtonText=function(){return o.text?o.text:o.continue?"Continue":o.back?"Back":o.loading&&!o.text?"Loading...":void 0},this.back=!1,this.big=!1,this.continue=!1,this.disableAnalytics=!1,this.disabled=!1,this.fullWidth=!1,this.loading=!1,this.label=void 0,this.primaryAlternate=!1,this.secondary=!1,this.submit=void 0,this.text=void 0,this.messageAriaDescribedby=void 0}return t.prototype.announceLoadingChange=function(t,o){if(o&&!t){var u=this;this.showCompletedMessage=!0,setTimeout((function(){u.showCompletedMessage=!1}),3e3)}},t.prototype.handleSubmit=function(){if(void 0!==this.submit){for(var t=this.el,o=null;t&&!o;)if(!(o=t.closest("form"))&&t.getRootNode()instanceof ShadowRoot)t=t.getRootNode().host;else if(!o)break;if(o){var u=new CustomEvent("submit",{bubbles:!0,cancelable:!0,composed:!0});"skip"!==this.submit&&o.dispatchEvent(u),"prevent"!==this.submit&&o.submit()}}},t.prototype.handleClickOverride=function(t){if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();this.handleClick(),this.handleSubmit()},t.prototype.render=function(){var t=this,o=t.back,u=t.continue,s=t.disabled,i=t.loading,r=t.getButtonText,b=t.label,d=t.submit,l=t.secondary,c=t.primaryAlternate,v=t.big,f=t.messageAriaDescribedby,h=t.fullWidth,y="".concat(f?"button-description":"").trim()||null,p=s||i?"true":void 0,g=r(),m=void 0!==d?"submit":"button",w=(0,a.c)({"usa-button":!0,"usa-button--big":v,"usa-button--outline":o||l,"va-button-primary--alternate":c,"va-button--full-width":h});return(0,e.h)(e.H,{key:"96e842d69db64128f7cc64a80811092fdb16bc09"},(0,e.h)("span",{key:"3b681cf811328d01b313a3932babaeeb0b2c7f19",class:"loading-message",role:"status"},this.loading?"Loading":this.showCompletedMessage?"Loading complete":null),(0,e.h)("button",{key:"8db30d750cfbc5a474b98d963bd56b6320251bc3",class:w,"aria-disabled":p,"aria-busy":i?"true":void 0,"aria-label":b,"aria-describedby":y,type:m,part:"button"},o&&!u&&(0,e.h)("va-icon",{key:"06876758c3781fa1a08f1be15c5d88452a05b3f9",icon:"navigate_far_before"}),i?(0,e.h)("va-icon",{class:"loading-icon",icon:"autorenew","aria-hidden":"true"}):null,g,u&&!o&&(0,e.h)("va-icon",{key:"588d3d035803d334dc16de7e93bf9c0a45286efe",icon:"navigate_far_next"})),(0,n.i)(f)&&(0,e.h)("span",{key:"e34ef3251b2ea46d4e74783765946621e3c49d9f",id:"button-description",class:"usa-sr-only"},f))},Object.defineProperty(t.prototype,"el",{get:function(){return(0,e.g)(this)},enumerable:!1,configurable:!0}),Object.defineProperty(t,"watchers",{get:function(){return{loading:["announceLoadingChange"]}},enumerable:!1,configurable:!0}),t}();s.style='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}:host{display:inline-block}:host .loading-message{opacity:0.00001;position:absolute;pointer-events:none}:host .loading-icon{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}:host .loading-icon.chromatic:after{-webkit-animation:none;animation:none}@media (prefers-reduced-motion){:host .loading-icon{-webkit-animation:none;animation:none}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host([disabled]:not([disabled=false])) button{pointer-events:none}:host([disabled]:not([disabled=false])){cursor:not-allowed}:host([full-width]:not([full-width=false])){width:100%}:host([big]:not([big=false]):is([back],[continue])) .usa-button--big{padding-top:14px}.usa-button.usa-button--outline{background-color:var(--vads-button-color-background-secondary-on-light)}.usa-button.usa-button--outline:hover,.usa-button.usa-button--outline:focus{background-color:var(--vads-button-color-background-secondary-on-light);text-decoration:none}.va-button-primary--alternate{background:var(--vads-color-success-dark)}.va-button-primary--alternate:hover,.va-button-primary--alternate:focus{background-color:var(--vads-button-color-background-primary-alt-active-on-light);text-decoration:none}:host .va-button--full-width{width:100%}'}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[157,7531],{157:function(e,s,t){function r(e){return!Number.isNaN(parseFloat(e))}function i(e,s,t){void 0===t&&(t="slot");var r=e.shadowRoot.querySelector(t).assignedNodes();return null!==s?Array.from(r).filter((function(e){return e.nodeName.toLowerCase()===s})):Array.from(r)}function o(e){return 1===e?"":"s"}function a(e,s){if(void 0===e||""===e)return"".concat(s," character").concat(o(s)," allowed");var t;if(e.length<=s){var r=s-e.length;t="".concat(r," character").concat(o(r)," left")}else r=e.length-s,t="".concat(r," character").concat(o(r)," over limit");return t}function n(e,s){return Array.from({length:s-e+1},(function(s,t){return e+t}))}t.r(s),t.d(s,{S:function(){return u},a:function(){return p},b:function(){return a},c:function(){return d},g:function(){return i},i:function(){return r},m:function(){return n},s:function(){return l}}),t(3798);var c=function(e){return e&&"object"==typeof e&&1===e.nodeType};function l(e,s){var t=function(e,s){if("string"!=typeof e)return[];if(!s||!c(s))return[];var t=s.shadowRoot.querySelectorAll(e);return Array.from(t)}(e,s);return"string"!=typeof e||c(s)&&s.matches(e)&&t.push(s),t}var u={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(e){return u._entities[e]},escapeHTML:function(e){for(var s="",t=0;t<e.length;t++)s+=e[t],t+1<arguments.length&&(s+=String(arguments[t+1]||"").replace(u._entity,u.getEntity));return s}};function p(e){var s;return(s="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&s<=6?"h".concat(s):null}function d(e){var s=e.tagName;return s.startsWith("VA-")||["INPUT","BUTTON","A","DETAILS","TEXTAREA","SELECT"].includes(s)}},7531:function(e,s,t){t.r(s),t.d(s,{va_process_list_item:function(){return o}});var r=t(3798),i=t(157),o=function(){function e(e){(0,r.r)(this,e),this.header=void 0,this.level=3,this.active=!1,this.pending=!1,this.checkmark=!1,this.statusText=void 0}return e.prototype.render=function(){var e=this,s=e.header,t=e.level,o=e.checkmark,a=e.active,n=e.pending,c=e.statusText,l=(0,i.a)(t),u=o?"checkmark":a?"active":n?"pending":null,p={checkmark:c||"Complete",active:c||"Active",pending:c||"Pending"};return(0,r.h)(r.H,{key:"dee4c679ca9817582e172ca762c4b33b58bf5ac5",role:"listitem",class:"usa-process-list__item"},s||u?(0,r.h)(l,{part:"header",class:"usa-process-list__heading"},u?(0,r.h)("div",{class:"usa-process-list__heading-eyebrow"},p[u]):null,s?(0,r.h)("div",null,s):null):null,(0,r.h)("slot",{key:"59da33495c22e61583606ba984fe01761bddf8f2"}))},e}();o.style='.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-process-list>li{margin-bottom:0;max-width:unset}.usa-process-list>.usa-process-list__item{max-width:72ex}.usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-prose .usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-prose .usa-process-list>li{margin-bottom:0;max-width:unset}.usa-prose .usa-process-list>.usa-process-list__item{max-width:72ex}.usa-prose .usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-process-list__item:last-child{border-left:0.5rem solid transparent}.usa-process-list__item::before{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.5rem;border-radius:99rem;width:2.5rem;background-color:white;border:0.25rem solid #1b1b1b;-webkit-box-shadow:0 0 0 0.25rem white;box-shadow:0 0 0 0.25rem white;color:#1b1b1b;content:counter(usa-numbered-list, decimal);counter-increment:usa-numbered-list;display:-ms-flexbox;display:flex;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;font-weight:700;height:2.5rem;left:0;line-height:0.9;margin-top:-0.4rem;position:absolute;width:2.5rem}.usa-process-list__item ul{list-style-type:disc}.usa-process-list__item ul li{margin-bottom:0.25rem}.usa-process-list__item ul li:last-child{margin-bottom:0}.usa-process-list__item>*:first-child{margin-top:0}.usa-process-list__item>*:last-child{margin-bottom:0}.usa-process-list__heading,.usa-process-list__heading-eyebrow{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-weight:700;margin:0}.usa-process-list__heading+*,.usa-process-list__heading-eyebrow+*{margin-top:0.25rem}.usa-process-list__item{display:list-item}.usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker);text-transform:uppercase;font-weight:normal;font-size:var(--vads-font-size-source-sans-normalized)}va-process-list-item[pending=true] .usa-process-list__heading,va-process-list-item[pending=true] .usa-process-list__heading-eyebrow{color:var(--vads-process-list-color-text-pending-on-light)}va-process-list-item[pending=true] .usa-process-list__heading .usa-process-list__heading-eyebrow,va-process-list-item[pending=true] .usa-process-list__heading-eyebrow .usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker)}va-process-list-item[active=true] .usa-process-list__heading,va-process-list-item[active=true] .usa-process-list__heading-eyebrow{color:var(--vads-color-primary)}va-process-list-item[active=true] .usa-process-list__heading .usa-process-list__heading-eyebrow,va-process-list-item[active=true] .usa-process-list__heading-eyebrow .usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker)}.usa-process-list__heading:is(h1,h2,h3,h4,h5),.usa-process-list__heading-eyebrow:is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}h1.usa-process-list__heading,h1.usa-process-list__heading-eyebrow{font-size:40px}h2.usa-process-list__heading,h2.usa-process-list__heading-eyebrow{font-size:30px}h3.usa-process-list__heading,h3.usa-process-list__heading-eyebrow{font-size:20px}h4.usa-process-list__heading,h4.usa-process-list__heading-eyebrow{font-size:17px}h5.usa-process-list__heading,h5.usa-process-list__heading-eyebrow,h6.usa-process-list__heading,h6.usa-process-list__heading-eyebrow{font-size:15px}'}}]);
1
+ "use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[4033,7531],{4033:function(e,s,t){function r(e){return!Number.isNaN(parseFloat(e))}function i(e,s,t){void 0===t&&(t="slot");var r=e.shadowRoot.querySelector(t).assignedNodes();return null!==s?Array.from(r).filter((function(e){return e.nodeName.toLowerCase()===s})):Array.from(r)}function o(e){return 1===e?"":"s"}function a(e,s){if(void 0===e||""===e)return"".concat(s," character").concat(o(s)," allowed");var t;if(e.length<=s){var r=s-e.length;t="".concat(r," character").concat(o(r)," left")}else r=e.length-s,t="".concat(r," character").concat(o(r)," over limit");return t}function n(e,s){return Array.from({length:s-e+1},(function(s,t){return e+t}))}t.r(s),t.d(s,{S:function(){return u},a:function(){return p},b:function(){return r},c:function(){return a},d:function(){return d},g:function(){return i},i:function(){return m},m:function(){return n},s:function(){return l}}),t(3798);var c=function(e){return e&&"object"==typeof e&&1===e.nodeType};function l(e,s){var t=function(e,s){if("string"!=typeof e)return[];if(!s||!c(s))return[];var t=s.shadowRoot.querySelectorAll(e);return Array.from(t)}(e,s);return"string"!=typeof e||c(s)&&s.matches(e)&&t.push(s),t}var u={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(e){return u._entities[e]},escapeHTML:function(e){for(var s="",t=0;t<e.length;t++)s+=e[t],t+1<arguments.length&&(s+=String(arguments[t+1]||"").replace(u._entity,u.getEntity));return s}};function p(e){var s;return(s="string"==typeof e?parseInt(e,10):Math.floor(e))>=1&&s<=6?"h".concat(s):null}function d(e){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(e.tagName)}function m(e){return e&&"false"!==e||!1}},7531:function(e,s,t){t.r(s),t.d(s,{va_process_list_item:function(){return o}});var r=t(3798),i=t(4033),o=function(){function e(e){(0,r.r)(this,e),this.header=void 0,this.level=3,this.active=!1,this.pending=!1,this.checkmark=!1,this.statusText=void 0}return e.prototype.render=function(){var e=this,s=e.header,t=e.level,o=e.checkmark,a=e.active,n=e.pending,c=e.statusText,l=(0,i.a)(t),u=o?"checkmark":a?"active":n?"pending":null,p={checkmark:c||"Complete",active:c||"Active",pending:c||"Pending"};return(0,r.h)(r.H,{key:"62ca4769a70665e5ee96c3a74bf504e5c92180e2",role:"listitem",class:"usa-process-list__item"},s||u?(0,r.h)(l,{part:"header",class:"usa-process-list__heading"},u?(0,r.h)("div",{class:"usa-process-list__heading-eyebrow"},p[u]):null,s?(0,r.h)("div",null,s):null):null,(0,r.h)("slot",{key:"7b65dfb479fb69fe810453c21c2b47313261d1a4"}))},e}();o.style='.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-process-list>li{margin-bottom:0;max-width:unset}.usa-process-list>.usa-process-list__item{max-width:72ex}.usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-prose .usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-prose .usa-process-list>li{margin-bottom:0;max-width:unset}.usa-prose .usa-process-list>.usa-process-list__item{max-width:72ex}.usa-prose .usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-process-list__item:last-child{border-left:0.5rem solid transparent}.usa-process-list__item::before{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.5rem;border-radius:99rem;width:2.5rem;background-color:white;border:0.25rem solid #1b1b1b;-webkit-box-shadow:0 0 0 0.25rem white;box-shadow:0 0 0 0.25rem white;color:#1b1b1b;content:counter(usa-numbered-list, decimal);counter-increment:usa-numbered-list;display:-ms-flexbox;display:flex;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;font-weight:700;height:2.5rem;left:0;line-height:0.9;margin-top:-0.4rem;position:absolute;width:2.5rem}.usa-process-list__item ul{list-style-type:disc}.usa-process-list__item ul li{margin-bottom:0.25rem}.usa-process-list__item ul li:last-child{margin-bottom:0}.usa-process-list__item>*:first-child{margin-top:0}.usa-process-list__item>*:last-child{margin-bottom:0}.usa-process-list__heading,.usa-process-list__heading-eyebrow{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-weight:700;margin:0}.usa-process-list__heading+*,.usa-process-list__heading-eyebrow+*{margin-top:0.25rem}.usa-process-list__item{display:list-item}.usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker);text-transform:uppercase;font-weight:normal;font-size:var(--vads-font-size-source-sans-normalized)}va-process-list-item[pending=true] .usa-process-list__heading,va-process-list-item[pending=true] .usa-process-list__heading-eyebrow{color:var(--vads-process-list-color-text-pending-on-light)}va-process-list-item[pending=true] .usa-process-list__heading .usa-process-list__heading-eyebrow,va-process-list-item[pending=true] .usa-process-list__heading-eyebrow .usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker)}va-process-list-item[active=true] .usa-process-list__heading,va-process-list-item[active=true] .usa-process-list__heading-eyebrow{color:var(--vads-color-primary)}va-process-list-item[active=true] .usa-process-list__heading .usa-process-list__heading-eyebrow,va-process-list-item[active=true] .usa-process-list__heading-eyebrow .usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker)}.usa-process-list__heading:is(h1,h2,h3,h4,h5),.usa-process-list__heading-eyebrow:is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}h1.usa-process-list__heading,h1.usa-process-list__heading-eyebrow{font-size:40px}h2.usa-process-list__heading,h2.usa-process-list__heading-eyebrow{font-size:30px}h3.usa-process-list__heading,h3.usa-process-list__heading-eyebrow{font-size:20px}h4.usa-process-list__heading,h4.usa-process-list__heading-eyebrow{font-size:17px}h5.usa-process-list__heading,h5.usa-process-list__heading-eyebrow,h6.usa-process-list__heading,h6.usa-process-list__heading-eyebrow{font-size:15px}'}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[7663],{7663:function(e,t,i){i.r(t),i.d(t,{va_loading_indicator:function(){return r}});var a=i(3798),r=function(){function e(e){(0,a.r)(this,e),this.componentLibraryAnalytics=(0,a.c)(this,"component-library-analytics",7),this.loadingStartTime=null,this.observer=null,this.message=void 0,this.label="Loading",this.setFocus=!1,this.enableAnalytics=!1}return e.prototype.componentDidLoad=function(){var e=this;this.setFocus&&this.spinner&&this.spinner.focus(),this.loadingStartTime=Date.now();var t=this.el.parentNode;this.observer=new MutationObserver((function(i){for(var a=0,r=i;a<r.length;a++){var n=r[a];if("childList"===n.type){var o=Array.from(n.removedNodes.values()).filter((function(e){var t;return"va-loading-indicator"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())})).length>0;if(e.enableAnalytics&&o){var s=new CustomEvent("component-library-analytics",{bubbles:!0,composed:!0,detail:{componentName:"va-loading-indicator",action:"displayed",details:{displayTime:Date.now()-e.loadingStartTime,message:e.message}}});t.dispatchEvent(s)}}}})),this.observer.observe(t,{childList:!0})},e.prototype.render=function(){var e=this,t=this.message,i=this.label,r="loading-indicator";return function(){var e="undefined"!=typeof window&&window;return!(!e||!e.navigator.userAgent.match(/Chromatic/)&&!e.location.href.match(/chromatic=true/))}()&&(r+=" chromatic"),(0,a.h)(a.H,{key:"45574f1984339394aaa02fc5eb419a9f1d87e48d","aria-live":"polite"},(0,a.h)("div",{key:"78ffc121e7422b124f83dac6c960453500f82a29",ref:function(t){return e.spinner=t},class:r,role:"progressbar","aria-label":i,"aria-valuetext":t,tabindex:"-1"}),t)},Object.defineProperty(e.prototype,"el",{get:function(){return(0,a.g)(this)},enumerable:!1,configurable:!0}),e}();r.style=":host{display:block;font-size:1.06rem;text-align:center}.loading-indicator{display:block;height:4rem;margin-top:1rem}.loading-indicator:after{content:' ';display:inline-block;width:2.1875rem;height:2.1875rem;margin:1px;border-radius:50%;border:8px solid var(--vads-color-primary);border-color:var(--vads-color-primary) transparent var(--vads-color-primary)\n transparent;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.loading-indicator.chromatic:after{-webkit-animation:none;animation:none}.loading-indicator:focus{outline:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}"}}]);
1
+ "use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[7663],{7663:function(e,t,i){i.r(t),i.d(t,{va_loading_indicator:function(){return a}});var r=i(3798),a=function(){function e(e){(0,r.r)(this,e),this.componentLibraryAnalytics=(0,r.c)(this,"component-library-analytics",7),this.loadingStartTime=null,this.observer=null,this.message=void 0,this.label="Loading",this.setFocus=!1,this.enableAnalytics=!1}return e.prototype.componentDidLoad=function(){var e=this;this.setFocus&&this.spinner&&this.spinner.focus(),this.loadingStartTime=Date.now();var t=this.el.parentNode;this.observer=new MutationObserver((function(i){for(var r=0,a=i;r<a.length;r++){var n=a[r];if("childList"===n.type){var o=Array.from(n.removedNodes.values()).filter((function(e){var t;return"va-loading-indicator"===(null===(t=null==e?void 0:e.tagName)||void 0===t?void 0:t.toLowerCase())})).length>0;if(e.enableAnalytics&&o){var s=new CustomEvent("component-library-analytics",{bubbles:!0,composed:!0,detail:{componentName:"va-loading-indicator",action:"displayed",details:{displayTime:Date.now()-e.loadingStartTime,message:e.message}}});t.dispatchEvent(s)}}}})),this.observer.observe(t,{childList:!0})},e.prototype.render=function(){var e=this,t=this.message,i=this.label,a="loading-indicator";return function(){var e="undefined"!=typeof window&&window;return!(!e||!e.navigator.userAgent.match(/Chromatic/)&&!e.location.href.match(/chromatic=true/))}()&&(a+=" chromatic"),(0,r.h)(r.H,{key:"df9568b14bce4cad342ca37ddc4f32b1d78ed3f7","aria-live":"polite"},(0,r.h)("div",{key:"811314d3607700454b6c5eef7a3865b09469a4e8",ref:function(t){return e.spinner=t},class:a,role:"progressbar","aria-label":i,"aria-valuetext":t,tabindex:"-1"}),t)},Object.defineProperty(e.prototype,"el",{get:function(){return(0,r.g)(this)},enumerable:!1,configurable:!0}),e}();a.style=":host{display:block;font-size:1.06rem;text-align:center}.loading-indicator{display:block;height:4rem;margin-top:1rem}.loading-indicator:after{content:' ';display:inline-block;width:2.1875rem;height:2.1875rem;margin:1px;border-radius:50%;border:8px solid var(--vads-color-primary);border-color:var(--vads-color-primary) transparent var(--vads-color-primary)\n transparent;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}.loading-indicator.chromatic:after{-webkit-animation:none;animation:none}.loading-indicator:focus{outline:none}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}"}}]);
@@ -1 +1 @@
1
- "use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[7821],{7821:function(e,t,i){i.r(t),i.d(t,{va_file_input_multiple:function(){return n}});var r=i(3798),o=(i(2465),i(9425)),n=function(){function e(e){var t=this;(0,r.r)(this,e),this.vaMultipleChange=(0,r.c)(this,"vaMultipleChange",7),this.fileKeyCounter=0,this.additionalSlot=null,this.additionalFileUploadMessage=(0,r.h)("span",null,"Drag an additional file here or"," ",(0,r.h)("span",{class:"file-input-choose-text"},"choose from folder")),this.renderLabelOrHeader=function(e,t,i){var n=t?(0,r.h)("span",{class:"required"}," ",o.i.t("required")):null;if(i&&i>=1&&i<=6){var a="h".concat(i);return(0,r.h)("div",{class:"label-header"},(0,r.h)(a,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,n))}return(0,r.h)("div",{class:"label-header"},(0,r.h)("span",{part:"label",class:"usa-label"},e),n)},this.addValueFiles=function(){return function(e,t,i,r){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function a(e){try{l(r.next(e))}catch(e){n(e)}}function s(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){e.done?i(e.value):o(e.value).then(a,s)}l((r=r.apply(e,t||[])).next())}))}(t,void 0,void 0,(function(){var e=this;return function(e,t){var i,r,o,n,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return n={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function s(e){return function(t){return l([e,t])}}function l(s){if(i)throw new TypeError("Generator is already executing.");for(;n&&(n=0,s[0]&&(a=0)),a;)try{if(i=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((o=(o=a.trys).length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){a.label=s[1];break}if(6===s[0]&&a.label<o[1]){a.label=o[1],o=s;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(s);break}o[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{i=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}(this,(function(t){return this.files.shift(),this.value.forEach((function(t){e.files.push({file:t,key:e.fileKeyCounter,content:e.getAdditionalContent()||null}),e.fileKeyCounter++})),this.readOnly||this.files.push({file:null,key:this.fileKeyCounter,content:null}),this.valueAdded=!0,[2,Promise.resolve()]}))}))},this.hasErrors=function(){return t.errors.some((function(e){return!!e}))},this.label=void 0,this.name=void 0,this.required=!1,this.accept=void 0,this.errors=[],this.hint=void 0,this.enableAnalytics=!1,this.headerSize=void 0,this.value=void 0,this.readOnly=!1,this.slotFieldIndexes=null,this.files=[{key:0,file:null,content:null}],this.valueAdded=!1}return e.prototype.findFileByKey=function(e){return this.files.find((function(t){return t.key===e}))},e.prototype.findIndexByKey=function(e){return this.files.indexOf(this.files.find((function(t){return t.key===e})))},e.prototype.isEmpty=function(){return null===this.files[0].file},e.prototype.setSlotContent=function(){var e=this.el.shadowRoot.querySelector("slot");this.additionalSlot||(this.additionalSlot=e?e.assignedElements({flatten:!0}):[]),null==e||e.remove()},e.prototype.getAdditionalContent=function(){return this.additionalSlot&&this.additionalSlot.map((function(e){return e.cloneNode(!0)}))},e.prototype.handleChange=function(e,t,i){var r,o,n,a=e.detail.files[0];if(a){var s=this.findFileByKey(t);s.file?(o="FILE_UPDATED",n=a,s.file=a):(o="FILE_ADDED",n=a,s.file=a,s.content=this.getAdditionalContent(),this.fileKeyCounter++,this.files.push({file:null,key:this.fileKeyCounter,content:null})),r=this.buildFilesArray(this.files.map((function(e){return e.file})),!1,this.findIndexByKey(t))}else{o="FILE_REMOVED",n=this.files[i].file,this.files.splice(i,1);var l=this.el.shadowRoot.querySelector("#statusMessage");l.textContent="",setTimeout((function(){l.textContent="File removed."}),1e3),r=this.buildFilesArray(this.files.map((function(e){return e.file})),!0)}var h={action:o,file:n,state:r};this.vaMultipleChange.emit(h),this.files=Array.of.apply(Array,this.files)},e.prototype.buildFilesArray=function(e,t,i){var r=e.filter((function(e){return!!e})).map((function(e){return{file:e,changed:!1}}));return!t&&r[i]&&(r[i].changed=!0),r},e.prototype.componentDidRender=function(){var e=this,t=this.el.shadowRoot.querySelectorAll("va-file-input");return this.setSlotContent(),t.forEach((function(t,i){!e.files[i].content||e.slotFieldIndexes&&!e.slotFieldIndexes.includes(i)||e.files[i].content.forEach((function(e){return t.append(e)}))})),this.value&&this.value.length&&!this.valueAdded?this.addValueFiles():Promise.resolve()},e.prototype.render=function(){var e=this,t=this,i=t.label,o=t.required,n=t.headerSize,a=t.hint,s=t.files,l=t.name,h=t.accept,f=t.errors,d=t.enableAnalytics,u=t.readOnly,c=this.isEmpty()?"":"outer-wrap",p=this.hasErrors()?"has-error":"";return(0,r.h)(r.H,{key:"5aaf16734bca9c49e4bb012c2b8c629a945347ce",class:p},i&&!u&&this.renderLabelOrHeader(i,o,n),a&&!u&&(0,r.h)("div",{key:"c6c4e7674e56481843d291c0004cef49d14c36b2",class:"usa-hint",id:"input-hint-message"},a),(0,r.h)("div",{key:"b804c9ad5bb8266b8fed9869a48114b9a40e6d17",class:c},(0,r.h)("div",{key:"3ec253f775dbaef0791618a5e3187ff3fe08ae23",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),!this.isEmpty()&&(0,r.h)("div",{key:"a7c10de43698d42c94f84271e326e9bb35f80dcd",class:"selected-files-label"},u?"Files you uploaded":"Selected files"),s.map((function(t,n){return(0,r.h)("va-file-input",Object.assign({key:t.key,headless:!0,label:i,hint:a,name:"".concat(l,"-").concat(t.key),accept:h,required:o},n>0?{uploadMessage:e.additionalFileUploadMessage}:{},{error:f[n],onVaChange:function(i){return e.handleChange(i,t.key,n)},"enable-analytics":d,value:t.file,readOnly:u,class:t.file?"has-file":"no-file"}))}))),(0,r.h)("slot",{key:"2f05ac1c0ba022c5629920e1227fa4aae6f7519b"}))},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}@import \'~@department-of-veterans-affairs/css-library/dist/stylesheets/base/headings.css\';:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}[hidden]{display:none}:host{display:block;font-family:var(--font-source-sans);font-size:16.96px;}:host .label-header{color:var(--vads-color-base);font-weight:var(--font-weight-normal)}:host .label-header-tag{margin:0;display:inline-block}:host .file-input-wrapper{display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host .file-input{cursor:pointer;height:100%;width:100%;max-width:none;top:0;left:0;z-index:1;margin:0;position:absolute;text-indent:-999em;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target{border:1px dashed var(--vads-color-action-border-base-active-on-dark);display:block;margin-top:0.3125rem;position:relative;text-align:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target.file-input-target-error{border:2px dashed var(--vads-color-secondary-dark)}:host .file-input-box{background:var(--vads-color-white);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}:host .file-input-instructions{font-size:1.06rem;padding:1.25rem 0.625rem;pointer-events:none;position:relative;z-index:3}:host .file-input-choose-text{color:var(--vads-color-link);text-decoration:underline;font-weight:var(--font-weight-normal)}:host .file-icon{color:var(--vads-color-primary-alt-darkest)}:host .selected-files-wrapper{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light)}:host .selected-files-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;border-bottom:1px solid var(--vads-color-white);margin-bottom:8px;padding:8px}:host .va-card{margin:8px}:host .file-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;padding:0 8px;display:block;width:100%;word-wrap:break-word;word-break:break-word;overflow:hidden}:host #input-error-message{padding:0 8px;width:100%}:host .file-size-label,:host .file-status-label{color:var(--vads-color-base-dark);font-weight:var(--font-weight-normal);font-size:1.06rem;padding:0 8px;display:block}:host .file-status-label{font-style:italic}:host .file-info-section{padding:0 8px 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .file-button-section{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}:host .file-button-section>va-button-icon{font-size:1.06rem}@media screen and (max-width: 320px){:host .file-button-section{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}:host .separator{border:0;border-top:1px solid var(--vads-color-base-lighter);margin:0}:host .vads-u-line-height--2{line-height:1.15}:host .thumbnail-container{height:40px;width:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .thumbnail-preview{max-width:40px;width:auto;max-height:40px;height:auto}:host .thumbnail-error{color:#b21d38}:host va-progress-bar{font-size:var(--vads-font-size-root);display:block;margin-left:16px}:host .uploading-status{font-style:var(--font-style-italic)}:host(.has-error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host(.has-error){margin-left:-0.9rem}}.required{color:var(--vads-color-secondary-dark);margin-left:0.25rem}h1 .required,h2 .required,h3 .required,h4 .required,h5 .required,h6 .required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}.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.has-error{border-left:0.25rem solid #b50909;padding-left:1rem}:host .outer-wrap{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light);display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host va-file-input.no-file{margin:0 8px}:host va-file-input:not(:last-child){border-bottom:1px solid var(--vads-color-white)}:host va-file-input.has-error{border-left:none;padding-left:0}@media screen and (min-width: 1008px){:host va-file-input.has-error{margin-left:0}}'}}]);
1
+ "use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[7821],{7821:function(e,t,i){i.r(t),i.d(t,{va_file_input_multiple:function(){return n}});var r=i(3798),o=(i(2465),i(9425)),n=function(){function e(e){var t=this;(0,r.r)(this,e),this.vaMultipleChange=(0,r.c)(this,"vaMultipleChange",7),this.fileKeyCounter=0,this.additionalSlot=null,this.additionalFileUploadMessage=(0,r.h)("span",null,"Drag an additional file here or"," ",(0,r.h)("span",{class:"file-input-choose-text"},"choose from folder")),this.renderLabelOrHeader=function(e,t,i){var n=t?(0,r.h)("span",{class:"required"}," ",o.i.t("required")):null;if(i&&i>=1&&i<=6){var a="h".concat(i);return(0,r.h)("div",{class:"label-header"},(0,r.h)(a,{htmlFor:"fileInputField",part:"label",class:"label-header-tag"},e,n))}return(0,r.h)("div",{class:"label-header"},(0,r.h)("span",{part:"label",class:"usa-label"},e),n)},this.addValueFiles=function(){return function(e,t,i,r){function o(e){return e instanceof i?e:new i((function(t){t(e)}))}return new(i||(i=Promise))((function(i,n){function a(e){try{l(r.next(e))}catch(e){n(e)}}function s(e){try{l(r.throw(e))}catch(e){n(e)}}function l(e){e.done?i(e.value):o(e.value).then(a,s)}l((r=r.apply(e,t||[])).next())}))}(t,void 0,void 0,(function(){var e=this;return function(e,t){var i,r,o,n,a={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return n={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(n[Symbol.iterator]=function(){return this}),n;function s(e){return function(t){return l([e,t])}}function l(s){if(i)throw new TypeError("Generator is already executing.");for(;n&&(n=0,s[0]&&(a=0)),a;)try{if(i=1,r&&(o=2&s[0]?r.return:s[0]?r.throw||((o=r.return)&&o.call(r),0):r.next)&&!(o=o.call(r,s[1])).done)return o;switch(r=0,o&&(s=[2&s[0],o.value]),s[0]){case 0:case 1:o=s;break;case 4:return a.label++,{value:s[1],done:!1};case 5:a.label++,r=s[1],s=[0];continue;case 7:s=a.ops.pop(),a.trys.pop();continue;default:if(!((o=(o=a.trys).length>0&&o[o.length-1])||6!==s[0]&&2!==s[0])){a=0;continue}if(3===s[0]&&(!o||s[1]>o[0]&&s[1]<o[3])){a.label=s[1];break}if(6===s[0]&&a.label<o[1]){a.label=o[1],o=s;break}if(o&&a.label<o[2]){a.label=o[2],a.ops.push(s);break}o[2]&&a.ops.pop(),a.trys.pop();continue}s=t.call(e,a)}catch(e){s=[6,e],r=0}finally{i=o=0}if(5&s[0])throw s[1];return{value:s[0]?s[1]:void 0,done:!0}}}(this,(function(t){return this.files.shift(),this.value.forEach((function(t){e.files.push({file:t,key:e.fileKeyCounter,content:e.getAdditionalContent()||null}),e.fileKeyCounter++})),this.readOnly||this.files.push({file:null,key:this.fileKeyCounter,content:null}),this.valueAdded=!0,[2,Promise.resolve()]}))}))},this.hasErrors=function(){return t.errors.some((function(e){return!!e}))},this.label=void 0,this.name=void 0,this.required=!1,this.accept=void 0,this.errors=[],this.hint=void 0,this.enableAnalytics=!1,this.headerSize=void 0,this.value=void 0,this.readOnly=!1,this.slotFieldIndexes=null,this.files=[{key:0,file:null,content:null}],this.valueAdded=!1}return e.prototype.findFileByKey=function(e){return this.files.find((function(t){return t.key===e}))},e.prototype.findIndexByKey=function(e){return this.files.indexOf(this.files.find((function(t){return t.key===e})))},e.prototype.isEmpty=function(){return null===this.files[0].file},e.prototype.setSlotContent=function(){var e=this.el.shadowRoot.querySelector("slot");this.additionalSlot||(this.additionalSlot=e?e.assignedElements({flatten:!0}):[]),null==e||e.remove()},e.prototype.getAdditionalContent=function(){return this.additionalSlot&&this.additionalSlot.map((function(e){return e.cloneNode(!0)}))},e.prototype.handleChange=function(e,t,i){var r,o,n,a=e.detail.files[0];if(a){var s=this.findFileByKey(t);s.file?(o="FILE_UPDATED",n=a,s.file=a):(o="FILE_ADDED",n=a,s.file=a,s.content=this.getAdditionalContent(),this.fileKeyCounter++,this.files.push({file:null,key:this.fileKeyCounter,content:null})),r=this.buildFilesArray(this.files.map((function(e){return e.file})),!1,this.findIndexByKey(t))}else{o="FILE_REMOVED",n=this.files[i].file,this.files.splice(i,1);var l=this.el.shadowRoot.querySelector("#statusMessage");l.textContent="",setTimeout((function(){l.textContent="File removed."}),1e3),r=this.buildFilesArray(this.files.map((function(e){return e.file})),!0)}var h={action:o,file:n,state:r};this.vaMultipleChange.emit(h),this.files=Array.of.apply(Array,this.files)},e.prototype.buildFilesArray=function(e,t,i){var r=e.filter((function(e){return!!e})).map((function(e){return{file:e,changed:!1}}));return!t&&r[i]&&(r[i].changed=!0),r},e.prototype.componentDidRender=function(){var e=this,t=this.el.shadowRoot.querySelectorAll("va-file-input");return this.setSlotContent(),t.forEach((function(t,i){!e.files[i].content||e.slotFieldIndexes&&!e.slotFieldIndexes.includes(i)||e.files[i].content.forEach((function(e){return t.append(e)}))})),this.value&&this.value.length&&!this.valueAdded?this.addValueFiles():Promise.resolve()},e.prototype.render=function(){var e=this,t=this,i=t.label,o=t.required,n=t.headerSize,a=t.hint,s=t.files,l=t.name,h=t.accept,d=t.errors,f=t.enableAnalytics,u=t.readOnly,c=this.isEmpty()?"":"outer-wrap",p=this.hasErrors()?"has-error":"";return(0,r.h)(r.H,{key:"65619167a0c67b3b289390e2ed02d3890599dae5",class:p},i&&!u&&this.renderLabelOrHeader(i,o,n),a&&!u&&(0,r.h)("div",{key:"4a127051f0f019820335139e301481776ea6b422",class:"usa-hint",id:"input-hint-message"},a),(0,r.h)("div",{key:"267d345d2c3abd82e16f68ee2f3028149a8e9ed2",class:c},(0,r.h)("div",{key:"8e86555ea2764e08c336e2960bdd5dfb3c98fcff",class:"usa-sr-only","aria-live":"polite",id:"statusMessage"}),!this.isEmpty()&&(0,r.h)("div",{key:"cecf7ed2e819cc08e13fca37016d18539408e67a",class:"selected-files-label"},u?"Files you uploaded":"Selected files"),s.map((function(t,n){return(0,r.h)("va-file-input",Object.assign({key:t.key,headless:!0,label:i,hint:a,name:"".concat(l,"-").concat(t.key),accept:h,required:o},n>0?{uploadMessage:e.additionalFileUploadMessage}:{},{error:d[n],onVaChange:function(i){return e.handleChange(i,t.key,n)},"enable-analytics":f,value:t.file,readOnly:u,class:t.file?"has-file":"no-file"}))}))),(0,r.h)("slot",{key:"2e0fe579211e0680c48f0caa997c255dfddad94c"}))},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}@import \'~@department-of-veterans-affairs/css-library/dist/stylesheets/base/headings.css\';:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}[hidden]{display:none}:host{display:block;font-family:var(--font-source-sans);font-size:16.96px;}:host .label-header{color:var(--vads-color-base);font-weight:var(--font-weight-normal)}:host .label-header-tag{margin:0;display:inline-block}:host .file-input-wrapper{display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host .file-input{cursor:pointer;height:100%;width:100%;max-width:none;top:0;left:0;z-index:1;margin:0;position:absolute;text-indent:-999em;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target{border:1px dashed var(--vads-color-action-border-base-active-on-dark);display:block;margin-top:0.3125rem;position:relative;text-align:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}:host .file-input-target.file-input-target-error{border:2px dashed var(--vads-color-secondary-dark)}:host .file-input-box{background:var(--vads-color-white);height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:2}:host .file-input-instructions{font-size:1.06rem;padding:1.25rem 0.625rem;pointer-events:none;position:relative;z-index:3}:host .file-input-choose-text{color:var(--vads-color-link);text-decoration:underline;font-weight:var(--font-weight-normal)}:host .file-icon{color:var(--vads-color-primary-alt-darkest)}:host .selected-files-wrapper{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light)}:host .selected-files-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;border-bottom:1px solid var(--vads-color-white);margin-bottom:8px;padding:8px}:host .va-card{margin:8px}:host .file-label{color:var(--vads-color-base);font-weight:var(--font-weight-bold);font-size:1.06rem;padding:0 8px;display:block;width:100%;word-wrap:break-word;word-break:break-word;overflow:hidden}:host #input-error-message{padding:0 8px;width:100%}:host .file-size-label,:host .file-status-label{color:var(--vads-color-base-dark);font-weight:var(--font-weight-normal);font-size:1.06rem;padding:0 8px;display:block}:host .file-status-label{font-style:italic}:host .file-info-section{padding:0 8px 8px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .file-button-section{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:row;flex-direction:row}:host .file-button-section>va-button-icon{font-size:1.06rem}@media screen and (max-width: 320px){:host .file-button-section{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}}:host .separator{border:0;border-top:1px solid var(--vads-color-base-lighter);margin:0}:host .vads-u-line-height--2{line-height:1.15}:host .thumbnail-container{height:40px;width:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .thumbnail-preview{max-width:40px;width:auto;max-height:40px;height:auto}:host .thumbnail-error{color:#b21d38}:host va-progress-bar{font-size:var(--vads-font-size-root);display:block;margin-left:16px}:host .uploading-status{font-style:var(--font-style-italic)}:host(.has-error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host(.has-error){margin-left:-0.9rem}}.required{color:var(--vads-color-secondary-dark);margin-left:0.25rem}h1 .required,h2 .required,h3 .required,h4 .required,h5 .required,h6 .required{font-family:var(--font-source-sans);font-size:initial;font-weight:initial}.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.has-error{border-left:0.25rem solid #b50909;padding-left:1rem}:host .outer-wrap{background-color:var(--vads-color-primary-lighter);border:1px solid var(--vads-color-base-light);display:block;max-width:30rem;width:100%;position:relative;margin:8px 0}:host va-file-input.no-file{margin:0 8px}:host va-file-input:not(:last-child){border-bottom:1px solid var(--vads-color-white)}:host va-file-input.has-error{border-left:none;padding-left:0}@media screen and (min-width: 1008px){:host va-file-input.has-error{margin-left:0}}'}}]);
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 8175.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,157,8175],{20:function(n,e,a){a.r(e),a.d(e,{c:function(){return o}});var t,i={exports:{}};t=i,function(){var n={}.hasOwnProperty;function e(){for(var a=[],t=0;t<arguments.length;t++){var i=arguments[t];if(i){var o=typeof i;if("string"===o||"number"===o)a.push(i);else if(Array.isArray(i)){if(i.length){var r=e.apply(null,i);r&&a.push(r)}}else if("object"===o)if(i.toString===Object.prototype.toString)for(var s in i)n.call(i,s)&&i[s]&&a.push(s);else a.push(i.toString())}}return a.join(" ")}t.exports?(e.default=e,t.exports=e):window.classNames=e}();var o=i.exports},157:function(n,e,a){function t(n){return!Number.isNaN(parseFloat(n))}function i(n,e,a){void 0===a&&(a="slot");var t=n.shadowRoot.querySelector(a).assignedNodes();return null!==e?Array.from(t).filter((function(n){return n.nodeName.toLowerCase()===e})):Array.from(t)}function o(n){return 1===n?"":"s"}function r(n,e){if(void 0===n||""===n)return"".concat(e," character").concat(o(e)," allowed");var a;if(n.length<=e){var t=e-n.length;a="".concat(t," character").concat(o(t)," left")}else t=n.length-e,a="".concat(t," character").concat(o(t)," over limit");return a}function s(n,e){return Array.from({length:e-n+1},(function(e,a){return n+a}))}a.r(e),a.d(e,{S:function(){return c},a:function(){return p},b:function(){return r},c:function(){return g},g:function(){return i},i:function(){return t},m:function(){return s},s:function(){return u}}),a(3798);var l=function(n){return n&&"object"==typeof n&&1===n.nodeType};function u(n,e){var a=function(n,e){if("string"!=typeof n)return[];if(!e||!l(e))return[];var a=e.shadowRoot.querySelectorAll(n);return Array.from(a)}(n,e);return"string"!=typeof n||l(e)&&e.matches(n)&&a.push(e),a}var c={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(n){return c._entities[n]},escapeHTML:function(n){for(var e="",a=0;a<n.length;a++)e+=n[a],a+1<arguments.length&&(e+=String(arguments[a+1]||"").replace(c._entity,c.getEntity));return e}};function p(n){var e;return(e="string"==typeof n?parseInt(n,10):Math.floor(n))>=1&&e<=6?"h".concat(e):null}function g(n){var e=n.tagName;return e.startsWith("VA-")||["INPUT","BUTTON","A","DETAILS","TEXTAREA","SELECT"].includes(e)}},8175:function(n,e,a){a.r(e),a.d(e,{va_pagination:function(){return s}});var t=a(3798),i=a(20),o=(a(2465),a(157)),r=a(9425),s=function(){function n(n){var e=this;(0,t.r)(this,n),this.pageSelect=(0,t.c)(this,"pageSelect",7),this.componentLibraryAnalytics=(0,t.c)(this,"component-library-analytics",7),this.SHOW_ALL_PAGES=7,this.handlePageSelect=function(n,a){var t,i,o;if(e.pageSelect.emit({page:n}),null===(o=null===(i=null===(t=e.el)||void 0===t?void 0:t.shadowRoot)||void 0===i?void 0:i.activeElement)||void 0===o||o.blur(),e.enableAnalytics){var r={componentName:"va-pagination",action:"linkClick",details:{event:a,"page-number":n}};e.componentLibraryAnalytics.emit(r)}},this.pageNumbers=function(){var n,a,t=e,i=t.maxPageListLength,r=t.page,s=t.pages,l=t.unbounded,u=Math.floor(i/2),c=l?0:1;return s<=e.SHOW_ALL_PAGES?(0,o.m)(1,s):r<=u+1?(n=1,(a=i>=s?s:i-1-c)===r&&a++,(0,o.m)(n,a)):r+u>=s?(a=s,(n=s-i>0?s-(i-2-1):1)===r&&n--,(0,o.m)(n,a)):(n=r-(u-2),a=r+u>s?s:r+(u-1-c),(0,o.m)(n,a))},this.handleKeyDown=function(n,a){var t=n.key;if("Enter"===t||" "===t){if(n.preventDefault(),!a)return;e.handlePageSelect(a,"nav-paginate-number")}},this.ariaLabelSuffix="",this.enableAnalytics=!0,this.maxPageListLength=10,this.page=void 0,this.pages=void 0,this.showLastPage=!1,this.unbounded=!1}return n.prototype.addIcons=function(){var n,e;function a(n){var e="".concat((0,t.a)("/img/sprite.svg"),"#").concat(n);return'<svg\n class="usa-icon"\n aria-hidden="true"\n role="img">\n <use href='.concat(e,"></use>\n </svg>")}var i=null===(n=this.el.shadowRoot)||void 0===n?void 0:n.querySelector("#previous-arrow-icon");i&&(i.innerHTML=a("navigate_before"));var o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#next-arrow-icon");o&&(o.innerHTML=a("navigate_next"))},n.prototype.componentDidRender=function(){this.addIcons()},n.prototype.connectedCallback=function(){var n=this;r.i.on("languageChanged",(function(){(0,t.f)(n.el)}))},n.prototype.disconnectedCallback=function(){r.i.off("languageChanged")},n.prototype.render=function(){var n=this,e=this,a=e.ariaLabelSuffix,o=e.page,s=e.pages;if(1===s)return(0,t.h)("div",null);var l=a?"Previous page ".concat(a):"Previous page",u=a?"Next page ".concat(a):"Next page",c=this.pageNumbers(),p=(0,i.c)({"usa-pagination__item":!0,"usa-pagination__page-no":!0,"va-pagination__item":!0}),g=(0,i.c)({"usa-pagination__item":!0,"usa-pagination__overflow":!0,"va-pagination__item":!0}),d=(0,i.c)({"usa-pagination__item":!0,"usa-pagination__arrow":!0}),f=o>1?(0,t.h)(t.F,null,(0,t.h)("li",{class:d},(0,t.h)("a",{"aria-label":l,onClick:function(){return n.handlePageSelect(o-1,"nav-paginate-number")},onKeyDown:function(e){return n.handleKeyDown(e,o-1)},class:"usa-pagination__link usa-pagination__previous-page",href:"javascript:void(0)"},(0,t.h)("div",{id:"previous-arrow-icon"}),(0,t.h)("span",{class:"usa-pagination__link-text"},r.i.t("previous")))),!c.includes(1)&&(0,t.h)(t.F,null,(0,t.h)("li",{class:p},(0,t.h)("a",{onClick:function(){return n.handlePageSelect(1,"nav-paginate-number")},onKeyDown:function(e){return n.handleKeyDown(e,1)},href:"javascript:void(0)",class:"usa-pagination__button","aria-label":"page 1, first page"},"1")),(0,t.h)("li",{class:g},(0,t.h)("span",{class:"usa-sr-only"},"Ellipsis indicating non-visible pages"),(0,t.h)("span",{"aria-hidden":"true"},"…")))):null,h=c.map((function(e){var r=(0,i.c)({"usa-pagination__button":!0,"usa-current":o===e}),l=a?"page ".concat(e," ").concat(a):"page ".concat(e);return 1===e&&(l="".concat(l,", first page")),e===s&&(l="".concat(l,", last page")),(0,t.h)("li",{class:p},(0,t.h)("a",{onClick:function(){return n.handlePageSelect(e,"nav-paginate-number")},onKeyDown:function(a){return n.handleKeyDown(a,e)},href:"javascript:void(0)",class:r,"aria-current":o===e?"page":null,"aria-label":l},e))})),m=-1===c.indexOf(s)?(0,t.h)(t.F,null,s>this.SHOW_ALL_PAGES&&(0,t.h)("li",{class:g},(0,t.h)("span",{class:"usa-sr-only"},"Ellipsis indicating non-visible pages"),(0,t.h)("span",{"aria-hidden":"true"},"…")),!this.unbounded&&s>this.SHOW_ALL_PAGES&&(0,t.h)("li",{class:p},(0,t.h)("a",{onClick:function(){return n.handlePageSelect(s,"nav-paginate-number")},onKeyDown:function(e){return n.handleKeyDown(e,s)},href:"javascript:void(0)",class:"usa-pagination__button","aria-label":"page ".concat(s,", last page")},s))):null,v=o<s?(0,t.h)(t.F,null,(0,t.h)("li",{class:d},(0,t.h)("a",{"aria-label":u,onClick:function(){return n.handlePageSelect(o+1,"nav-paginate-number")},onKeyDown:function(e){return n.handleKeyDown(e,o+1)},class:"usa-pagination__link usa-pagination__next-page",href:"javascript:void(0)"},(0,t.h)("span",{class:"usa-pagination__link-text"},r.i.t("next")),(0,t.h)("div",{id:"next-arrow-icon"})))):null;return(0,t.h)(t.H,null,(0,t.h)("nav",{class:"usa-pagination","aria-label":"Pagination"},(0,t.h)("ul",{class:"usa-pagination__list"},f,h,m,v)))},Object.defineProperty(n,"assetsDirs",{get:function(){return["../assets"]},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"el",{get:function(){return(0,t.g)(this)},enumerable:!1,configurable:!0}),n}();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}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-pagination{margin-bottom:1rem;margin-top:1rem;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;color:#1b1b1b;background-color:white;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.usa-pagination .usa-icon{height:1.13rem;width:1.13rem}.usa-pagination__list{margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:center;justify-content:center;width:auto}.usa-pagination__item{display:-ms-inline-flexbox;display:inline-flex;height:2.5rem;-ms-flex-pack:center;justify-content:center;line-height:1;margin-left:0.25rem;margin-right:0.25rem;min-width:2.5rem}@media all and (min-width: 40em){.usa-pagination__item{-ms-flex:1 0 auto;flex:1 0 auto}}.usa-pagination__arrow{display:none}@media all and (min-width: 40em){.usa-pagination__arrow{display:inherit}}@media all and (min-width: 40em){.usa-pagination__previous-page{margin-right:1.25rem}}@media all and (min-width: 40em){.usa-pagination__next-page{margin-left:1.25rem}}.usa-pagination__link{-ms-flex-align:center;align-items:center;color:#005ea2;display:-ms-inline-flexbox;display:inline-flex}.usa-pagination__link[disabled]{opacity:0.4 !important;pointer-events:none}.usa-pagination__link:hover,.usa-pagination__link:focus,.usa-pagination__link:active{color:#1a4480}.usa-pagination__link:visited{color:#005ea2}.usa-pagination__button{-ms-flex-align:center;align-items:center;border-color:rgba(27, 27, 27, 0.2);border-radius:0.25rem;border-style:solid;border-width:1px;color:#005ea2;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;padding:0.5rem;width:100%}.usa-pagination__button:hover,.usa-pagination__button:focus,.usa-pagination__button:active{color:#1a4480;border-color:#1a4480}@media (forced-colors: active){.usa-pagination__button:hover,.usa-pagination__button:focus,.usa-pagination__button:active{border:2px solid transparent}}.usa-pagination .usa-current{background-color:#1b1b1b;border-color:transparent;color:white}@media (forced-colors: active){.usa-pagination .usa-current{border:2px solid transparent;color:buttonText}}.usa-pagination .usa-current:hover,.usa-pagination .usa-current:focus,.usa-pagination .usa-current:active{background-color:#1b1b1b;color:white}@media (forced-colors: active){.usa-pagination .usa-current:hover,.usa-pagination .usa-current:focus,.usa-pagination .usa-current:active{color:buttontext}}.usa-pagination__overflow{-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;display:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0.5rem}.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}.va-pagination__item{-webkit-box-sizing:border-box;box-sizing:border-box}:host a.usa-pagination__next-page>div,:host a.usa-pagination__previous-page>div{display:-ms-flexbox;display:flex}:host{background-color:var(--vads-color-white);border-top:1px solid var(--vads-color-base-lightest);display:-ms-flexbox;display:flex;font-family:var(--font-source-sans);-ms-flex-pack:center;justify-content:center;overflow:hidden;padding:1.25rem 0 0.625rem;width:100%}ul{list-style-type:none;margin:0;padding:0}li{display:-ms-inline-flexbox;display:inline-flex}button{-moz-osx-font-smoothing:auto;-webkit-font-smoothing:auto;background-color:transparent;border:0;color:var(--vads-color-link);cursor:pointer;display:-ms-inline-flexbox;display:inline-flex;font-family:inherit;font-size:0.89rem;font-weight:400;-ms-flex-pack:center;justify-content:center;line-height:2;padding:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transition-property:color, background-color;transition-property:color, background-color}'}}]);
2
+ "use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,4033,8175],{20:function(n,e,t){t.r(e),t.d(e,{c:function(){return i}});var a,o={exports:{}};a=o,function(){var n={}.hasOwnProperty;function e(){for(var t=[],a=0;a<arguments.length;a++){var o=arguments[a];if(o){var i=typeof o;if("string"===i||"number"===i)t.push(o);else if(Array.isArray(o)){if(o.length){var r=e.apply(null,o);r&&t.push(r)}}else if("object"===i)if(o.toString===Object.prototype.toString)for(var s in o)n.call(o,s)&&o[s]&&t.push(s);else t.push(o.toString())}}return t.join(" ")}a.exports?(e.default=e,a.exports=e):window.classNames=e}();var i=o.exports},4033:function(n,e,t){function a(n){return!Number.isNaN(parseFloat(n))}function o(n,e,t){void 0===t&&(t="slot");var a=n.shadowRoot.querySelector(t).assignedNodes();return null!==e?Array.from(a).filter((function(n){return n.nodeName.toLowerCase()===e})):Array.from(a)}function i(n){return 1===n?"":"s"}function r(n,e){if(void 0===n||""===n)return"".concat(e," character").concat(i(e)," allowed");var t;if(n.length<=e){var a=e-n.length;t="".concat(a," character").concat(i(a)," left")}else a=n.length-e,t="".concat(a," character").concat(i(a)," over limit");return t}function s(n,e){return Array.from({length:e-n+1},(function(e,t){return n+t}))}t.r(e),t.d(e,{S:function(){return u},a:function(){return p},b:function(){return a},c:function(){return r},d:function(){return d},g:function(){return o},i:function(){return f},m:function(){return s},s:function(){return c}}),t(3798);var l=function(n){return n&&"object"==typeof n&&1===n.nodeType};function c(n,e){var t=function(n,e){if("string"!=typeof n)return[];if(!e||!l(e))return[];var t=e.shadowRoot.querySelectorAll(n);return Array.from(t)}(n,e);return"string"!=typeof n||l(e)&&e.matches(n)&&t.push(e),t}var u={_entity:/[&<>"'/]/g,_entities:{"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&apos;","/":"&#x2F;"},getEntity:function(n){return u._entities[n]},escapeHTML:function(n){for(var e="",t=0;t<n.length;t++)e+=n[t],t+1<arguments.length&&(e+=String(arguments[t+1]||"").replace(u._entity,u.getEntity));return e}};function p(n){var e;return(e="string"==typeof n?parseInt(n,10):Math.floor(n))>=1&&e<=6?"h".concat(e):null}function d(n){return["VA-BUTTON","VA-LINK","BUTTON","A"].includes(n.tagName)}function f(n){return n&&"false"!==n||!1}},8175:function(n,e,t){t.r(e),t.d(e,{va_pagination:function(){return s}});var a=t(3798),o=t(20),i=(t(2465),t(4033)),r=t(9425),s=function(){function n(n){var e=this;(0,a.r)(this,n),this.pageSelect=(0,a.c)(this,"pageSelect",7),this.componentLibraryAnalytics=(0,a.c)(this,"component-library-analytics",7),this.SHOW_ALL_PAGES=7,this.handlePageSelect=function(n,t){var a,o,i;if(e.pageSelect.emit({page:n}),null===(i=null===(o=null===(a=e.el)||void 0===a?void 0:a.shadowRoot)||void 0===o?void 0:o.activeElement)||void 0===i||i.blur(),e.enableAnalytics){var r={componentName:"va-pagination",action:"linkClick",details:{event:t,"page-number":n}};e.componentLibraryAnalytics.emit(r)}},this.pageNumbers=function(){var n,t,a=e,o=a.page,r=a.pages,s=a.unbounded,l=a.SHOW_ALL_PAGES,c=s?0:1;return r<=l?(0,i.m)(1,r):o<=4?((t=(n=1)+l-2-c)===o&&t++,(0,i.m)(n,t)):o+5-1>r?((n=r-(l-2-1))===o&&n--,t=r,(0,i.m)(n,t)):(n=o-1,t=s?o+2:o+1,(0,i.m)(n,t))},this.handleKeyDown=function(n,t){var a=n.key;if("Enter"===a||" "===a){if(n.preventDefault(),!t)return;e.handlePageSelect(t,"nav-paginate-number")}},this.ariaLabelSuffix="",this.enableAnalytics=!0,this.page=void 0,this.pages=void 0,this.unbounded=!1}return n.prototype.addIcons=function(){var n,e;function t(n){var e="".concat((0,a.a)("/img/sprite.svg"),"#").concat(n);return'<svg\n class="usa-icon"\n aria-hidden="true"\n role="img">\n <use href='.concat(e,"></use>\n </svg>")}var o=null===(n=this.el.shadowRoot)||void 0===n?void 0:n.querySelector("#previous-arrow-icon");o&&(o.innerHTML=t("navigate_before"));var i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#next-arrow-icon");i&&(i.innerHTML=t("navigate_next"))},n.prototype.componentDidRender=function(){this.addIcons()},n.prototype.connectedCallback=function(){var n=this;r.i.on("languageChanged",(function(){(0,a.f)(n.el)}))},n.prototype.disconnectedCallback=function(){r.i.off("languageChanged")},n.prototype.renderPreviousButton=function(n,e){var t=this;return 1===this.page?null:(0,a.h)("li",{class:n},(0,a.h)("a",{"aria-label":e,onClick:function(){return t.handlePageSelect(t.page-1,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,t.page-1)},class:"usa-pagination__link usa-pagination__previous-page",href:"javascript:void(0)"},(0,a.h)("div",{id:"previous-arrow-icon"}),(0,a.h)("span",{class:"usa-pagination__link-text"},r.i.t("previous"))))},n.prototype.renderFirstPage=function(n,e){var t=this;return this.pageNumbers().includes(1)?null:(0,a.h)(a.F,null,(0,a.h)("li",{class:n},(0,a.h)("a",{onClick:function(){return t.handlePageSelect(1,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,1)},href:"javascript:void(0)",class:"usa-pagination__button","aria-label":"page 1, first page"},"1")),(0,a.h)("li",{class:e},(0,a.h)("span",{class:"usa-sr-only"},"Ellipsis indicating non-visible pages"),(0,a.h)("span",{"aria-hidden":"true"},"…")))},n.prototype.renderMiddlePages=function(n,e){var t=this,i=this.pageNumbers().map((function(i){var r=(0,o.c)({"usa-pagination__button":!0,"usa-current":t.page===i}),s=n?"page ".concat(i," ").concat(n):"page ".concat(i);return 1===i&&(s="".concat(s,", first page")),i===t.pages&&(s="".concat(s,", last page")),(0,a.h)("li",{class:e},(0,a.h)("a",{onClick:function(){return t.handlePageSelect(i,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,i)},href:"javascript:void(0)",class:r,"aria-current":t.page===i?"page":null,"aria-label":s},i))}));return i},n.prototype.renderLastPage=function(n,e){var t=this;if(this.pageNumbers().includes(this.pages))return null;var o=null,i=null;return this.pages>this.SHOW_ALL_PAGES&&(o=(0,a.h)("li",{class:n},(0,a.h)("span",{class:"usa-sr-only"},"Ellipsis indicating non-visible pages"),(0,a.h)("span",{"aria-hidden":"true"},"…"))),!this.unbounded&&this.pages>this.SHOW_ALL_PAGES&&(i=(0,a.h)("li",{class:e},(0,a.h)("a",{onClick:function(){return t.handlePageSelect(t.pages,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,t.pages)},href:"javascript:void(0)",class:"usa-pagination__button","aria-label":"page ".concat(this.pages,", last page")},this.pages))),(0,a.h)(a.F,null,o,i)},n.prototype.renderNextPageButton=function(n,e){var t=this;return this.page>=this.pages?null:(0,a.h)("li",{class:n},(0,a.h)("a",{"aria-label":e,onClick:function(){return t.handlePageSelect(t.page+1,"nav-paginate-number")},onKeyDown:function(n){return t.handleKeyDown(n,t.page+1)},class:"usa-pagination__link usa-pagination__next-page",href:"javascript:void(0)"},(0,a.h)("span",{class:"usa-pagination__link-text"},r.i.t("next")),(0,a.h)("div",{id:"next-arrow-icon"})))},n.prototype.render=function(){var n=this.ariaLabelSuffix;if(1===this.pages)return null;var e=n?"Previous page ".concat(n):"Previous page",t=n?"Next page ".concat(n):"Next page",i=(0,o.c)({"usa-pagination__item":!0,"usa-pagination__page-no":!0,"va-pagination__item":!0}),r=(0,o.c)({"usa-pagination__item":!0,"usa-pagination__overflow":!0,"va-pagination__item":!0}),s=(0,o.c)({"usa-pagination__item":!0,"usa-pagination__arrow":!0});return(0,a.h)(a.H,null,(0,a.h)("nav",{class:"usa-pagination","aria-label":"Pagination"},(0,a.h)("ul",{class:"usa-pagination__list"},this.renderPreviousButton(s,e),this.renderFirstPage(i,r),this.renderMiddlePages(n,i),this.renderLastPage(r,i),this.renderNextPageButton(s,t))))},Object.defineProperty(n,"assetsDirs",{get:function(){return["../assets"]},enumerable:!1,configurable:!0}),Object.defineProperty(n.prototype,"el",{get:function(){return(0,a.g)(this)},enumerable:!1,configurable:!0}),n}();s.style='/* From the USWDS styles: */\n/* https://github.com/uswds/uswds/blob/3dc296ec56cd621fe52d918701fd94621d96a198/src/stylesheets/core/mixins/_focus.scss#L12-L13 */\nbutton:not([disabled]):focus,\nselect:not([disabled]):focus,\na:not([disabled]):focus,\nh1:focus,\ninput:not([disabled]):focus,\ntextarea:not([disabled]):focus,\n#form-question\n[role=\'option\']:focus,\n*[tabindex]:focus {\n outline: 2px solid var(--vads-color-action-focus-on-light);\n outline-offset: 2px;\n}\n\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nGENERAL SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS style tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens\n----------------------------------------\n*/\n/*\n----------------------------------------\nImage path\n----------------------------------------\nRelative image file path\n----------------------------------------\n*/\n/*\n----------------------------------------\nShow compile warnings\n----------------------------------------\nShow Sass warnings when functions and\nmixins use non-standard tokens.\nAND\nShow updates and notifications.\n----------------------------------------\n*/\n/*\n----------------------------------------\nNamespace\n----------------------------------------\n*/\n/*\n----------------------------------------\nPrefix separator\n----------------------------------------\nSet the character the separates\nresponsive and state prefixes from the\nmain class name.\nThe default (":") needs to be preceded\nby two backslashes to be properly\nescaped.\n----------------------------------------\n*/\n/*\n----------------------------------------\nLayout grid\n----------------------------------------\nShould the layout grid classes output\nwith !important\n----------------------------------------\n*/\n/*\n----------------------------------------\nBorder box sizing\n----------------------------------------\nWhen set to true, sets the box-sizing\nproperty of all site elements to\n`border-box`.\n----------------------------------------\n*/\n/*\n----------------------------------------\nFocus styles\n----------------------------------------\n*/\n/*\n----------------------------------------\nIcons\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nTYPOGRAPHY SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS typography tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens/typesetting/overview/\n----------------------------------------\n*/\n/*\n----------------------------------------\nRoot font size\n----------------------------------------\nSetting $theme-respect-user-font-size to\ntrue sets the root font size to 100% and\nuses ems for media queries\n----------------------------------------\n$theme-root-font-size only applies when\n$theme-respect-user-font-size is set to\nfalse.\n\nThis will set the root font size\nas a specific px value and use px values\nfor media queries.\n\nAccepts true or false\n----------------------------------------\n*/\n/*\n----------------------------------------\nGlobal styles\n----------------------------------------\nAdds basic styling for the following\nunclassed elements:\n\n- paragraph: paragraph text\n- link: links\n- content: paragraph text, links,\n headings, lists, and tables\n----------------------------------------\n*/\n/*\n----------------------------------------\nBroswer compatibility mode\n----------------------------------------\nWhen true, outputs woff and ttf font \nformats in addition to woff2\n----------------------------------------\n*/\n/*\n----------------------------------------\nFont path\n----------------------------------------\nRelative font file path\n----------------------------------------\n*/\n/*\n----------------------------------------\nCustom typeface tokens\n----------------------------------------\nAdd a new custom typeface token if\nyour project uses a typeface not already\ndefined by USWDS.\n----------------------------------------\nUSWDS defines the following tokens\nby default:\n----------------------------------------\n\'georgia\'\n\'helvetica\'\n\'merriweather\'\n\'open-sans\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\'system\'\n\'tahoma\'\n\'verdana\'\n----------------------------------------\nAdd as many new tokens as you have\ncustom typefaces. Reference your new\ntoken(s) in the type-based font settings\nusing the quoted name of the token.\n\nFor example:\n\n$theme-font-type-cond: \'example-font-token\';\n\ndisplay-name:\nThe display name of your font\n\ncap-height:\nThe height of a 500px `N` in Sketch\n----------------------------------------\nYou should change `example-[style]-token`\nnames to something more descriptive.\n----------------------------------------\n*/\n/*\n----------------------------------------\nType-based font settings\n----------------------------------------\nSet the type-based tokens for your\nproject from the following tokens,\nor from any new font tokens you added in\n$theme-typeface-tokens.\n----------------------------------------\n\'georgia\'\n\'helvetica\'\n\'merriweather\'\n\'open-sans\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\'system\'\n\'tahoma\'\n\'verdana\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nCustom font stacks\n----------------------------------------\nAdd custom font stacks to any of the\ntype-based fonts. Any USWDS typeface\ntoken already has a default stack.\n\nCustom stacks don\'t need to include the\nfont\'s display name. It will\nautomatically appear at the start of\nthe stack.\n----------------------------------------\nExample:\n$theme-font-type-sans: \'source-sans-pro\';\n$theme-font-sans-custom-stack: "Helvetica Neue", Helvetica, Arial, sans;\n\nOutput:\nfont-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;\n----------------------------------------\n*/\n/*\n----------------------------------------\nAdd any custom font source files\n----------------------------------------\nIf you want USWDS to generate additional\n@font-face declarations, add your font\ndata below, following the example that\nfollows.\n----------------------------------------\nUSWDS automatically generates @font-face\ndeclarations for the following\n\n\'merriweather\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\nThese typefaces not require custom\nsource files.\n----------------------------------------\nEXAMPLE\n\n- dir:\n Directory relative to $theme-font-path\n- This directory should include fonts saved as\n .woff2\n ExampleSerif-Normal.woff2\n\n$theme-font-serif-custom-src: (\n dir: \'custom/example-serif\',\n roman: (\n 100: false,\n 200: false,\n 300: \'ExampleSerif-Light\',\n 400: \'ExampleSerif-Normal\',\n 500: false,\n 600: false,\n 700: \'ExampleSerif-Bold\',\n 800: false,\n 900: false,\n ),\n italic: (\n 100: false,\n 200: false,\n 300: \'ExampleSerif-LightItalic\',\n 400: \'ExampleSerif-Italic\',\n 500: false,\n 600: false,\n 700: \'ExampleSerif-BoldItalic\',\n 800: false,\n 900: false,\n ),\n);\n----------------------------------------\n*/\n/*\n----------------------------------------\nRole-based font settings\n----------------------------------------\nSet the role-based tokens for your\nproject from the following font-type\ntokens.\n----------------------------------------\n\'cond\'\n\'icon\'\n\'lang\'\n\'mono\'\n\'sans\'\n\'serif\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nType scale\n----------------------------------------\nDefine your project\'s type scale using\nvalues from the USWDS system type scale\n\n1-20\n----------------------------------------\n*/\n/*\n----------------------------------------\nFont weights\n----------------------------------------\nAssign weights 100-900\nOr use `false` for unneeded weights.\n----------------------------------------\n*/\n/*\n----------------------------------------\nGeneral typography settings\n----------------------------------------\nType scale tokens\n----------------------------------------\nmicro: 10px\n1: 12px\n2: 13px\n3: 14px\n4: 15px\n5: 16px\n6: 17px\n7: 18px\n8: 20px\n9: 22px\n10: 24px\n11: 28px\n12: 32px\n13: 36px\n14: 40px\n15: 48px\n16: 56px\n17: 64px\n18: 80px\n19: 120px\n20: 140px\n----------------------------------------\nLine height tokens\n----------------------------------------\n1: 1\n2: 1.15\n3: 1.35\n4: 1.5\n5: 1.62\n6: 1.75\n----------------------------------------\nFont role tokens\n----------------------------------------\n\'ui\'\n\'heading\'\n\'body\'\n\'code\'\n\'alt\'\n----------------------------------------\nMeasure (max-width) tokens\n----------------------------------------\n1: 44ex\n2: 60ex\n3: 64ex\n4: 68ex\n5: 74ex\n6: 88ex\nnone: none\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nCOLOR SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS color tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens/color\n----------------------------------------\n*/\n/*\n----------------------------------------\nTheme palette colors\n----------------------------------------\n*/\n/*\n----------------------------------------\nState palette colors\n----------------------------------------\n*/\n/*\n----------------------------------------\nGeneral colors\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nCOMPONENT SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS style tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nSPACING SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS spacing units tokens in the\ndocumentation:\nhttps://designsystem.digital.gov/design-tokens/spacing-units\n----------------------------------------\n*/\n/*\n----------------------------------------\nBorder radius\n----------------------------------------\n2px 2px\n0.5 4px\n1 8px\n1.5 12px\n2 16px\n2.5 20px\n3 24px\n4 32px\n5 40px\n6 48px\n7 56px\n8 64px\n9 72px\n----------------------------------------\n*/\n/*\n----------------------------------------\nColumn gap\n----------------------------------------\n2px 2px\n0.5 4px\n1 8px\n2 16px\n3 24px\n4 32px\n5 40px\n6 48px\n----------------------------------------\n*/\n/*\n----------------------------------------\nGrid container max-width\n----------------------------------------\nmobile\nmobile-lg\ntablet\ntablet-lg\ndesktop\ndesktop-lg\nwidescreen\n----------------------------------------\n*/\n/*\n----------------------------------------\nSite\n----------------------------------------\n*/\n/*\n----------------------------------------\nmap-collect()\n----------------------------------------\nCollect multiple maps into a single\nlarge map\nsource: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nUTILITIES SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS utilities in the documentation:\nhttps://designsystem.digital.gov/utilities\n----------------------------------------\n*/\n/*\n----------------------------------------\nUtility breakpoints\n----------------------------------------\nWhich breakpoints does your project\nneed? Select as `true` any breakpoint\nused by utilities or layout grid\n----------------------------------------\n*/\n/*\n----------------------------------------\nGlobal colors\n----------------------------------------\nThe following palettes will be added to\n- background-color\n- border-color\n- color\n- text-decoration-color\n----------------------------------------\n*/\n/*\n----------------------------------------\nSettings\n----------------------------------------\n*/\n/*\n----------------------------------------\nValues\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-last()\n----------------------------------------\nReturn the last item of a list,\nReturn null if the value is null\n----------------------------------------\n*/\n/*\n----------------------------------------\nappend-important()\n----------------------------------------\nAppend `!important` to a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nde-list()\n----------------------------------------\nTransform a one-element list or arglist\ninto that single element.\n----------------------------------------\n(1) => 1\n((1)) => (1)\n----------------------------------------\n*/\n/*\n----------------------------------------\nuswds-error()\n----------------------------------------\nAllow the system to pass an error as text\nto test error states in unit testing\n----------------------------------------\n*/\n/*\n----------------------------------------\nerror-not-token()\n----------------------------------------\nReturns a common not-a-token error.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-default()\n----------------------------------------\nReturns the default value from a map\nof project defaults\nget-default("bg-color")\n> $theme-body-background-color\n----------------------------------------\n*/\n/*\n----------------------------------------\nhas-important()\n----------------------------------------\nCheck to see if `!important` is\nbeing passed in a mixin\'s props\n----------------------------------------\n*/\n/*\n----------------------------------------\nmap-deep-get()\n----------------------------------------\n@author Hugo Giraudel\n@access public\n@param {Map} $map - Map\n@param {Arglist} $keys - Key chain\n@return {*} - Desired value\n----------------------------------------\n*/\n/*\n----------------------------------------\nmulti-cat()\n----------------------------------------\nConcatenate two lists\n----------------------------------------\n*/\n/*\n----------------------------------------\nremove()\n----------------------------------------\nRemove a value from a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nsmart-quote()\n----------------------------------------\nQuotes strings\nInspects `px`, `xs`, and `xl` numbers\nLeaves bools as is\n----------------------------------------\n*/\n/*\n----------------------------------------\nstr-replace()\n----------------------------------------\nReplace any substring with another\nstring\n----------------------------------------\n*/\n/*\n----------------------------------------\nstr-split()\n----------------------------------------\nSplit a string at a given separator\nand convert into a list of substrings\n----------------------------------------\n*/\n/*\n----------------------------------------\nstrip-unit()\n----------------------------------------\nRemove the unit of a length\n@author Hugo Giraudel\n@param {Number} $number - Number to remove unit from\n@return {Number} - Unitless number\n----------------------------------------\n*/\n/*\n----------------------------------------\nbase-to-map()\n@TODO: Deprecate and delete\n----------------------------------------\nConvert a single base to a USWDS\nvalue map.\n\nCandidate for deprecation if we remove\nisReadable\n----------------------------------------\n*/\n/*\n----------------------------------------\nto-number()\n----------------------------------------\nCasts a string into a number\n----------------------------------------\n@param {String | Number} $value - Value to be parsed\n@return {Number}\n----------------------------------------\n*/\n/*\n----------------------------------------\nunpack()\n----------------------------------------\nCreate lists of single items from lists\nof lists.\n----------------------------------------\n(1, (2.1, 2.2), 3) --\x3e\n(1, 2.1, 2.2, 3)\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-system-color()\n----------------------------------------\nDerive a system color from its\nfamily, value, and vivid or a passed\nvariable that is, itself, a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nset-theme-color()\n----------------------------------------\nDerive a color from a system color token\nor a hex value\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor()\n----------------------------------------\nDerive a color from a color shortcode\n----------------------------------------\n*/\n/*\n----------------------------------------\npx-to-rem()\n----------------------------------------\nConverts a value in px to a value in rem\n----------------------------------------\n*/\n/*\n----------------------------------------\nrem-to-user-em()\n----------------------------------------\nConverts a value in rem to a value in\n[user-settings] em for use in media\nqueries\n----------------------------------------\n*/\n/*\n----------------------------------------\npx-to-user-em()\n----------------------------------------\nConverts a value in px to a value in em\n----------------------------------------\n*/\n/*\n----------------------------------------\nrem-to-px()\n----------------------------------------\nConverts a value in rem to a value in px\n----------------------------------------\n*/\n/*\n----------------------------------------\nspacing-multiple()\n----------------------------------------\nConverts a spacing unit multiple into\nthe desired final units (currently rem)\n----------------------------------------\n*/\n/*\n----------------------------------------\nnumber-to-token()\n----------------------------------------\nConverts an integer or numeric value\ninto a system value\n\nEx: 0.5 --\x3e \'05\'\n -1px --\x3e \'neg-1px\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nunits()\n----------------------------------------\nConverts a spacing unit into\nthe desired final units (currently rem)\n----------------------------------------\n*/\n/*\n----------------------------------------\nProject fonts\n----------------------------------------\nCollects font settings in a map for\nlooping.\n----------------------------------------\n*/\n/*\n----------------------------------------\nLuminance ranges\n----------------------------------------\n*/\n/*\n----------------------------------------\nns()\n----------------------------------------\nAdd a namesspace of $type if that\nnamespace is set to output\n----------------------------------------\n*/\n/*\n----------------------------------------\nLine height\n----------------------------------------\n*/\n/*\n----------------------------------------\nMeasure\n----------------------------------------\n*/\n/*\n----------------------------------------\nvalidate-typeface-token()\n----------------------------------------\nCheck to see if a typeface-token exists.\nThrow an error if a passed token does\nnot exist in the typeface-token map.\n----------------------------------------\n*/\n/*\n----------------------------------------\ncap-height()\n----------------------------------------\nGet the cap height of a valid typeface\n----------------------------------------\n*/\n/*\n----------------------------------------\nconvert-to-font-type()\n----------------------------------------\nConverts a font-role token into a\nfont-type token. Leaves font-type tokens\nunchanged.\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-sources()\n----------------------------------------\nOutputs a list of font sources used in\na @font-face declaration.\n\n$theme-font-browser-compatibility: true - output woff2, woff, ttf\n$theme-font-browser-compatibility: false - output woff2\n\n@param stem: string - [font path]/[custom-src.dir]/[custom-src.[style].[weight]]\n@output: string\n\nfiletypes must be one of the filetypes set in variables/$project-font-face-filetypes (woff, woff2, ttf)\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-font-stack()\n----------------------------------------\nGet a font stack from a style- or\nrole-based font token.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-typeface-token()\n----------------------------------------\nGet a typeface token from a font-type or\nfont-role token.\n----------------------------------------\n*/\n/*\n----------------------------------------\nnormalize-type-scale()\n----------------------------------------\nNormalizes a specific face\'s optical size\nto a set target\n----------------------------------------\n*/\n/*\n----------------------------------------\nsystem-type-scale()\n----------------------------------------\nGet a value from the system type scale\n----------------------------------------\n*/\n/*\n----------------------------------------\nEasing\n----------------------------------------\n*/\n/* deprecated.scss\n ---\n Occasionally the design system will deprecate\n old variables or functionality. If we replace\n the old functionality with something new, this is a\n place to connect the old functionality to the\n new functionality, in the service of better\n continuity and backwards compatibility within a\n major release cycle.\n\n Note the USWDS version where we deprecated the\n old functionality in a comment.\n\n Be sure to update notifications.scss.\n\n This file should started fresh at each\n major version.\n*/\n/*\n----------------------------------------\nadvanced-color()\n----------------------------------------\nDerive a color from a color triplet:\n[family], [grade], [variant]\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-system-color-token()\n----------------------------------------\nReturn whether a token is a system\ncolor token\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-theme-color-token()\n----------------------------------------\nReturn whether a token is a theme\ncolor token\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-assignment()\n----------------------------------------\nGet the system token equivalent of any\ntheme color token\n----------------------------------------\n*/\n/*\n----------------------------------------\ndecompose()\n----------------------------------------\nConvert a color token into into a list\nof form [family], [grade], [variant]\nVivid variants return "vivid" as the\nvariant.\nIf neither grade nor variant exists,\nreturns \'null\'\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-family()\n----------------------------------------\nReturns the family of a color token.\nReturns: color-family\ncolor-token-family("accent-warm-vivid")\n> "accent-warm"\ncolor-token-family("red-50v")\n> "red"\ncolor-token-variant(("red", 50, "vivid"))\n> "red"\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-grade()\n----------------------------------------\nReturns the grade of a USWDS color token.\nReturns: color-grade\ncolor-token-grade("accent-warm")\n> "root"\ncolor-token-grade("accent-warm-vivid")\n> "root"\ncolor-token-grade("accent-warm-darker")\n> "darker"\ncolor-token-grade("red-50v")\n> 50\ncolor-token-variant(("red", 50, "vivid"))\n> 50\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-color-token()\n----------------------------------------\nReturns whether a given string is a\nUSWDS color token.\n----------------------------------------\n*/\n/*\n----------------------------------------\npow()\n----------------------------------------\nRaises a unitless number to the power\nof another unitless number\nIncludes helper functions\n----------------------------------------\n*/\n/*\n----------------------------------------\nHelper functions\n----------------------------------------\n*/\n/* factorial()\n----------------------------------------\n*/\n/* summation()\n----------------------------------------\n*/\n/* exp-maclaurin()\n----------------------------------------\n*/\n/* ln()\n----------------------------------------\n*/\n/*\n----------------------------------------\ncalculate-grade()\n----------------------------------------\nDerive the grade equivalent any color,\neven non-token colors\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-type()\n----------------------------------------\nReturns the type of a color token.\nReturns: "system" | "theme"\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-variant()\n----------------------------------------\nReturns the variant of color token.\nReturns: "vivid" | false\ncolor-token-variant("accent-warm")\n> false\ncolor-token-variant("accent-warm-vivid")\n> "vivid"\ncolor-token-variant("red-50v")\n> "vivid"\ncolor-token-variant(("red", 50, "vivid"))\n> "vivid"\n----------------------------------------\n*/\n/*\n----------------------------------------\nmagic-number()\n----------------------------------------\nReturns the magic number of two color\ngrades. Takes numbers or color tokens.\nmagic-number(50, 10)\nreturn: 40\nmagic-number("red-50", "red-10")\nreturn: 40\n----------------------------------------\n*/\n/*\n----------------------------------------\nwcag-magic-number()\n----------------------------------------\nReturns the magic number of a specific\nwcag grade:\n"AA"\n"AA-Large"\n"AAA"\nwcag-magic-number("AA")\n> 50\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-accessible-magic-number()\n----------------------------------------\nReturns whether two grades achieve\nspecified target color contrast\nReturns: true | false\nis-accessible-magic-number(10, 50, "AA")\n> false\nis-accessible-magic-number(10, 60, "AA")\n> true\n----------------------------------------\n*/\n/*\n----------------------------------------\nnext-token()\n----------------------------------------\nReturns next "darker" or "lighter" color\ntoken of the same token type and variant.\nReturns: color-token | false\nnext-token("accent-warm", "lighter")\n> "accent-warm-light"\nnext-token("gray-10", "lighter")\n> "gray-5"\nnext-token("gray-5", "lighter")\n> "white"\nnext-token("white", "lighter")\n> false\nnext-token("red-50v", "darker")\n> "red-60v"\nnext-token("red-50", "darker")\n> "red-60"\nnext-token("red-80v", "darker")\n> "red-90"\nnext-token("red-90", "darker")\n> "black"\nnext-token("white", "darker")\n> "gray-5"\nnext-token("black", "lighter")\n> "gray-90"\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-link-tokens-from-bg()\n----------------------------------------\nGet accessible link colors for a given\nbackground color\nreturns: link-token, hover-token\nget-link-tokens-from-bg(\n "black",\n "red-60",\n "red-10",\n "AA")\n> "red-10", "red-5"\nget-link-tokens-from-bg(\n "black",\n "red-60v",\n "red-10v",\n "AA-large")\n> "red-60v", "red-50v"\nget-link-tokens-from-bg(\n "black",\n "red-5v",\n "red-60v",\n "AA")\n> "red-5v", "white"\nget-link-tokens-from-bg(\n "black",\n "white",\n "red-60v",\n "AA")\n> "white", "white"\n----------------------------------------\n*/\n/*\n----------------------------------------\ntest-colors()\n----------------------------------------\nCheck to see if all system colors\nfall between the proper relative\nluminance range for their grade.\nHas a couple quirks, as the luminance()\nfunction returns slightly different\nresults than expected.\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolumns()\n----------------------------------------\noutputs a grid-col number based on\nthe number of desired columns in the\n12-column grid\n\nEx: columns(2) --\x3e 6\n grid-col(columns(2))\n----------------------------------------\n*/\n/*\n----------------------------------------\nUSWDS Properties\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-uswds-value()\n----------------------------------------\nFinds and outputs a value from the\nUSWDS standard values.\n\nUsed to build other standard utility\nfunctions and mixins.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-standard-values()\n----------------------------------------\nGets a map of USWDS standard values\nfor a property\n----------------------------------------\n*/\n/*\n----------------------------------------\nborder-radius()\n----------------------------------------\nGet a border-radius from the system\nborder-radii\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-weight()\nfw()\n----------------------------------------\nGet a font-weight value from the\nsystem font-weight\n----------------------------------------\n*/\n/*\n----------------------------------------\nfeature()\n----------------------------------------\nGets a valid USWDS font feature setting\n----------------------------------------\n*/\n/*\n----------------------------------------\nflex()\n----------------------------------------\nGets a valid USWDS flex value\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-family()\nfamily()\n----------------------------------------\nGet a font-family stack from a\nrole-based or type-based font family\n----------------------------------------\n*/\n/*\n----------------------------------------\nletter-spacing()\nls()\n----------------------------------------\nGet a letter-spacing value from the\nsystem letter-spacing\n----------------------------------------\n*/\n/*\n----------------------------------------\nmeasure()\n----------------------------------------\nGets a valid USWDS reading line length\n----------------------------------------\n*/\n/*\n----------------------------------------\nopacity()\n----------------------------------------\nGet an opacity from the system\nopacities\n----------------------------------------\n*/\n/*\n----------------------------------------\norder()\n----------------------------------------\nGet an order value from the\nsystem orders\n----------------------------------------\n*/\n/*\n----------------------------------------\nradius()\n----------------------------------------\nGet a border-radius value from the\nsystem letter-spacing\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-size()\n----------------------------------------\nGet type scale value from a [family] and\n[scale]\n----------------------------------------\n*/\n/*\n----------------------------------------\nz-index()\nz()\n----------------------------------------\nGet a z-index value from the\nsystem z-index\n----------------------------------------\n*/\n/*\n----------------------------------------\nutility-font()\n----------------------------------------\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\nNot the public-facing function.\nUsed for building the utilities and\nwithholds certain errors.\n----------------------------------------\n*/\n/*\n----------------------------------------\nfamily()\n----------------------------------------\nGet a font-family stack\n----------------------------------------\n*/\n/*\n----------------------------------------\nsize()\n----------------------------------------\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont()\n----------------------------------------\nGet a font-family stack\nAND\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n/*\n----------------------------------------\ntypeset()\n----------------------------------------\nSets:\n- family\n- size\n- line-height\n----------------------------------------\n*/\n/* stylelint-disable max-nesting-depth */\n/*\n----------------------------------------\n@render-pseudoclass\n----------------------------------------\nBuild a pseucoclass utiliy from values\ncalculated in the @render-utilities-in\nloop\n----------------------------------------\n*/\n/*\n----------------------------------------\n@render-utility\n----------------------------------------\nBuild a utility from values calculated\nin the @render-utilities-in loop\n----------------------------------------\nTODO: Determine the proper use of\nunquote() in the following. Changed to\naccount for a \'interpolation near\noperators will be simplified in a\nfuture version of Sass\' warning.\n----------------------------------------\n*/\n/*\n----------------------------------------\n@render-utilities-in\n----------------------------------------\nThe master loop that sets the building\nblocks of utilities from the values\nin individual rule settings and loops\nthrough all possible variants\n----------------------------------------\n*/\n/* stylelint-enable */\n/* notifications.scss\n ---\n Adds a notification at the top of each USWDS\n compile. Use this file for important notifications\n and updates to the design system.\n\n This file should started fresh at each\n major version.\n\n*/\n/* prettier-ignore */\n/* prettier-ignore */\n.usa-sr-only {\n position: absolute;\n left: -999em;\n right: auto;\n}\n\n.usa-pagination {\n margin-bottom: 1rem;\n margin-top: 1rem;\n font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;\n font-size: 1.06rem;\n line-height: 1.5;\n color: #1b1b1b;\n background-color: white;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-pack: center;\n justify-content: center;\n}\n\n.usa-pagination .usa-icon {\n height: 1.13rem;\n width: 1.13rem;\n}\n\n.usa-pagination__list {\n margin-bottom: 0;\n margin-top: 0;\n list-style-type: none;\n padding-left: 0;\n -ms-flex-align: center;\n align-items: center;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-flow: row nowrap;\n flex-flow: row nowrap;\n -ms-flex-pack: center;\n justify-content: center;\n width: auto;\n}\n\n.usa-pagination__item {\n display: -ms-inline-flexbox;\n display: inline-flex;\n height: 2.5rem;\n -ms-flex-pack: center;\n justify-content: center;\n line-height: 1;\n margin-left: 0.25rem;\n margin-right: 0.25rem;\n min-width: 2.5rem;\n}\n@media all and (min-width: 40em) {\n .usa-pagination__item {\n -ms-flex: 1 0 auto;\n flex: 1 0 auto;\n }\n}\n\n.usa-pagination__arrow {\n display: none;\n}\n@media all and (min-width: 40em) {\n .usa-pagination__arrow {\n display: inherit;\n }\n}\n\n@media all and (min-width: 40em) {\n .usa-pagination__previous-page {\n margin-right: 1.25rem;\n }\n}\n\n@media all and (min-width: 40em) {\n .usa-pagination__next-page {\n margin-left: 1.25rem;\n }\n}\n\n.usa-pagination__link {\n -ms-flex-align: center;\n align-items: center;\n color: #005ea2;\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n.usa-pagination__link[disabled] {\n opacity: 0.4 !important;\n pointer-events: none;\n}\n.usa-pagination__link:hover, .usa-pagination__link:focus, .usa-pagination__link:active {\n color: #1a4480;\n}\n.usa-pagination__link:visited {\n color: #005ea2;\n}\n\n.usa-pagination__button {\n -ms-flex-align: center;\n align-items: center;\n border-color: rgba(27, 27, 27, 0.2);\n border-radius: 0.25rem;\n border-style: solid;\n border-width: 1px;\n color: #005ea2;\n display: -ms-inline-flexbox;\n display: inline-flex;\n -ms-flex-pack: center;\n justify-content: center;\n padding: 0.5rem;\n width: 100%;\n}\n.usa-pagination__button:hover, .usa-pagination__button:focus, .usa-pagination__button:active {\n color: #1a4480;\n border-color: #1a4480;\n}\n@media (forced-colors: active) {\n .usa-pagination__button:hover, .usa-pagination__button:focus, .usa-pagination__button:active {\n border: 2px solid transparent;\n }\n}\n\n.usa-pagination .usa-current {\n background-color: #1b1b1b;\n border-color: transparent;\n color: white;\n}\n@media (forced-colors: active) {\n .usa-pagination .usa-current {\n border: 2px solid transparent;\n color: buttonText;\n }\n}\n.usa-pagination .usa-current:hover, .usa-pagination .usa-current:focus, .usa-pagination .usa-current:active {\n background-color: #1b1b1b;\n color: white;\n}\n@media (forced-colors: active) {\n .usa-pagination .usa-current:hover, .usa-pagination .usa-current:focus, .usa-pagination .usa-current:active {\n color: buttontext;\n }\n}\n\n.usa-pagination__overflow {\n -ms-flex-align: center;\n align-items: center;\n -ms-flex-item-align: stretch;\n align-self: stretch;\n display: inherit;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n padding: 0.5rem;\n}\n\n.usa-icon {\n display: inline-block;\n fill: currentColor;\n height: 1em;\n position: relative;\n width: 1em;\n}\n\n.usa-icon--size-3 {\n height: 1.5rem;\n width: 1.5rem;\n}\n\n.usa-icon--size-4 {\n height: 2rem;\n width: 2rem;\n}\n\n.usa-icon--size-5 {\n height: 2.5rem;\n width: 2.5rem;\n}\n\n.usa-icon--size-6 {\n height: 3rem;\n width: 3rem;\n}\n\n.usa-icon--size-7 {\n height: 3.5rem;\n width: 3.5rem;\n}\n\n.usa-icon--size-8 {\n height: 4rem;\n width: 4rem;\n}\n\n.usa-icon--size-9 {\n height: 4.5rem;\n width: 4.5rem;\n}\n\n.va-pagination__item {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n:host a.usa-pagination__next-page > div,\n:host a.usa-pagination__previous-page > div {\n display: -ms-flexbox;\n display: flex;\n}\n\n:host {\n background-color: var(--vads-color-white);\n border-top: 1px solid var(--vads-color-base-lightest);\n container-type: inline-size;\n display: -ms-flexbox;\n display: flex;\n font-family: var(--font-source-sans);\n -ms-flex-pack: center;\n justify-content: center;\n overflow: hidden;\n padding: 1.25rem 0 0.625rem;\n width: 100%;\n}\n\nul {\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\n\nli {\n display: -ms-inline-flexbox;\n display: inline-flex;\n}\n\nbutton {\n -moz-osx-font-smoothing: auto;\n -webkit-font-smoothing: auto;\n background-color: transparent;\n border: 0;\n color: var(--vads-color-link);\n cursor: pointer;\n display: -ms-inline-flexbox;\n display: inline-flex;\n font-family: inherit;\n font-size: 0.89rem;\n font-weight: 400;\n -ms-flex-pack: center;\n justify-content: center;\n line-height: 2;\n padding: 0;\n -webkit-transition: all 0.3s ease-in-out;\n transition: all 0.3s ease-in-out;\n -webkit-transition-property: color, background-color;\n transition-property: color, background-color;\n}\n\n@container (max-width: 480px) {\n .usa-pagination__overflow {\n margin: 0;\n min-width: 2rem;\n padding: 0;\n }\n}'}}]);
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see 82.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,82],{20:function(e,t,r){r.r(t),r.d(t,{c:function(){return i}});var a,o={exports:{}};a=o,function(){var e={}.hasOwnProperty;function t(){for(var r=[],a=0;a<arguments.length;a++){var o=arguments[a];if(o){var i=typeof o;if("string"===i||"number"===i)r.push(o);else if(Array.isArray(o)){if(o.length){var n=t.apply(null,o);n&&r.push(n)}}else if("object"===i)if(o.toString===Object.prototype.toString)for(var s in o)e.call(o,s)&&o[s]&&r.push(s);else r.push(o.toString())}}return r.join(" ")}a.exports?(t.default=t,a.exports=t):window.classNames=t}();var i=o.exports},82:function(e,t,r){r.r(t),r.d(t,{va_alert_expandable:function(){return i}});var a=r(3798),o=r(20),i=function(){function e(e){(0,a.r)(this,e),this.componentLibraryAnalytics=(0,a.c)(this,"component-library-analytics",7),this.open=void 0,this.status=void 0,this.trigger=void 0,this.disableAnalytics=!1,this.iconless=!1}return e.prototype.handleResize=function(){this.updateAlertBodyMaxHeight()},e.prototype.toggleOpen=function(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-alert-expandable",action:this.open?"collapse":"expand",details:{triggerText:this.trigger}}),this.open=!this.open},e.prototype.handleKeydown=function(e){" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.toggleOpen())},e.prototype.updateAlertBodyMaxHeight=function(){var e=this.el.shadowRoot.getElementById("alert-body"),t=e.scrollHeight+"px";e.style.setProperty("--calc-max-height","calc("+t+" + 2rem)")},e.prototype.componentDidLoad=function(){this.updateAlertBodyMaxHeight()},e.prototype.render=function(){var e=this,t=e.status,r=e.open,i=e.iconless,n=(0,o.c)("alert-expandable",t,{"hide-icon":i}),s=(0,o.c)("alert-expandable-body",{open:r,closed:!r}),l="error"===t?"alert":null,c="error"===t?"assertive":null;return(0,a.h)(a.H,{key:"27152e8619b9f1861832adc8c930c1f0b7e11bdd"},(0,a.h)("div",{key:"a9577330ff8ccc6b276c0bfeb0491473b81a9c30",role:l,"aria-live":c,class:n},(0,a.h)("a",{key:"c039e39bbf5ab05077e70450557953439e540d33",role:"button","aria-controls":"alert-body","aria-expanded":this.open?"true":"false",tabIndex:0,onClick:this.toggleOpen.bind(this),onKeyDown:this.handleKeydown.bind(this),class:"alert-expandable-trigger"},!i&&(0,a.h)("va-icon",{key:"9fa80fbaab36bb57087993f501f8650020caef19",class:"alert-expandable__status-icon",icon:{continue:"lock",error:"info",warning:"warning",info:"info",success:"check_circle"}[t]||"info",size:3}),(0,a.h)("div",{key:"2ae6234721e3e23601e28478620b1655cdec46a4"},(0,a.h)("span",{key:"864903dbc2086043a09317780be7c43a7b7e2c7b",class:"alert-expandable-title"},(0,a.h)("span",{key:"8dca0b0208b49c00a00332f0ed2d8ff5c988bdbd",class:"sr-only"},"Alert: "),this.trigger),(0,a.h)("va-icon",{key:"dfeb4018aaa1d9b8382c8fdaf05d3b6c5e472444",class:"alert-expandable-icon",icon:"chevron_right",size:3}))),(0,a.h)("div",{key:"80e7c912a6725399dfcfd27856fa1f30feb7d475",id:"alert-body",class:s},(0,a.h)("div",{key:"6808bb3b816a7667b6621cb5e3b63421dffdc7a8",id:"slot-wrap"},(0,a.h)("slot",{key:"64867267d588f058794e9fafa550c9f2a4f6d163"})))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,a.g)(this)},enumerable:!1,configurable:!0}),e}();i.style="p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, \"Source Sans Pro\", \"Helvetica Neue\", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block}:host([status='warning']){background-color:var(--vads-color-gold-lightest)}:host([status='info']){background-color:var(--vads-color-primary-alt-lightest)}:host([status='error']){background-color:var(--vads-color-secondary-lightest)}:host([status='success']){background-color:var(--vads-color-success-lighter)}:host([status='continue']){background-color:var(--vads-color-base-lightest)}.alert-expandable-trigger{-ms-flex-align:start;align-items:flex-start;cursor:pointer;display:-ms-flexbox;display:flex;padding:0.75rem}div.warning .alert-expandable-trigger:hover{background-color:var(--vads-color-gold-lighter)}div.info .alert-expandable-trigger:hover{background-color:var(--vads-color-primary-alt-light)}div.error .alert-expandable-trigger:hover{background-color:var(--vads-color-secondary-light)}div.success .alert-expandable-trigger:hover{background-color:var(--vads-color-green-lighter)}div.continue .alert-expandable-trigger:hover{background-color:var(--vads-color-base-lighter)}.alert-expandable-title{border-bottom-right-radius:1px;border-bottom:2px dotted var(--vads-color-primary-alt-dark);color:var(--vads-color-base-darker);cursor:pointer;font-weight:600}.alert-expandable-body{overflow:hidden}.alert-expandable-body.closed{opacity:0;max-height:0;visibility:hidden;overflow:hidden}.alert-expandable-body.open{height:auto;opacity:1;-webkit-transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;max-height:var(--calc-max-height)}#slot-wrap{margin:0.75rem}.alert-expandable-icon{display:inline-block;color:var(--vads-color-primary-alt-darkest);font-size:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;line-height:1;vertical-align:bottom}a[aria-expanded='true'] .alert-expandable-icon{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear}.alert-expandable__status-icon{color:var(--vads-color-base-darker);margin-right:8px}::slotted(*){margin-bottom:0 !important;margin-top:0 !important}"}}]);
2
+ "use strict";(self.webpackChunk_department_of_veterans_affairs_component_library=self.webpackChunk_department_of_veterans_affairs_component_library||[]).push([[20,82],{20:function(e,t,r){r.r(t),r.d(t,{c:function(){return i}});var o,a={exports:{}};o=a,function(){var e={}.hasOwnProperty;function t(){for(var r=[],o=0;o<arguments.length;o++){var a=arguments[o];if(a){var i=typeof a;if("string"===i||"number"===i)r.push(a);else if(Array.isArray(a)){if(a.length){var n=t.apply(null,a);n&&r.push(n)}}else if("object"===i)if(a.toString===Object.prototype.toString)for(var s in a)e.call(a,s)&&a[s]&&r.push(s);else r.push(a.toString())}}return r.join(" ")}o.exports?(t.default=t,o.exports=t):window.classNames=t}();var i=a.exports},82:function(e,t,r){r.r(t),r.d(t,{va_alert_expandable:function(){return i}});var o=r(3798),a=r(20),i=function(){function e(e){(0,o.r)(this,e),this.componentLibraryAnalytics=(0,o.c)(this,"component-library-analytics",7),this.open=void 0,this.status=void 0,this.trigger=void 0,this.disableAnalytics=!1,this.iconless=!1}return e.prototype.handleResize=function(){this.updateAlertBodyMaxHeight()},e.prototype.toggleOpen=function(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-alert-expandable",action:this.open?"collapse":"expand",details:{triggerText:this.trigger}}),this.open=!this.open},e.prototype.handleKeydown=function(e){" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.toggleOpen())},e.prototype.updateAlertBodyMaxHeight=function(){var e=this.el.shadowRoot.getElementById("alert-body"),t=e.scrollHeight+"px";e.style.setProperty("--calc-max-height","calc("+t+" + 2rem)")},e.prototype.componentDidLoad=function(){this.updateAlertBodyMaxHeight()},e.prototype.render=function(){var e=this,t=e.status,r=e.open,i=e.iconless,n=(0,a.c)("alert-expandable",t,{"hide-icon":i}),s=(0,a.c)("alert-expandable-body",{open:r,closed:!r}),l="error"===t?"alert":null,d="error"===t?"assertive":null;return(0,o.h)(o.H,{key:"6fc3df416a8fac248e2126cb8157d8a2e7feb911"},(0,o.h)("div",{key:"95b99c8f82be748843d68501be2eee1e8e82dd7b",role:l,"aria-live":d,class:n},(0,o.h)("a",{key:"fd142dcdf974c4c515fe8a3e7580e539c4d0bba1",role:"button","aria-controls":"alert-body","aria-expanded":this.open?"true":"false",tabIndex:0,onClick:this.toggleOpen.bind(this),onKeyDown:this.handleKeydown.bind(this),class:"alert-expandable-trigger"},!i&&(0,o.h)("va-icon",{key:"bd838624edf194851e9904aae4a6d808a37f8bc9",class:"alert-expandable__status-icon",icon:{continue:"lock",error:"info",warning:"warning",info:"info",success:"check_circle"}[t]||"info",size:3}),(0,o.h)("div",{key:"994c7cd4e2c5da21f1641c008ae62d95e1b7638c"},(0,o.h)("span",{key:"010ee28deb8e95cd5f3577bc9fa55f9295dd98fb",class:"alert-expandable-title"},(0,o.h)("span",{key:"d00bf08ec1b1fc36cd796002bf4f62db2d1b1441",class:"sr-only"},"Alert: "),this.trigger),(0,o.h)("va-icon",{key:"80c497f250218c3e96b7e46f2c9d292e0e5d6775",class:"alert-expandable-icon",icon:"chevron_right",size:3}))),(0,o.h)("div",{key:"791aa5bb5b66e10acb5441e7431cf56ae99bd7bd",id:"alert-body",class:s},(0,o.h)("div",{key:"18982533ba13ffac9370d2ea82dfbf0eb2ff70df",id:"slot-wrap"},(0,o.h)("slot",{key:"0d86667d0c2d68f9555f6288d75233a9e7c8fb92"})))))},Object.defineProperty(e.prototype,"el",{get:function(){return(0,o.g)(this)},enumerable:!1,configurable:!0}),e}();i.style="p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, \"Source Sans Pro\", \"Helvetica Neue\", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block}:host([status='warning']){background-color:var(--vads-color-gold-lightest)}:host([status='info']){background-color:var(--vads-color-primary-alt-lightest)}:host([status='error']){background-color:var(--vads-color-secondary-lightest)}:host([status='success']){background-color:var(--vads-color-success-lighter)}:host([status='continue']){background-color:var(--vads-color-base-lightest)}.alert-expandable-trigger{-ms-flex-align:start;align-items:flex-start;cursor:pointer;display:-ms-flexbox;display:flex;padding:0.75rem}div.warning .alert-expandable-trigger:hover{background-color:var(--vads-color-gold-lighter)}div.info .alert-expandable-trigger:hover{background-color:var(--vads-color-primary-alt-light)}div.error .alert-expandable-trigger:hover{background-color:var(--vads-color-secondary-light)}div.success .alert-expandable-trigger:hover{background-color:var(--vads-color-green-lighter)}div.continue .alert-expandable-trigger:hover{background-color:var(--vads-color-base-lighter)}.alert-expandable-title{border-bottom-right-radius:1px;border-bottom:2px dotted var(--vads-color-primary-alt-dark);color:var(--vads-color-base-darker);cursor:pointer;font-weight:600}.alert-expandable-body{overflow:hidden}.alert-expandable-body.closed{opacity:0;max-height:0;visibility:hidden;overflow:hidden}.alert-expandable-body.open{height:auto;opacity:1;-webkit-transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;max-height:var(--calc-max-height)}#slot-wrap{margin:0.75rem}.alert-expandable-icon{display:inline-block;color:var(--vads-color-primary-alt-darkest);font-size:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;line-height:1;vertical-align:bottom}a[aria-expanded='true'] .alert-expandable-icon{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear}.alert-expandable__status-icon{color:var(--vads-color-base-darker);margin-right:8px}::slotted(*){margin-bottom:0 !important;margin-top:0 !important}"}}]);