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

package/dist/components/va-search-input.js

@@ -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;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0}:host input[type=search]::-webkit-search-decoration,:host input[type=search]::-webkit-search-cancel-button,:host input[type=search]::-webkit-search-results-button,:host input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.usa-input{margin-top:0}#va-search-listbox{position:absolute;top:37px;left:0;right:0;z-index:1;background-color:var(--vads-color-white);-webkit-box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);line-height:24px;list-style-type:none;margin:0;padding:0}.va-search-suggestion{cursor:pointer;padding:8px}.va-search-suggestion[aria-selected=true],.va-search-suggestion:focus,.va-search-suggestion:hover{background-color:var(--vads-color-primary);color:var(--vads-color-white)}:host([big=true]) #va-search-listbox{top:52px}.usa-input{max-width:1024px}@media screen and (min-width: 480px){:host .usa-search [type=submit]{width:auto}}.usa-search__clear-input{cursor:pointer;background-color:transparent;opacity:0.6;border:0px;bottom:1px;position:absolute;top:1px;z-index:100;right:calc(3rem + 3px);margin-right:32px}button.usa-search__clear-input:not([disabled]):focus{outline-offset:-4px}:host([big=true]) .usa-search__clear-input{right:calc(6rem + 6px)}:host([small=true]) .usa-search__clear-input{right:calc(0.5rem + 6px)}@media (max-width: 29.99em){.usa-search__clear-input{right:calc(0.5rem + 6px) !important}}.usa-search__clear-input_empty{display:none}.usa-search__input-wrapper{width:100%;max-width:1024px;position:relative}',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.showClearButton=!!this.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.handleClearButtonClick=()=>{this.inputRef.value="",this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.focus()},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.value=e.innerText,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,this.showClearButton=!1}componentWillLoad(){this.showClearButton=!!this.value}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,handleClearButtonClick:o,handleInput:u,handleInputFocus:n,handleInputKeyDown:i,handleListboxClick:r,handleListboxKeyDown:l,isListboxOpen:b,label:d,value:c,big:v,small:p,showClearButton:m}=this,g=e.length,f=g?"list":"none",w=g?"va-search-listbox":void 0,y=g?b?"true":"false":void 0,x=g?"listbox":void 0,k=g?"combobox":void 0,S=classnames({"usa-search":!0,"usa-search--big":v&&!p,"usa-search--small":p&&!v}),_=classnames({"usa-search__clear-input":!0,"usa-search__clear-input_empty":!m});return h(Host,{key:"f36b9a5c5448b8512621ac768dee30c4f17c6dca",onBlur:a},h("form",{key:"bfa585125d93b3687f2a399058060a11d7a5f3e1",class:S,role:"search"},h("label",{key:"216b17a81881b24a588654d942432e2a91b9d1b8",class:"usa-sr-only",htmlFor:"search-field"},d),h("div",{key:"37553733bc00224f176a5d0121109732f88d98b2",class:"usa-search__input-wrapper"},h("input",{key:"d74b838f6e5924540e94401b03bcb5684ba78dfa",class:"usa-input",id:"search-field",name:"search",type:"search",ref:t=>this.inputRef=t,"aria-autocomplete":f,"aria-controls":w,"aria-expanded":y,"aria-haspopup":x,"aria-label":d,autocomplete:"off",onFocus:n,onInput:u,onKeyDown:i,role:k,value:c}),h("button",{key:"528c0e1786b3610215a481a54824837700a00661",type:"button",onClick:o,class:_,"aria-label":"Clear the search contents"},h("va-icon",{key:"1551509526e2be4392f2805fdf46ec80cba6e8c1",class:"usa-search__clear-icon",icon:"close",size:3})),h("button",{key:"567605d34b554554f467684126f1285fa750bbb1",class:"usa-button",type:"submit",onClick:s},!p&&h("span",{key:"aba4b8a541ded461996cad08ed8c20497a67b377",class:"usa-search__submit-text"},t),h("va-icon",{key:"914dc615a67861aa04993c0dd56721c3a0ff9eba",class:"usa-search__submit-icon",icon:"search",size:3}))),b&&h("ul",{key:"f2bc0372fa4e99bdaae869fbb6f8cc2c4e8134ec",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:()=>r(e),onKeyDown:t=>l(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],showClearButton:[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};
+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}:host input[type=search]::-webkit-search-decoration,:host input[type=search]::-webkit-search-cancel-button,:host input[type=search]::-webkit-search-results-button,:host input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}.usa-input{margin-top:0}#va-search-listbox{position:absolute;top:37px;left:0;right:0;z-index:1;background-color:var(--vads-color-white);-webkit-box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);box-shadow:0px 2px 6px 1px rgba(20, 20, 20, 0.14);line-height:24px;list-style-type:none;margin:0;padding:0}.va-search-suggestion{cursor:pointer;padding:8px}.va-search-suggestion[aria-selected=true],.va-search-suggestion:focus,.va-search-suggestion:hover{background-color:var(--vads-color-primary);color:var(--vads-color-white)}:host([big=true]) #va-search-listbox{top:52px}.usa-input{max-width:1024px}@media screen and (min-width: 480px){:host .usa-search [type=submit]{width:auto}}.usa-search__clear-input{cursor:pointer;background-color:transparent;opacity:0.6;border:0px;bottom:1px;position:absolute;top:1px;z-index:100;right:calc(3rem + 3px);margin-right:32px}button.usa-search__clear-input:not([disabled]):focus{outline-offset:-4px}:host([big=true]) .usa-search__clear-input{right:calc(6rem + 6px)}:host([small=true]) .usa-search__clear-input{right:calc(0.5rem + 6px)}@media (max-width: 29.99em){.usa-search__clear-input{right:calc(0.5rem + 6px) !important}}.usa-search__clear-input_empty{display:none}.usa-search__input-wrapper{width:100%;max-width:1024px;position:relative}',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.showClearButton=!!this.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.handleClearButtonClick=()=>{this.inputRef.value="",this.inputRef.dispatchEvent(new InputEvent("input",{bubbles:!0,composed:!0})),this.inputRef.focus()},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.value=e.innerText,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,this.showClearButton=!1}componentWillLoad(){this.showClearButton=!!this.value}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,handleClearButtonClick:o,handleInput:u,handleInputFocus:n,handleInputKeyDown:i,handleListboxClick:r,handleListboxKeyDown:l,isListboxOpen:b,label:d,value:c,big:v,small:p,showClearButton:m}=this,f=e.length,g=f?"list":"none",w=f?"va-search-listbox":void 0,y=f?b?"true":"false":void 0,x=f?"listbox":void 0,k=f?"combobox":void 0,S=classnames({"usa-search":!0,"usa-search--big":v&&!p,"usa-search--small":p&&!v}),_=classnames({"usa-search__clear-input":!0,"usa-search__clear-input_empty":!m});return h(Host,{key:"de0981eb8be7bc4a23683d4d249e79adc1f46e47",onBlur:a},h("form",{key:"1bd6e48ea2b09c349b65d21b81b2115155549efd",class:S,role:"search"},h("label",{key:"74cb54ddb3ab106fdd3013e2e5c6f6df81600517",class:"usa-sr-only",htmlFor:"search-field"},d),h("div",{key:"05c81186b46cd7be8ce5a58b353867383a810d9e",class:"usa-search__input-wrapper"},h("input",{key:"f1ffb5a14815abae2cdc8b2dc978141bb3daf6e3",class:"usa-input",id:"search-field",name:"search",type:"search",ref:t=>this.inputRef=t,"aria-autocomplete":g,"aria-controls":w,"aria-expanded":y,"aria-haspopup":x,"aria-label":d,autocomplete:"off",onFocus:n,onInput:u,onKeyDown:i,role:k,value:c}),h("button",{key:"68f53b943eb3ae084fcabadc9ae35c1ceb46380a",type:"button",onClick:o,class:_,"aria-label":"Clear the search contents"},h("va-icon",{key:"fcded730ee8839589f8828afaf8790f3479b49e9",class:"usa-search__clear-icon",icon:"close",size:3})),h("button",{key:"fa1e4508e1207439f6c3e0814e9ed1ac1c166a99",class:"usa-button",type:"submit",onClick:s},!p&&h("span",{key:"683bca0cd467ff9a518ec6919a2e56c6df90b000",class:"usa-search__submit-text"},t),h("va-icon",{key:"d676c187a39f57514d15e13893ed60d74684d153",class:"usa-search__submit-icon",icon:"search",size:3}))),b&&h("ul",{key:"4461a30dc02e36a12728375fa0dc4568ffad46d2",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:()=>r(e),onKeyDown:t=>l(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],showClearButton:[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};

