@department-of-veterans-affairs/component-library 48.0.0 → 48.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/1274.app.bundle.js +1 -1
- package/dist/1321.app.bundle.js +1 -1
- package/dist/1563.app.bundle.js +1 -1
- package/dist/1680.app.bundle.js +1 -1
- package/dist/2010.app.bundle.js +1 -1
- package/dist/2159.app.bundle.js +1 -1
- package/dist/2272.app.bundle.js +1 -1
- package/dist/2715.app.bundle.js +1 -1
- package/dist/3510.app.bundle.js +1 -1
- package/dist/3853.app.bundle.js +1 -1
- package/dist/3882.app.bundle.js +1 -1
- package/dist/3977.app.bundle.js +1 -1
- package/dist/4397.app.bundle.js +1 -1
- package/dist/5889.app.bundle.js +1 -1
- package/dist/6879.app.bundle.js +1 -1
- package/dist/7183.app.bundle.js +1 -1
- package/dist/7339.app.bundle.js +1 -1
- package/dist/7568.app.bundle.js +2 -0
- package/dist/7785.app.bundle.js +1 -1
- package/dist/8074.app.bundle.js +1 -1
- package/dist/8151.app.bundle.js +1 -1
- package/dist/8429.app.bundle.js +1 -1
- package/dist/8912.app.bundle.js +1 -1
- package/dist/8991.app.bundle.js +1 -1
- package/dist/9275.app.bundle.js +1 -1
- package/dist/9407.app.bundle.js +1 -1
- package/dist/app.bundle.js +1 -1
- package/dist/components/va-accordion-item.js +1 -1
- package/dist/components/va-accordion.js +1 -1
- package/dist/components/va-alert2.js +1 -1
- package/dist/components/va-breadcrumbs.js +1 -1
- package/dist/components/va-button-icon2.js +1 -1
- package/dist/components/va-button2.js +1 -1
- package/dist/components/va-link2.js +1 -1
- package/dist/components/va-memorable-date.js +1 -1
- package/dist/components/va-modal2.js +1 -1
- package/dist/components/va-on-this-page.js +1 -1
- package/dist/components/va-pagination.js +1 -1
- package/dist/components/va-privacy-agreement.js +1 -1
- package/dist/components/va-process-list-item.js +1 -1
- package/dist/components/va-process-list.js +1 -1
- package/dist/components/va-progress-bar.js +1 -1
- package/dist/components/va-radio-option.js +1 -1
- package/dist/components/va-radio.js +1 -1
- package/dist/components/va-search-input.js +1 -1
- package/dist/components/va-select2.js +1 -1
- package/dist/components/va-statement-of-truth.js +1 -1
- package/dist/components/va-summary-box.js +1 -1
- package/dist/components/va-table-inner2.js +1 -1
- package/dist/components/va-table-row.js +1 -1
- package/dist/components/va-table.js +1 -1
- package/dist/components/va-telephone2.js +1 -1
- package/dist/components/va-textarea.js +1 -1
- package/dist/main.css +1 -1
- package/package.json +2 -2
- package/dist/1674.app.bundle.js +0 -2
- package/dist/3718.app.bundle.js +0 -2
- package/dist/3718.app.bundle.js.LICENSE.txt +0 -5
- /package/dist/{1674.app.bundle.js.LICENSE.txt → 7568.app.bundle.js.LICENSE.txt} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaSearchInputCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0.1rem solid var(--vads-color-base-dark);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--vads-color-base-darkest);display:block;font-size:1.06rem;height:2.625rem;line-height:1.3;margin:0.2em 0;max-width:46rem;padding:1rem 0.7em;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-search{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;position:relative}.usa-search::after{clear:both;content:"";display:block}.usa-search[role=search],.usa-search[role=search]>div,.usa-search [role=search]{display:-ms-flexbox;display:flex}.usa-search [type=submit]{border-bottom-left-radius:0;border-top-left-radius:0;height:2rem;margin:0;padding:0;width:3rem}@media all and (min-width: 30em){.usa-search [type=submit]{padding-left:1rem;padding-right:1rem;width:auto}}@media (forced-colors: active){.usa-search [type=submit]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;content:"";vertical-align:middle;margin-right:auto}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-search [type=submit]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}.usa-search [type=submit]:focus{outline-offset:0}}@media (forced-colors: active) and (min-width: 30em){.usa-search [type=submit]::before{content:none}}@media all and (min-width: 30em){.usa-search__submit-icon{display:none}}@media (forced-colors: active){.usa-search__submit-icon{display:none}}@media all and (min-width: 30em){.usa-search--big [type=search],.usa-search--big .usa-search__input{font-size:1.06rem;height:3rem}}@media all and (min-width: 30em){.usa-search--big [type=submit],.usa-search--big .usa-search__submit{padding-left:2rem;padding-right:2rem;font-size:1.46rem;height:3rem;width:auto}}.usa-search--small [type=submit],.usa-search--small .usa-search__submit{padding-left:0.75rem;padding-right:0.75rem;min-width:3rem}@media (forced-colors: active) and (min-width: 30em){.usa-search--small [type=submit]::before{content:""}}.usa-search--small .usa-search__submit-icon{height:1.5rem;width:1.5rem;display:block}@media (forced-colors: active){.usa-search--small .usa-search__submit-icon{display:none}}input[type=search]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=search],.usa-search__input{padding-bottom:0;padding-top:0;border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;font-size:1rem;height:2rem;margin:0}.usa-search__submit-text{display:none}@media all and (min-width: 30em){.usa-search__submit-text{display:block}}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;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}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0}.usa-input{margin-top:0}#va-search-listbox{position:absolute;top:37px;left:0;right:0;z-index:1;background-color:var(--vads-color-white);-webkit-box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);line-height:24px;list-style-type:none;margin:0;padding:0}.va-search-suggestion{cursor:pointer;padding:8px}.va-search-suggestion[aria-selected=true],.va-search-suggestion:focus,.va-search-suggestion:hover{background-color:var(--vads-color-primary);color:var(--vads-color-white)}:host([big=true]) #va-search-listbox{top:52px}.usa-input{max-width:1024px}@media screen and (min-width: 480px){:host .usa-search [type=submit]{width:auto}}',VaSearchInputStyle0=vaSearchInputCss,VaSearchInput$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleBlur=()=>{this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-search-input",action:"blur",details:{value:this.value}}),this.isTouched=!1,this.isListboxOpen=!1},this.handleSubmit=()=>{const t=this.el.shadowRoot.querySelector("form");t&&(t.onsubmit=t=>{t.preventDefault()}),this.el.dispatchEvent(new SubmitEvent("submit",{bubbles:!0,cancelable:!0,composed:!0})),this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-search-input",action:"click",details:{value:this.value}})},this.handleInput=t=>{this.value=t.target.value,this.suggestions&&this.updateSuggestions(this.suggestions)},this.handleInputFocus=()=>{this.isTouched=!0,this.formattedSuggestions.length&&!this.isListboxOpen&&(this.isListboxOpen=!0)},this.handleInputKeyDown=t=>{const e=this.el.shadowRoot.querySelectorAll('[role="option"]');switch(t.key){case"ArrowDown":if(t.preventDefault(),!(null==e?void 0:e.length))return;const a=e[0];this.selectSuggestion(a);break;case"ArrowUp":if(t.preventDefault(),!(null==e?void 0:e.length))return;const s=e[e.length-1];this.selectSuggestion(s);break;case"Enter":t.preventDefault(),this.handleSubmit();break;case"Escape":this.inputRef.value="",this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}));break;case"Tab":this.isListboxOpen=!1}},this.handleButtonClick=()=>{this.handleSubmit()},this.handleListboxClick=t=>{const e=this.el.shadowRoot.getElementById(`listbox-option-${t}`);this.inputRef.value=e.innerText,this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.removeAttribute("aria-activedescendant"),this.isListboxOpen=!1,this.handleSubmit()},this.handleListboxKeyDown=(t,e)=>{const a=this.el.shadowRoot.querySelectorAll('[role="option"]');switch(t.key){case"ArrowUp":t.preventDefault(),0===e?this.selectSuggestion(a[a.length-1]):this.selectSuggestion(a[e-1]);break;case"ArrowDown":t.preventDefault(),e===a.length-1?this.selectSuggestion(a[0]):this.selectSuggestion(a[e+1]);break;case"Enter":t.preventDefault(),this.inputRef.value=a[e].innerText,this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.focus(),this.inputRef.removeAttribute("aria-activedescendant"),this.isListboxOpen=!1,this.isTouched=!1,this.handleSubmit();break;case"Escape":this.inputRef.value="",this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.focus(),this.inputRef.removeAttribute("aria-activedescendant"),this.isListboxOpen=!1;break;case"Home":t.preventDefault(),this.inputRef.focus(),this.inputRef.setSelectionRange(0,0);break;case"ArrowRight":case"End":t.preventDefault(),this.inputRef.focus(),this.inputRef.setSelectionRange(this.inputRef.value.length+1,this.inputRef.value.length+1);break;case"ArrowLeft":t.preventDefault(),this.inputRef.focus(),this.inputRef.setSelectionRange(this.inputRef.value.length,this.inputRef.value.length);break;default:this.inputRef.focus()}},this.formatSuggestion=t=>{const e=t.toLowerCase(),a=this.inputRef.value.toLowerCase();return e.includes(a)?h(Fragment,null,a,h("strong",null,e.replace(a,""))):h("strong",null,e)},this.selectSuggestion=t=>{const e=this.el.shadowRoot.querySelector('[aria-selected="true"]');null==e||e.removeAttribute("aria-selected"),t.focus(),t.setAttribute("aria-selected","true"),this.inputRef.setAttribute("aria-activedescendant",t.id)},this.updateSuggestions=t=>{if(!t.length)return this.formattedSuggestions=[],void(this.isListboxOpen=!1);this.formattedSuggestions=t.slice(0,5).sort().map((t=>this.formatSuggestion(t))),this.isTouched?this.isListboxOpen=!0:this.isListboxOpen=!1},this.formattedSuggestions=[],this.isListboxOpen=void 0,this.isTouched=!1,this.buttonText="Search",this.label="Search",this.suggestions=void 0,this.value="",this.big=!1,this.small=!1,this.disableAnalytics=!1}componentDidLoad(){var t;Array.isArray(this.suggestions)&&(null===(t=this.suggestions)||void 0===t?void 0:t.length)&&this.updateSuggestions(this.suggestions)}watchValueHandler(){this.value=this.inputRef.value}watchSuggestionsHandler(t){Array.isArray(t)&&this.updateSuggestions(t)}render(){const{buttonText:t,formattedSuggestions:e,handleBlur:a,handleButtonClick:s,handleInput:o,handleInputFocus:u,handleInputKeyDown:n,handleListboxClick:i,handleListboxKeyDown:r,isListboxOpen:b,label:l,value:d,big:c,small:v}=this,p=e.length,m=p?"list":"none",g=p?"va-search-listbox":void 0,f=p?b?"true":"false":void 0,y=p?"listbox":void 0,w=p?"combobox":void 0,x=classnames({"usa-search":!0,"usa-search--big":c&&!v,"usa-search--small":v&&!c});return h(Host,{key:"60d8361a30f1ebda3c2abb5bf51c7ab935013196",onBlur:a},h("form",{key:"3c28925fbae09ab47c79fc97b1a228c2e35bc449",class:x,role:"search"},h("label",{key:"71e47675d0028cc8d02dcd94bbe61a3ecd0063b7",class:"usa-sr-only",htmlFor:"search-field"},l),h("input",{key:"6007132f7cb54b0eff91ccb72738672b35f18480",class:"usa-input",id:"search-field",name:"search",type:"search",ref:t=>this.inputRef=t,"aria-autocomplete":m,"aria-controls":g,"aria-expanded":f,"aria-haspopup":y,"aria-label":l,autocomplete:"off",onFocus:u,onInput:o,onKeyDown:n,role:w,value:d}),h("button",{key:"88456de16c8f7434f1f3a025e5d353dd4c9151d8",class:"usa-button",type:"submit",onClick:s},!v&&h("span",{key:"66c6ff7d8b22179e28d63712279d92fc2b555a85",class:"usa-search__submit-text"},t),h("va-icon",{key:"c04f628192e21b447e796f259eb550e4f7a952c0",class:"usa-search__submit-icon",icon:"search",size:3})),b&&h("ul",{key:"be8b2ffee51aafc245ee8f5a941ee3a5efec864a",id:"va-search-listbox","aria-label":"Search Suggestions",role:"listbox"},e.map(((t,e)=>h("li",{id:`listbox-option-${e}`,class:"va-search-suggestion",onClick:()=>i(e),onKeyDown:t=>r(t,e),role:"option",tabIndex:-1},t))))))}get el(){return this}static get watchers(){return{value:["watchValueHandler"],suggestions:["watchSuggestionsHandler"]}}static get style(){return VaSearchInputStyle0}},[1,"va-search-input",{buttonText:[1,"button-text"],label:[1],suggestions:[8],value:[1537],big:[4],small:[4],disableAnalytics:[4,"disable-analytics"],formattedSuggestions:[32],isListboxOpen:[32],isTouched:[32]},void 0,{value:["watchValueHandler"],suggestions:["watchSuggestionsHandler"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-search-input","va-icon"].forEach((t=>{switch(t){case"va-search-input":customElements.get(t)||customElements.define(t,VaSearchInput$1);break;case"va-icon":customElements.get(t)||defineCustomElement$2()}}))}const VaSearchInput=VaSearchInput$1,defineCustomElement=defineCustomElement$1;export{VaSearchInput,defineCustomElement};
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaSearchInputCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}input,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0.1rem solid var(--vads-color-base-dark);border-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--vads-color-base-darkest);display:block;font-size:1.06rem;height:2.625rem;line-height:1.3;margin:0.2em 0;max-width:46rem;padding:1rem 0.7em;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-search{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;position:relative}.usa-search::after{clear:both;content:"";display:block}.usa-search[role=search],.usa-search[role=search]>div,.usa-search [role=search]{display:-ms-flexbox;display:flex}.usa-search [type=submit]{border-bottom-left-radius:0;border-top-left-radius:0;height:2rem;margin:0;padding:0;width:3rem}@media all and (min-width: 30em){.usa-search [type=submit]{padding-left:1rem;padding-right:1rem;width:auto}}@media (forced-colors: active){.usa-search [type=submit]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;content:"";vertical-align:middle;margin-right:auto}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-search [type=submit]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}.usa-search [type=submit]:focus{outline-offset:0}}@media (forced-colors: active) and (min-width: 30em){.usa-search [type=submit]::before{content:none}}@media all and (min-width: 30em){.usa-search__submit-icon{display:none}}@media (forced-colors: active){.usa-search__submit-icon{display:none}}@media all and (min-width: 30em){.usa-search--big [type=search],.usa-search--big .usa-search__input{font-size:1.06rem;height:3rem}}@media all and (min-width: 30em){.usa-search--big [type=submit],.usa-search--big .usa-search__submit{padding-left:2rem;padding-right:2rem;font-size:1.46rem;height:3rem;width:auto}}.usa-search--small [type=submit],.usa-search--small .usa-search__submit{padding-left:0.75rem;padding-right:0.75rem;min-width:3rem}@media (forced-colors: active) and (min-width: 30em){.usa-search--small [type=submit]::before{content:""}}.usa-search--small .usa-search__submit-icon{height:1.5rem;width:1.5rem;display:block}@media (forced-colors: active){.usa-search--small .usa-search__submit-icon{display:none}}input[type=search]{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}[type=search],.usa-search__input{padding-bottom:0;padding-top:0;border-bottom-right-radius:0;border-right:none;border-top-right-radius:0;-webkit-box-sizing:border-box;box-sizing:border-box;float:left;font-size:1rem;height:2rem;margin:0}.usa-search__submit-text{display:none}@media all and (min-width: 30em){.usa-search__submit-text{display:block}}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0}.usa-input{margin-top:0}#va-search-listbox{position:absolute;top:37px;left:0;right:0;z-index:1;background-color:var(--vads-color-white);-webkit-box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);line-height:24px;list-style-type:none;margin:0;padding:0}.va-search-suggestion{cursor:pointer;padding:8px}.va-search-suggestion[aria-selected=true],.va-search-suggestion:focus,.va-search-suggestion:hover{background-color:var(--vads-color-primary);color:var(--vads-color-white)}:host([big=true]) #va-search-listbox{top:52px}.usa-input{max-width:1024px}@media screen and (min-width: 480px){:host .usa-search [type=submit]{width:auto}}',VaSearchInputStyle0=vaSearchInputCss,VaSearchInput$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleBlur=()=>{this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-search-input",action:"blur",details:{value:this.value}}),this.isTouched=!1,this.isListboxOpen=!1},this.handleSubmit=()=>{const t=this.el.shadowRoot.querySelector("form");t&&(t.onsubmit=t=>{t.preventDefault()}),this.el.dispatchEvent(new SubmitEvent("submit",{bubbles:!0,cancelable:!0,composed:!0})),this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-search-input",action:"click",details:{value:this.value}})},this.handleInput=t=>{this.value=t.target.value,this.suggestions&&this.updateSuggestions(this.suggestions)},this.handleInputFocus=()=>{this.isTouched=!0,this.formattedSuggestions.length&&!this.isListboxOpen&&(this.isListboxOpen=!0)},this.handleInputKeyDown=t=>{const e=this.el.shadowRoot.querySelectorAll('[role="option"]');switch(t.key){case"ArrowDown":if(t.preventDefault(),!(null==e?void 0:e.length))return;const a=e[0];this.selectSuggestion(a);break;case"ArrowUp":if(t.preventDefault(),!(null==e?void 0:e.length))return;const s=e[e.length-1];this.selectSuggestion(s);break;case"Enter":t.preventDefault(),this.handleSubmit();break;case"Escape":this.inputRef.value="",this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0}));break;case"Tab":this.isListboxOpen=!1}},this.handleButtonClick=()=>{this.handleSubmit()},this.handleListboxClick=t=>{const e=this.el.shadowRoot.getElementById(`listbox-option-${t}`);this.inputRef.value=e.innerText,this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.removeAttribute("aria-activedescendant"),this.isListboxOpen=!1,this.handleSubmit()},this.handleListboxKeyDown=(t,e)=>{const a=this.el.shadowRoot.querySelectorAll('[role="option"]');switch(t.key){case"ArrowUp":t.preventDefault(),0===e?this.selectSuggestion(a[a.length-1]):this.selectSuggestion(a[e-1]);break;case"ArrowDown":t.preventDefault(),e===a.length-1?this.selectSuggestion(a[0]):this.selectSuggestion(a[e+1]);break;case"Enter":t.preventDefault(),this.inputRef.value=a[e].innerText,this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.focus(),this.inputRef.removeAttribute("aria-activedescendant"),this.isListboxOpen=!1,this.isTouched=!1,this.handleSubmit();break;case"Escape":this.inputRef.value="",this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.focus(),this.inputRef.removeAttribute("aria-activedescendant"),this.isListboxOpen=!1;break;case"Home":t.preventDefault(),this.inputRef.focus(),this.inputRef.setSelectionRange(0,0);break;case"ArrowRight":case"End":t.preventDefault(),this.inputRef.focus(),this.inputRef.setSelectionRange(this.inputRef.value.length+1,this.inputRef.value.length+1);break;case"ArrowLeft":t.preventDefault(),this.inputRef.focus(),this.inputRef.setSelectionRange(this.inputRef.value.length,this.inputRef.value.length);break;default:this.inputRef.focus()}},this.formatSuggestion=t=>{const e=t.toLowerCase(),a=this.inputRef.value.toLowerCase();return e.includes(a)?h(Fragment,null,a,h("strong",null,e.replace(a,""))):h("strong",null,e)},this.selectSuggestion=t=>{const e=this.el.shadowRoot.querySelector('[aria-selected="true"]');null==e||e.removeAttribute("aria-selected"),t.focus(),t.setAttribute("aria-selected","true"),this.inputRef.setAttribute("aria-activedescendant",t.id)},this.updateSuggestions=t=>{if(!t.length)return this.formattedSuggestions=[],void(this.isListboxOpen=!1);this.formattedSuggestions=t.slice(0,5).sort().map((t=>this.formatSuggestion(t))),this.isTouched?this.isListboxOpen=!0:this.isListboxOpen=!1},this.formattedSuggestions=[],this.isListboxOpen=void 0,this.isTouched=!1,this.buttonText="Search",this.label="Search",this.suggestions=void 0,this.value="",this.big=!1,this.small=!1,this.disableAnalytics=!1}componentDidLoad(){var t;Array.isArray(this.suggestions)&&(null===(t=this.suggestions)||void 0===t?void 0:t.length)&&this.updateSuggestions(this.suggestions)}watchValueHandler(){this.value=this.inputRef.value}watchSuggestionsHandler(t){Array.isArray(t)&&this.updateSuggestions(t)}render(){const{buttonText:t,formattedSuggestions:e,handleBlur:a,handleButtonClick:s,handleInput:o,handleInputFocus:u,handleInputKeyDown:n,handleListboxClick:i,handleListboxKeyDown:r,isListboxOpen:b,label:l,value:d,big:c,small:v}=this,p=e.length,m=p?"list":"none",g=p?"va-search-listbox":void 0,f=p?b?"true":"false":void 0,w=p?"listbox":void 0,y=p?"combobox":void 0,x=classnames({"usa-search":!0,"usa-search--big":c&&!v,"usa-search--small":v&&!c});return h(Host,{key:"b187c8f36edd4a7d67024bbbed259b0841ca1ffe",onBlur:a},h("form",{key:"3b4a4eaea047a9b15c854ab84fd748d093749428",class:x,role:"search"},h("label",{key:"0f0f16ce52867b6416b4dc1dce3e7d99167491a3",class:"usa-sr-only",htmlFor:"search-field"},l),h("input",{key:"27d4eb1401e7e317c84dbffc948bee07f46b7d21",class:"usa-input",id:"search-field",name:"search",type:"search",ref:t=>this.inputRef=t,"aria-autocomplete":m,"aria-controls":g,"aria-expanded":f,"aria-haspopup":w,"aria-label":l,autocomplete:"off",onFocus:u,onInput:o,onKeyDown:n,role:y,value:d}),h("button",{key:"1e57a711d0468ee358af67b90d2790d40fa86db8",class:"usa-button",type:"submit",onClick:s},!v&&h("span",{key:"0f0d3b5368c13dffb16e68508e0925463da88332",class:"usa-search__submit-text"},t),h("va-icon",{key:"9e91657b58f4a2ccd0a14f020e6c4d4bc9ab7b92",class:"usa-search__submit-icon",icon:"search",size:3})),b&&h("ul",{key:"acb540966a1dd842ba0e3cc3620163b85521cf89",id:"va-search-listbox","aria-label":"Search Suggestions",role:"listbox"},e.map(((t,e)=>h("li",{id:`listbox-option-${e}`,class:"va-search-suggestion",onClick:()=>i(e),onKeyDown:t=>r(t,e),role:"option",tabIndex:-1},t))))))}get el(){return this}static get watchers(){return{value:["watchValueHandler"],suggestions:["watchSuggestionsHandler"]}}static get style(){return VaSearchInputStyle0}},[1,"va-search-input",{buttonText:[1,"button-text"],label:[1],suggestions:[8],value:[1537],big:[4],small:[4],disableAnalytics:[4,"disable-analytics"],formattedSuggestions:[32],isListboxOpen:[32],isTouched:[32]},void 0,{value:["watchValueHandler"],suggestions:["watchSuggestionsHandler"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-search-input","va-icon"].forEach((t=>{switch(t){case"va-search-input":customElements.get(t)||customElements.define(t,VaSearchInput$1);break;case"va-icon":customElements.get(t)||defineCustomElement$2()}}))}const VaSearchInput=VaSearchInput$1,defineCustomElement=defineCustomElement$1;export{VaSearchInput,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host,Fragment}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{g as getSlottedNodes}from"./utils.js";import{i as instance}from"./i18next.js";const vaSelectCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-select,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-select,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-select{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;background-position:right 0.5rem center;background-size:1.25rem;padding-right:2rem}.usa-select::-ms-expand{display:none}.usa-select:-webkit-autofill{-webkit-appearance:menulist;appearance:menulist}.usa-select:-moz-focusring{color:transparent;text-shadow:0 0 0 black}.usa-select[multiple]{height:auto;background-image:none;padding-right:0}.usa-select option{overflow:hidden;text-overflow:ellipsis}.usa-select:disabled,.usa-select[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:0;color:GrayText}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:2px solid GrayText}}@media (forced-colors: active){.usa-select{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox;background-image:none;padding-right:0}}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);color:var(--vads-color-base)}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}',VaSelectStyle0=vaSelectCss,VaSelect=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaKeyDown=createEvent(this,"vaKeyDown",7),this.vaSelect=createEvent(this,"vaSelect",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.required=!1,this.label=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.reflectInputError=!1,this.invalid=!1,this.enableAnalytics=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.width=void 0,this.showError=!0,this.options=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}handleKeyDown(){this.vaKeyDown.emit()}handleChange(e){const a=e.target;if(this.value=a.value,this.enableAnalytics){const e={componentName:"va-select",action:"change",details:{label:this.label,selectLabel:this.value}};this.componentLibraryAnalytics.emit(e)}this.vaSelect.emit({value:this.value})}populateOptions(){const{value:e}=this,a=getSlottedNodes(this.el,null).filter((e=>{const a=e.nodeName.toLowerCase();return"option"===a||"optgroup"===a}));this.options=a.map((a=>"optgroup"===a.nodeName.toLowerCase()?h("optgroup",{label:a.label},Array.from(a.children).map((a=>h("option",{value:a.value,selected:e===a.value},a.text)))):"option"===a.nodeName.toLowerCase()?h("option",{value:a.value,selected:e===a.value},a.textContent):void 0))}handleValueChange(){this.populateOptions()}render(){const{error:e,reflectInputError:a,invalid:t,label:s,required:r,name:i,hint:o,messageAriaDescribedby:l,width:n,showError:d}=this,c="input-error-message",u=`${l?"input-message":""} ${e?c:""} ${o?"input-hint":""}`.trim()||null,p=classnames({"usa-label":!0,"usa-label--error":e}),b=classnames({"usa-select":!0,"usa-input--error":e||a,[`usa-input--${n}`]:n});return h(Host,{key:"92c1bbca4f4c78f1ce4804b349ba75967ed9296e"},s&&h("label",{key:"efacaddd039f0f76cfeb1968cce88b5b59e54aed",htmlFor:"options",class:p,part:"label"},s,r&&h("span",{key:"0b4d324ddd5b0976301832e93224415fceaf56d3",class:"usa-label--required"}," ",instance.t("required"))),o&&h("span",{key:"e8aa2704d2065df2bf3922f046f3f6a584def993",class:"usa-hint",id:"input-hint"},o),h("span",{key:"319fea6e6d9d1d119c6e67fae78c7f3ae13358bf",id:c,role:"alert"},d&&e&&h(Fragment,{key:"b218ad463798e00f6dbb3b7df60393362fe68f29"},h("span",{key:"75a44b63fa50ae664fec706dc03fc1472a1eb026",class:"usa-sr-only"},instance.t("error")),h("span",{key:"6bbb2755a25c7191e11c13d581ab87b79720c22a",class:"usa-error-message"},e))),h("slot",{key:"b2f93005fce8f6327c504d52faa09aac34ae7c4b",onSlotchange:()=>this.populateOptions()}),h("select",{key:"9a184b59aa2f677bd8f75626e8c49035dcf73154",class:b,"aria-describedby":u,"aria-invalid":t||e?"true":"false",id:"options",name:i,required:r||null,onKeyDown:()=>this.handleKeyDown(),onChange:e=>this.handleChange(e),part:"select"},h("option",{key:"0",value:"",selected:!0},instance.t("select")),this.options),l&&h("span",{key:"fbfc793abc9f5cbe7879e3f0984836db6495898c",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l))}get el(){return this}static get watchers(){return{value:["handleValueChange"]}}static get style(){return VaSelectStyle0}},[1,"va-select",{required:[4],label:[1],name:[1],value:[1537],error:[1],reflectInputError:[4,"reflect-input-error"],invalid:[4],enableAnalytics:[4,"enable-analytics"],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],width:[1],showError:[4,"show-error"],options:[32]},void 0,{value:["handleValueChange"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-select"].forEach((e=>{"va-select"===e&&(customElements.get(e)||customElements.define(e,VaSelect))}))}export{VaSelect as V,defineCustomElement as d};
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host,Fragment}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{g as getSlottedNodes}from"./utils.js";import{i as instance}from"./i18next.js";const vaSelectCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-select,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-select,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-select{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 5.83 15.17 9l1.41-1.41L12 3 7.41 7.59 8.83 9 12 5.83zm0 12.34L8.83 15l-1.41 1.41L12 21l4.59-4.59L15.17 15 12 18.17z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:white;background-position:right 0.5rem center;background-size:1.25rem;padding-right:2rem}.usa-select::-ms-expand{display:none}.usa-select:-webkit-autofill{-webkit-appearance:menulist;appearance:menulist}.usa-select:-moz-focusring{color:transparent;text-shadow:0 0 0 black}.usa-select[multiple]{height:auto;background-image:none;padding-right:0}.usa-select option{overflow:hidden;text-overflow:ellipsis}.usa-select:disabled,.usa-select[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:0;color:GrayText}.usa-select:disabled:hover,.usa-select:disabled:active,.usa-select:disabled:focus,.usa-select:disabled.usa-focus,.usa-select[aria-disabled=true]:hover,.usa-select[aria-disabled=true]:active,.usa-select[aria-disabled=true]:focus,.usa-select[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-select:disabled,.usa-select[aria-disabled=true]{border:2px solid GrayText}}@media (forced-colors: active){.usa-select{-webkit-appearance:listbox;-moz-appearance:listbox;appearance:listbox;background-image:none;padding-right:0}}:host .usa-input--2xs{max-width:5ex}:host .usa-input--xs{max-width:9ex}:host .usa-input--sm,:host .usa-input--small{max-width:13ex}:host .usa-input--md,:host .usa-input--medium{max-width:20ex}:host .usa-input--lg{max-width:30ex}:host .usa-input--xl{max-width:40ex}:host .usa-input--2xl{max-width:50ex}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;font-family:var(--font-source-sans);color:var(--vads-color-base)}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}',VaSelectStyle0=vaSelectCss,VaSelect=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaKeyDown=createEvent(this,"vaKeyDown",7),this.vaSelect=createEvent(this,"vaSelect",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.required=!1,this.label=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.reflectInputError=!1,this.invalid=!1,this.enableAnalytics=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.width=void 0,this.showError=!0,this.options=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}handleKeyDown(){this.vaKeyDown.emit()}handleChange(e){const a=e.target;if(this.value=a.value,this.enableAnalytics){const e={componentName:"va-select",action:"change",details:{label:this.label,selectLabel:this.value}};this.componentLibraryAnalytics.emit(e)}this.vaSelect.emit({value:this.value})}populateOptions(){const{value:e}=this,a=getSlottedNodes(this.el,null).filter((e=>{const a=e.nodeName.toLowerCase();return"option"===a||"optgroup"===a}));this.options=a.map((a=>"optgroup"===a.nodeName.toLowerCase()?h("optgroup",{label:a.label},Array.from(a.children).map((a=>h("option",{value:a.value,selected:e===a.value},a.text)))):"option"===a.nodeName.toLowerCase()?h("option",{value:a.value,selected:e===a.value},a.textContent):void 0))}handleValueChange(){this.populateOptions()}render(){const{error:e,reflectInputError:a,invalid:t,label:s,required:r,name:i,hint:o,messageAriaDescribedby:l,width:n,showError:d}=this,c="input-error-message",u=`${l?"input-message":""} ${e?c:""} ${o?"input-hint":""}`.trim()||null,p=classnames({"usa-label":!0,"usa-label--error":e}),b=classnames({"usa-select":!0,"usa-input--error":e||a,[`usa-input--${n}`]:n});return h(Host,{key:"ef97c6e6ab2b1453ec52c8cbbbc1fd705211dd31"},s&&h("label",{key:"86f89ecd5246dca0c1de960fe832d9f61c0ddc9e",htmlFor:"options",class:p,part:"label"},s,r&&h("span",{key:"8d4cd6e885fcfc5e1ab6086586e043b23dc6f742",class:"usa-label--required"}," ",instance.t("required"))),o&&h("span",{key:"96b6359a6b85dce5e5e3d212e646993cd08f7ffc",class:"usa-hint",id:"input-hint"},o),h("span",{key:"5fdb831308207bf05b5a537a417db60d3ab3ddf6",id:c,role:"alert"},d&&e&&h(Fragment,{key:"fdcfc91f68ceb32c74e905629591b0beac6f23ac"},h("span",{key:"23e771a379f9187e2dc6f62762270d4586185f50",class:"usa-sr-only"},instance.t("error")),h("span",{key:"4b629ca0b9c0b56e7c9bb5fdfdf6bb7167bcf865",class:"usa-error-message"},e))),h("slot",{key:"e94246cbcf2bd35a2d9f7dd0bf6d902a6e214c02",onSlotchange:()=>this.populateOptions()}),h("select",{key:"9dccf6b72e0e9f39b069943185e6c8a5fa4f593d",class:b,"aria-describedby":u,"aria-invalid":t||e?"true":"false",id:"options",name:i,required:r||null,onKeyDown:()=>this.handleKeyDown(),onChange:e=>this.handleChange(e),part:"select"},h("option",{key:"0",value:"",selected:!0},instance.t("select")),this.options),l&&h("span",{key:"cb09d3a1751028917f86c4f73ef69b72fa03c9a6",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l))}get el(){return this}static get watchers(){return{value:["handleValueChange"]}}static get style(){return VaSelectStyle0}},[1,"va-select",{required:[4],label:[1],name:[1],value:[1537],error:[1],reflectInputError:[4,"reflect-input-error"],invalid:[4],enableAnalytics:[4,"enable-analytics"],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],width:[1],showError:[4,"show-error"],options:[32]},void 0,{value:["handleValueChange"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-select"].forEach((e=>{"va-select"===e&&(customElements.get(e)||customElements.define(e,VaSelect))}))}export{VaSelect as V,defineCustomElement as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{d as defineCustomElement$5}from"./va-checkbox2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-link2.js";import{d as defineCustomElement$2}from"./va-text-input2.js";const vaStatementOfTruthCss='.usa-sr-only{position:absolute;left:-999em;right:auto}[class*=font-mono-]{font-family:Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace}[class*=font-sans-]{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans}[class*=font-serif-]{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif}[class*=font-ui-]{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans}[class*=font-heading-]{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif}[class*=font-body-]{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans}[class*=font-code-]{font-family:Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace}[class*=font-alt-]{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif}:host :not(h3){font-size:16.96px}:host h3{font-family:var(--font-serif);margin:24px 0}:host>p{margin:24px}:host va-text-input{margin-bottom:24px}:host article{background-color:var(--vads-color-base-lightest);padding:1px 24px 24px 24px;margin-bottom:24px}va-checkbox::part(checkbox){max-width:100%}a{color:var(--vads-color-link)}',VaStatementOfTruthStyle0=vaStatementOfTruthCss,VaStatementOfTruth$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaInputChange=createEvent(this,"vaInputChange",7),this.vaInputBlur=createEvent(this,"vaInputBlur",7),this.vaCheckboxChange=createEvent(this,"vaCheckboxChange",7),this.handleInputChange=e=>{const{value:t}=e.currentTarget;this.vaInputChange.emit({value:t})},this.handleInputBlur=e=>{this.vaInputBlur.emit(e)},this.handleCheckboxChange=e=>{const{checked:t}=e.currentTarget;this.vaCheckboxChange.emit({checked:t})},this.heading="Statement of truth",this.inputValue="",this.inputError="",this.checkboxError="",this.inputMessageAriaDescribedby="",this.checked=void 0,this.inputLabel="Your full name",this.checkboxLabel="I certify the information above is correct and true to the best of my knowledge and belief."}render(){const{heading:e,inputLabel:t,checkboxLabel:a,inputMessageAriaDescribedby:n,checked:o,inputValue:r,inputError:i,checkboxError:s}=this;return h(Host,{key:"
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{d as defineCustomElement$5}from"./va-checkbox2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-link2.js";import{d as defineCustomElement$2}from"./va-text-input2.js";const vaStatementOfTruthCss='.usa-sr-only{position:absolute;left:-999em;right:auto}[class*=font-mono-]{font-family:Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace}[class*=font-sans-]{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans}[class*=font-serif-]{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif}[class*=font-ui-]{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans}[class*=font-heading-]{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif}[class*=font-body-]{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans}[class*=font-code-]{font-family:Roboto Mono Web, Bitstream Vera Sans Mono, Consolas, Courier, monospace}[class*=font-alt-]{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif}:host :not(h3){font-size:16.96px}:host h3{font-family:var(--font-serif);margin:24px 0}:host>p{margin:24px}@media screen and (max-width: 481px){:host .short-line{width:var(--vads-size-line-length-1)}}:host va-text-input{margin-bottom:24px}:host article{background-color:var(--vads-color-base-lightest);padding:1px 24px 24px 24px;margin-bottom:24px}va-checkbox::part(checkbox){max-width:100%}a{color:var(--vads-color-link)}',VaStatementOfTruthStyle0=vaStatementOfTruthCss,VaStatementOfTruth$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaInputChange=createEvent(this,"vaInputChange",7),this.vaInputBlur=createEvent(this,"vaInputBlur",7),this.vaCheckboxChange=createEvent(this,"vaCheckboxChange",7),this.handleInputChange=e=>{const{value:t}=e.currentTarget;this.vaInputChange.emit({value:t})},this.handleInputBlur=e=>{this.vaInputBlur.emit(e)},this.handleCheckboxChange=e=>{const{checked:t}=e.currentTarget;this.vaCheckboxChange.emit({checked:t})},this.heading="Statement of truth",this.inputValue="",this.inputError="",this.checkboxError="",this.inputMessageAriaDescribedby="",this.checked=void 0,this.inputLabel="Your full name",this.checkboxLabel="I certify the information above is correct and true to the best of my knowledge and belief."}render(){const{heading:e,inputLabel:t,checkboxLabel:a,inputMessageAriaDescribedby:n,checked:o,inputValue:r,inputError:i,checkboxError:s}=this;return h(Host,{key:"7fcc16f91e11989cb6041643ea4099f11011d71d"},h("p",{key:"8efc38ece10785183a87e47ff4fe2f6434a6e0b3",class:"font-sans-6"},h("strong",{key:"32574e2e88443b4cf1f0d494a64b9d8da0ea93af"},"Note:")," According to federal law, there are criminal penalties, including a fine and/or imprisonment for up to 5 years, for withholding information or for providing incorrect information (Reference: 18 U.S.C. 1001)."),h("article",{key:"53ee7f952fbeae6298df660a1c52262a8c09c72e"},h("h3",{key:"02b8f9b2749ee65f3edd59494355ef8a37ae1e87"},e),h("slot",{key:"189059f180ef65d43d8d93a4e4d21b602bc1d3aa"}),h("p",{key:"92d2d3eca6d877cdd9e3bba8f9c901e1a7895881",class:"font-sans-6 short-line"},"I have read and accept the ",h("va-link",{key:"f1c969fd3565ac36731a59055bf9005b976bbbef",external:!0,text:"privacy policy",href:"/privacy-policy/"}),"."),h("va-text-input",{key:"d4d867c2b766d74aaf92265f8e0761d30fbe4ed2",id:"veteran-signature",name:"veteran-signature",label:t,value:r,"message-aria-describedby":n,required:!0,error:i,onInput:this.handleInputChange,onBlur:this.handleInputBlur}),h("va-checkbox",{key:"d40256a91db68b782e7babaec942dc5ed8ccec19",id:"veteran-certify",name:"veteran-certify",label:a,required:!0,checked:o,error:s,onVaChange:this.handleCheckboxChange})))}get el(){return this}static get style(){return VaStatementOfTruthStyle0}},[1,"va-statement-of-truth",{heading:[1],inputValue:[1,"input-value"],inputError:[1,"input-error"],checkboxError:[1,"checkbox-error"],inputMessageAriaDescribedby:[1,"input-message-aria-describedby"],checked:[4],inputLabel:[1,"input-label"],checkboxLabel:[1,"checkbox-label"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-statement-of-truth","va-checkbox","va-icon","va-link","va-text-input"].forEach((e=>{switch(e){case"va-statement-of-truth":customElements.get(e)||customElements.define(e,VaStatementOfTruth$1);break;case"va-checkbox":customElements.get(e)||defineCustomElement$5();break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-link":customElements.get(e)||defineCustomElement$3();break;case"va-text-input":customElements.get(e)||defineCustomElement$2()}}))}const VaStatementOfTruth=VaStatementOfTruth$1,defineCustomElement=defineCustomElement$1;export{VaStatementOfTruth,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";const vaSummaryBoxCss='.usa-summary-box{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;color:#1b1b1b;background-color:#e7f6f8;border-radius:0.25rem;border:1px #99deea solid;padding:1.5rem;position:relative}.usa-summary-box .usa-list:last-child{margin-bottom:0}*+.usa-summary-box{margin-top:1rem}.usa-summary-box__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;margin-top:0;margin-bottom:0.5rem}.usa-summary-box__text{margin-bottom:0;margin-top:0}.usa-summary-box__text:only-child{margin-bottom:1px;padding-top:0.25rem}.usa-summary-box__link{color:#005ea2}.usa-summary-box__link:visited{color:#54278f}.usa-summary-box__link:hover,.usa-summary-box__link:active{color:#1a4480}.usa-summary-box__link[href^="#"]:visited{color:#005ea2}.usa-summary-box__link[href^="#"]:hover{color:#1a4480}:host{display:block}::slotted([slot=headline]){font-family:var(--font-serif);margin-top:0 !important}::slotted(p){font-family:var(--font-source-sans);margin-bottom:0 !important;margin-top:0 !important;padding-bottom:0.5em}::slotted(ul){margin:0 0 0.5em 1.5em !important;padding:0 !important}::slotted(li){list-style:square;margin:0}',VaSummaryBoxStyle0=vaSummaryBoxCss,VaSummaryBox$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.headlineText=null}componentWillLoad(){let e=Array.from(this.el.children);this.headlineText=e.find((e=>"headline"===e.slot)).textContent.trim()}componentDidLoad(){const e=this.el.shadowRoot.querySelectorAll("slot"),a=e[0],t=e[1];a.classList.add("usa-summary-box__heading"),t.classList.add("usa-summary-box__text");let o=Array.from(this.el.children);this.headlineText=o.find((e=>"headline"===e.slot)).textContent.trim()}render(){return h(Host,{key:"
|
|
1
|
+
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";const vaSummaryBoxCss='.usa-summary-box{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;color:#1b1b1b;background-color:#e7f6f8;border-radius:0.25rem;border:1px #99deea solid;padding:1.5rem;position:relative}.usa-summary-box .usa-list:last-child{margin-bottom:0}*+.usa-summary-box{margin-top:1rem}.usa-summary-box__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;margin-top:0;margin-bottom:0.5rem}.usa-summary-box__text{margin-bottom:0;margin-top:0}.usa-summary-box__text:only-child{margin-bottom:1px;padding-top:0.25rem}.usa-summary-box__link{color:#005ea2}.usa-summary-box__link:visited{color:#54278f}.usa-summary-box__link:hover,.usa-summary-box__link:active{color:#1a4480}.usa-summary-box__link[href^="#"]:visited{color:#005ea2}.usa-summary-box__link[href^="#"]:hover{color:#1a4480}:host{display:block}::slotted([slot=headline]){font-family:var(--font-serif);margin-top:0 !important}::slotted(p){font-family:var(--font-source-sans);margin-bottom:0 !important;margin-top:0 !important;padding-bottom:0.5em}::slotted(ul){margin:0 0 0.5em 1.5em !important;padding:0 !important}::slotted(li){list-style:square;margin:0}',VaSummaryBoxStyle0=vaSummaryBoxCss,VaSummaryBox$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.headlineText=null}componentWillLoad(){let e=Array.from(this.el.children);this.headlineText=e.find((e=>"headline"===e.slot)).textContent.trim()}componentDidLoad(){const e=this.el.shadowRoot.querySelectorAll("slot"),a=e[0],t=e[1];a.classList.add("usa-summary-box__heading"),t.classList.add("usa-summary-box__text");let o=Array.from(this.el.children);this.headlineText=o.find((e=>"headline"===e.slot)).textContent.trim()}render(){return h(Host,{key:"f15f530f56cc0d1bcb709a63dda4164be509907a"},h("div",{key:"8123daf68449c8874bd4a4f9f6e02fcd9d43f9ba",class:"usa-summary-box",role:"region","aria-label":this.headlineText},h("div",{key:"91dab2ac1311df3f08999ffc940f0dcc6034f566",class:"usa-summary-box__body"},h("slot",{key:"a648d3c4a78e96d344b90c6aa18b81565b01c267",name:"headline"}),h("slot",{key:"dd45e59841ee6120eb162d048ef6300fd7efaaaa"}))))}get el(){return this}static get style(){return VaSummaryBoxStyle0}},[1,"va-summary-box",{headlineText:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-summary-box"].forEach((e=>{"va-summary-box"===e&&(customElements.get(e)||customElements.define(e,VaSummaryBox$1))}))}const VaSummaryBox=VaSummaryBox$1,defineCustomElement=defineCustomElement$1;export{VaSummaryBox,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$1}from"./va-icon2.js";const vaTableInnerCss='.usa-table{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;border-collapse:collapse;border-spacing:0;color:#1b1b1b;margin:1.25rem 0;text-align:left;}.usa-table thead th{background-clip:padding-box;color:#1b1b1b;font-weight:700;line-height:1.3}.usa-table thead th,.usa-table thead td{background-color:#dfe1e2;color:#1b1b1b}.usa-table tbody th{text-align:left}.usa-table th,.usa-table td{background-color:white;border:1px solid #1b1b1b;font-weight:normal;padding:0.5rem 1rem}.usa-table caption{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1rem;font-weight:700;margin-bottom:0.75rem;text-align:left}.usa-table th[data-sortable]{padding-right:2.5rem;position:relative}.usa-table th[data-sortable]::after{border-bottom-color:transparent;border-bottom-style:solid;border-bottom-width:1px;bottom:0;content:"";height:0;left:0;position:absolute;width:100%}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button{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;height:2rem;width:2rem;background-position:center center;background-size:1.5rem;color:#71767a;cursor:pointer;display:inline-block;margin:0;position:absolute;right:0.25rem;text-align:center;text-decoration:none;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:visited,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:visited{color:#54278f}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:hover{color:#1a4480}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:active{color:#162e51}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-button--hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-button--hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:active,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--active,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:active,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:active,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-button--active,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-button--active,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:focus,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-focus,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-focus,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--disabled,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-button--hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-button--hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-button--active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-button--active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--hover{color:#1a4480}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--active{color:#162e51}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus{color:GrayText}}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon{height:1.5rem;width:1.5rem;vertical-align:middle}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon>g,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon>g{fill:transparent}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon>g.unsorted,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon>g.unsorted{fill:#1b1b1b}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover .usa-icon>g.unsorted,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:hover .usa-icon>g.unsorted{fill:black}.usa-table th[data-sortable][aria-sort=descending],.usa-table th[data-sortable][aria-sort=ascending]{background-color:#97d4ea}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button{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;height:2rem;width:2rem;background-position:center center;background-size:1.5rem;color:#71767a;cursor:pointer;display:inline-block;margin:0;position:absolute;right:0.25rem;text-align:center;text-decoration:none;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:visited{color:#54278f}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:hover{color:#1a4480}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:active{color:#162e51}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-button--hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-button--hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:active,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--active,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:active,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:active,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-button--active,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-button--active,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:focus,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-focus,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-focus,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--hover{color:#1a4480}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--active{color:#162e51}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus{color:GrayText}}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon{height:1.5rem;width:1.5rem;vertical-align:middle}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon>g{fill:transparent}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon>g.descending{fill:#1b1b1b}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button{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;height:2rem;width:2rem;background-position:center center;background-size:1.5rem;color:#71767a;cursor:pointer;display:inline-block;margin:0;position:absolute;right:0.25rem;text-align:center;text-decoration:none;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:visited{color:#54278f}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:hover{color:#1a4480}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:active{color:#162e51}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-button--hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-button--hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:active,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--active,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:active,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:active,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-button--active,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-button--active,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:focus,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-focus,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-focus,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--hover{color:#1a4480}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--active{color:#162e51}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus{color:GrayText}}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon{height:1.5rem;width:1.5rem;vertical-align:middle}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon>g{fill:transparent}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon>g.ascending{fill:#1b1b1b}.usa-table thead th[aria-sort]{background-color:#97d4ea;color:#1b1b1b}.usa-table td[data-sort-active],.usa-table th[data-sort-active]{background-color:#e1f3f8;color:#1b1b1b}.usa-table--borderless thead{}.usa-table--borderless thead th{background-color:white;border-top:0;color:#1b1b1b}.usa-table--borderless thead th[aria-sort]{color:#1b1b1b}.usa-table--borderless thead th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon>g.unsorted{fill:#1b1b1b}.usa-table--borderless thead th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover .usa-icon>g.unsorted{fill:black}.usa-table--borderless th,.usa-table--borderless td{border-left:0;border-right:0}.usa-table--compact th,.usa-table--compact td{padding:0.25rem 0.75rem}.usa-table--striped tbody tr:nth-child(odd) td,.usa-table--striped tbody tr:nth-child(odd) th{background-color:#f0f0f0;color:#1b1b1b}.usa-table--striped tbody tr:nth-child(odd) td[data-sort-active],.usa-table--striped tbody tr:nth-child(odd) th[data-sort-active]{background-color:#c3ebfa;color:#1b1b1b}@media all and (max-width: 29.99em){.usa-table--stacked thead{display:none}.usa-table--stacked th,.usa-table--stacked td{border-bottom-width:0;display:block;width:100%}.usa-table--stacked tr{border-bottom:0.25rem solid #1b1b1b;border-top-width:0;width:100%}.usa-table--stacked tr th:first-child,.usa-table--stacked tr td:first-child{border-top-width:0}.usa-table--stacked tr:nth-child(odd) td,.usa-table--stacked tr:nth-child(odd) th{background-color:inherit}.usa-table--stacked tr:first-child th:first-child,.usa-table--stacked tr:first-child td:first-child{border-top:0.25rem solid #1b1b1b}.usa-table--stacked th[data-label],.usa-table--stacked td[data-label]{padding-bottom:0.75rem}.usa-table--stacked th[data-label]:before,.usa-table--stacked td[data-label]:before{content:attr(data-label);display:block;font-weight:700;margin:-0.5rem -1rem 0rem;padding:0.75rem 1rem 0.25rem}}@media all and (max-width: 29.99em){.usa-table--stacked-header thead{display:none}.usa-table--stacked-header th,.usa-table--stacked-header td{border-bottom-width:0;display:block;width:100%}.usa-table--stacked-header tr{border-bottom:0.25rem solid #1b1b1b;border-top-width:0;width:100%}.usa-table--stacked-header tr th:first-child,.usa-table--stacked-header tr td:first-child{border-top-width:0}.usa-table--stacked-header tr:nth-child(odd) td,.usa-table--stacked-header tr:nth-child(odd) th{background-color:inherit}.usa-table--stacked-header tr:first-child th:first-child,.usa-table--stacked-header tr:first-child td:first-child{border-top:0.25rem solid #1b1b1b}.usa-table--stacked-header th[data-label],.usa-table--stacked-header td[data-label]{padding-bottom:0.75rem}.usa-table--stacked-header th[data-label]:before,.usa-table--stacked-header td[data-label]:before{content:attr(data-label);display:block;font-weight:700;margin:-0.5rem -1rem 0rem;padding:0.75rem 1rem 0.25rem}.usa-table--stacked-header tr td:first-child,.usa-table--stacked-header tr th:first-child{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.1;background-color:#dfe1e2;color:#1b1b1b;font-weight:700;padding:0.75rem 1rem}.usa-table--stacked-header tr td:first-child:before,.usa-table--stacked-header tr th:first-child:before{display:none}}.width-mobile .usa-table--stacked thead{display:none}.width-mobile .usa-table--stacked th,.width-mobile .usa-table--stacked td{border-bottom-width:0;display:block;width:100%}.width-mobile .usa-table--stacked tr{border-bottom:0.25rem solid #1b1b1b;border-top-width:0;width:100%}.width-mobile .usa-table--stacked tr th:first-child,.width-mobile .usa-table--stacked tr td:first-child{border-top-width:0}.width-mobile .usa-table--stacked tr:nth-child(odd) td,.width-mobile .usa-table--stacked tr:nth-child(odd) th{background-color:inherit}.width-mobile .usa-table--stacked tr:first-child th:first-child,.width-mobile .usa-table--stacked tr:first-child td:first-child{border-top:0.25rem solid #1b1b1b}.width-mobile .usa-table--stacked th[data-label],.width-mobile .usa-table--stacked td[data-label]{padding-bottom:0.75rem}.width-mobile .usa-table--stacked th[data-label]:before,.width-mobile .usa-table--stacked td[data-label]:before{content:attr(data-label);display:block;font-weight:700;margin:-0.5rem -1rem 0rem;padding:0.75rem 1rem 0.25rem}.width-mobile .usa-table--stacked-header thead{display:none}.width-mobile .usa-table--stacked-header th,.width-mobile .usa-table--stacked-header td{border-bottom-width:0;display:block;width:100%}.width-mobile .usa-table--stacked-header tr{border-bottom:0.25rem solid #1b1b1b;border-top-width:0;width:100%}.width-mobile .usa-table--stacked-header tr th:first-child,.width-mobile .usa-table--stacked-header tr td:first-child{border-top-width:0}.width-mobile .usa-table--stacked-header tr:nth-child(odd) td,.width-mobile .usa-table--stacked-header tr:nth-child(odd) th{background-color:inherit}.width-mobile .usa-table--stacked-header tr:first-child th:first-child,.width-mobile .usa-table--stacked-header tr:first-child td:first-child{border-top:0.25rem solid #1b1b1b}.width-mobile .usa-table--stacked-header th[data-label],.width-mobile .usa-table--stacked-header td[data-label]{padding-bottom:0.75rem}.width-mobile .usa-table--stacked-header th[data-label]:before,.width-mobile .usa-table--stacked-header td[data-label]:before{content:attr(data-label);display:block;font-weight:700;margin:-0.5rem -1rem 0rem;padding:0.75rem 1rem 0.25rem}.width-mobile .usa-table--stacked-header tr td:first-child,.width-mobile .usa-table--stacked-header tr th:first-child{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.1;background-color:#dfe1e2;color:#1b1b1b;font-weight:700;padding:0.75rem 1rem}.width-mobile .usa-table--stacked-header tr td:first-child:before,.width-mobile .usa-table--stacked-header tr th:first-child:before{display:none}.usa-table--sticky-header{border:1px solid #1b1b1b;border-collapse:separate}.usa-table--sticky-header td,.usa-table--sticky-header th{border-left:none;border-top:none}.usa-table--sticky-header td:last-child,.usa-table--sticky-header th:last-child{border-right:none}.usa-table--sticky-header tbody tr:last-child td,.usa-table--sticky-header tbody tr:last-child th{border-bottom:none}.usa-table--sticky-header thead{position:-webkit-sticky;position:sticky;top:-1px}.usa-table--sticky-header.usa-table--borderless{border:none}.usa-table--sticky-header.usa-table--borderless thead th{background-color:white}.usa-table--sticky-header.usa-table--borderless td,.usa-table--sticky-header.usa-table--borderless th{border-right:none}.usa-table-container--scrollable{margin:1.25rem 0;overflow-y:hidden}.usa-table-container--scrollable .usa-table{margin:0}.usa-table-container--scrollable td{white-space:nowrap}.usa-sr-only{position:absolute;left:-999em;right:auto}:host td slot::slotted(span:empty)::before,:host th slot::slotted(span:empty)::before{content:"---";font-weight:normal}:host{display:table;font-family:var(--font-source-sans);font-size:1.06rem;border-collapse:collapse;margin:0;padding:0;width:100%}:host thead tr th button{background-color:transparent;border:0;border-radius:0;padding:0;margin:0;position:absolute;right:4px;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);text-align:center}:host thead tr th button:focus{outline:2px solid var(--vads-color-action-focus-on-light)}::slotted([slot=headers]){background:var(--vads-color-base-lightest);font-weight:700}caption{text-align:left;padding:0 0 0.313rem;font-weight:700;font-size:1.25rem;font-family:var(--font-serif);margin-bottom:0.75rem}@media screen and (max-width: 768px){::slotted(va-table-row){border-bottom:1px solid var(--vads-color-gray-medium)}::slotted(va-table-row):first-child{border-top:1px solid var(--vads-color-gray-medium)}}@media screen and (max-width: 29.99em){.usa-table--stacked th,.usa-table--stacked td{width:auto}}',VaTableInnerStyle0=vaTableInnerCss,VaTableInner=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.sortTable=createEvent(this,"sortTable",7),this.headers=null,this.tableTitle=void 0,this.rows=void 0,this.cols=void 0,this.tableType="borderless",this.stacked=!1,this.sortable=!1,this.sortdir=null,this.sortindex=null}disconnectedCallback(){this.observer&&this.observer.disconnect()}fireSort(a){const t=a.currentTarget.closest("th"),e=t.dataset.sortdir,r=t.dataset.rowindex;this.sortTable.emit({index:r,sortdir:e})}handleKeyDown(a){"Enter"===a.key&&this.fireSort(a)}getSortIcon(a,t){let e=null;if(this.sortable&&0===t){if(null!==this.sortindex&&this.sortindex===a){const a="descending"==this.sortdir?"arrow_upward":"arrow_downward";e=h("va-icon",{icon:a,size:3})}else e=h("va-icon",{icon:"sort_arrow",size:3});return h("button",{tabIndex:0,onClick:a=>this.fireSort(a),onKeyDown:a=>this.handleKeyDown(a)},e)}return null}makeRow(a){let t=0===a?"col":"row";return h("tr",null,Array.from({length:this.cols}).map(((e,r)=>{const s=`va-table-slot-${a*this.cols+r}`,o=h("slot",{name:s}),d=this.el.querySelector(`[slot="va-table-slot-${r}"]`).innerHTML,b=a>0&&this.sortindex===r;return 0===r||0===a?h("th",{scope:t,"data-sortable":!0,"data-sort-active":b,"data-label":d,"data-rowindex":r,"data-sortdir":r===this.sortindex?this.sortdir:"ascending"},o,this.getSortIcon(r,a)):h("td",{"data-label":d,"data-sort-active":b},o)})))}getBodyRows(){const a=[];for(let t=1;t<this.rows;t++)a.push(this.makeRow(t));return a}getSortColumnText(a){return a.assignedNodes({flatten:!0}).map((a=>{var t;return null===(t=a.textContent)||void 0===t?void 0:t.trim()})).filter(Boolean).join(" ")}updateThAriaLabel(a,t,e,r){let s;t?(s=`currently sorted ${e}`,a.setAttribute("aria-sort",e)):s="currently unsorted";const o=`${r}, sortable column, ${s}`;a.setAttribute("aria-label",o)}updateSpan(a,t,e,r){const s=a.querySelector("button");let o=`Click to sort by ${r} in ${e} order`;s.setAttribute("title",o),t&&setTimeout((()=>{s.focus()}),0)}updateSRtext(a,t,e){if(a){const a=this.tableTitle?`The table named "${this.tableTitle}"`:"This table";this.el.shadowRoot.querySelector("table + div").innerHTML=`${a} is now sorted by ${t} in ${e} order`}}getSortDirections(){const a=this.sortdir?this.sortdir:"ascending";return{currentSortDirection:"ascending"===a?"descending":"ascending",nextSortDirection:a}}componentWillLoad(){this.sortable&&(this.sortindex=this.el.dataset.sortindex?+this.el.dataset.sortindex:this.sortindex,this.sortdir=this.el.dataset.sortdir?this.el.dataset.sortdir:this.sortdir)}componentDidRender(){if(this.sortable){const a=this.el.shadowRoot.querySelectorAll("slot");Array.from(a).slice(0,this.cols).forEach(((a,t)=>{const e=a.closest("th"),r=null!==this.sortindex&&this.sortindex===t,s=this.getSortColumnText(a),{currentSortDirection:o,nextSortDirection:d}=this.getSortDirections();this.updateThAriaLabel(e,r,o,s),this.updateSpan(e,r,d,s),this.updateSRtext(r,s,o)}))}}render(){const{tableTitle:a,tableType:t,stacked:e}=this,r=classnames({"usa-table":!0,"usa-table--stacked":e,"usa-table--borderless":"borderless"===t});return h("div",{key:"81a09dcf22323aedd4af4ad69535ceef0b5ef70f"},h("table",{key:"da1a20fed5ce7388ce23bc85fe674d85eb85aa71",class:r},a&&h("caption",{key:"4c4075fb21eb87531002c4b86bbaeb76e5d5fda8"},a),h("thead",{key:"d9f8a73d73dd715ad38432c6505f1639c2977421"},this.makeRow(0)),h("tbody",{key:"c0897bb126059668003e14dc4185d7632cbddb32",id:"va-table-body"},this.getBodyRows())),h("div",{key:"168518bf002204a656b52678caa6db0af9895ea0",class:"usa-sr-only","aria-live":"polite"}))}get el(){return this}static get style(){return VaTableInnerStyle0}},[1,"va-table-inner",{tableTitle:[1,"table-title"],rows:[2],cols:[2],tableType:[1,"table-type"],stacked:[4],sortable:[4],sortdir:[32],sortindex:[32]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-table-inner","va-icon"].forEach((a=>{switch(a){case"va-table-inner":customElements.get(a)||customElements.define(a,VaTableInner);break;case"va-icon":customElements.get(a)||defineCustomElement$1()}}))}export{VaTableInner as V,defineCustomElement as d};
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$1}from"./va-icon2.js";const vaTableInnerCss='.usa-table{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;border-collapse:collapse;border-spacing:0;color:#1b1b1b;margin:1.25rem 0;text-align:left;}.usa-table thead th{background-clip:padding-box;color:#1b1b1b;font-weight:700;line-height:1.3}.usa-table thead th,.usa-table thead td{background-color:#dfe1e2;color:#1b1b1b}.usa-table tbody th{text-align:left}.usa-table th,.usa-table td{background-color:white;border:1px solid #1b1b1b;font-weight:normal;padding:0.5rem 1rem}.usa-table caption{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1rem;font-weight:700;margin-bottom:0.75rem;text-align:left}.usa-table th[data-sortable]{padding-right:2.5rem;position:relative}.usa-table th[data-sortable]::after{border-bottom-color:transparent;border-bottom-style:solid;border-bottom-width:1px;bottom:0;content:"";height:0;left:0;position:absolute;width:100%}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button{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;height:2rem;width:2rem;background-position:center center;background-size:1.5rem;color:#71767a;cursor:pointer;display:inline-block;margin:0;position:absolute;right:0.25rem;text-align:center;text-decoration:none;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:visited,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:visited{color:#54278f}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:hover{color:#1a4480}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:active{color:#162e51}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-button--hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-button--hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:active,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--active,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:active,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:active,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-button--active,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-button--active,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:focus,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled.usa-focus,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true].usa-focus,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--disabled,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-button--hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-button--hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-button--active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-button--active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled.usa-focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true].usa-focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--hover{color:#1a4480}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button.usa-button--active,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button.usa-button--active{color:#162e51}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:disabled:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button[aria-disabled=true]:focus,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button[aria-disabled=true]:focus{color:GrayText}}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon{height:1.5rem;width:1.5rem;vertical-align:middle}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon>g,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon>g{fill:transparent}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon>g.unsorted,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button .usa-icon>g.unsorted{fill:#1b1b1b}.usa-table th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover .usa-icon>g.unsorted,.usa-table th[data-sortable][aria-sort=none] .usa-table__header__button:hover .usa-icon>g.unsorted{fill:black}.usa-table th[data-sortable][aria-sort=descending],.usa-table th[data-sortable][aria-sort=ascending]{background-color:#97d4ea}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button{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;height:2rem;width:2rem;background-position:center center;background-size:1.5rem;color:#71767a;cursor:pointer;display:inline-block;margin:0;position:absolute;right:0.25rem;text-align:center;text-decoration:none;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:visited{color:#54278f}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:hover{color:#1a4480}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:active{color:#162e51}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-button--hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-button--hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:active,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--active,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:active,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:active,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-button--active,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-button--active,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:focus,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled.usa-focus,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true].usa-focus,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--hover{color:#1a4480}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button.usa-button--active{color:#162e51}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button[aria-disabled=true]:focus{color:GrayText}}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon{height:1.5rem;width:1.5rem;vertical-align:middle}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon>g{fill:transparent}.usa-table th[data-sortable][aria-sort=descending] .usa-table__header__button .usa-icon>g.descending{fill:#1b1b1b}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button{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;height:2rem;width:2rem;background-position:center center;background-size:1.5rem;color:#71767a;cursor:pointer;display:inline-block;margin:0;position:absolute;right:0.25rem;text-align:center;text-decoration:none;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:visited{color:#54278f}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:hover{color:#1a4480}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:active{color:#162e51}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-button--hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-button--hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:active,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--active,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:active,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:active,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-button--active,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-button--active,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:focus,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled.usa-focus,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true].usa-focus,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--hover{color:#1a4480}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button.usa-button--active{color:#162e51}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true],.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button:disabled:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:hover,.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button[aria-disabled=true]:focus{color:GrayText}}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon{height:1.5rem;width:1.5rem;vertical-align:middle}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon>g{fill:transparent}.usa-table th[data-sortable][aria-sort=ascending] .usa-table__header__button .usa-icon>g.ascending{fill:#1b1b1b}.usa-table thead th[aria-sort]{background-color:#97d4ea;color:#1b1b1b}.usa-table td[data-sort-active],.usa-table th[data-sort-active]{background-color:#e1f3f8;color:#1b1b1b}.usa-table--borderless thead{}.usa-table--borderless thead th{background-color:white;border-top:0;color:#1b1b1b}.usa-table--borderless thead th[aria-sort]{color:#1b1b1b}.usa-table--borderless thead th[data-sortable]:not([aria-sort]) .usa-table__header__button .usa-icon>g.unsorted{fill:#1b1b1b}.usa-table--borderless thead th[data-sortable]:not([aria-sort]) .usa-table__header__button:hover .usa-icon>g.unsorted{fill:black}.usa-table--borderless th,.usa-table--borderless td{border-left:0;border-right:0}.usa-table--compact th,.usa-table--compact td{padding:0.25rem 0.75rem}.usa-table--striped tbody tr:nth-child(odd) td,.usa-table--striped tbody tr:nth-child(odd) th{background-color:#f0f0f0;color:#1b1b1b}.usa-table--striped tbody tr:nth-child(odd) td[data-sort-active],.usa-table--striped tbody tr:nth-child(odd) th[data-sort-active]{background-color:#c3ebfa;color:#1b1b1b}@media all and (max-width: 29.99em){.usa-table--stacked thead{display:none}.usa-table--stacked th,.usa-table--stacked td{border-bottom-width:0;display:block;width:100%}.usa-table--stacked tr{border-bottom:0.25rem solid #1b1b1b;border-top-width:0;width:100%}.usa-table--stacked tr th:first-child,.usa-table--stacked tr td:first-child{border-top-width:0}.usa-table--stacked tr:nth-child(odd) td,.usa-table--stacked tr:nth-child(odd) th{background-color:inherit}.usa-table--stacked tr:first-child th:first-child,.usa-table--stacked tr:first-child td:first-child{border-top:0.25rem solid #1b1b1b}.usa-table--stacked th[data-label],.usa-table--stacked td[data-label]{padding-bottom:0.75rem}.usa-table--stacked th[data-label]:before,.usa-table--stacked td[data-label]:before{content:attr(data-label);display:block;font-weight:700;margin:-0.5rem -1rem 0rem;padding:0.75rem 1rem 0.25rem}}@media all and (max-width: 29.99em){.usa-table--stacked-header thead{display:none}.usa-table--stacked-header th,.usa-table--stacked-header td{border-bottom-width:0;display:block;width:100%}.usa-table--stacked-header tr{border-bottom:0.25rem solid #1b1b1b;border-top-width:0;width:100%}.usa-table--stacked-header tr th:first-child,.usa-table--stacked-header tr td:first-child{border-top-width:0}.usa-table--stacked-header tr:nth-child(odd) td,.usa-table--stacked-header tr:nth-child(odd) th{background-color:inherit}.usa-table--stacked-header tr:first-child th:first-child,.usa-table--stacked-header tr:first-child td:first-child{border-top:0.25rem solid #1b1b1b}.usa-table--stacked-header th[data-label],.usa-table--stacked-header td[data-label]{padding-bottom:0.75rem}.usa-table--stacked-header th[data-label]:before,.usa-table--stacked-header td[data-label]:before{content:attr(data-label);display:block;font-weight:700;margin:-0.5rem -1rem 0rem;padding:0.75rem 1rem 0.25rem}.usa-table--stacked-header tr td:first-child,.usa-table--stacked-header tr th:first-child{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.1;background-color:#dfe1e2;color:#1b1b1b;font-weight:700;padding:0.75rem 1rem}.usa-table--stacked-header tr td:first-child:before,.usa-table--stacked-header tr th:first-child:before{display:none}}.width-mobile .usa-table--stacked thead{display:none}.width-mobile .usa-table--stacked th,.width-mobile .usa-table--stacked td{border-bottom-width:0;display:block;width:100%}.width-mobile .usa-table--stacked tr{border-bottom:0.25rem solid #1b1b1b;border-top-width:0;width:100%}.width-mobile .usa-table--stacked tr th:first-child,.width-mobile .usa-table--stacked tr td:first-child{border-top-width:0}.width-mobile .usa-table--stacked tr:nth-child(odd) td,.width-mobile .usa-table--stacked tr:nth-child(odd) th{background-color:inherit}.width-mobile .usa-table--stacked tr:first-child th:first-child,.width-mobile .usa-table--stacked tr:first-child td:first-child{border-top:0.25rem solid #1b1b1b}.width-mobile .usa-table--stacked th[data-label],.width-mobile .usa-table--stacked td[data-label]{padding-bottom:0.75rem}.width-mobile .usa-table--stacked th[data-label]:before,.width-mobile .usa-table--stacked td[data-label]:before{content:attr(data-label);display:block;font-weight:700;margin:-0.5rem -1rem 0rem;padding:0.75rem 1rem 0.25rem}.width-mobile .usa-table--stacked-header thead{display:none}.width-mobile .usa-table--stacked-header th,.width-mobile .usa-table--stacked-header td{border-bottom-width:0;display:block;width:100%}.width-mobile .usa-table--stacked-header tr{border-bottom:0.25rem solid #1b1b1b;border-top-width:0;width:100%}.width-mobile .usa-table--stacked-header tr th:first-child,.width-mobile .usa-table--stacked-header tr td:first-child{border-top-width:0}.width-mobile .usa-table--stacked-header tr:nth-child(odd) td,.width-mobile .usa-table--stacked-header tr:nth-child(odd) th{background-color:inherit}.width-mobile .usa-table--stacked-header tr:first-child th:first-child,.width-mobile .usa-table--stacked-header tr:first-child td:first-child{border-top:0.25rem solid #1b1b1b}.width-mobile .usa-table--stacked-header th[data-label],.width-mobile .usa-table--stacked-header td[data-label]{padding-bottom:0.75rem}.width-mobile .usa-table--stacked-header th[data-label]:before,.width-mobile .usa-table--stacked-header td[data-label]:before{content:attr(data-label);display:block;font-weight:700;margin:-0.5rem -1rem 0rem;padding:0.75rem 1rem 0.25rem}.width-mobile .usa-table--stacked-header tr td:first-child,.width-mobile .usa-table--stacked-header tr th:first-child{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.1;background-color:#dfe1e2;color:#1b1b1b;font-weight:700;padding:0.75rem 1rem}.width-mobile .usa-table--stacked-header tr td:first-child:before,.width-mobile .usa-table--stacked-header tr th:first-child:before{display:none}.usa-table--sticky-header{border:1px solid #1b1b1b;border-collapse:separate}.usa-table--sticky-header td,.usa-table--sticky-header th{border-left:none;border-top:none}.usa-table--sticky-header td:last-child,.usa-table--sticky-header th:last-child{border-right:none}.usa-table--sticky-header tbody tr:last-child td,.usa-table--sticky-header tbody tr:last-child th{border-bottom:none}.usa-table--sticky-header thead{position:-webkit-sticky;position:sticky;top:-1px}.usa-table--sticky-header.usa-table--borderless{border:none}.usa-table--sticky-header.usa-table--borderless thead th{background-color:white}.usa-table--sticky-header.usa-table--borderless td,.usa-table--sticky-header.usa-table--borderless th{border-right:none}.usa-table-container--scrollable{margin:1.25rem 0;overflow-y:hidden}.usa-table-container--scrollable .usa-table{margin:0}.usa-table-container--scrollable td{white-space:nowrap}.usa-sr-only{position:absolute;left:-999em;right:auto}:host td slot::slotted(span:empty)::before,:host th slot::slotted(span:empty)::before{content:"---";font-weight:normal}:host{display:table;font-family:var(--font-source-sans);font-size:1.06rem;border-collapse:collapse;margin:0;padding:0;width:100%}:host thead tr th button{background-color:transparent;border:0;border-radius:0;padding:0;margin:0;position:absolute;right:4px;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%);text-align:center}:host thead tr th button:focus{outline:2px solid var(--vads-color-action-focus-on-light)}::slotted([slot=headers]){background:var(--vads-color-base-lightest);font-weight:700}caption{text-align:left;padding:0 0 0.313rem;font-weight:700;font-size:1.25rem;font-family:var(--font-serif);margin-bottom:0.75rem}@media screen and (max-width: 768px){::slotted(va-table-row){border-bottom:1px solid var(--vads-color-gray-medium)}::slotted(va-table-row):first-child{border-top:1px solid var(--vads-color-gray-medium)}}@media screen and (max-width: 29.99em){.usa-table--stacked th,.usa-table--stacked td{width:auto}}',VaTableInnerStyle0=vaTableInnerCss,VaTableInner=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.sortTable=createEvent(this,"sortTable",7),this.headers=null,this.tableTitle=void 0,this.rows=void 0,this.cols=void 0,this.tableType="borderless",this.stacked=!1,this.sortable=!1,this.sortdir=null,this.sortindex=null}disconnectedCallback(){this.observer&&this.observer.disconnect()}fireSort(a){const t=a.currentTarget.closest("th"),e=t.dataset.sortdir,r=t.dataset.rowindex;this.sortTable.emit({index:r,sortdir:e})}handleKeyDown(a){"Enter"===a.key&&this.fireSort(a)}getSortIcon(a,t){let e=null;if(this.sortable&&0===t){if(null!==this.sortindex&&this.sortindex===a){const a="descending"==this.sortdir?"arrow_upward":"arrow_downward";e=h("va-icon",{icon:a,size:3})}else e=h("va-icon",{icon:"sort_arrow",size:3});return h("button",{tabIndex:0,onClick:a=>this.fireSort(a),onKeyDown:a=>this.handleKeyDown(a)},e)}return null}makeRow(a){let t=0===a?"col":"row";return h("tr",null,Array.from({length:this.cols}).map(((e,r)=>{const s=`va-table-slot-${a*this.cols+r}`,o=h("slot",{name:s}),d=this.el.querySelector(`[slot="va-table-slot-${r}"]`).innerHTML,b=a>0&&this.sortindex===r;return 0===r||0===a?h("th",{scope:t,"data-sortable":!0,"data-sort-active":b,"data-label":d,"data-rowindex":r,"data-sortdir":r===this.sortindex?this.sortdir:"ascending"},o,this.getSortIcon(r,a)):h("td",{"data-label":d,"data-sort-active":b},o)})))}getBodyRows(){const a=[];for(let t=1;t<this.rows;t++)a.push(this.makeRow(t));return a}getSortColumnText(a){return a.assignedNodes({flatten:!0}).map((a=>{var t;return null===(t=a.textContent)||void 0===t?void 0:t.trim()})).filter(Boolean).join(" ")}updateThAriaLabel(a,t,e,r){let s;t?(s=`currently sorted ${e}`,a.setAttribute("aria-sort",e)):s="currently unsorted";const o=`${r}, sortable column, ${s}`;a.setAttribute("aria-label",o)}updateSpan(a,t,e,r){const s=a.querySelector("button");let o=`Click to sort by ${r} in ${e} order`;s.setAttribute("title",o),t&&setTimeout((()=>{s.focus()}),0)}updateSRtext(a,t,e){if(a){const a=this.tableTitle?`The table named "${this.tableTitle}"`:"This table";this.el.shadowRoot.querySelector("table + div").innerHTML=`${a} is now sorted by ${t} in ${e} order`}}getSortDirections(){const a=this.sortdir?this.sortdir:"ascending";return{currentSortDirection:"ascending"===a?"descending":"ascending",nextSortDirection:a}}componentWillLoad(){this.sortable&&(this.sortindex=this.el.dataset.sortindex?+this.el.dataset.sortindex:this.sortindex,this.sortdir=this.el.dataset.sortdir?this.el.dataset.sortdir:this.sortdir)}componentDidRender(){if(this.sortable){const a=this.el.shadowRoot.querySelectorAll("slot");Array.from(a).slice(0,this.cols).forEach(((a,t)=>{const e=a.closest("th"),r=null!==this.sortindex&&this.sortindex===t,s=this.getSortColumnText(a),{currentSortDirection:o,nextSortDirection:d}=this.getSortDirections();this.updateThAriaLabel(e,r,o,s),this.updateSpan(e,r,d,s),this.updateSRtext(r,s,o)}))}}render(){const{tableTitle:a,tableType:t,stacked:e}=this,r=classnames({"usa-table":!0,"usa-table--stacked":e,"usa-table--borderless":"borderless"===t});return h("div",{key:"1d984e1cee4a92ae2b5a61cdeb25e265d9c78703"},h("table",{key:"cb7214a9c67cee7f3cc97443e83a9602bbe8ec4a",class:r},a&&h("caption",{key:"715a7d8891a9f753898d238184c80ff734aae363"},a),h("thead",{key:"57553ef38550455a136be3d6085e006c08c6243e"},this.makeRow(0)),h("tbody",{key:"012cb5a859543f810ffbd1d563ea0a634f025df3",id:"va-table-body"},this.getBodyRows())),h("div",{key:"17fd90228633c9d7fc6e2ce19b2d6b3849e0d595",class:"usa-sr-only","aria-live":"polite"}))}get el(){return this}static get style(){return VaTableInnerStyle0}},[1,"va-table-inner",{tableTitle:[1,"table-title"],rows:[2],cols:[2],tableType:[1,"table-type"],stacked:[4],sortable:[4],sortdir:[32],sortindex:[32]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-table-inner","va-icon"].forEach((a=>{switch(a){case"va-table-inner":customElements.get(a)||customElements.define(a,VaTableInner);break;case"va-icon":customElements.get(a)||defineCustomElement$1()}}))}export{VaTableInner as V,defineCustomElement as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";const vaTableRowCss=":host{display:table-row}::slotted([role='cell']){padding-top:1rem;padding-bottom:1rem;padding-left:1rem;word-wrap:break-word;vertical-align:top;border-left:0;border-right:0;border-top:0}::slotted(*::first-letter){text-transform:capitalize}::slotted(*){display:table-cell;border:1px solid var(--vads-color-base-dark);padding:0.625rem 0.938rem}::slotted(*:empty):before{content:'---'}@media screen and (max-width: 768px){:host{border-bottom:1px solid var(--vads-color-gray-medium)}:host:first-child{border-top:1px solid var(--vads-color-gray-medium)}::slotted([role='cell']){border:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}::slotted([role='cell']:first-child){margin-top:1rem}::slotted([role='cell']:last-child){margin-bottom:1rem;border-bottom:0}::slotted([role='cell'])::before{display:block;content:attr(data-label);font-weight:700}}",VaTableRowStyle0=vaTableRowCss,VaTableRow$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return h(Host,{key:"
|
|
1
|
+
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";const vaTableRowCss=":host{display:table-row}::slotted([role='cell']){padding-top:1rem;padding-bottom:1rem;padding-left:1rem;word-wrap:break-word;vertical-align:top;border-left:0;border-right:0;border-top:0}::slotted(*::first-letter){text-transform:capitalize}::slotted(*){display:table-cell;border:1px solid var(--vads-color-base-dark);padding:0.625rem 0.938rem}::slotted(*:empty):before{content:'---'}@media screen and (max-width: 768px){:host{border-bottom:1px solid var(--vads-color-gray-medium)}:host:first-child{border-top:1px solid var(--vads-color-gray-medium)}::slotted([role='cell']){border:none;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}::slotted([role='cell']:first-child){margin-top:1rem}::slotted([role='cell']:last-child){margin-bottom:1rem;border-bottom:0}::slotted([role='cell'])::before{display:block;content:attr(data-label);font-weight:700}}",VaTableRowStyle0=vaTableRowCss,VaTableRow$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return h(Host,{key:"5ba2465c84b302f60647b3d7ff0f77ac568a3aa1",role:"row"},h("slot",{key:"a50e74d5b3bdae4bebdb549b91d9dc6f31861886"}))}static get style(){return VaTableRowStyle0}},[1,"va-table-row"]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-table-row"].forEach((e=>{"va-table-row"===e&&(customElements.get(e)||customElements.define(e,VaTableRow$1))}))}const VaTableRow=VaTableRow$1,defineCustomElement=defineCustomElement$1;export{VaTableRow,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{i as isNumeric}from"./utils.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-table-inner2.js";const months={january:1,february:2,march:3,april:4,may:5,june:6,july:7,august:8,september:9,october:10,november:11,december:12},ordinals={first:1,second:2,third:3,fourth:4,fifth:5,sixth:6,seventh:7,eighth:8,ninth:9,tenth:10,eleventh:11,twelfth:12,thirteenth:13,fourteenth:14,fifteenth:15,sixteenth:16,seventeenth:17,eighteenth:18,nineteenth:19,twentieth:20},dateRegex=/^(\d{1,2}\/){1,2}(\d{2}|\d{4})$/;function _isNumeric(e){const t=cleanString(e);return!dateRegex.test(e)&&("number"==typeof t||isNumeric(t))}function cleanString(e){if(""===e)return-1/0;const t=e.toLowerCase();return t in ordinals?ordinals[t]:e.replace(/[$%,]|(th)|(st)|(rd)|(nd)/g,"")}function numSort(e){return function(t,n){return difference(+cleanString(t),+cleanString(n),e)}}function isValidDate(e){const t=new Date(e);return!isNaN(t.getTime())||!!months[e.toLowerCase()]}function getDateValue(e){if(""===e)return-1/0;return months[e.toLowerCase()]||new Date(e).getTime()}function dateSort(e){return function(t,n){return difference(getDateValue(t),getDateValue(n),e)}}function alphaSort(e){var t;let n=null===(t=null==this?void 0:this.el)||void 0===t?void 0:t.getAttribute("lang");return n=n||"en-US",function(t,s){const r="ascending"===e,a=r?t:s,i=r?s:t;return new Intl.Collator(n,{sensitivity:"base"}).compare(a,i)}}function difference(e,t,n){return"ascending"===n?e-t:t-e}function _getCompareFunc(e,t){let n;return n=_isNumeric(e)?numSort(t):isValidDate(e)?dateSort(t):alphaSort.bind(this)(t),n}function getCompareFunc(e,t,n){for(const s of e){const e=s.children[t].innerHTML.trim();if(""!==e)return _getCompareFunc.bind(this)(e,n)}return null}const vaTableCss="va-table-row{display:none}",VaTableStyle0=vaTableCss,VaTable$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.tableTitle=void 0,this.tableType="borderless",this.stacked=!0,this.sortable=!1,this.rows=void 0,this.cols=void 0,this.cells=null}getCellsInRow(e){const t=e.querySelectorAll("span"),n=Array.from(t);return this.cols||(this.cols=n.length),n}getRows(){const e=Array.from(this.el.querySelectorAll("va-table-row"));return e.forEach((e=>e.removeAttribute("role"))),this.rows||(this.rows=e.length),e}getAllCells(e=this.getRows()){const t=[];let n=0;for(const s of e){const e=this.getCellsInRow(s);e.forEach((e=>{e.setAttribute("slot",`va-table-slot-${n}`),n++})),t.push(...e)}this.cells=t}makeFragment(){const e=document.createDocumentFragment();return this.cells.forEach((t=>{e.appendChild(t.cloneNode(!0))})),e}makeVATable(e,t){const n=document.createElement("va-table-inner");n.setAttribute("rows",`${this.rows}`),n.setAttribute("cols",`${this.cols}`),n.setAttribute("stacked",this.stacked&&!this.sortable?"true":"false"),n.setAttribute("sortable",`${this.sortable}`),this.sortable&&e&&t&&(n.dataset.sortdir=e,n.dataset.sortindex=`${t}`),this.tableTitle&&n.setAttribute("table-title",this.tableTitle),this.tableType&&n.setAttribute("table-type",this.tableType);const s=this.makeFragment();return n.appendChild(s),n}resetVaTableInner(){const e=this.el.querySelector("va-table-inner");e&&(e.remove(),this.rows=null,this.cols=null,this.cells=null)}watchForDataChanges(){const e=this.el.querySelectorAll("va-table-row")[1];this.observer=new MutationObserver((()=>{this.resetVaTableInner(),this.addVaTableInner()})),this.observer.observe(e,{childList:!0,subtree:!0,characterData:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect()}addVaTableInner(e=null,t=null){this.getAllCells();const n=this.makeVATable(e,t);this.el.appendChild(n)}componentDidLoad(){this.addVaTableInner(),this.watchForDataChanges()}doSort(e){e.stopPropagation();const{index:t,sortdir:n}=e.detail,[s,...r]=this.getRows(),a=getCompareFunc.bind(this)(r,t,n);if(null!==a){r.sort(((e,n)=>{const s=e.children[t].innerHTML.trim(),r=n.children[t].innerHTML.trim();return a(s,r)}));const e=[s,...r];this.resetVaTableInner(),this.el.replaceChildren(...e),this.addVaTableInner("ascending"===n?"descending":"ascending",t)}}render(){return h(Host,{key:"
|
|
1
|
+
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{i as isNumeric}from"./utils.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-table-inner2.js";const months={january:1,february:2,march:3,april:4,may:5,june:6,july:7,august:8,september:9,october:10,november:11,december:12},ordinals={first:1,second:2,third:3,fourth:4,fifth:5,sixth:6,seventh:7,eighth:8,ninth:9,tenth:10,eleventh:11,twelfth:12,thirteenth:13,fourteenth:14,fifteenth:15,sixteenth:16,seventeenth:17,eighteenth:18,nineteenth:19,twentieth:20},dateRegex=/^(\d{1,2}\/){1,2}(\d{2}|\d{4})$/;function _isNumeric(e){const t=cleanString(e);return!dateRegex.test(e)&&("number"==typeof t||isNumeric(t))}function cleanString(e){if(""===e)return-1/0;const t=e.toLowerCase();return t in ordinals?ordinals[t]:e.replace(/[$%,]|(th)|(st)|(rd)|(nd)/g,"")}function numSort(e){return function(t,n){return difference(+cleanString(t),+cleanString(n),e)}}function isValidDate(e){const t=new Date(e);return!isNaN(t.getTime())||!!months[e.toLowerCase()]}function getDateValue(e){if(""===e)return-1/0;return months[e.toLowerCase()]||new Date(e).getTime()}function dateSort(e){return function(t,n){return difference(getDateValue(t),getDateValue(n),e)}}function alphaSort(e){var t;let n=null===(t=null==this?void 0:this.el)||void 0===t?void 0:t.getAttribute("lang");return n=n||"en-US",function(t,s){const r="ascending"===e,a=r?t:s,i=r?s:t;return new Intl.Collator(n,{sensitivity:"base"}).compare(a,i)}}function difference(e,t,n){return"ascending"===n?e-t:t-e}function _getCompareFunc(e,t){let n;return n=_isNumeric(e)?numSort(t):isValidDate(e)?dateSort(t):alphaSort.bind(this)(t),n}function getCompareFunc(e,t,n){for(const s of e){const e=s.children[t].innerHTML.trim();if(""!==e)return _getCompareFunc.bind(this)(e,n)}return null}const vaTableCss="va-table-row{display:none}",VaTableStyle0=vaTableCss,VaTable$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.tableTitle=void 0,this.tableType="borderless",this.stacked=!0,this.sortable=!1,this.rows=void 0,this.cols=void 0,this.cells=null}getCellsInRow(e){const t=e.querySelectorAll("span"),n=Array.from(t);return this.cols||(this.cols=n.length),n}getRows(){const e=Array.from(this.el.querySelectorAll("va-table-row"));return e.forEach((e=>e.removeAttribute("role"))),this.rows||(this.rows=e.length),e}getAllCells(e=this.getRows()){const t=[];let n=0;for(const s of e){const e=this.getCellsInRow(s);e.forEach((e=>{e.setAttribute("slot",`va-table-slot-${n}`),n++})),t.push(...e)}this.cells=t}makeFragment(){const e=document.createDocumentFragment();return this.cells.forEach((t=>{e.appendChild(t.cloneNode(!0))})),e}makeVATable(e,t){const n=document.createElement("va-table-inner");n.setAttribute("rows",`${this.rows}`),n.setAttribute("cols",`${this.cols}`),n.setAttribute("stacked",this.stacked&&!this.sortable?"true":"false"),n.setAttribute("sortable",`${this.sortable}`),this.sortable&&e&&t&&(n.dataset.sortdir=e,n.dataset.sortindex=`${t}`),this.tableTitle&&n.setAttribute("table-title",this.tableTitle),this.tableType&&n.setAttribute("table-type",this.tableType);const s=this.makeFragment();return n.appendChild(s),n}resetVaTableInner(){const e=this.el.querySelector("va-table-inner");e&&(e.remove(),this.rows=null,this.cols=null,this.cells=null)}watchForDataChanges(){const e=this.el.querySelectorAll("va-table-row")[1];this.observer=new MutationObserver((()=>{this.resetVaTableInner(),this.addVaTableInner()})),this.observer.observe(e,{childList:!0,subtree:!0,characterData:!0})}disconnectedCallback(){this.observer&&this.observer.disconnect()}addVaTableInner(e=null,t=null){this.getAllCells();const n=this.makeVATable(e,t);this.el.appendChild(n)}componentDidLoad(){this.addVaTableInner(),this.watchForDataChanges()}doSort(e){e.stopPropagation();const{index:t,sortdir:n}=e.detail,[s,...r]=this.getRows(),a=getCompareFunc.bind(this)(r,t,n);if(null!==a){r.sort(((e,n)=>{const s=e.children[t].innerHTML.trim(),r=n.children[t].innerHTML.trim();return a(s,r)}));const e=[s,...r];this.resetVaTableInner(),this.el.replaceChildren(...e),this.addVaTableInner("ascending"===n?"descending":"ascending",t)}}render(){return h(Host,{key:"b6eb2bf0a0450825ac907e6359d547c90f2e5d23"},h("slot",{key:"33689bdb1612effdd77c66d37c324cd11e92894b"}))}get el(){return this}static get style(){return VaTableStyle0}},[1,"va-table",{tableTitle:[1,"table-title"],tableType:[1,"table-type"],stacked:[4],sortable:[4],rows:[32],cols:[32],cells:[32]},[[0,"sortTable","doSort"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-table","va-icon","va-table-inner"].forEach((e=>{switch(e){case"va-table":customElements.get(e)||customElements.define(e,VaTable$1);break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-table-inner":customElements.get(e)||defineCustomElement$2()}}))}const VaTable=VaTable$1,defineCustomElement=defineCustomElement$1;export{VaTable,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host,Fragment}from"@stencil/core/internal/client";const vaTelephoneCss="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)}.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}:host{font-size:1.06rem}a{white-space:nowrap}a,a:hover{text-decoration:underline}",VaTelephoneStyle0=vaTelephoneCss,VaTelephone=proxyCustomElement(class t extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.contact=void 0,this.extension=void 0,this.notClickable=!1,this.international=!1,this.countryCode=void 0,this.tty=!1,this.sms=!1,this.vanity=void 0,this.messageAriaDescribedby=void 0}static cleanContact(t){return(t||"").replace(/[^\d]/g,"")}static splitContact(e){const n=t.cleanContact(e);if(10===n.length){const t=[.../^(\d{3})(\d{3})(\d{4})$/g.exec(n)];return 4===t.length?t.slice(-3):[n]}return[n]}static formatPhoneNumber({contact:e,extension:n,international:o=!1,countryCode:i,vanity:a,tty:s=!1}){const r=i?[e]:t.splitContact(e);let c=r.join("");if(10===c.length&&!i){const[t,e,i]=r;c=`${t}-${e}-${i}`,o&&(c=`+1-${c}`),n&&(c=`${c}, ext. ${n}`),a&&(c=`${t}-${e}-${a} (${i})`)}return i&&(c=`+${i} ${c}`),s&&(c=`TTY: ${c}`),c}static createHref({contact:e,extension:n,sms:o,countryCode:i}){const a=t.cleanContact(e),s=3===a.length;let r=null;return r=o?`sms:${a}`:s?`tel:${a}`:i?`tel:+${i}${a}`:`tel:+1${a}`,`${r}${n?`,${n}`:""}`}handleClick(){this.componentLibraryAnalytics.emit({componentName:"va-telephone",action:"click",details:{contact:this.contact,extension:this.extension}})}render(){const{contact:e,extension:n,notClickable:o,international:i,countryCode:a,tty:s,vanity:r,sms:c,messageAriaDescribedby:l}=this,d=t.formatPhoneNumber({contact:e,extension:n,international:i,countryCode:a,vanity:r,tty:s}),u=t.createHref({contact:e,extension:n,sms:c,countryCode:a}),p=l?"number-description":null;return h(Host,{key:"
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host,Fragment}from"@stencil/core/internal/client";const vaTelephoneCss="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)}.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}:host{font-size:1.06rem}a{white-space:nowrap}a,a:hover{text-decoration:underline}",VaTelephoneStyle0=vaTelephoneCss,VaTelephone=proxyCustomElement(class t extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.contact=void 0,this.extension=void 0,this.notClickable=!1,this.international=!1,this.countryCode=void 0,this.tty=!1,this.sms=!1,this.vanity=void 0,this.messageAriaDescribedby=void 0}static cleanContact(t){return(t||"").replace(/[^\d]/g,"")}static splitContact(e){const n=t.cleanContact(e);if(10===n.length){const t=[.../^(\d{3})(\d{3})(\d{4})$/g.exec(n)];return 4===t.length?t.slice(-3):[n]}return[n]}static formatPhoneNumber({contact:e,extension:n,international:o=!1,countryCode:i,vanity:a,tty:s=!1}){const r=i?[e]:t.splitContact(e);let c=r.join("");if(10===c.length&&!i){const[t,e,i]=r;c=`${t}-${e}-${i}`,o&&(c=`+1-${c}`),n&&(c=`${c}, ext. ${n}`),a&&(c=`${t}-${e}-${a} (${i})`)}return i&&(c=`+${i} ${c}`),s&&(c=`TTY: ${c}`),c}static createHref({contact:e,extension:n,sms:o,countryCode:i}){const a=t.cleanContact(e),s=3===a.length;let r=null;return r=o?`sms:${a}`:s?`tel:${a}`:i?`tel:+${i}${a}`:`tel:+1${a}`,`${r}${n?`,${n}`:""}`}handleClick(){this.componentLibraryAnalytics.emit({componentName:"va-telephone",action:"click",details:{contact:this.contact,extension:this.extension}})}render(){const{contact:e,extension:n,notClickable:o,international:i,countryCode:a,tty:s,vanity:r,sms:c,messageAriaDescribedby:l}=this,d=t.formatPhoneNumber({contact:e,extension:n,international:i,countryCode:a,vanity:r,tty:s}),u=t.createHref({contact:e,extension:n,sms:c,countryCode:a}),p=l?"number-description":null;return h(Host,{key:"d788a2d1c12aeb31a187cbb87cd1b25fe1284774"},o?h(Fragment,null,h("span",{"aria-hidden":"true","aria-describedby":p},d)):h("a",{"aria-describedby":p,href:u,onClick:this.handleClick.bind(this)},d),l&&h("span",{key:"6aad43d2ab70e63caaa708ee1a95ff2e6f567c83",id:"number-description",class:"sr-only"},l))}static get style(){return VaTelephoneStyle0}},[1,"va-telephone",{contact:[1],extension:[1],notClickable:[4,"not-clickable"],international:[4],countryCode:[1,"country-code"],tty:[4],sms:[4],vanity:[1],messageAriaDescribedby:[1,"message-aria-describedby"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-telephone"].forEach((t=>{"va-telephone"===t&&(customElements.get(t)||customElements.define(t,VaTelephone))}))}export{VaTelephone as V,defineCustomElement as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{c as consoleDevError,b as getCharacterMessage,a as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaTextareaCss='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", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-textarea,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-textarea,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block}',VaTextareaStyle0=vaTextareaCss;Build.isTesting&&instance.init({lng:"cimode"});const VaTextarea$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleInput=e=>{const a=e.target;this.value=a.value},this.handleBlur=()=>{this.enableAnalytics&&this.value&&this.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:this.label,value:this.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}getMaxlength(){if(!(this.maxlength<=0))return this.maxlength;consoleDevError("The maxlength prop must be positive!")}render(){const{label:e,error:a,placeholder:t,name:r,required:i,value:s,hint:o,charcount:n,messageAriaDescribedby:l,useFormsPattern:d,formHeadingLevel:c,headerAriaDescribedby:u,formHeading:m}=this,b=this.getMaxlength(),f=`${a?"input-error-message":""} ${n&&b?"charcount-message":""} ${l?"input-message":""}`.trim()||null,p=`${d&&m?"form-question":""} ${d?"form-description":""} ${d&&e?"input-label":""}`.trim()||null,g=getHeaderLevel(this.labelHeaderLevel),v=u?"header-message":null,x=n&&(null==s?void 0:s.length)>b,y=classnames({"usa-label":!0,"usa-label--error":a}),w=classnames({"usa-textarea":!0,"usa-input--error":a}),k=classnames({"usa-hint":!0,"usa-character-count__status":n,"usa-character-count__status--invalid":n&&b&&(null==s?void 0:s.length)>b});let T=null;if("single"===d||"multiple"===d){const e=getHeaderLevel(c);T=h(Fragment,{key:"05cf717e1e403a7fe8d1e33e5b7e672b8da011c3"},m&&h(e,{key:"b4dfd71f1c8cc47795268ebefcf10700960b5598",id:"form-question",part:"form-header"},m),h("div",{key:"c4e6d180992ac6bdc8001cbfd6d62fe870f2e554",id:"form-description"},h("slot",{key:"31b7d6f6bd6ec87a349d77ed31016693d59a5abb",name:"form-description"})))}return h(Host,{key:"1ce2e4256621e8c0836a0ea2ac175617028f21c3"},T,h("div",{key:"179ab243ff2516a4e6428fb52e52fb9cd69c5cb7",class:"input-wrap"},e&&h("label",{key:"67803c975ea1d41e0839fa8cdea00001dae684cc",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},g?h(g,{part:"header","aria-describedby":v},e):e," ","multiple"===d&&h("span",{key:"cee109d2639568033100ed79365d1e11792dea75",id:"header-message",class:"usa-sr-only"},e),u&&h("span",{key:"a6f6ce52d66fdcea5ed4736adee36a68ad0b0a0d",id:"header-message",class:"usa-sr-only"},u),i&&h("span",{key:"099771b4b8c84c988928c8c40a712db3dfbbf0dc",class:"usa-label--required"},instance.t("required")),o&&h("div",{key:"5f87941102c683f5f8eeadf32ab2e839653dbf77",class:"usa-hint"},o)),h("slot",{key:"7a6261f1721ed39550e32e1d36401a152ae56756"}),h("span",{key:"7428816004085509f878df5dd082eb8c60ec433a",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"eb4c07ca779023794679100c1e44fb03cc75f2a7"},h("span",{key:"e9e41555523b24733db459b78f840d9f26fbcb9e",class:"usa-sr-only"},instance.t("error")),h("span",{key:"2d9eeeb1a9fb071cef3beb44618ab017c93ed76d",class:"usa-error-message"},a))),h("textarea",{key:"3ea05349179aeeb0f97c1587cfdd7e444afd4b0a",class:w,"aria-describedby":f,"aria-invalid":a||x?"true":"false","aria-labelledby":p,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:t,name:r,maxLength:n?void 0:b,value:s,part:"input-type-textarea"}),!n&&b&&(null==s?void 0:s.length)>=b&&h("span",{key:"9665eaea196c2ed915e664180f8f0fed93e9ee4d",class:k,"aria-live":"polite"},instance.t("max-chars",{length:b})),n&&b&&h("span",{key:"db9cf6190d1fbbdbfa097f907ad2ec47a6a3223f",id:"charcount-message",class:k,"aria-live":"polite"},getCharacterMessage(s,b)),l&&h("span",{key:"e4ffd1884f33cec5f118aa72763830609ef511cb",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l)))}get el(){return this}static get style(){return VaTextareaStyle0}},[1,"va-textarea",{label:[1],error:[1],placeholder:[1],name:[1],required:[4],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],maxlength:[2],value:[1537],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-textarea"].forEach((e=>{"va-textarea"===e&&(customElements.get(e)||customElements.define(e,VaTextarea$1))}))}const VaTextarea=VaTextarea$1,defineCustomElement=defineCustomElement$1;export{VaTextarea,defineCustomElement};
|
|
1
|
+
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{c as consoleDevError,b as getCharacterMessage,a as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaTextareaCss='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", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-textarea,.usa-hint,.usa-input{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-textarea,.usa-input{border-width:1px;border-color:#565c65;border-style:solid;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;color:#1b1b1b;display:block;height:2.5rem;margin-top:0.5rem;max-width:30rem;padding:0.5rem;width:100%}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-input:disabled,.usa-input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:0;color:GrayText}.usa-input:disabled:hover,.usa-input:disabled:active,.usa-input:disabled:focus,.usa-input:disabled.usa-focus,.usa-input[aria-disabled=true]:hover,.usa-input[aria-disabled=true]:active,.usa-input[aria-disabled=true]:focus,.usa-input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-input:disabled,.usa-input[aria-disabled=true]{border:2px solid GrayText}}.usa-input--error{border-width:0.25rem;border-color:#b50909;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-input--success{border-width:0.25rem;border-color:#00a91c;border-style:solid;padding-top:calc(0.5rem - 0.25rem);padding-bottom:calc(0.5rem - 0.25rem)}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:0;color:GrayText}.usa-textarea:disabled:hover,.usa-textarea:disabled:active,.usa-textarea:disabled:focus,.usa-textarea:disabled.usa-focus,.usa-textarea[aria-disabled=true]:hover,.usa-textarea[aria-disabled=true]:active,.usa-textarea[aria-disabled=true]:focus,.usa-textarea[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-textarea:disabled,.usa-textarea[aria-disabled=true]{border:2px solid GrayText}}.usa-textarea{height:10rem}.usa-character-count__status{display:inline-block;padding-top:0.25rem}.usa-character-count__status.usa-character-count__status--invalid{color:#b50909;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{color:var(--vads-color-base);display:block;resize:both;font-family:var(--font-source-sans)}:host(:focus){outline:none !important}.usa-hint{display:block}',VaTextareaStyle0=vaTextareaCss;Build.isTesting&&instance.init({lng:"cimode"});const VaTextarea$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleInput=e=>{const a=e.target;this.value=a.value},this.handleBlur=()=>{this.enableAnalytics&&this.value&&this.componentLibraryAnalytics.emit({componentName:"va-textarea",action:"blur",details:{label:this.label,value:this.value}})},this.label=void 0,this.error=void 0,this.placeholder=void 0,this.name=void 0,this.required=!1,this.hint=void 0,this.messageAriaDescribedby=void 0,this.maxlength=void 0,this.value=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.charcount=!1}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}getMaxlength(){if(!(this.maxlength<=0))return this.maxlength;consoleDevError("The maxlength prop must be positive!")}render(){const{label:e,error:a,placeholder:t,name:r,required:i,value:s,hint:o,charcount:n,messageAriaDescribedby:l,useFormsPattern:d,formHeadingLevel:c,headerAriaDescribedby:u,formHeading:m}=this,b=this.getMaxlength(),f=`${a?"input-error-message":""} ${n&&b?"charcount-message":""} ${l?"input-message":""}`.trim()||null,p=`${d&&m?"form-question":""} ${d?"form-description":""} ${d&&e?"input-label":""}`.trim()||null,g=getHeaderLevel(this.labelHeaderLevel),v=u?"header-message":null,x=n&&(null==s?void 0:s.length)>b,y=classnames({"usa-label":!0,"usa-label--error":a}),w=classnames({"usa-textarea":!0,"usa-input--error":a}),k=classnames({"usa-hint":!0,"usa-character-count__status":n,"usa-character-count__status--invalid":n&&b&&(null==s?void 0:s.length)>b});let T=null;if("single"===d||"multiple"===d){const e=getHeaderLevel(c);T=h(Fragment,{key:"ecf42a35fea2ac6c766bb4ff15a21bf0c2ec44ed"},m&&h(e,{key:"d71c9518059c524d6ac684e62a917b525b3dbee7",id:"form-question",part:"form-header"},m),h("div",{key:"f9f5fa352a551675eb97a49490f0be363d5d72e3",id:"form-description"},h("slot",{key:"0cf24cacf96f54d2532762b1ab1655f7797df9d8",name:"form-description"})))}return h(Host,{key:"97ee3b1bd899351af75785c89b14db0a970db109"},T,h("div",{key:"9d696c1d800ad466a3f76646fccd4cd4406deb65",class:"input-wrap"},e&&h("label",{key:"3867ce80b218767d31829474f95cc91708651597",htmlFor:"input-type-textarea",id:"input-label",class:y,part:"label"},g?h(g,{part:"header","aria-describedby":v},e):e," ","multiple"===d&&h("span",{key:"c0b8acd45321b12631ff6c96d7be8168282f9089",id:"header-message",class:"usa-sr-only"},e),u&&h("span",{key:"a7d87af1e9a253abd70e016e4aa230b80cc20345",id:"header-message",class:"usa-sr-only"},u),i&&h("span",{key:"4ad236ebcda184c9aede7f85d0974975290cbc19",class:"usa-label--required"},instance.t("required")),o&&h("div",{key:"773fbb104e91d8d8c16520fde2058165ca93af5e",class:"usa-hint"},o)),h("slot",{key:"8fb5f604f8d2745ff0b48689a5d18f445a2d57f8"}),h("span",{key:"4627fe6427fa08d05c345afdae3b0908545a3e40",id:"input-error-message",role:"alert"},a&&h(Fragment,{key:"cb77304a2b3c439108f1b80aff36d60ec57cc226"},h("span",{key:"eb7aa2e95b93371250e2533cf6f964b5551a95c8",class:"usa-sr-only"},instance.t("error")),h("span",{key:"365c0a54d5b4a3f88e957d15c3e8b52e0d4a5193",class:"usa-error-message"},a))),h("textarea",{key:"d34e3513a7ace18c3e695b8b9b9754336ca5ad8e",class:w,"aria-describedby":f,"aria-invalid":a||x?"true":"false","aria-labelledby":p,onInput:this.handleInput,onBlur:this.handleBlur,id:"input-type-textarea",placeholder:t,name:r,maxLength:n?void 0:b,value:s,part:"input-type-textarea"}),!n&&b&&(null==s?void 0:s.length)>=b&&h("span",{key:"ccd1c36312596439eea40e650bd033bbb1b9e1a0",class:k,"aria-live":"polite"},instance.t("max-chars",{length:b})),n&&b&&h("span",{key:"9316ba7591c02437f071e81f7771c7d0557e904b",id:"charcount-message",class:k,"aria-live":"polite"},getCharacterMessage(s,b)),l&&h("span",{key:"3d91c5dd38c66947729ce75ee25d20cc1b0b20f1",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l)))}get el(){return this}static get style(){return VaTextareaStyle0}},[1,"va-textarea",{label:[1],error:[1],placeholder:[1],name:[1],required:[4],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],maxlength:[2],value:[1537],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],charcount:[4]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-textarea"].forEach((e=>{"va-textarea"===e&&(customElements.get(e)||customElements.define(e,VaTextarea$1))}))}const VaTextarea=VaTextarea$1,defineCustomElement=defineCustomElement$1;export{VaTextarea,defineCustomElement};
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--xsmall-screen:320px;--small-screen:481px;--tablet:640px;--medium-screen:768px;--small-desktop-screen:1024px;--large-screen:1201px;--mobile:320px;--mobile-lg:480px;--desktop:1024px;--desktop-lg:1201px;--color-link-default-hover:rgba(#000000, 0.05);--vads-button-color-background-primary-alt-active-on-light:#154c21;--vads-button-color-background-secondary-on-light:#ffffff;--vads-button-color-text-primary-alt-on-light:#ffffff;--vads-button-color-text-primary-on-light:#ffffff;--vads-input-background-color-on-light:#ffffff;--vads-color-white:#ffffff;--vads-label-hint-text-color-on-light:#757575;--vads-process-list-color-text-pending-on-light:#757575;--vads-color-gray-medium:#757575;--vads-color-gray-light-alt:#edeff0;--vads-color-gray-warm-light:#e6e6e2;--vads-color-gray-warm-dark:#454540;--vads-color-gray-cool-light:#e1e7f1;--vads-color-action-focus-on-light:#face00;--vads-color-base:#1b1b1b;--vads-color-base-dark:#565c65;--vads-color-base-darker:#3d4551;--vads-color-base-darkest:#1b1b1b;--vads-color-base-light:#a9aeb1;--vads-color-base-lighter:#dfe1e2;--vads-color-base-lightest:#f0f0f0;--vads-color-emergency:#9c3d10;--vads-color-emergency-dark:#332d29;--vads-color-error:#d54309;--vads-color-error-dark:#b21d38;--vads-color-error-darker:#6f3331;--vads-color-error-light:#f39268;--vads-color-error-lighter:#f4e3db;--vads-color-gibill-accent:#fef0c8;--vads-color-hub-burials:#2378c3;--vads-color-hub-careers:#bd5727;--vads-color-hub-disability:#a23737;--vads-color-hub-education:#162e51;--vads-color-hub-health-care:#3f57a6;--vads-color-hub-housing:#8e704f;--vads-color-hub-life-insurance:#6f7a41;--vads-color-hub-pension:#4d8055;--vads-color-hub-records:#6f7a41;--vads-color-hub-service-member:#162e51;--vads-color-hub-family-member:#162e51;--vads-color-info:#00bde3;--vads-color-info-dark:#009ec1;--vads-color-info-darker:#2e6276;--vads-color-info-light:#99deea;--vads-color-info-lighter:#e7f6f8;--vads-color-ink:#1b1b1b;--vads-color-inset-bg:#e7f6f8;--vads-color-link:#005ea2;--vads-color-link-active:#0b4778;--vads-color-link-visited:#54278f;--vads-color-primary:#005ea2;--vads-color-primary-alt:#00bde3;--vads-color-primary-alt-dark:#28a0cb;--vads-color-primary-alt-darkest:#07648d;--vads-color-primary-alt-light:#97d4ea;--vads-color-primary-alt-lightest:#e1f3f8;--vads-color-primary-dark:#1a4480;--vads-color-primary-darker:#162e51;--vads-color-primary-light:#73b3e7;--vads-color-primary-lighter:#d9e8f6;--vads-color-secondary:#d83933;--vads-color-secondary-dark:#b50909;--vads-color-secondary-darkest:#8b0a03;--vads-color-secondary-light:#f2938c;--vads-color-secondary-lightest:#f8dfe2;--vads-color-success:#00a91c;--vads-color-success-dark:#008817;--vads-color-success-darker:#216e1f;--vads-color-success-light:#70e17b;--vads-color-success-lighter:#ecf3ec;--vads-color-green-light:#5e9f69;--vads-color-va-accent:#8a7237;--vads-color-warning:#ffbe2e;--vads-color-warning-dark:#e5a000;--vads-color-warning-darker:#936f38;--vads-color-warning-light:#fee685;--vads-color-warning-lighter:#faf3d1;--vads-color-gold-lighter:#ffe396;--vads-color-gold-lightest:#fef0c8;--vads-color-black:#000000;--vads-color-green-lighter:#b4d0b9;--vads-color-blue-cool:#345d96;--vads-color-blue-cool-light:#4a77b4;--vads-color-blue-cool-lightest:#98afd2;--vads-color-action-surface-default-on-dark:#58b4ff;--vads-color-action-surface-destructive-on-dark:#fb5a47;--vads-color-action-border-base-active-on-light:#2e2e2e;--vads-color-action-border-base-active-on-dark:#adadad;--vads-color-feedback-surface-info-on-dark:#112f4e;--vads-color-feedback-surface-success-on-dark:#19311e;--vads-color-feedback-surface-warning-on-dark:#422d19;--vads-color-feedback-surface-error-on-dark:#5c1111;--vads-color-feedback-border-warning-on-dark:#face00;--vads-color-background-default-on-dark:#171716;--vads-color-forms-surface-active-on-light:#ecf1f7;--vads-color-forms-surface-active-on-dark:#252f3e;--font-family-sans:'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-family-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-source-sans:'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-weight-normal:400;--font-weight-bold:700;--font-style-normal:normal;--font-style-italic:italic;--font-size-sm:0.938rem;--font-size-base:1rem;--font-size-md:1.063rem;--font-size-lg:1.25rem;--font-size-xl:1.875rem;--font-size-2xl:2.5rem;--font-size-h1:2.5rem;--font-size-h2:1.875rem;--font-size-h3:1.25rem;--font-size-h4:1.063rem;--font-size-h5:0.938rem;--font-size-h6:0.938rem;--v3-font-base-size:16px;--vads-font-line-height-body-lead:1.75;--vads-font-line-height-default:1.5;--vads-font-line-height-heading:1.2;--vads-font-size-body-large:20px;--vads-font-size-body-lead:20px;--vads-font-size-body-medium:17px;--vads-font-size-body-small:15px;--vads-font-size-eyebrow:17px;--vads-font-size-heading-level-1:40px;--vads-font-size-heading-level-2:32px;--vads-font-size-heading-level-3:20px;--vads-font-size-heading-level-4:17px;--vads-font-size-heading-level-5:15px;--vads-font-size-heading-level-6:15px;--vads-size-line-length-1:44ex;--vads-size-line-length-2:60ex;--vads-size-line-length-3:64ex;--vads-size-line-length-4:68ex;--vads-size-line-length-5:72ex;--vads-size-line-length-6:88ex;--vads-size-line-length-none:inherit;--units-0:0;--units-1:0.5rem;--units-2:1rem;--units-3:1.5rem;--units-4:2rem;--units-5:2.5rem;--units-6:3rem;--units-7:3.5rem;--units-8:4rem;--units-9:4.5rem;--units-10:5rem;--units-15:7.5rem;--units-1px:1px;--units-0p25:2px;--units-0p5:0.25rem;--units-1p5:0.75rem;--units-2p5:1.25rem;--units-neg-1px:-1px;--units-neg-0p25:-2px;--units-neg-0p5:-0.25rem;--units-neg-1:-0.5rem;--units-neg-1p5:-0.75rem;--units-neg-2:-1rem;--units-neg-2p5:-1.25rem;--units-neg-3:-1.5rem;--units-neg-4:-2rem;--units-neg-5:-2.5rem;--units-neg-6:-3rem;--units-neg-7:-3.5rem;--units-neg-8:-4rem;--units-neg-9:-4.5rem;--units-neg-10:-5rem;--units-neg-15:-7.5rem;--uswds-system-color-blue-5:#eff6fb;--uswds-system-color-blue-10:#d9e8f6;--uswds-system-color-blue-20:#aacdec;--uswds-system-color-blue-30:#73b3e7;--uswds-system-color-blue-40:#4f97d1;--uswds-system-color-blue-50:#2378c3;--uswds-system-color-blue-60:#2c608a;--uswds-system-color-blue-70:#274863;--uswds-system-color-blue-80:#1f303e;--uswds-system-color-blue-90:#11181d;--uswds-system-color-blue-vivid-30:#58b4ff;--uswds-system-color-blue-vivid-50:#0076d6;--uswds-system-color-blue-vivid-60:#005ea2;--uswds-system-color-blue-vivid-70:#0b4778;--uswds-system-color-blue-vivid-80:#112f4e;--uswds-system-color-blue-cool-60:#2e6276;--uswds-system-color-blue-cool-vivid-5:#e1f3f8;--uswds-system-color-blue-cool-vivid-20:#97d4ea;--uswds-system-color-blue-cool-vivid-40:#28a0cb;--uswds-system-color-blue-cool-vivid-60:#07648d;--uswds-system-color-blue-warm-5:#ecf1f7;--uswds-system-color-blue-warm-10:#e1e7f1;--uswds-system-color-blue-warm-30:#98afd2;--uswds-system-color-blue-warm-50:#4a77b4;--uswds-system-color-blue-warm-60:#345d96;--uswds-system-color-blue-warm-80:#252f3e;--uswds-system-color-blue-warm-vivid-60:#0050d8;--uswds-system-color-blue-warm-vivid-70:#1a4480;--uswds-system-color-blue-warm-vivid-80:#162e51;--uswds-system-color-cyan-5:#e7f6f8;--uswds-system-color-cyan-20:#99deea;--uswds-system-color-cyan-vivid-30:#00bde3;--uswds-system-color-cyan-vivid-40:#009ec1;--uswds-system-color-gold-50:#8e704f;--uswds-system-color-gold-vivid-5:#fef0c8;--uswds-system-color-gold-vivid-10:#ffe396;--uswds-system-color-gold-vivid-20:#ffbe2e;--uswds-system-color-gold-vivid-30:#e5a000;--uswds-system-color-gold-vivid-50:#936f38;--uswds-system-color-gray-1:#fcfcfc;--uswds-system-color-gray-2:#f9f9f9;--uswds-system-color-gray-3:#f6f6f6;--uswds-system-color-gray-4:#f3f3f3;--uswds-system-color-gray-5:#f0f0f0;--uswds-system-color-gray-10:#e6e6e6;--uswds-system-color-gray-20:#c9c9c9;--uswds-system-color-gray-30:#adadad;--uswds-system-color-gray-40:#919191;--uswds-system-color-gray-50:#757575;--uswds-system-color-gray-60:#5c5c5c;--uswds-system-color-gray-70:#454545;--uswds-system-color-gray-80:#2e2e2e;--uswds-system-color-gray-90:#1b1b1b;--uswds-system-color-gray-100:#000000;--uswds-system-color-gray-cool-1:#fbfcfd;--uswds-system-color-gray-cool-2:#f7f9fa;--uswds-system-color-gray-cool-3:#f5f6f7;--uswds-system-color-gray-cool-4:#f1f3f6;--uswds-system-color-gray-cool-5:#edeff0;--uswds-system-color-gray-cool-10:#dfe1e2;--uswds-system-color-gray-cool-20:#c6cace;--uswds-system-color-gray-cool-30:#a9aeb1;--uswds-system-color-gray-cool-40:#8d9297;--uswds-system-color-gray-cool-50:#71767a;--uswds-system-color-gray-cool-60:#565c65;--uswds-system-color-gray-cool-70:#3d4551;--uswds-system-color-gray-cool-80:#2d2e2f;--uswds-system-color-gray-cool-90:#1c1d1f;--uswds-system-color-gray-warm-10:#e6e6e2;--uswds-system-color-gray-warm-70:#454540;--uswds-system-color-gray-warm-90:#171716;--uswds-system-color-green-warm-50:#6f7a41;--uswds-system-color-green-cool-5:#ecf3ec;--uswds-system-color-green-cool-20:#b4d0b9;--uswds-system-color-green-cool-40:#5e9f69;--uswds-system-color-green-cool-50:#4d8055;--uswds-system-color-green-cool-vivid-20:#70e17b;--uswds-system-color-green-cool-vivid-40:#00a91c;--uswds-system-color-green-cool-vivid-50:#008817;--uswds-system-color-green-cool-vivid-60:#216e1f;--uswds-system-color-green-cool-vivid-70:#154c21;--uswds-system-color-green-cool-vivid-80:#19311e;--uswds-system-color-orange-40:#dd7533;--uswds-system-color-orange-warm-50:#bd5727;--uswds-system-color-red-30:#f2938c;--uswds-system-color-red-50:#d83933;--uswds-system-color-red-60:#a23737;--uswds-system-color-red-70:#6f3331;--uswds-system-color-red-vivid-40:#fb5a47;--uswds-system-color-red-vivid-60:#b50909;--uswds-system-color-red-vivid-70:#8b0a03;--uswds-system-color-red-vivid-80:#5c1111;--uswds-system-color-red-cool-vivid-10:#f8dfe2;--uswds-system-color-red-cool-vivid-50:#e41d3d;--uswds-system-color-red-cool-vivid-60:#b21d38;--uswds-system-color-red-cool-vivid-70:#822133;--uswds-system-color-red-warm-10:#f4e3db;--uswds-system-color-red-warm-80:#332d29;--uswds-system-color-red-warm-vivid-30:#f39268;--uswds-system-color-red-warm-vivid-50:#d54309;--uswds-system-color-red-warm-vivid-60:#9c3d10;--uswds-system-color-violet-vivid-70:#54278f;--uswds-system-color-violet-warm-60:#864381;--uswds-system-color-yellow-5:#faf3d1;--uswds-system-color-yellow-50:#8a7237;--uswds-system-color-yellow-vivid-10:#fee685;--uswds-system-color-yellow-vivid-20:#face00;--uswds-system-color-yellow-vivid-80:#422d19;--uswds-system-color-indigo-cool-60:#3f57a6;--uswds-system-color-mint-cool-50:#40807e}va-breadcrumbs .va-breadcrumbs-li{display:inline-block;line-height:1.5;margin:4px 0;padding:4px 0 4px 0;vertical-align:middle}va-breadcrumbs .va-breadcrumbs-li::after{content:' \203A ';display:inline-block;padding:0 5.6px}va-breadcrumbs .va-breadcrumbs-li:last-child::after{content:''}@media screen and (max-width: 481px){va-breadcrumbs .va-breadcrumbs-li{display:none}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2){display:-ms-flexbox;display:flex}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::before{content:' \2039 ';display:inline-block;padding:0 2.4px}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::after{content:'';display:none;padding:0}}va-breadcrumbs li>a{background-color:transparent;color:var(--vads-color-link);display:inline-block;padding:2px;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}va-breadcrumbs li>a:hover{background:rgba(0, 0, 0, 0.05)}va-breadcrumbs li>a:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}va-breadcrumbs li>a[aria-current='page']{color:var(--vads-color-base-darker);cursor:default;font-weight:bold;pointer-events:none;text-decoration:none}va-modal p:first-child{margin-top:0}va-table>va-table-row[slot] button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;border-radius:0}va-table>va-table-row[slot] button:hover{background-color:rgba(0, 0, 0, 0.05) !important;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}va-table>va-table-row[slot] button svg{width:1.5rem}@media screen and (min-width: 768px){va-table-row span.text-align-right{text-align:right!important}}:is(va-alert)>:is(h1,h2,h3,h4,h5,h6){font-size:21.28px;margin-top:0;margin-bottom:8px;}va-alert p{max-width:100%;margin-bottom:1em;margin-top:1em}va-process-list li :is(h2,h3,h4,h5){margin-top:0;clear:none;padding-top:0.188rem}va-promo-banner[href]:focus{outline:none}
|
|
1
|
+
:root{--xsmall-screen:320px;--small-screen:481px;--tablet:640px;--medium-screen:768px;--small-desktop-screen:1024px;--large-screen:1201px;--mobile:320px;--mobile-lg:480px;--desktop:1024px;--desktop-lg:1201px;--color-link-default-hover:rgba(#000000, 0.05);--vads-button-color-background-primary-alt-active-on-light:#154c21;--vads-button-color-background-secondary-on-light:#ffffff;--vads-button-color-text-primary-alt-on-light:#ffffff;--vads-button-color-text-primary-on-light:#ffffff;--vads-input-background-color-on-light:#ffffff;--vads-color-white:#ffffff;--vads-label-hint-text-color-on-light:#757575;--vads-process-list-color-text-pending-on-light:#757575;--vads-color-gray-medium:#757575;--vads-color-gray-light-alt:#edeff0;--vads-color-gray-warm-light:#e6e6e2;--vads-color-gray-warm-dark:#454540;--vads-color-gray-cool-light:#e1e7f1;--vads-color-action-focus-on-light:#face00;--vads-color-base:#1b1b1b;--vads-color-base-dark:#565c65;--vads-color-base-darker:#3d4551;--vads-color-base-darkest:#1b1b1b;--vads-color-base-light:#a9aeb1;--vads-color-base-lighter:#dfe1e2;--vads-color-base-lightest:#f0f0f0;--vads-color-emergency:#9c3d10;--vads-color-emergency-dark:#332d29;--vads-color-error:#d54309;--vads-color-error-dark:#b21d38;--vads-color-error-darker:#6f3331;--vads-color-error-light:#f39268;--vads-color-error-lighter:#f4e3db;--vads-color-gibill-accent:#fef0c8;--vads-color-hub-burials:#2378c3;--vads-color-hub-careers:#bd5727;--vads-color-hub-disability:#a23737;--vads-color-hub-education:#162e51;--vads-color-hub-health-care:#3f57a6;--vads-color-hub-housing:#8e704f;--vads-color-hub-life-insurance:#6f7a41;--vads-color-hub-pension:#4d8055;--vads-color-hub-records:#6f7a41;--vads-color-hub-service-member:#162e51;--vads-color-hub-family-member:#162e51;--vads-color-info:#00bde3;--vads-color-info-dark:#009ec1;--vads-color-info-darker:#2e6276;--vads-color-info-light:#99deea;--vads-color-info-lighter:#e7f6f8;--vads-color-ink:#1b1b1b;--vads-color-inset-bg:#e7f6f8;--vads-color-link:#005ea2;--vads-color-link-active:#0b4778;--vads-color-link-visited:#54278f;--vads-color-primary:#005ea2;--vads-color-primary-alt:#00bde3;--vads-color-primary-alt-dark:#28a0cb;--vads-color-primary-alt-darkest:#07648d;--vads-color-primary-alt-light:#97d4ea;--vads-color-primary-alt-lightest:#e1f3f8;--vads-color-primary-dark:#1a4480;--vads-color-primary-darker:#162e51;--vads-color-primary-light:#73b3e7;--vads-color-primary-lighter:#d9e8f6;--vads-color-secondary:#d83933;--vads-color-secondary-dark:#b50909;--vads-color-secondary-darkest:#8b0a03;--vads-color-secondary-light:#f2938c;--vads-color-secondary-lightest:#f8dfe2;--vads-color-success:#00a91c;--vads-color-success-dark:#008817;--vads-color-success-darker:#216e1f;--vads-color-success-light:#70e17b;--vads-color-success-lighter:#ecf3ec;--vads-color-green-light:#5e9f69;--vads-color-va-accent:#8a7237;--vads-color-warning:#ffbe2e;--vads-color-warning-dark:#e5a000;--vads-color-warning-darker:#936f38;--vads-color-warning-light:#fee685;--vads-color-warning-lighter:#faf3d1;--vads-color-gold-lighter:#ffe396;--vads-color-gold-lightest:#fef0c8;--vads-color-black:#000000;--vads-color-green-lighter:#b4d0b9;--vads-color-blue-cool:#345d96;--vads-color-blue-cool-light:#4a77b4;--vads-color-blue-cool-lightest:#98afd2;--vads-color-action-surface-default-on-dark:#58b4ff;--vads-color-action-surface-destructive-on-dark:#fb5a47;--vads-color-action-border-base-active-on-light:#2e2e2e;--vads-color-action-border-base-active-on-dark:#adadad;--vads-color-feedback-surface-info-on-dark:#112f4e;--vads-color-feedback-surface-success-on-dark:#19311e;--vads-color-feedback-surface-warning-on-dark:#422d19;--vads-color-feedback-surface-error-on-dark:#5c1111;--vads-color-feedback-border-warning-on-dark:#face00;--vads-color-background-default-on-dark:#171716;--vads-color-forms-surface-active-on-light:#ecf1f7;--vads-color-forms-surface-active-on-dark:#252f3e;--font-family-sans:'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-family-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-serif:Bitter, Georgia, Cambria, 'Times New Roman', Times, serif;--font-source-sans:'Source Sans Pro', 'Helvetica Neue', Helvetica, Roboto, Arial, sans-serif;--font-weight-normal:400;--font-weight-bold:700;--font-style-normal:normal;--font-style-italic:italic;--font-size-sm:0.938rem;--font-size-root:1rem;--font-size-md:1.063rem;--font-size-lg:1.25rem;--font-size-xl:1.875rem;--font-size-2xl:2.5rem;--font-size-h1:2.5rem;--font-size-h2:1.875rem;--font-size-h3:1.25rem;--font-size-h4:1.063rem;--font-size-h5:0.938rem;--font-size-h6:0.938rem;--v3-font-base-size:16px;--vads-font-line-height-body-lead:1.75;--vads-font-line-height-default:1.5;--vads-font-line-height-heading:1.2;--vads-font-size-source-sans-normalized:1.06rem;--vads-font-size-root:1rem;--vads-font-size-body-large:20px;--vads-font-size-body-lead:20px;--vads-font-size-body-medium:17px;--vads-font-size-body-small:15px;--vads-font-size-eyebrow:17px;--vads-font-size-heading-level-1:40px;--vads-font-size-heading-level-2:32px;--vads-font-size-heading-level-3:20px;--vads-font-size-heading-level-4:17px;--vads-font-size-heading-level-5:15px;--vads-font-size-heading-level-6:15px;--vads-size-line-length-1:44ex;--vads-size-line-length-2:60ex;--vads-size-line-length-3:64ex;--vads-size-line-length-4:68ex;--vads-size-line-length-5:72ex;--vads-size-line-length-6:88ex;--vads-size-line-length-none:inherit;--units-0:0;--units-1:0.5rem;--units-2:1rem;--units-3:1.5rem;--units-4:2rem;--units-5:2.5rem;--units-6:3rem;--units-7:3.5rem;--units-8:4rem;--units-9:4.5rem;--units-10:5rem;--units-15:7.5rem;--units-1px:1px;--units-0p25:2px;--units-0p5:0.25rem;--units-1p5:0.75rem;--units-2p5:1.25rem;--units-neg-1px:-1px;--units-neg-0p25:-2px;--units-neg-0p5:-0.25rem;--units-neg-1:-0.5rem;--units-neg-1p5:-0.75rem;--units-neg-2:-1rem;--units-neg-2p5:-1.25rem;--units-neg-3:-1.5rem;--units-neg-4:-2rem;--units-neg-5:-2.5rem;--units-neg-6:-3rem;--units-neg-7:-3.5rem;--units-neg-8:-4rem;--units-neg-9:-4.5rem;--units-neg-10:-5rem;--units-neg-15:-7.5rem;--uswds-system-color-blue-5:#eff6fb;--uswds-system-color-blue-10:#d9e8f6;--uswds-system-color-blue-20:#aacdec;--uswds-system-color-blue-30:#73b3e7;--uswds-system-color-blue-40:#4f97d1;--uswds-system-color-blue-50:#2378c3;--uswds-system-color-blue-60:#2c608a;--uswds-system-color-blue-70:#274863;--uswds-system-color-blue-80:#1f303e;--uswds-system-color-blue-90:#11181d;--uswds-system-color-blue-vivid-30:#58b4ff;--uswds-system-color-blue-vivid-50:#0076d6;--uswds-system-color-blue-vivid-60:#005ea2;--uswds-system-color-blue-vivid-70:#0b4778;--uswds-system-color-blue-vivid-80:#112f4e;--uswds-system-color-blue-cool-60:#2e6276;--uswds-system-color-blue-cool-vivid-5:#e1f3f8;--uswds-system-color-blue-cool-vivid-20:#97d4ea;--uswds-system-color-blue-cool-vivid-40:#28a0cb;--uswds-system-color-blue-cool-vivid-60:#07648d;--uswds-system-color-blue-warm-5:#ecf1f7;--uswds-system-color-blue-warm-10:#e1e7f1;--uswds-system-color-blue-warm-30:#98afd2;--uswds-system-color-blue-warm-50:#4a77b4;--uswds-system-color-blue-warm-60:#345d96;--uswds-system-color-blue-warm-80:#252f3e;--uswds-system-color-blue-warm-vivid-60:#0050d8;--uswds-system-color-blue-warm-vivid-70:#1a4480;--uswds-system-color-blue-warm-vivid-80:#162e51;--uswds-system-color-cyan-5:#e7f6f8;--uswds-system-color-cyan-20:#99deea;--uswds-system-color-cyan-vivid-30:#00bde3;--uswds-system-color-cyan-vivid-40:#009ec1;--uswds-system-color-gold-50:#8e704f;--uswds-system-color-gold-vivid-5:#fef0c8;--uswds-system-color-gold-vivid-10:#ffe396;--uswds-system-color-gold-vivid-20:#ffbe2e;--uswds-system-color-gold-vivid-30:#e5a000;--uswds-system-color-gold-vivid-50:#936f38;--uswds-system-color-gray-1:#fcfcfc;--uswds-system-color-gray-2:#f9f9f9;--uswds-system-color-gray-3:#f6f6f6;--uswds-system-color-gray-4:#f3f3f3;--uswds-system-color-gray-5:#f0f0f0;--uswds-system-color-gray-10:#e6e6e6;--uswds-system-color-gray-20:#c9c9c9;--uswds-system-color-gray-30:#adadad;--uswds-system-color-gray-40:#919191;--uswds-system-color-gray-50:#757575;--uswds-system-color-gray-60:#5c5c5c;--uswds-system-color-gray-70:#454545;--uswds-system-color-gray-80:#2e2e2e;--uswds-system-color-gray-90:#1b1b1b;--uswds-system-color-gray-100:#000000;--uswds-system-color-gray-cool-1:#fbfcfd;--uswds-system-color-gray-cool-2:#f7f9fa;--uswds-system-color-gray-cool-3:#f5f6f7;--uswds-system-color-gray-cool-4:#f1f3f6;--uswds-system-color-gray-cool-5:#edeff0;--uswds-system-color-gray-cool-10:#dfe1e2;--uswds-system-color-gray-cool-20:#c6cace;--uswds-system-color-gray-cool-30:#a9aeb1;--uswds-system-color-gray-cool-40:#8d9297;--uswds-system-color-gray-cool-50:#71767a;--uswds-system-color-gray-cool-60:#565c65;--uswds-system-color-gray-cool-70:#3d4551;--uswds-system-color-gray-cool-80:#2d2e2f;--uswds-system-color-gray-cool-90:#1c1d1f;--uswds-system-color-gray-warm-10:#e6e6e2;--uswds-system-color-gray-warm-70:#454540;--uswds-system-color-gray-warm-90:#171716;--uswds-system-color-green-warm-50:#6f7a41;--uswds-system-color-green-cool-5:#ecf3ec;--uswds-system-color-green-cool-20:#b4d0b9;--uswds-system-color-green-cool-40:#5e9f69;--uswds-system-color-green-cool-50:#4d8055;--uswds-system-color-green-cool-vivid-20:#70e17b;--uswds-system-color-green-cool-vivid-40:#00a91c;--uswds-system-color-green-cool-vivid-50:#008817;--uswds-system-color-green-cool-vivid-60:#216e1f;--uswds-system-color-green-cool-vivid-70:#154c21;--uswds-system-color-green-cool-vivid-80:#19311e;--uswds-system-color-orange-40:#dd7533;--uswds-system-color-orange-warm-50:#bd5727;--uswds-system-color-red-30:#f2938c;--uswds-system-color-red-50:#d83933;--uswds-system-color-red-60:#a23737;--uswds-system-color-red-70:#6f3331;--uswds-system-color-red-vivid-40:#fb5a47;--uswds-system-color-red-vivid-60:#b50909;--uswds-system-color-red-vivid-70:#8b0a03;--uswds-system-color-red-vivid-80:#5c1111;--uswds-system-color-red-cool-vivid-10:#f8dfe2;--uswds-system-color-red-cool-vivid-50:#e41d3d;--uswds-system-color-red-cool-vivid-60:#b21d38;--uswds-system-color-red-cool-vivid-70:#822133;--uswds-system-color-red-warm-10:#f4e3db;--uswds-system-color-red-warm-80:#332d29;--uswds-system-color-red-warm-vivid-30:#f39268;--uswds-system-color-red-warm-vivid-50:#d54309;--uswds-system-color-red-warm-vivid-60:#9c3d10;--uswds-system-color-violet-vivid-70:#54278f;--uswds-system-color-violet-warm-60:#864381;--uswds-system-color-yellow-5:#faf3d1;--uswds-system-color-yellow-50:#8a7237;--uswds-system-color-yellow-vivid-10:#fee685;--uswds-system-color-yellow-vivid-20:#face00;--uswds-system-color-yellow-vivid-80:#422d19;--uswds-system-color-indigo-cool-60:#3f57a6;--uswds-system-color-mint-cool-50:#40807e}va-breadcrumbs .va-breadcrumbs-li{display:inline-block;line-height:1.5;margin:4px 0;padding:4px 0 4px 0;vertical-align:middle}va-breadcrumbs .va-breadcrumbs-li::after{content:' \203A ';display:inline-block;padding:0 5.6px}va-breadcrumbs .va-breadcrumbs-li:last-child::after{content:''}@media screen and (max-width: 481px){va-breadcrumbs .va-breadcrumbs-li{display:none}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2){display:-ms-flexbox;display:flex}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::before{content:' \2039 ';display:inline-block;padding:0 2.4px}va-breadcrumbs .va-breadcrumbs-li:nth-last-child(2)::after{content:'';display:none;padding:0}}va-breadcrumbs li>a{background-color:transparent;color:var(--vads-color-link);display:inline-block;padding:2px;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}va-breadcrumbs li>a:hover{background:rgba(0, 0, 0, 0.05)}va-breadcrumbs li>a:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}va-breadcrumbs li>a[aria-current='page']{color:var(--vads-color-base-darker);cursor:default;font-weight:bold;pointer-events:none;text-decoration:none}va-modal p:first-child{margin-top:0}va-table>va-table-row[slot] button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;border-radius:0}va-table>va-table-row[slot] button:hover{background-color:rgba(0, 0, 0, 0.05) !important;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}va-table>va-table-row[slot] button svg{width:1.5rem}@media screen and (min-width: 768px){va-table-row span.text-align-right{text-align:right!important}}:is(va-alert)>:is(h1,h2,h3,h4,h5,h6){font-size:21.28px;margin-top:0;margin-bottom:8px;}va-alert p{max-width:100%;margin-bottom:1em;margin-top:1em}va-process-list li :is(h2,h3,h4,h5){margin-top:0;clear:none;padding-top:0.188rem}va-promo-banner[href]:focus{outline:none}
|