package/dist/components/va-select2.js

@@ -1 +1 @@
-import{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{g as getSlottedNodes,i as isMessageSet,a as getHeaderLevel}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}.va-select--full-width{max-width:100%;width:100%}',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.vaSelectBlur=createEvent(this,"vaSelectBlur",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.fullWidth=!1,this.showError=!0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.options=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}handleKeyDown(){this.vaKeyDown.emit()}handleBlur(e){const a=e.target;this.value=a.value,this.vaSelectBlur.emit({value:this.value})}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,"#select-container slot").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:i,name:r,hint:o,messageAriaDescribedby:l,width:n,fullWidth:d,showError:c,useFormsPattern:u,formHeadingLevel:p,formHeading:m}=this,b="input-error-message",f=`${l?"input-message":""} ${e?b:""} ${o?"input-hint":""}`.trim()||null,g=classnames({"usa-label":!0,"usa-label--error":e}),v=classnames({"usa-select":!0,"usa-input--error":e||a,[`usa-input--${n}`]:n,"va-select--full-width":d});let w=null;if(["single","multiple"].includes(u)){const e=getHeaderLevel(p);w=h(Fragment,{key:"5522881b56f46cb3d8ac12d3dbcb1e0e91ec1adc"},m&&h(e,{key:"79782cc4a4ac807b39d4b949c9f579a1a2415eba",id:"form-question",part:"form-header"},m),h("div",{key:"aa56a2f7b9ec272b2f516f5ec3ddd6cee6d34122",id:"form-description"},h("slot",{key:"b83cdcf82044d263b8a258451a703033b8cf0a68",name:"form-description"})))}return h(Host,{key:"a7d252c08c8d856f6f3873ba2e814f0dca81b3dc"},w,s&&h("label",{key:"786afcd9b93dca825a09abaf27d081dd877d78ae",htmlFor:"options",class:g,part:"label"},s,i&&h("span",{key:"0987c2c73227bcad2a3760642ef3b53de342540e",class:"usa-label--required"}," ",instance.t("required"))),o&&h("span",{key:"35faa273e4068bb34c5bfee4150a631021ab2f37",class:"usa-hint",id:"input-hint"},o),h("span",{key:"526dbe050abbc4707663e99e724fd29feb696284",id:b,role:"alert"},c&&e&&h(Fragment,{key:"b36709ca65551beb3a6a3abeef8541658f5d9c44"},h("span",{key:"9918c72641c0ee4f477b51ce42028f1c8a272b4d",class:"usa-sr-only"},instance.t("error")),h("span",{key:"83782cd0089e36fa84c30e731c3131d8541f10e8",class:"usa-error-message"},e))),h("div",{key:"37cebb32b8894622a923d1d7c65a085f13e06875",id:"select-container"},h("slot",{key:"68bb70a5691667359d6013a87c28e87b1fc0cf21",onSlotchange:()=>this.populateOptions()}),h("select",{key:"1678ce909841be95aa789dcdf0831aed07301c0a",class:v,"aria-describedby":f,"aria-invalid":t||e?"true":"false",id:"options",name:r,required:i||null,onKeyDown:()=>this.handleKeyDown(),onChange:e=>this.handleChange(e),onBlur:e=>this.handleBlur(e),part:"select"},h("option",{key:"0",value:"",selected:!0},instance.t("select")),this.options)),isMessageSet(l)&&h("span",{key:"52a62dca6451475e646598acf30e6cd62cc2d761",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],fullWidth:[4,"full-width"],showError:[4,"show-error"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],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};
+import{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{g as getSlottedNodes,i as isMessageSet,a as getHeaderLevel}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}.va-select--full-width{max-width:100%;width:100%}',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.vaSelectBlur=createEvent(this,"vaSelectBlur",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.fullWidth=!1,this.showError=!0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0,this.options=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}handleKeyDown(){this.vaKeyDown.emit()}handleBlur(e){const a=e.target;this.value=a.value,this.vaSelectBlur.emit({value:this.value})}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,"#select-container slot").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:i,name:r,hint:o,messageAriaDescribedby:l,width:n,fullWidth:d,showError:c,useFormsPattern:u,formHeadingLevel:p,formHeading:m}=this,b="input-error-message",f=`${l?"input-message":""} ${e?b:""} ${o?"input-hint":""}`.trim()||null,g=classnames({"usa-label":!0,"usa-label--error":e}),v=classnames({"usa-select":!0,"usa-input--error":e||a,[`usa-input--${n}`]:n,"va-select--full-width":d});let w=null;if(["single","multiple"].includes(u)){const e=getHeaderLevel(p);w=h(Fragment,{key:"d0dc1fcec1b25b1a435845748f501192c2ac115d"},m&&h(e,{key:"2524fa9fe3dc21e24465c9757402f38dd8666934",id:"form-question",part:"form-header"},m),h("div",{key:"fbf9cd8bc5da3d1a16fb882850d4fac748d05638",id:"form-description"},h("slot",{key:"6f1f5677845e522a6cc7e7e72987319ab2bf98d7",name:"form-description"})))}return h(Host,{key:"c8ee3691e11abb9fc26b0bd633097d5f0cf98e81"},w,s&&h("label",{key:"0f54f146284af113cfe3f900dd71edcd084649fe",htmlFor:"options",class:g,part:"label"},s,i&&h("span",{key:"a0d77807ddd7a04760845292914dbf07e6a590ce",class:"usa-label--required"}," ",instance.t("required"))),o&&h("span",{key:"19a71598338dff26868b4e21eac3e7e84de347b3",class:"usa-hint",id:"input-hint"},o),h("span",{key:"6a0f87956613580871ea803d6e41c21f5e7345f9",id:b,role:"alert"},c&&e&&h(Fragment,{key:"ac8344130d3a2bd5e043b7602f45ae5b0259fb6d"},h("span",{key:"1c4a1003cf67f475789db3f79d4a23dc31df8868",class:"usa-sr-only"},instance.t("error")),h("span",{key:"3a1249446bd6d29b8b6363d9b8f9215c08eafd1a",class:"usa-error-message"},e))),h("div",{key:"088128011123f39556df42b96acd73e644dc9f34",id:"select-container"},h("slot",{key:"f3d6caadd1f1f9b24afb0cf7a95979967ae4ce23",onSlotchange:()=>this.populateOptions()}),h("select",{key:"03164a2a20bd6bd4b54efe55e061d1cd111529d6",class:v,"aria-describedby":f,"aria-invalid":t||e?"true":"false",id:"options",name:r,required:i||null,onKeyDown:()=>this.handleKeyDown(),onChange:e=>this.handleChange(e),onBlur:e=>this.handleBlur(e),part:"select"},h("option",{key:"0",value:"",selected:!0},instance.t("select")),this.options)),isMessageSet(l)&&h("span",{key:"f92791fad095f644e2bdfcec756e51c676b0677e",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],fullWidth:[4,"full-width"],showError:[4,"show-error"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"],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};

package/dist/components/va-service-list-item.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{c as consoleDevError}from"./utils.js";import{d as defineCustomElement$4}from"./va-alert-critical2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";const vaServiceListItemCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-label,.usa-label-big{background-color:#565c65;border-radius:2px;color:#ffffff;font-size:0.9375rem;margin-right:0.3125rem;padding:0.0625rem 0.4375rem;text-transform:uppercase}.usa-label:only-of-type,.usa-label-big:only-of-type{margin-right:0}.usa-label-big{font-size:1rem;padding-left:0.5625rem;padding-right:0.5625rem}:host{display:block}.service-list-item{padding:1.25rem 2rem 2rem 1rem;border-top:1px solid var(--vads-color-base-light)}.service-list-item a{text-decoration:none;color:unset}.service-list-item .service-title-row:hover .service-name{text-decoration:underline;color:var(--vads-color-link-active)}.service-list-item .service-title-row:focus .chevron-icon,.service-list-item .service-title-row:hover .chevron-icon{color:var(--vads-color-link-active)}.service-list-item .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .name-and-chevron{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;height:40px;width:40px;color:var(--vads-color-white);margin-right:0.625rem}.service-list-item .header .icon.star{background-color:var(--vads-color-hub-burials)}.service-list-item .header .icon.work{background-color:var(--vads-color-hub-careers)}.service-list-item .header .icon.description{background-color:var(--vads-color-hub-disability)}.service-list-item .header .icon.school{background-color:var(--vads-color-hub-education)}.service-list-item .header .icon.groups{background-color:var(--vads-color-hub-family-member)}.service-list-item .header .icon.medical_services{background-color:var(--vads-color-hub-health-care)}.service-list-item .header .icon.home{background-color:var(--vads-color-hub-housing)}.service-list-item .header .icon.shield{background-color:var(--vads-color-hub-life-insurance)}.service-list-item .header .icon.handshake{background-color:var(--vads-color-hub-pension)}.service-list-item .header .icon.identification{background-color:var(--vads-color-hub-records)}.service-list-item .header .icon.flag{background-color:var(--vads-color-hub-service-member)}.service-list-item .header .icon.default{background-color:var(--vads-color-primary)}.service-list-item .header:not(:has(.icon)) .service-name{width:auto}@media (min-width: 768px){.service-list-item .header:not(:has(.icon)) .chevron-icon{margin-left:0.938rem}}.service-list-item .header .service-name{margin-top:0;width:11.875rem;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .service-name{width:auto}}.service-list-item .header .service-name:has(+.chevron-icon)+.chevron-icon{-ms-flex-item-align:start;align-self:flex-start}.service-list-item .header .chevron-icon{margin-left:auto;font-size:24px;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .chevron-icon{margin-left:0.938rem}}.service-list-item .status{margin-top:0.75rem}.service-list-item li{padding-bottom:0.25rem}.service-list-item ul{list-style-type:none;padding-left:0;font-size:1.06rem;padding:1.25rem 0 1.25rem 0;margin:0}.service-list-item ul:last-child{padding-bottom:0}.service-list-item .optional-link{margin-top:1.5rem}',VaServiceListItemStyle0=vaServiceListItemCss,VaServiceListItem$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.serviceName=void 0,this.serviceNameHeadingLevel=3,this.serviceLink=void 0,this.serviceStatus=void 0,this.serviceDetails=void 0,this.icon=void 0,this.action=void 0,this.optionalLink=void 0,this.parsedServiceDetails=void 0,this.parsedAction=void 0,this.parsedOptionalLink=void 0}handleServiceDetailsChange(e){this.parsedServiceDetails=this.parseJsonProp(e)}handleActionChange(e){this.parsedAction=this.parseJsonProp(e)}handleOptionalLinkChange(e){this.parsedOptionalLink=this.parseJsonProp(e)}componentWillLoad(){this.parsedServiceDetails=this.parseJsonProp(this.serviceDetails),this.parsedAction=this.parseJsonProp(this.action),this.parsedOptionalLink=this.parseJsonProp(this.optionalLink)}parseJsonProp(e){if(e&&"{}"!==e&&"null"!==e)try{return"string"==typeof e?JSON.parse(e):e}catch(i){return void consoleDevError(`Error parsing prop: ${e}`)}}render(){const{parsedServiceDetails:e,parsedAction:i,parsedOptionalLink:t,icon:s,serviceName:a,serviceNameHeadingLevel:r,serviceLink:o,serviceStatus:n}=this,c=e?Object.entries(e).map((([e,i])=>h("li",null,h("div",null,h("strong",null,e,":")," ",i)))):null,l=!!(null==i?void 0:i.href)&&!!(null==i?void 0:i.text),m=`h${r}`,d=new Set(["star","work","description","school","groups","medical_services","home","shield","handshake","identification","flag"]).has(s)?`icon ${s}`:"icon default";return h(Host,{key:"2bc52b7d384cb2c29bd8dc3f849a3ed5bec71441"},h("div",{key:"29791b05f6bf9ce967f3a7fe76b72b9c71aae79b",class:"service-list-item"},h("a",{key:"2f0c62cada2014b03e731364c7e6d2175554867d",href:o,class:"service-title-row","aria-label":`Go to ${a}`},h("div",{key:"c80fe9b0a13854d3f05177eeae858c0f0e2761be",class:"header",tabIndex:0},s&&h("va-icon",{key:"016982ff92e13ddaac23cc4ee193b1ec77ec4dd6",class:d,icon:s,size:3}),h("div",{key:"42f7adbd11c2404fb3bb1edc2ac91a54ae21b6e5",class:"name-and-chevron"},h(m,{key:"1c8db583812c07881cf603ce368318a1a6371a41",class:"service-name"},a),h("va-icon",{key:"41bfa78d9701eeeec1a47d71296fb32dcb867c90",class:"chevron-icon",icon:"chevron_right",size:4})))),l&&h("va-alert-critical",{key:"29e9338f98cf139e0fcaff77275cd0733e23b9ab",link:i.href,text:i.text}),h("div",{key:"17cd17ff3f1aad8cb85913ae15cf36fa89d731ce",class:"status"},h("span",{key:"a5b6a0404fb7d329b96e08d5af96c208e4b7faea",class:"usa-label"},n)),h("ul",{key:"af2cea5cdb201de4393fc69b57873f84cf8c52b0",class:"service-details-list"},c),(null==t?void 0:t.href)&&(null==t?void 0:t.text)&&h("va-link",{key:"ef2b61e53317d44612bb2d66922fc9e33c4bf575",class:"optional-link",href:t.href,text:t.text})))}get el(){return this}static get watchers(){return{serviceDetails:["handleServiceDetailsChange"],action:["handleActionChange"],optionalLink:["handleOptionalLinkChange"]}}static get style(){return VaServiceListItemStyle0}},[1,"va-service-list-item",{serviceName:[1,"service-name"],serviceNameHeadingLevel:[2,"service-name-heading-level"],serviceLink:[1,"service-link"],serviceStatus:[1,"service-status"],serviceDetails:[1,"service-details"],icon:[1],action:[1],optionalLink:[1,"optional-link"],parsedServiceDetails:[32],parsedAction:[32],parsedOptionalLink:[32]},void 0,{serviceDetails:["handleServiceDetailsChange"],action:["handleActionChange"],optionalLink:["handleOptionalLinkChange"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-service-list-item","va-alert-critical","va-icon","va-link"].forEach((e=>{switch(e){case"va-service-list-item":customElements.get(e)||customElements.define(e,VaServiceListItem$1);break;case"va-alert-critical":customElements.get(e)||defineCustomElement$4();break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}}))}const VaServiceListItem=VaServiceListItem$1,defineCustomElement=defineCustomElement$1;export{VaServiceListItem,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{c as consoleDevError}from"./utils.js";import{d as defineCustomElement$4}from"./va-critical-action2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";const vaServiceListItemCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-label,.usa-label-big{background-color:#565c65;border-radius:2px;color:#ffffff;font-size:0.9375rem;margin-right:0.3125rem;padding:0.0625rem 0.4375rem;text-transform:uppercase}.usa-label:only-of-type,.usa-label-big:only-of-type{margin-right:0}.usa-label-big{font-size:1rem;padding-left:0.5625rem;padding-right:0.5625rem}:host{display:block}.service-list-item{padding:1.25rem 2rem 2rem 1rem;border-top:1px solid var(--vads-color-base-light)}.service-list-item a{text-decoration:none;color:unset}.service-list-item .service-title-row:hover .service-name{text-decoration:underline;color:var(--vads-color-link-active)}.service-list-item .service-title-row:focus .chevron-icon,.service-list-item .service-title-row:hover .chevron-icon{color:var(--vads-color-link-active)}.service-list-item .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .name-and-chevron{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}.service-list-item .header .icon{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;height:40px;width:40px;color:var(--vads-color-white);margin-right:0.625rem}.service-list-item .header .icon.star{background-color:var(--vads-color-hub-burials)}.service-list-item .header .icon.work{background-color:var(--vads-color-hub-careers)}.service-list-item .header .icon.description{background-color:var(--vads-color-hub-disability)}.service-list-item .header .icon.school{background-color:var(--vads-color-hub-education)}.service-list-item .header .icon.groups{background-color:var(--vads-color-hub-family-member)}.service-list-item .header .icon.medical_services{background-color:var(--vads-color-hub-health-care)}.service-list-item .header .icon.home{background-color:var(--vads-color-hub-housing)}.service-list-item .header .icon.shield{background-color:var(--vads-color-hub-life-insurance)}.service-list-item .header .icon.handshake{background-color:var(--vads-color-hub-pension)}.service-list-item .header .icon.identification{background-color:var(--vads-color-hub-records)}.service-list-item .header .icon.flag{background-color:var(--vads-color-hub-service-member)}.service-list-item .header .icon.default{background-color:var(--vads-color-primary)}.service-list-item .header:not(:has(.icon)) .service-name{width:auto}@media (min-width: 768px){.service-list-item .header:not(:has(.icon)) .chevron-icon{margin-left:0.938rem}}.service-list-item .header .service-name{margin-top:0;width:11.875rem;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .service-name{width:auto}}.service-list-item .header .service-name:has(+.chevron-icon)+.chevron-icon{-ms-flex-item-align:start;align-self:flex-start}.service-list-item .header .chevron-icon{margin-left:auto;font-size:24px;color:var(--vads-color-link)}@media (min-width: 768px){.service-list-item .header .chevron-icon{margin-left:0.938rem}}.service-list-item .status{margin-top:0.75rem}.service-list-item li{padding-bottom:0.25rem}.service-list-item ul{list-style-type:none;padding-left:0;font-size:1.06rem;padding:1.25rem 0 1.25rem 0;margin:0}.service-list-item ul:last-child{padding-bottom:0}.service-list-item .optional-link{margin-top:1.5rem}',VaServiceListItemStyle0=vaServiceListItemCss,VaServiceListItem$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.serviceName=void 0,this.serviceNameHeadingLevel=3,this.serviceLink=void 0,this.serviceStatus=void 0,this.serviceDetails=void 0,this.icon=void 0,this.action=void 0,this.optionalLink=void 0,this.parsedServiceDetails=void 0,this.parsedAction=void 0,this.parsedOptionalLink=void 0}handleServiceDetailsChange(e){this.parsedServiceDetails=this.parseJsonProp(e)}handleActionChange(e){this.parsedAction=this.parseJsonProp(e)}handleOptionalLinkChange(e){this.parsedOptionalLink=this.parseJsonProp(e)}componentWillLoad(){this.parsedServiceDetails=this.parseJsonProp(this.serviceDetails),this.parsedAction=this.parseJsonProp(this.action),this.parsedOptionalLink=this.parseJsonProp(this.optionalLink)}parseJsonProp(e){if(e&&"{}"!==e&&"null"!==e)try{return"string"==typeof e?JSON.parse(e):e}catch(i){return void consoleDevError(`Error parsing prop: ${e}`)}}render(){const{parsedServiceDetails:e,parsedAction:i,parsedOptionalLink:t,icon:s,serviceName:a,serviceNameHeadingLevel:r,serviceLink:o,serviceStatus:n}=this,c=e?Object.entries(e).map((([e,i])=>h("li",null,h("div",null,h("strong",null,e,":")," ",i)))):null,l=!!(null==i?void 0:i.href)&&!!(null==i?void 0:i.text),m=`h${r}`,d=new Set(["star","work","description","school","groups","medical_services","home","shield","handshake","identification","flag"]).has(s)?`icon ${s}`:"icon default";return h(Host,{key:"2b0862b014834ec8a41205f17e0499d31506d060"},h("div",{key:"7c92beb36f1cb235486764893d5d70df608e9eaf",class:"service-list-item"},h("a",{key:"4f8af62c0bd2903468f83e9d517a71d4a7ab8588",href:o,class:"service-title-row"},h("div",{key:"fda8bc4d2057c612f58bb49a561853aafa010030",class:"header",tabIndex:0},s&&h("va-icon",{key:"f838a967864825976625efbb734ca973d04f49f8",class:d,icon:s,size:3}),h("div",{key:"41dfc2c6a28946c34c3435db22a7f20964eebb69",class:"name-and-chevron"},h(m,{key:"d77c5848e3988a8eb1b78be2e031570406128f1e",class:"service-name"},a),h("va-icon",{key:"e6b90f5110505387c405c65771a3badca9c76611",class:"chevron-icon",icon:"chevron_right",size:4})))),l&&h("va-critical-action",{key:"5727f591c273fb9220f13dfb602f74ee998dd646",link:i.href,text:i.text}),h("div",{key:"5b7d51a0531cf9bb3ca0782d0d9d324705ccd4d4",class:"status"},h("span",{key:"11bdbae9d2acec2f9ebe17743193955e8b40a335",class:"usa-label"},n)),h("ul",{key:"87079a3e4a222f88a811c7ca3cbe94e22de8902c",class:"service-details-list"},c),(null==t?void 0:t.href)&&(null==t?void 0:t.text)&&h("va-link",Object.assign({key:"5cf658b515018b7ca3668c3efd1f11aa297c6f49",class:"optional-link"},t))))}get el(){return this}static get watchers(){return{serviceDetails:["handleServiceDetailsChange"],action:["handleActionChange"],optionalLink:["handleOptionalLinkChange"]}}static get style(){return VaServiceListItemStyle0}},[1,"va-service-list-item",{serviceName:[1,"service-name"],serviceNameHeadingLevel:[2,"service-name-heading-level"],serviceLink:[1,"service-link"],serviceStatus:[1,"service-status"],serviceDetails:[1,"service-details"],icon:[1],action:[1],optionalLink:[1,"optional-link"],parsedServiceDetails:[32],parsedAction:[32],parsedOptionalLink:[32]},void 0,{serviceDetails:["handleServiceDetailsChange"],action:["handleActionChange"],optionalLink:["handleOptionalLinkChange"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-service-list-item","va-critical-action","va-icon","va-link"].forEach((e=>{switch(e){case"va-service-list-item":customElements.get(e)||customElements.define(e,VaServiceListItem$1);break;case"va-critical-action":customElements.get(e)||defineCustomElement$4();break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}}))}const VaServiceListItem=VaServiceListItem$1,defineCustomElement=defineCustomElement$1;export{VaServiceListItem,defineCustomElement};

package/dist/components/va-statement-of-truth.js

@@ -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}@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:"f0632ed35030418eb9d513c36403e239a4117a5d"},h("p",{key:"201317c62253236ad851a58267ea0de16fcbfe9e",class:"font-sans-6"},h("strong",{key:"6963ca912cb5672e53a487bfc83eac85d592113a"},"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:"d5c2eedbb2fd22de4e8c335f21bac9163da448f4"},h("h3",{key:"8f0f99e7342b21073925a8e15b3c00425e788bd0"},e),h("slot",{key:"99a10497cefe49f0fc1cf18986bd0c21109080dd"}),h("p",{key:"ce5ef743a23b33c5ad925fa1fbee6652358f42b2",class:"font-sans-6 short-line"},"I have read and accept the ",h("va-link",{key:"c75e02926c6714dba2976c8879fc47f97fd026cb",external:!0,text:"privacy policy",href:"/privacy-policy/"}),"."),h("va-text-input",{key:"5fe94b92918353903bfb2d411606e5f9b976025f",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:"0f035825b4465ba36cd3901d1168c313d5733b75",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};
+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:"c471ed6ca330c28a4609c364d2e4f80f96675361"},h("p",{key:"15a7c0d89aa21abd51ee0804cb741e48c69fac95",class:"font-sans-6"},h("strong",{key:"61fe627347389ea53cdca3501bc0ba40d6e29dd1"},"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:"60a5f8878214206afdef3fd17ed06fd834a9c819"},h("h3",{key:"330f00d92c4b2df10aa7ed328654270d92432583"},e),h("slot",{key:"c8148fce40ead0f906c90459ebb775d5fd337dc7"}),h("p",{key:"e9d1b6702be274c0bd0a93012f8b569616d814b0",class:"font-sans-6 short-line"},"I have read and accept the ",h("va-link",{key:"74a4d7bb46cfaec4878de8aa9fd70b0bf3ccdbd2",external:!0,text:"privacy policy",href:"/privacy-policy/"}),"."),h("va-text-input",{key:"ec8b4719f4a5c4386bb66138f1a89160a80a8476",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:"385321686c167e062805db6ea78853cfcb80034b",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};

package/dist/components/va-summary-box.js

@@ -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:"47d0da4f8343617a1bdf5d75005efb174f00674e"},h("div",{key:"347f1bb43940473d3e496027afb7aa663b50d538",class:"usa-summary-box",role:"region","aria-label":this.headlineText},h("div",{key:"7caba794a8d078cfa073fb8f19eabf6d3022da7e",class:"usa-summary-box__body"},h("slot",{key:"c5febcefed7a1fe4105c6301bd1df8603c2cdf46",name:"headline"}),h("slot",{key:"f95e6c9eb9707c6d274fb604f968a0a7ace5eda7"}))))}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};
+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:"723d2d9e2e1c2063134c5c3854c49a30911a00b8"},h("div",{key:"d4a2408a750c5f8466947d4560202e0aea841d35",class:"usa-summary-box",role:"region","aria-label":this.headlineText},h("div",{key:"5de54f48445e5f5b86213ef385d1fc93b81589c1",class:"usa-summary-box__body"},h("slot",{key:"1346289e44baa8e8325daefeef6b25aaab17d622",name:"headline"}),h("slot",{key:"f11f155b8b98043793187ad9008ffde627e25965"}))))}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};