@department-of-veterans-affairs/component-library 50.0.0 → 50.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/1214.app.bundle.js +1 -1
- package/dist/1365.app.bundle.js +1 -1
- package/dist/1450.app.bundle.js +1 -1
- package/dist/2222.app.bundle.js +1 -1
- package/dist/2387.app.bundle.js +1 -1
- package/dist/2801.app.bundle.js +1 -1
- package/dist/3071.app.bundle.js +1 -1
- package/dist/3156.app.bundle.js +1 -1
- package/dist/4064.app.bundle.js +1 -1
- package/dist/4117.app.bundle.js +1 -1
- package/dist/4140.app.bundle.js +1 -1
- package/dist/415.app.bundle.js +1 -1
- package/dist/4715.app.bundle.js +1 -1
- package/dist/5155.app.bundle.js +1 -1
- package/dist/5189.app.bundle.js +1 -1
- package/dist/520.app.bundle.js +1 -0
- package/dist/5306.app.bundle.js +1 -1
- package/dist/5610.app.bundle.js +1 -1
- package/dist/575.app.bundle.js +1 -1
- package/dist/5830.app.bundle.js +1 -1
- package/dist/6034.app.bundle.js +1 -1
- package/dist/6246.app.bundle.js +1 -1
- package/dist/6247.app.bundle.js +1 -1
- package/dist/6349.app.bundle.js +2 -0
- package/dist/641.app.bundle.js +1 -1
- package/dist/6527.app.bundle.js +1 -1
- package/dist/6633.app.bundle.js +1 -1
- package/dist/6655.app.bundle.js +1 -1
- package/dist/6683.app.bundle.js +1 -1
- package/dist/712.app.bundle.js +1 -1
- package/dist/7367.app.bundle.js +1 -1
- package/dist/7531.app.bundle.js +1 -1
- package/dist/7663.app.bundle.js +1 -1
- package/dist/7821.app.bundle.js +1 -1
- package/dist/8495.app.bundle.js +2 -0
- package/dist/8495.app.bundle.js.LICENSE.txt +5 -0
- package/dist/8762.app.bundle.js +1 -1
- package/dist/8859.app.bundle.js +1 -1
- package/dist/9288.app.bundle.js +1 -1
- package/dist/9409.app.bundle.js +1 -0
- package/dist/9670.app.bundle.js +1 -1
- package/dist/9724.app.bundle.js +1 -1
- package/dist/9800.app.bundle.js +1 -1
- package/dist/app.bundle.js +1 -1
- package/dist/components/date-utils.js +1 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.js +1 -1
- package/dist/components/types/components.d.ts +88 -65
- package/dist/components/va-alert-sign-in.js +1 -1
- package/dist/components/va-alert2.js +1 -1
- package/dist/components/va-banner.js +1 -1
- package/dist/components/va-breadcrumbs.js +1 -1
- package/dist/components/va-button2.js +1 -1
- package/dist/components/va-combo-box.js +2 -2
- package/dist/components/{va-alert-critical.d.ts → va-critical-action.d.ts} +4 -4
- package/dist/components/va-critical-action.js +1 -0
- package/dist/components/va-critical-action2.js +1 -0
- package/dist/components/va-date.js +1 -1
- package/dist/components/va-file-input-multiple.js +1 -1
- package/dist/components/va-file-input2.js +1 -1
- package/dist/components/va-header-minimal.js +1 -1
- package/dist/components/va-icon2.js +1 -1
- package/dist/components/va-language-toggle.js +1 -1
- package/dist/components/va-link-action.js +1 -1
- package/dist/components/va-link2.js +1 -1
- package/dist/components/va-loading-indicator.js +1 -1
- package/dist/components/va-maintenance-banner.js +1 -1
- package/dist/components/va-memorable-date.js +1 -1
- package/dist/components/va-minimal-footer.js +1 -1
- package/dist/components/va-modal2.js +1 -1
- package/dist/components/va-need-help.js +1 -1
- package/dist/components/va-official-gov-banner2.js +1 -1
- package/dist/components/va-omb-info.js +1 -1
- package/dist/components/va-privacy-agreement.js +1 -1
- package/dist/components/va-process-list-item.js +1 -1
- package/dist/components/va-process-list.js +1 -1
- package/dist/components/va-progress-bar2.js +1 -1
- package/dist/components/va-promo-banner.js +1 -1
- package/dist/components/va-radio-option.js +1 -1
- package/dist/components/va-radio.js +1 -1
- package/dist/components/va-search-input.js +1 -1
- package/dist/components/va-select2.js +1 -1
- package/dist/components/va-service-list-item.js +1 -1
- package/dist/components/va-statement-of-truth.js +1 -1
- package/dist/components/va-summary-box.js +1 -1
- package/dist/components/va-table-inner2.js +1 -1
- package/dist/components/va-table-row.js +1 -1
- package/dist/components/va-table.js +1 -1
- package/dist/components/va-telephone2.js +1 -1
- package/dist/components/va-textarea.js +1 -1
- package/dist/main.css +1 -1
- package/dist/react-bindings/index.d.ts +1 -1
- package/dist/react-bindings/index.js +1 -1
- package/dist/react-bindings/index.js.map +1 -1
- package/dist/react-bindings/index.ts +1 -1
- package/package.json +2 -2
- package/dist/286.app.bundle.js +0 -2
- package/dist/3347.app.bundle.js +0 -1
- package/dist/6823.app.bundle.js +0 -1
- package/dist/components/va-alert-critical.js +0 -1
- package/dist/components/va-alert-critical2.js +0 -1
- /package/dist/{286.app.bundle.js.LICENSE.txt → 6349.app.bundle.js.LICENSE.txt} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$1}from"./va-icon2.js";const vaAlertCss='p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-alert>.usa-list,.usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-alert>.usa-list:last-child,.usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-alert .usa-alert__body{padding-left:1.25rem;padding-right:1.25rem}.usa-alert .usa-alert__body::before{left:1.0833333333rem}*+.usa-alert{margin-top:1rem}.usa-alert--success{background-color:#ecf3ec;border-left-color:#00a91c}.usa-alert--success .usa-alert__body{color:#1b1b1b;background-color:#ecf3ec;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--success .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--success .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--success .usa-alert__body>*{margin-left:2.5rem}.usa-alert--success .usa-alert__body .usa-link{color:#005ea2}.usa-alert--success .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--success .usa-alert__body .usa-link:hover,.usa-alert--success .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--warning{background-color:#faf3d1;border-left-color:#ffbe2e}.usa-alert--warning .usa-alert__body{color:#1b1b1b;background-color:#faf3d1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--warning .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--warning .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--warning .usa-alert__body>*{margin-left:2.5rem}.usa-alert--warning .usa-alert__body .usa-link{color:#005ea2}.usa-alert--warning .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--warning .usa-alert__body .usa-link:hover,.usa-alert--warning .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--error{background-color:#f4e3db;border-left-color:#d54309}.usa-alert--error .usa-alert__body{color:#1b1b1b;background-color:#f4e3db;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--error .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--error .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--error .usa-alert__body>*{margin-left:2.5rem}.usa-alert--error .usa-alert__body .usa-link{color:#005ea2}.usa-alert--error .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--error .usa-alert__body .usa-link:hover,.usa-alert--error .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--info{background-color:#e7f6f8;border-left-color:#00bde3}.usa-alert--info .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--info .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--info .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--info .usa-alert__body>*{margin-left:2.5rem}.usa-alert--info .usa-alert__body .usa-link{color:#005ea2}.usa-alert--info .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--info .usa-alert__body .usa-link:hover,.usa-alert--info .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--emergency{background-color:#9c3d10;border-left-color:#9c3d10}.usa-alert--emergency .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--emergency .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--emergency .usa-alert__body::before{background:none;background-color:white;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--emergency .usa-alert__body>*{margin-left:2.5rem}.usa-alert--emergency .usa-alert__body .usa-link{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:hover,.usa-alert--emergency .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-alert--slim .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-alert--slim .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--slim .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-alert--slim .usa-alert__body>*{margin-left:2rem}.usa-alert--slim .usa-alert__body::before{left:1.125rem}.usa-alert--no-icon .usa-alert__body{min-height:0}.usa-alert--no-icon .usa-alert__body:before{display:none}.usa-alert--no-icon .usa-alert__body>*{margin-left:0}.usa-alert--validation .usa-checklist{margin-top:1rem}.usa-site-alert .usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-site-alert .usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-site-alert .usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-site-alert .usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-site-alert .usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-site-alert .usa-alert>.usa-list,.usa-site-alert .usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-site-alert .usa-alert>.usa-list:last-child,.usa-site-alert .usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-site-alert .usa-alert .usa-alert__body{max-width:64rem;padding-left:1.25rem;padding-right:1.25rem}.usa-site-alert .usa-alert .usa-alert__body::before{left:1.0833333333rem}@media all and (min-width: 64em){.usa-site-alert .usa-alert .usa-alert__body{margin-left:auto;margin-right:auto;padding-left:1.75rem;padding-right:1.75rem}.usa-site-alert .usa-alert .usa-alert__body::before{left:1.5833333333rem}}.usa-site-alert--info .usa-alert{background-color:#e7f6f8;border-left-color:#00bde3}.usa-site-alert--info .usa-alert .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-site-alert--info .usa-alert .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--info .usa-alert .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-site-alert--info .usa-alert .usa-alert__body>*{margin-left:2.5rem}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link{color:#005ea2}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:visited{color:#54278f}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:hover,.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:active{color:#1a4480}.usa-site-alert--emergency .usa-alert{background-color:#9c3d10;border-left-color:#9c3d10}.usa-site-alert--emergency .usa-alert .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-site-alert--emergency .usa-alert .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--emergency .usa-alert .usa-alert__body::before{background:none;background-color:white;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-site-alert--emergency .usa-alert .usa-alert__body>*{margin-left:2.5rem}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link{color:#dfe1e2}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:hover,.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-site-alert--slim .usa-alert .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-site-alert--slim .usa-alert .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--slim .usa-alert .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-site-alert--slim .usa-alert .usa-alert__body>*{margin-left:2rem}.usa-site-alert--slim .usa-alert .usa-alert__body::before{left:1.125rem}@media all and (min-width: 64em){.usa-site-alert--slim .usa-alert .usa-alert__body::before{left:1.625rem}}.usa-site-alert--no-icon .usa-alert .usa-alert__body{min-height:0}.usa-site-alert--no-icon .usa-alert .usa-alert__body:before{display:none}.usa-site-alert--no-icon .usa-alert .usa-alert__body>*{margin-left:0}:host{display:block;position:relative}:host ::slotted([slot=headline]){font-size:21.28px;margin-top:0;margin-bottom:8px;font-family:var(--font-serif)}.va-alert-close{margin:1rem;padding:0;width:auto;color:var(--vads-color-base-darker);font-size:1.40625rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:transparent;display:block;position:absolute;right:0;top:0}.va-alert-close:hover{color:var(--vads-color-base)}.usa-alert--slim .va-alert-close{margin:0.2em}:host([closeable]:not([closeable=false])) .usa-alert .usa-alert__body{padding-right:3.563rem}.usa-alert--continue.usa-alert--success .usa-alert__body::before{-webkit-mask:none;mask:none;background:transparent}.va-alert__lock-icon{position:absolute;top:12px;left:24px}.usa-alert--continue.usa-alert--success.usa-alert--slim .va-alert__lock-icon{position:absolute;top:6px;left:28px}@media screen and (max-width: 64em){.va-alert__lock-icon{left:12px}.usa-alert--continue.usa-alert--success.usa-alert--slim .va-alert__lock-icon{left:12px}}.usa-site-alert .usa-alert.usa-alert--warning{background-color:var(--vads-color-warning-lighter);border-left-color:var(--vads-color-warning)}.usa-site-alert .usa-alert.usa-alert--success{background-color:var(--vads-color-success-lighter);border-left-color:var(--vads-color-success)}.usa-site-alert .usa-alert.usa-alert--error{background-color:var(--vads-color-error-lighter);border-left-color:var(--vads-color-error)}',VaAlertStyle0=vaAlertCss,VaAlert=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaComponentDidLoad=createEvent(this,"va-component-did-load",7),this.closeEvent=createEvent(this,"closeEvent",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.status="info",this.disableAnalytics=!1,this.visible=!0,this.closeBtnAriaLabel=void 0,this.closeable=!1,this.fullWidth=!1,this.slim=!1}closeHandler(e){this.closeEvent.emit(e)}updateCloseAriaLabelWithHeadlineText(){const e=this.el.shadowRoot.querySelector('slot[name="headline"]');this.closeBtnAriaLabel=`Close ${e.assignedNodes()[0].textContent} notification`}handleAlertBodyClick(e){let a=null;try{const e=this.el.shadowRoot.querySelector("slot").assignedNodes();a=e.length>0?e[0].textContent:null}catch(e){const t=this.el.shadowRoot.childNodes.filter((e=>["h1","h2","h3","h4","h5","h6"].includes(e.tagName.toLowerCase())));a=t.length>0?t[0].textContent:null}if(!this.disableAnalytics){const t=e.target;if("A"===(null==t?void 0:t.tagName)){const e={componentName:"va-alert",action:"linkClick",details:{clickLabel:t.innerText,headline:a,status:this.status,closeable:this.closeable}};this.componentLibraryAnalytics.emit(e)}}}componentDidLoad(){this.vaComponentDidLoad.emit()}componentDidRender(){this.closeBtnAriaLabel||this.updateCloseAriaLabelWithHeadlineText()}render(){const{visible:e,closeable:a,slim:t,fullWidth:r}=this;let s=this.status;if(-1===["info","warning","error","success","continue"].indexOf(s)&&(s="info"),!e)return h("div",{"aria-live":"polite"});const l=classnames("usa-alert",`usa-alert--${s}`,{"usa-alert--success":"continue"===s,"usa-alert--slim":t&&!r}),o=classnames("usa-site-alert",{"usa-site-alert--slim":t,"usa-site-alert--info":"info"===s}),i=h(Fragment,null,h("div",{class:"usa-alert__body",onClick:this.handleAlertBodyClick.bind(this)},h("div",null,"continue"===s&&h("va-icon",{class:"va-alert__lock-icon",icon:"lock",size:t?3:4}),!t&&h("slot",{name:"headline"}),h("slot",null))),a&&h("button",{class:"va-alert-close","aria-label":this.closeBtnAriaLabel,onClick:this.closeHandler.bind(this)},h("va-icon",{icon:"cancel",size:4})));return h(Host,null,r?h("section",{class:o,"aria-label":this.el.getAttribute("data-label"),role:this.el.getAttribute("data-role")},h("div",{class:l},i)):h("div",{role:this.el.getAttribute("data-role"),class:l,"aria-label":this.el.getAttribute("data-label")},i))}get el(){return this}static get style(){return VaAlertStyle0}},[1,"va-alert",{status:[513],disableAnalytics:[4,"disable-analytics"],visible:[4],closeBtnAriaLabel:[1025,"close-btn-aria-label"],closeable:[516],fullWidth:[4,"full-width"],slim:[4]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-alert","va-icon"].forEach((e=>{switch(e){case"va-alert":customElements.get(e)||customElements.define(e,VaAlert);break;case"va-icon":customElements.get(e)||defineCustomElement$1()}}))}export{VaAlert as V,defineCustomElement as d};
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$1}from"./va-icon2.js";const vaAlertCss='p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-alert>.usa-list,.usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-alert>.usa-list:last-child,.usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-alert .usa-alert__body{padding-left:1.25rem;padding-right:1.25rem}.usa-alert .usa-alert__body::before{left:1.0833333333rem}*+.usa-alert{margin-top:1rem}.usa-alert--success{background-color:#ecf3ec;border-left-color:#00a91c}.usa-alert--success .usa-alert__body{color:#1b1b1b;background-color:#ecf3ec;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--success .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--success .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--success .usa-alert__body>*{margin-left:2.5rem}.usa-alert--success .usa-alert__body .usa-link{color:#005ea2}.usa-alert--success .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--success .usa-alert__body .usa-link:hover,.usa-alert--success .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--warning{background-color:#faf3d1;border-left-color:#ffbe2e}.usa-alert--warning .usa-alert__body{color:#1b1b1b;background-color:#faf3d1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--warning .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--warning .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--warning .usa-alert__body>*{margin-left:2.5rem}.usa-alert--warning .usa-alert__body .usa-link{color:#005ea2}.usa-alert--warning .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--warning .usa-alert__body .usa-link:hover,.usa-alert--warning .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--error{background-color:#f4e3db;border-left-color:#d54309}.usa-alert--error .usa-alert__body{color:#1b1b1b;background-color:#f4e3db;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--error .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--error .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--error .usa-alert__body>*{margin-left:2.5rem}.usa-alert--error .usa-alert__body .usa-link{color:#005ea2}.usa-alert--error .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--error .usa-alert__body .usa-link:hover,.usa-alert--error .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--info{background-color:#e7f6f8;border-left-color:#00bde3}.usa-alert--info .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--info .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--info .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--info .usa-alert__body>*{margin-left:2.5rem}.usa-alert--info .usa-alert__body .usa-link{color:#005ea2}.usa-alert--info .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--info .usa-alert__body .usa-link:hover,.usa-alert--info .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--emergency{background-color:#9c3d10;border-left-color:#9c3d10}.usa-alert--emergency .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--emergency .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--emergency .usa-alert__body::before{background:none;background-color:white;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--emergency .usa-alert__body>*{margin-left:2.5rem}.usa-alert--emergency .usa-alert__body .usa-link{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:hover,.usa-alert--emergency .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-alert--slim .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-alert--slim .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--slim .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-alert--slim .usa-alert__body>*{margin-left:2rem}.usa-alert--slim .usa-alert__body::before{left:1.125rem}.usa-alert--no-icon .usa-alert__body{min-height:0}.usa-alert--no-icon .usa-alert__body:before{display:none}.usa-alert--no-icon .usa-alert__body>*{margin-left:0}.usa-alert--validation .usa-checklist{margin-top:1rem}.usa-site-alert .usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-site-alert .usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-site-alert .usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-site-alert .usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-site-alert .usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-site-alert .usa-alert>.usa-list,.usa-site-alert .usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-site-alert .usa-alert>.usa-list:last-child,.usa-site-alert .usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-site-alert .usa-alert .usa-alert__body{max-width:64rem;padding-left:1.25rem;padding-right:1.25rem}.usa-site-alert .usa-alert .usa-alert__body::before{left:1.0833333333rem}@media all and (min-width: 64em){.usa-site-alert .usa-alert .usa-alert__body{margin-left:auto;margin-right:auto;padding-left:1.75rem;padding-right:1.75rem}.usa-site-alert .usa-alert .usa-alert__body::before{left:1.5833333333rem}}.usa-site-alert--info .usa-alert{background-color:#e7f6f8;border-left-color:#00bde3}.usa-site-alert--info .usa-alert .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-site-alert--info .usa-alert .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--info .usa-alert .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-site-alert--info .usa-alert .usa-alert__body>*{margin-left:2.5rem}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link{color:#005ea2}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:visited{color:#54278f}.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:hover,.usa-site-alert--info .usa-alert .usa-alert__body .usa-link:active{color:#1a4480}.usa-site-alert--emergency .usa-alert{background-color:#9c3d10;border-left-color:#9c3d10}.usa-site-alert--emergency .usa-alert .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-site-alert--emergency .usa-alert .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--emergency .usa-alert .usa-alert__body::before{background:none;background-color:white;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-site-alert--emergency .usa-alert .usa-alert__body>*{margin-left:2.5rem}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link{color:#dfe1e2}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:hover,.usa-site-alert--emergency .usa-alert .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-site-alert--slim .usa-alert .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-site-alert--slim .usa-alert .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-site-alert--slim .usa-alert .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-site-alert--slim .usa-alert .usa-alert__body>*{margin-left:2rem}.usa-site-alert--slim .usa-alert .usa-alert__body::before{left:1.125rem}@media all and (min-width: 64em){.usa-site-alert--slim .usa-alert .usa-alert__body::before{left:1.625rem}}.usa-site-alert--no-icon .usa-alert .usa-alert__body{min-height:0}.usa-site-alert--no-icon .usa-alert .usa-alert__body:before{display:none}.usa-site-alert--no-icon .usa-alert .usa-alert__body>*{margin-left:0}:host{display:block;position:relative}:host ::slotted([slot=headline]){font-size:21.28px;margin-top:0;margin-bottom:8px;font-family:var(--font-serif)}.va-alert-close{padding:6px;width:auto;color:var(--vads-color-base-darkest);font-size:1.40625rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;background:transparent;display:block;position:absolute;right:0;top:0}.va-alert-close:hover{color:var(--vads-color-base)}.usa-alert--slim .va-alert-close{margin:-0.25rem 0}:host([closeable]:not([closeable=false])) .usa-alert .usa-alert__body{padding-right:3.563rem}.usa-alert--continue.usa-alert--success .usa-alert__body::before{-webkit-mask:none;mask:none;background:transparent}.va-alert__lock-icon{position:absolute;top:12px;left:24px}.usa-alert--continue.usa-alert--success.usa-alert--slim .va-alert__lock-icon{position:absolute;top:6px;left:28px}@media screen and (max-width: 64em){.va-alert__lock-icon{left:12px}.usa-alert--continue.usa-alert--success.usa-alert--slim .va-alert__lock-icon{left:12px}}.usa-site-alert .usa-alert.usa-alert--warning{background-color:var(--vads-color-warning-lighter);border-left-color:var(--vads-color-warning)}.usa-site-alert .usa-alert.usa-alert--success{background-color:var(--vads-color-success-lighter);border-left-color:var(--vads-color-success)}.usa-site-alert .usa-alert.usa-alert--error{background-color:var(--vads-color-error-lighter);border-left-color:var(--vads-color-error)}',VaAlertStyle0=vaAlertCss,VaAlert=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaComponentDidLoad=createEvent(this,"va-component-did-load",7),this.closeEvent=createEvent(this,"closeEvent",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.status="info",this.disableAnalytics=!1,this.visible=!0,this.closeBtnAriaLabel=void 0,this.closeable=!1,this.fullWidth=!1,this.slim=!1}closeHandler(e){this.closeEvent.emit(e)}updateCloseAriaLabelWithHeadlineText(){const e=this.el.shadowRoot.querySelector('slot[name="headline"]');this.closeBtnAriaLabel=`Close ${e.assignedNodes()[0].textContent} notification`}handleAlertBodyClick(e){let a=null;try{const e=this.el.shadowRoot.querySelector("slot").assignedNodes();a=e.length>0?e[0].textContent:null}catch(e){const t=this.el.shadowRoot.childNodes.filter((e=>["h1","h2","h3","h4","h5","h6"].includes(e.tagName.toLowerCase())));a=t.length>0?t[0].textContent:null}if(!this.disableAnalytics){const t=e.target;if("A"===(null==t?void 0:t.tagName)){const e={componentName:"va-alert",action:"linkClick",details:{clickLabel:t.innerText,headline:a,status:this.status,closeable:this.closeable}};this.componentLibraryAnalytics.emit(e)}}}componentDidLoad(){this.vaComponentDidLoad.emit()}componentDidRender(){this.closeBtnAriaLabel||this.updateCloseAriaLabelWithHeadlineText()}render(){const{visible:e,closeable:a,slim:t,fullWidth:r}=this;let s=this.status;if(-1===["info","warning","error","success","continue"].indexOf(s)&&(s="info"),!e)return h("div",{"aria-live":"polite"});const o=classnames("usa-alert",`usa-alert--${s}`,{"usa-alert--success":"continue"===s,"usa-alert--slim":t&&!r}),l=classnames("usa-site-alert",{"usa-site-alert--slim":t,"usa-site-alert--info":"info"===s}),i=h(Fragment,null,h("div",{class:"usa-alert__body",onClick:this.handleAlertBodyClick.bind(this)},h("div",null,"continue"===s&&h("va-icon",{class:"va-alert__lock-icon",icon:"lock",size:t?3:4}),!t&&h("slot",{name:"headline"}),h("slot",null))),a&&h("button",{class:"va-alert-close","aria-label":this.closeBtnAriaLabel,onClick:this.closeHandler.bind(this)},h("va-icon",{icon:"close",size:4})));return h(Host,null,r?h("section",{class:l,"aria-label":this.el.getAttribute("data-label"),role:this.el.getAttribute("data-role")},h("div",{class:o},i)):h("div",{role:this.el.getAttribute("data-role"),class:o,"aria-label":this.el.getAttribute("data-label")},i))}get el(){return this}static get style(){return VaAlertStyle0}},[1,"va-alert",{status:[513],disableAnalytics:[4,"disable-analytics"],visible:[4],closeBtnAriaLabel:[1025,"close-btn-aria-label"],closeable:[516],fullWidth:[4,"full-width"],slim:[4]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-alert","va-icon"].forEach((e=>{switch(e){case"va-alert":customElements.get(e)||customElements.define(e,VaAlert);break;case"va-icon":customElements.get(e)||defineCustomElement$1()}}))}export{VaAlert as V,defineCustomElement as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{d as defineCustomElement$3}from"./va-alert2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaBannerCss="",VaBannerStyle0=
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{d as defineCustomElement$3}from"./va-alert2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaBannerCss=":is(va-alert)>:is(h1,h2,h3,h4,h5,h6){font-size:1.33rem;margin-top:-2px;margin-bottom:8px;line-height:var(--vads-font-line-height-2)}",VaBannerStyle0=vaBannerCss,DISMISSED_BANNERS_KEY="DISMISSED_BANNERS",VaBanner$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.prepareBannerID=()=>this.dismissedBannerId&&this.dismissedBannerId.length?this.dismissedBannerId:`${this.headline}:${this.el.innerHTML}`,this.dismiss=()=>{const e=this.prepareBannerID();if(!this.dismissedBanners.includes(e)&&this.showClose){if(!this.disableAnalytics&&this.el.shadowRoot){const e={componentName:"va-banner",action:"close",details:{headline:this.headline}};this.componentLibraryAnalytics.emit(e)}const s=[...this.dismissedBanners,e];(this.windowSession?window.sessionStorage:window.localStorage).setItem("DISMISSED_BANNERS",JSON.stringify(s)),this.dismissedBanners=s}},this.disableAnalytics=!1,this.showClose=!1,this.headline=void 0,this.type="info",this.visible=!0,this.windowSession=!1,this.dataLabel=void 0,this.dismissedBannerId=void 0,this.dismissedBanners=[]}componentWillLoad(){if(this.showClose){const e=(this.windowSession?window.sessionStorage:window.localStorage).getItem("DISMISSED_BANNERS");this.dismissedBanners=e?JSON.parse(e):[]}}render(){var e;const s=this.showClose&&(null===(e=this.dismissedBanners)||void 0===e?void 0:e.includes(this.prepareBannerID()));if(!this.visible||s)return null;const t=this.showClose?this.dismiss:void 0,i=this.dataLabel||`${this.type[0].toUpperCase()}${this.type.slice(1)} banner`;return h(Host,null,h("va-alert",{visible:!0,"full-width":!0,closeable:this.showClose,onCloseEvent:t,status:this.type,"data-role":"region","data-label":i},h("h3",{slot:"headline"},this.headline),h("slot",null)))}get el(){return this}static get style(){return VaBannerStyle0}},[1,"va-banner",{disableAnalytics:[4,"disable-analytics"],showClose:[4,"show-close"],headline:[1],type:[1],visible:[4],windowSession:[4,"window-session"],dataLabel:[1,"data-label"],dismissedBannerId:[1,"dismissed-banner-id"],dismissedBanners:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-banner","va-alert","va-icon"].forEach((e=>{switch(e){case"va-banner":customElements.get(e)||customElements.define(e,VaBanner$1);break;case"va-alert":customElements.get(e)||defineCustomElement$3();break;case"va-icon":customElements.get(e)||defineCustomElement$2()}}))}const VaBanner=VaBanner$1,defineCustomElement=defineCustomElement$1;export{VaBanner,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";const vaBreadcrumbsCss='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-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-breadcrumb{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;color:#1b1b1b;background-color:white;padding-left:0;padding-right:0}@media all and (min-width: 30em){.usa-breadcrumb{padding-bottom:1rem;padding-top:1rem}}@media all and (min-width: 30em){.usa-breadcrumb:not(.usa-breadcrumb--wrap) .usa-breadcrumb__list{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.usa-breadcrumb__list{margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;display:block;padding:0.25rem;margin-left:-0.25rem;margin-right:-0.25rem}.usa-breadcrumb__list>li{margin-bottom:0;max-width:unset}.usa-breadcrumb__list-item{position:absolute;left:-999em;right:auto;display:inline}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item{white-space:normal}.usa-breadcrumb__list-item:nth-last-child(2){position:static}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link{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;padding-left:calc(2ex + 0px);text-indent:calc((2ex + 0px) * -1);color:#005ea2;display:inline-block;padding-bottom:1rem;padding-top:1rem}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:visited{color:#54278f}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:hover{color:#1a4480}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:active{color:#162e51}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link.usa-button--hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled.usa-button--hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true].usa-button--hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:active,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link.usa-button--active,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled:active,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:active,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled.usa-button--active,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true].usa-button--active,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled:focus,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:focus,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled.usa-focus,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true].usa-focus,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true],.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link.usa-button--hover{color:#1a4480}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link.usa-button--active{color:#162e51}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true],.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:focus{color:#757575}}@media (max-width: 29.99em) and (forced-colors: active){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true],.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:focus{color:GrayText}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link::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%22M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2ex 2ex;display:inline-block;height:2ex;width:2ex;content:"";vertical-align:baseline;margin-right:0rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link::before{background:none;background-color:#71767a;-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%22M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z%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%22M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z%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%22M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z%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%22M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z%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:2ex 2ex;mask-size:2ex 2ex}}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:visited{color:#54278f}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:active{color:#1a4480}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:before{bottom:-0.2em;height:2ex;position:relative}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:active{text-decoration:none}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link span{text-decoration:underline}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link::before{margin-right:0px}}@media all and (min-width: 30em){.usa-breadcrumb__list-item{position:static}.usa-breadcrumb__list-item:not(:last-child)::after{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%22M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2ex 2ex;display:inline-block;height:2ex;width:2ex;content:"";vertical-align:baseline;margin-left:0rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-breadcrumb__list-item:not(:last-child)::after{background:none;background-color:#71767a;-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%22M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%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%22M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%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%22M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%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%22M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%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:2ex 2ex;mask-size:2ex 2ex}}.usa-breadcrumb__list-item:not(:last-child)::after{bottom:-0.2em;margin-left:0px;margin-right:0px;height:2ex;position:relative}}.usa-breadcrumb__link{color:#005ea2;display:inline;text-decoration:none}.usa-breadcrumb__link:visited{color:#54278f}.usa-breadcrumb__link:hover,.usa-breadcrumb__link:active{color:#1a4480}.usa-breadcrumb__link span{text-decoration:underline}@media all and (min-width: 30em){.usa-breadcrumb--wrap{line-height:1.4}}.usa-breadcrumb--wrap .usa-breadcrumb__list-item{display:inline-block}:host{display:block}.usa-breadcrumb__link span{pointer-events:none}@media screen and (max-width: 29.99em){.usa-breadcrumb__list-item:not(:nth-last-child(2)){display:none}}.usa-breadcrumb{padding-top:20px;padding-bottom:32px}@media (min-width: 768px){.usa-breadcrumb{padding-bottom:48px}}.usa-breadcrumb__link{color:var(--vads-color-link)}.usa-breadcrumb__link:hover{color:var(--vads-color-primary-dark)}.usa-breadcrumb__link{color:var(--vads-color-link)}.usa-breadcrumb__link:hover{color:var(--vads-color-primary-dark)}.usa-breadcrumb__list-item:not(:last-child)::after{background:var(--vads-color-gray-medium)}@media (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link{padding-top:0;padding-bottom:0}}.usa-current a{font-weight:bold}',VaBreadcrumbsStyle0=vaBreadcrumbsCss,VaBreadcrumbs$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.routeChange=createEvent(this,"routeChange",7),this.label="Breadcrumb",this.wrapping=!1,this.breadcrumbList=void 0,this.homeVeteransAffairs=!0,this.formattedBreadcrumbs=[],this.disableAnalytics=!1}watchBreadcrumbListHandler(e){var a;if(!(null===(a=this.breadcrumbList)||void 0===a?void 0:a.length))return;let t=this.validateBreadcrumbs(e);t&&this.updateBreadCrumbList(t)}updateBreadCrumbList(e){const a=e[0];a&&this.homeVeteransAffairs&&(a.label="VA.gov home"),this.formattedBreadcrumbs=e}getClickLevel(e){return Array.from(this.el.shadowRoot.querySelectorAll("a")).findIndex((a=>a.isEqualNode(e)))+1}fireAnalyticsEvent(e){if(!this.disableAnalytics){const a=e.target;if("A"===(null==a?void 0:a.tagName)){const e={componentName:"va-breadcrumbs",action:"linkClick",details:{clickLabel:a.innerText.trim(),clickLevel:this.getClickLevel(a),totalLevels:this.el.shadowRoot.querySelectorAll("a").length+1}};this.componentLibraryAnalytics.emit(e)}}}handleAnchorNode(e,a,t){const r=document.createElement("li");r.classList.add("va-breadcrumbs-li"),a===t.length-1&&e.setAttribute("aria-current","page"),e.parentNode.replaceChild(r,e),r.appendChild(e)}handleListNode(e,a,t){e.classList.add("va-breadcrumbs-li");const r=e.querySelector("a");r&&a===t.length-1&&r.setAttribute("aria-current","page")}validateBreadcrumbs(e){let a;if(Array.isArray(e))a=e;else{if("string"!=typeof e)return!1;try{a=JSON.parse(e)}catch(e){return!1}}return!(!Array.isArray(a)||!a.every((e=>"object"==typeof e&&e.hasOwnProperty("label")&&e.hasOwnProperty("href"))))&&a}componentDidLoad(){var e;const a=null===(e=this.el.shadowRoot.querySelector("slot"))||void 0===e?void 0:e.assignedNodes();a&&a.forEach(((e,t)=>{"LI"===e.nodeName?this.handleListNode(e,t,a):"A"===e.nodeName&&this.handleAnchorNode(e,t,a)}))}componentWillLoad(){var e;if(!(null===(e=this.breadcrumbList)||void 0===e?void 0:e.length))return;let a=this.validateBreadcrumbs(this.breadcrumbList);a&&this.updateBreadCrumbList(a)}handleSlotChange(){var e;const a=null===(e=this.el.shadowRoot.querySelector("slot"))||void 0===e?void 0:e.assignedNodes().filter((e=>"LI"===e.nodeName));a&&a.forEach(((e,t)=>{if("LI"===e.nodeName){e.classList.add("usa-breadcrumb__list-item");const r=e.querySelector("a");0===t&&r&&this.homeVeteransAffairs&&(r.innerText="VA.gov home"),(null==r?void 0:r.getAttribute("aria-current"))&&t!==a.length-1&&r.removeAttribute("aria-current");const i=document.createElement("span");if(i.textContent=r.textContent,r.innerHTML="",r.appendChild(i),t===a.length-1){const a=document.createElement("span");a.textContent=r.textContent,e.classList.add("usa-current"),e.replaceChild(a,r),null==e||e.setAttribute("aria-current","page")}}}))}handleRouteChange(e,a){e.preventDefault(),this.routeChange.emit({href:a})}handleClick(e,a){const{href:t,isRouterLink:r}=a;r&&this.handleRouteChange(e,t),this.fireAnalyticsEvent(e)}render(){const{label:e,wrapping:a}=this,t=classnames({"usa-breadcrumb":!0,"usa-breadcrumb--wrap":a});return h(Host,{key:"bad1db01e0e41c1d062ce8cca9d2220ee64e2d17"},h("nav",{key:"fc74e436bb6dd64c42d5ceb7ec3a96aa795e5386","aria-label":e,class:t},h("ol",{key:"8cd9dfc7661b88a305794d0b843a8c7844549998",role:"list",class:"usa-breadcrumb__list"},this.formattedBreadcrumbs.map(((e,a)=>h("li",{class:"usa-breadcrumb__list-item "+(a===this.formattedBreadcrumbs.length-1?"usa-current":""),"aria-current":a===this.formattedBreadcrumbs.length-1?"page":void 0},a===this.formattedBreadcrumbs.length-1?h("a",{class:"usa-breadcrumb__link",href:"#content",onClick:e=>this.fireAnalyticsEvent(e),lang:e.lang||"en-US",hreflang:e.lang||"en-US"},h("span",null,e.label)):h("a",{class:"usa-breadcrumb__link",href:e.href,onClick:a=>this.handleClick(a,e),lang:e.lang||"en-US",hreflang:e.lang||"en-US"},h("span",null,e.label))))))))}get el(){return this}static get watchers(){return{breadcrumbList:["watchBreadcrumbListHandler"]}}static get style(){return VaBreadcrumbsStyle0}},[1,"va-breadcrumbs",{label:[1],wrapping:[4],breadcrumbList:[1,"breadcrumb-list"],homeVeteransAffairs:[4,"home-veterans-affairs"],disableAnalytics:[4,"disable-analytics"],formattedBreadcrumbs:[32]},void 0,{breadcrumbList:["watchBreadcrumbListHandler"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-breadcrumbs"].forEach((e=>{"va-breadcrumbs"===e&&(customElements.get(e)||customElements.define(e,VaBreadcrumbs$1))}))}const VaBreadcrumbs=VaBreadcrumbs$1,defineCustomElement=defineCustomElement$1;export{VaBreadcrumbs,defineCustomElement};
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";const vaBreadcrumbsCss='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-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-breadcrumb{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;color:#1b1b1b;background-color:white;padding-left:0;padding-right:0}@media all and (min-width: 30em){.usa-breadcrumb{padding-bottom:1rem;padding-top:1rem}}@media all and (min-width: 30em){.usa-breadcrumb:not(.usa-breadcrumb--wrap) .usa-breadcrumb__list{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.usa-breadcrumb__list{margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;display:block;padding:0.25rem;margin-left:-0.25rem;margin-right:-0.25rem}.usa-breadcrumb__list>li{margin-bottom:0;max-width:unset}.usa-breadcrumb__list-item{position:absolute;left:-999em;right:auto;display:inline}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item{white-space:normal}.usa-breadcrumb__list-item:nth-last-child(2){position:static}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link{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;padding-left:calc(2ex + 0px);text-indent:calc((2ex + 0px) * -1);color:#005ea2;display:inline-block;padding-bottom:1rem;padding-top:1rem}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:visited{color:#54278f}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:hover{color:#1a4480}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:active{color:#162e51}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link.usa-button--hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled.usa-button--hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true].usa-button--hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:active,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link.usa-button--active,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled:active,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:active,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled.usa-button--active,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true].usa-button--active,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled:focus,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:focus,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled.usa-focus,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true].usa-focus,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true],.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link.usa-button--hover{color:#1a4480}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link.usa-button--active{color:#162e51}.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true],.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:focus{color:#757575}}@media (max-width: 29.99em) and (forced-colors: active){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true],.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:disabled:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link[aria-disabled=true]:focus{color:GrayText}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link::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%22M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2ex 2ex;display:inline-block;height:2ex;width:2ex;content:"";vertical-align:baseline;margin-right:0rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link::before{background:none;background-color:#71767a;-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%22M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z%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%22M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z%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%22M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z%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%22M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z%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:2ex 2ex;mask-size:2ex 2ex}}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:visited{color:#54278f}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:active{color:#1a4480}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:before{bottom:-0.2em;height:2ex;position:relative}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:hover,.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link:active{text-decoration:none}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link span{text-decoration:underline}}@media all and (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link::before{margin-right:0px}}@media all and (min-width: 30em){.usa-breadcrumb__list-item{position:static}.usa-breadcrumb__list-item:not(:last-child)::after{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%22M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2ex 2ex;display:inline-block;height:2ex;width:2ex;content:"";vertical-align:baseline;margin-left:0rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-breadcrumb__list-item:not(:last-child)::after{background:none;background-color:#71767a;-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%22M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%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%22M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%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%22M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%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%22M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z%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:2ex 2ex;mask-size:2ex 2ex}}.usa-breadcrumb__list-item:not(:last-child)::after{bottom:-0.2em;margin-left:0px;margin-right:0px;height:2ex;position:relative}}.usa-breadcrumb__link{color:#005ea2;display:inline;text-decoration:none}.usa-breadcrumb__link:visited{color:#54278f}.usa-breadcrumb__link:hover,.usa-breadcrumb__link:active{color:#1a4480}.usa-breadcrumb__link span{text-decoration:underline}@media all and (min-width: 30em){.usa-breadcrumb--wrap{line-height:1.4}}.usa-breadcrumb--wrap .usa-breadcrumb__list-item{display:inline-block}:host{display:block}.usa-breadcrumb__link span{pointer-events:none}@media screen and (max-width: 29.99em){.usa-breadcrumb__list-item:not(:nth-last-child(2)){display:none}}.usa-breadcrumb{padding-top:20px;padding-bottom:32px}@media (min-width: 768px){.usa-breadcrumb{padding-bottom:48px}}.usa-breadcrumb__link{color:var(--vads-color-link)}.usa-breadcrumb__link:hover{color:var(--vads-color-primary-dark)}.usa-breadcrumb__link{color:var(--vads-color-link)}.usa-breadcrumb__link:hover{color:var(--vads-color-primary-dark)}.usa-breadcrumb__list-item:not(:last-child)::after{background:var(--vads-color-gray-medium)}@media (max-width: 29.99em){.usa-breadcrumb__list-item:nth-last-child(2) .usa-breadcrumb__link{padding-top:0;padding-bottom:0}}.usa-current a{font-weight:bold}',VaBreadcrumbsStyle0=vaBreadcrumbsCss,VaBreadcrumbs$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.routeChange=createEvent(this,"routeChange",7),this.label="Breadcrumb",this.wrapping=!1,this.breadcrumbList=void 0,this.homeVeteransAffairs=!0,this.currentPageRedirect=!1,this.formattedBreadcrumbs=[],this.disableAnalytics=!1}watchBreadcrumbListHandler(e){var a;if(!(null===(a=this.breadcrumbList)||void 0===a?void 0:a.length))return;let t=this.validateBreadcrumbs(e);t&&this.updateBreadCrumbList(t)}updateBreadCrumbList(e){const a=e[0];a&&this.homeVeteransAffairs&&(a.label="VA.gov home"),this.formattedBreadcrumbs=e}getClickLevel(e){return Array.from(this.el.shadowRoot.querySelectorAll("a")).findIndex((a=>a.isEqualNode(e)))+1}fireAnalyticsEvent(e){if(!this.disableAnalytics){const a=e.target;if("A"===(null==a?void 0:a.tagName)){const e={componentName:"va-breadcrumbs",action:"linkClick",details:{clickLabel:a.innerText.trim(),clickLevel:this.getClickLevel(a),totalLevels:this.el.shadowRoot.querySelectorAll("a").length+1}};this.componentLibraryAnalytics.emit(e)}}}handleAnchorNode(e,a,t){const r=document.createElement("li");r.classList.add("va-breadcrumbs-li"),a===t.length-1&&e.setAttribute("aria-current","page"),e.parentNode.replaceChild(r,e),r.appendChild(e)}handleListNode(e,a,t){e.classList.add("va-breadcrumbs-li");const r=e.querySelector("a");r&&a===t.length-1&&r.setAttribute("aria-current","page")}validateBreadcrumbs(e){let a;if(Array.isArray(e))a=e;else{if("string"!=typeof e)return!1;try{a=JSON.parse(e)}catch(e){return!1}}return!(!Array.isArray(a)||!a.every((e=>"object"==typeof e&&e.hasOwnProperty("label")&&e.hasOwnProperty("href"))))&&a}componentDidLoad(){var e;const a=null===(e=this.el.shadowRoot.querySelector("slot"))||void 0===e?void 0:e.assignedNodes();a&&a.forEach(((e,t)=>{"LI"===e.nodeName?this.handleListNode(e,t,a):"A"===e.nodeName&&this.handleAnchorNode(e,t,a)}))}componentWillLoad(){var e;if(!(null===(e=this.breadcrumbList)||void 0===e?void 0:e.length))return;let a=this.validateBreadcrumbs(this.breadcrumbList);a&&this.updateBreadCrumbList(a)}handleSlotChange(){var e;const a=null===(e=this.el.shadowRoot.querySelector("slot"))||void 0===e?void 0:e.assignedNodes().filter((e=>"LI"===e.nodeName));a&&a.forEach(((e,t)=>{if("LI"===e.nodeName){e.classList.add("usa-breadcrumb__list-item");const r=e.querySelector("a");0===t&&r&&this.homeVeteransAffairs&&(r.innerText="VA.gov home"),(null==r?void 0:r.getAttribute("aria-current"))&&t!==a.length-1&&r.removeAttribute("aria-current");const i=document.createElement("span");if(i.textContent=r.textContent,r.innerHTML="",r.appendChild(i),t===a.length-1){const a=document.createElement("span");a.textContent=r.textContent,e.classList.add("usa-current"),e.replaceChild(a,r),null==e||e.setAttribute("aria-current","page")}}}))}handleRouteChange(e,a){e.preventDefault(),this.routeChange.emit({href:a})}handleClick(e,a){const{href:t,isRouterLink:r}=a;r&&this.handleRouteChange(e,t),this.fireAnalyticsEvent(e)}render(){const{label:e,wrapping:a}=this,t=classnames({"usa-breadcrumb":!0,"usa-breadcrumb--wrap":a});return h(Host,{key:"bfe5a262d1bcb0309a53d7b54fbae9b523f4b1c4"},h("nav",{key:"139ddc2a6280affc661dc0774bd850d2c51427ed","aria-label":e,class:t},h("ol",{key:"0c8739d2062b0444e3c290dfd17d8b19012105dc",role:"list",class:"usa-breadcrumb__list"},this.formattedBreadcrumbs.map(((e,a)=>h("li",{class:"usa-breadcrumb__list-item "+(a===this.formattedBreadcrumbs.length-1?"usa-current":""),"aria-current":a===this.formattedBreadcrumbs.length-1?"page":void 0},this.currentPageRedirect||a!==this.formattedBreadcrumbs.length-1?h("a",{class:"usa-breadcrumb__link",href:e.href,onClick:a=>this.handleClick(a,e),lang:e.lang||"en-US",hreflang:e.lang||"en-US"},h("span",null,e.label)):h("a",{class:"usa-breadcrumb__link",href:"#content",onClick:e=>this.fireAnalyticsEvent(e),lang:e.lang||"en-US",hreflang:e.lang||"en-US"},h("span",null,e.label))))))))}get el(){return this}static get watchers(){return{breadcrumbList:["watchBreadcrumbListHandler"]}}static get style(){return VaBreadcrumbsStyle0}},[1,"va-breadcrumbs",{label:[1],wrapping:[4],breadcrumbList:[1,"breadcrumb-list"],homeVeteransAffairs:[4,"home-veterans-affairs"],currentPageRedirect:[4,"current-page-redirect"],disableAnalytics:[4,"disable-analytics"],formattedBreadcrumbs:[32]},void 0,{breadcrumbList:["watchBreadcrumbListHandler"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-breadcrumbs"].forEach((e=>{"va-breadcrumbs"===e&&(customElements.get(e)||customElements.define(e,VaBreadcrumbs$1))}))}const VaBreadcrumbs=VaBreadcrumbs$1,defineCustomElement=defineCustomElement$1;export{VaBreadcrumbs,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{i as isMessageSet}from"./utils.js";import{d as defineCustomElement$1}from"./va-icon2.js";const vaButtonCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}:host{display:inline-block}:host .loading-message{opacity:0.00001;position:absolute;pointer-events:none}:host .loading-icon{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}:host .loading-icon.chromatic:after{-webkit-animation:none;animation:none}@media (prefers-reduced-motion){:host .loading-icon{-webkit-animation:none;animation:none}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host([disabled]:not([disabled=false])) button{pointer-events:none}:host([disabled]:not([disabled=false])){cursor:not-allowed}:host([full-width]:not([full-width=false])){width:100%}:host([big]:not([big=false]):is([back],[continue])) .usa-button--big{padding-top:14px}.usa-button.usa-button--outline{background-color:var(--vads-button-color-background-secondary-on-light)}.usa-button.usa-button--outline:hover,.usa-button.usa-button--outline:focus{background-color:var(--vads-button-color-background-secondary-on-light);text-decoration:none}.va-button-primary--alternate{background:var(--vads-color-success-dark)}.va-button-primary--alternate:hover,.va-button-primary--alternate:focus{background-color:var(--vads-button-color-background-primary-alt-active-on-light);text-decoration:none}:host .va-button--full-width{width:100%}',VaButtonStyle0=vaButtonCss,VaButton=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.showCompletedMessage=!1,this.handleClick=()=>{if(!this.disableAnalytics){const t={componentName:"va-button",action:"click",details:{type:this.secondary?"secondary":"primary",label:this.getButtonText()}};this.componentLibraryAnalytics.emit(t)}},this.getButtonText=()=>this.text?this.text:this.continue?"Continue":this.back?"Back":this.loading&&!this.text?"Loading...":void 0,this.back=!1,this.big=!1,this.continue=!1,this.disableAnalytics=!1,this.disabled=!1,this.fullWidth=!1,this.loading=!1,this.label=void 0,this.primaryAlternate=!1,this.secondary=!1,this.submit=void 0,this.text=void 0,this.messageAriaDescribedby=void 0}announceLoadingChange(t,o){if(o&&!t){let t=this;this.showCompletedMessage=!0,setTimeout((()=>{t.showCompletedMessage=!1}),3e3)}}handleSubmit(){if(void 0===this.submit)return;let t=this.el,o=null;for(;t&&!o;)if(o=t.closest("form"),!o&&t.getRootNode()instanceof ShadowRoot)t=t.getRootNode().host;else if(!o)break;if(!o)return;const e=new CustomEvent("submit",{bubbles:!0,cancelable:!0,composed:!0});"skip"!==this.submit&&o.dispatchEvent(e),"prevent"!==this.submit&&o.submit()}handleClickOverride(t){if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();this.handleClick(),this.handleSubmit()}render(){const{back:t,continue:o,disabled:e,loading:u,getButtonText:a,label:s,submit:n,secondary:i,primaryAlternate:b,big:r,messageAriaDescribedby:d,fullWidth:l}=this,c=(d?"button-description":"").trim()||null,v=e||u?"true":void 0,f=a(),y=void 0!==n?"submit":"button",m=classnames({"usa-button":!0,"usa-button--big":r,"usa-button--outline":t||i,"va-button-primary--alternate":b,"va-button--full-width":l});return h(Host,{key:"96e842d69db64128f7cc64a80811092fdb16bc09"},h("span",{key:"3b681cf811328d01b313a3932babaeeb0b2c7f19",class:"loading-message",role:"status"},this.loading?"Loading":this.showCompletedMessage?"Loading complete":null),h("button",{key:"8db30d750cfbc5a474b98d963bd56b6320251bc3",class:m,"aria-disabled":v,"aria-busy":u?"true":void 0,"aria-label":s,"aria-describedby":c,type:y,part:"button"},t&&!o&&h("va-icon",{key:"06876758c3781fa1a08f1be15c5d88452a05b3f9",icon:"navigate_far_before"}),u?h("va-icon",{class:"loading-icon",icon:"autorenew","aria-hidden":"true"}):null,f,o&&!t&&h("va-icon",{key:"588d3d035803d334dc16de7e93bf9c0a45286efe",icon:"navigate_far_next"})),isMessageSet(d)&&h("span",{key:"e34ef3251b2ea46d4e74783765946621e3c49d9f",id:"button-description",class:"usa-sr-only"},d))}get el(){return this}static get watchers(){return{loading:["announceLoadingChange"]}}static get style(){return VaButtonStyle0}},[1,"va-button",{back:[516],big:[516],continue:[516],disableAnalytics:[4,"disable-analytics"],disabled:[516],fullWidth:[4,"full-width"],loading:[516],label:[1],primaryAlternate:[4,"primary-alternate"],secondary:[516],submit:[1],text:[1],messageAriaDescribedby:[1,"message-aria-describedby"]},[[0,"click","handleClickOverride"]],{loading:["announceLoadingChange"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-button","va-icon"].forEach((t=>{switch(t){case"va-button":customElements.get(t)||customElements.define(t,VaButton);break;case"va-icon":customElements.get(t)||defineCustomElement$1()}}))}export{VaButton as V,defineCustomElement as d};
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{i as isMessageSet}from"./utils.js";import{d as defineCustomElement$1}from"./va-icon2.js";const vaButtonCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}:host{display:inline-block}:host .loading-message{opacity:0.00001;position:absolute;pointer-events:none}:host .loading-icon{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}:host .loading-icon.chromatic:after{-webkit-animation:none;animation:none}:host .usa-button{line-height:var(--vads-font-line-height-2);padding:0.6rem 1.25rem}:host .usa-button--big{padding:0.8rem 1.5rem}@media (prefers-reduced-motion){:host .loading-icon{-webkit-animation:none;animation:none}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host([disabled]:not([disabled=false])) button{pointer-events:none}:host([disabled]:not([disabled=false])){cursor:not-allowed}:host([full-width]:not([full-width=false])){width:100%}:host([big]:not([big=false]):is([back],[continue])) .usa-button--big{padding-top:14px}.usa-button.usa-button--outline{background-color:var(--vads-button-color-background-secondary-on-light)}.usa-button.usa-button--outline:hover,.usa-button.usa-button--outline:focus{background-color:var(--vads-button-color-background-secondary-on-light);text-decoration:none}.va-button-primary--alternate{background:var(--vads-color-success-dark)}.va-button-primary--alternate:hover,.va-button-primary--alternate:focus{background-color:var(--vads-button-color-background-primary-alt-active-on-light);text-decoration:none}:host .va-button--full-width{width:100%}',VaButtonStyle0=vaButtonCss,VaButton=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.showCompletedMessage=!1,this.handleClick=()=>{if(!this.disableAnalytics){const t={componentName:"va-button",action:"click",details:{type:this.secondary?"secondary":"primary",label:this.getButtonText()}};this.componentLibraryAnalytics.emit(t)}},this.getButtonText=()=>this.text?this.text:this.continue?"Continue":this.back?"Back":this.loading&&!this.text?"Loading...":void 0,this.back=!1,this.big=!1,this.continue=!1,this.disableAnalytics=!1,this.disabled=!1,this.fullWidth=!1,this.loading=!1,this.label=void 0,this.primaryAlternate=!1,this.secondary=!1,this.submit=void 0,this.text=void 0,this.messageAriaDescribedby=void 0}announceLoadingChange(t,o){if(o&&!t){let t=this;this.showCompletedMessage=!0,setTimeout((()=>{t.showCompletedMessage=!1}),3e3)}}handleSubmit(){if(void 0===this.submit)return;let t=this.el,o=null;for(;t&&!o;)if(o=t.closest("form"),!o&&t.getRootNode()instanceof ShadowRoot)t=t.getRootNode().host;else if(!o)break;if(!o)return;const e=new CustomEvent("submit",{bubbles:!0,cancelable:!0,composed:!0});"skip"!==this.submit&&o.dispatchEvent(e),"prevent"!==this.submit&&o.submit()}handleClickOverride(t){if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();this.handleClick(),this.handleSubmit()}render(){const{back:t,continue:o,disabled:e,loading:u,getButtonText:a,label:s,submit:n,secondary:i,primaryAlternate:b,big:r,messageAriaDescribedby:d,fullWidth:l}=this,c=(d?"button-description":"").trim()||null,v=e||u?"true":void 0,f=a(),m=void 0!==n?"submit":"button",y=classnames({"usa-button":!0,"usa-button--big":r,"usa-button--outline":t||i,"va-button-primary--alternate":b,"va-button--full-width":l});return h(Host,{key:"96e842d69db64128f7cc64a80811092fdb16bc09"},h("span",{key:"3b681cf811328d01b313a3932babaeeb0b2c7f19",class:"loading-message",role:"status"},this.loading?"Loading":this.showCompletedMessage?"Loading complete":null),h("button",{key:"8db30d750cfbc5a474b98d963bd56b6320251bc3",class:y,"aria-disabled":v,"aria-busy":u?"true":void 0,"aria-label":s,"aria-describedby":c,type:m,part:"button"},t&&!o&&h("va-icon",{key:"06876758c3781fa1a08f1be15c5d88452a05b3f9",icon:"navigate_far_before"}),u?h("va-icon",{class:"loading-icon",icon:"autorenew","aria-hidden":"true"}):null,f,o&&!t&&h("va-icon",{key:"588d3d035803d334dc16de7e93bf9c0a45286efe",icon:"navigate_far_next"})),isMessageSet(d)&&h("span",{key:"e34ef3251b2ea46d4e74783765946621e3c49d9f",id:"button-description",class:"usa-sr-only"},d))}get el(){return this}static get watchers(){return{loading:["announceLoadingChange"]}}static get style(){return VaButtonStyle0}},[1,"va-button",{back:[516],big:[516],continue:[516],disableAnalytics:[4,"disable-analytics"],disabled:[516],fullWidth:[4,"full-width"],loading:[516],label:[1],primaryAlternate:[4,"primary-alternate"],secondary:[516],submit:[1],text:[1],messageAriaDescribedby:[1,"message-aria-describedby"]},[[0,"click","handleClickOverride"]],{loading:["announceLoadingChange"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-button","va-icon"].forEach((t=>{switch(t){case"va-button":customElements.get(t)||customElements.define(t,VaButton);break;case"va-icon":customElements.get(t)||defineCustomElement$1()}}))}export{VaButton as V,defineCustomElement as d};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*! For license information please see va-combo-box.js.LICENSE.txt */
|
|
2
|
-
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{i as isMessageSet}from"./utils.js";import{i as instance}from"./i18next.js";var keymap$1={exports:{}},keyboardeventKeyPolyfill={exports:{}};!function(e){!function(){var t,o={polyfill:function(){if(!("KeyboardEvent"in window)||"key"in KeyboardEvent.prototype)return!1;var e={get:function(e){var t=o.keys[this.which||this.keyCode];return Array.isArray(t)&&(t=t[+this.shiftKey]),t}};return Object.defineProperty(KeyboardEvent.prototype,"key",e),e},keys:{3:"Cancel",6:"Help",8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",28:"Convert",29:"NonConvert",30:"Accept",31:"ModeChange",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",41:"Select",42:"Print",43:"Execute",44:"PrintScreen",45:"Insert",46:"Delete",48:["0",")"],49:["1","!"],50:["2","@"],51:["3","#"],52:["4","$"],53:["5","%"],54:["6","^"],55:["7","&"],56:["8","*"],57:["9","("],91:"OS",93:"ContextMenu",144:"NumLock",145:"ScrollLock",181:"VolumeMute",182:"VolumeDown",183:"VolumeUp",186:[";",":"],187:["=","+"],188:[",","<"],189:["-","_"],190:[".",">"],191:["/","?"],192:["`","~"],219:["[","{"],220:["\\","|"],221:["]","}"],222:["'",'"'],224:"Meta",225:"AltGraph",246:"Attn",247:"CrSel",248:"ExSel",249:"EraseEof",250:"Play",251:"ZoomOut"}};for(t=1;t<25;t++)o.keys[111+t]="F"+t;var a="";for(t=65;t<91;t++)a=String.fromCharCode(t),o.keys[t]=[a.toLowerCase(),a.toUpperCase()];e.exports=o}()}(keyboardeventKeyPolyfill);const MODIFIERS={Alt:"altKey",Control:"ctrlKey",Ctrl:"ctrlKey",Shift:"shiftKey"},MODIFIER_SEPARATOR="+",getEventKey=function(e,t){var o=e.key;if(t)for(var a in MODIFIERS)!0===e[MODIFIERS[a]]&&(o=[a,o].join("+"));return o};keymap$1.exports=function(e){const t=Object.keys(e).some((function(e){return e.indexOf("+")>-1}));return function(o){var a=getEventKey(o,t);return[a,a.toLowerCase()].reduce((function(t,s){return s in e&&(t=e[a].call(this,o)),t}),void 0)}},keymap$1.exports.MODIFIERS=MODIFIERS;const keymap=keymap$1.exports,isElement$1=e=>e&&"object"==typeof e&&1===e.nodeType;var select$1=(e,t)=>{if("string"!=typeof e)return[];t&&isElement$1(t)||(t=window.document);const o=t.querySelectorAll(e);return Array.prototype.slice.call(o)};const select=select$1,isElement=e=>e&&"object"==typeof e&&1===e.nodeType;var selectOrMatches=(e,t)=>{const o=select(e,t);return"string"!=typeof e||isElement(t)&&t.matches(e)&&o.push(t),o},getOwnPropertySymbols=Object.getOwnPropertySymbols,hasOwnProperty=Object.prototype.hasOwnProperty,propIsEnumerable=Object.prototype.propertyIsEnumerable;function toObject(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function shouldUseNative(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},o=0;o<10;o++)t["_"+String.fromCharCode(o)]=o;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}var objectAssign=shouldUseNative()?Object.assign:function(e,t){for(var o,a,s=toObject(e),r=1;r<arguments.length;r++){for(var i in o=Object(arguments[r]))hasOwnProperty.call(o,i)&&(s[i]=o[i]);if(getOwnPropertySymbols){a=getOwnPropertySymbols(o);for(var n=0;n<a.length;n++)propIsEnumerable.call(o,a[n])&&(s[a[n]]=o[a[n]])}}return s};!function(e){"function"!=typeof e.matches&&(e.matches=e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||function(e){for(var t=this,o=(t.document||t.ownerDocument).querySelectorAll(e),a=0;o[a]&&o[a]!==t;)++a;return Boolean(o[a])}),"function"!=typeof e.closest&&(e.closest=function(e){for(var t=this;t&&1===t.nodeType;){if(t.matches(e))return t;t=t.parentNode}return null})}(window.Element.prototype);var delegate$2=function(e,t){return function(o){var a=o.target.closest(e);if(a)return t.call(a,o)}},compose$1=function(e){return function(t){return e.some((function(e){return!1===e.call(this,t)}),this)}};const delegate$1=delegate$2,compose=compose$1,SPLAT="*";var delegateAll$1=function(e){const t=Object.keys(e);if(1===t.length&&"*"===t[0])return e["*"];const o=t.reduce((function(t,o){return t.push(delegate$1(o,e[o])),t}),[]);return compose(o)};const assign$1=objectAssign,delegate=delegate$2,delegateAll=delegateAll$1,DELEGATE_PATTERN=/^(.+):delegate\((.+)\)$/,SPACE=" ",getListeners=function(e,t){var o,a,s=e.match(DELEGATE_PATTERN);s&&(e=s[1],o=s[2]),"object"==typeof t&&(a={capture:popKey(t,"capture"),passive:popKey(t,"passive")});var r={selector:o,delegate:"object"==typeof t?delegateAll(t):o?delegate(o,t):t,options:a};return e.indexOf(" ")>-1?e.split(" ").map((function(e){return assign$1({type:e},r)})):(r.type=e,[r])};var popKey=function(e,t){var o=e[t];return delete e[t],o},behavior$1=function(e,t){const o=Object.keys(e).reduce((function(t,o){var a=getListeners(o,e[o]);return t.concat(a)}),[]);return assign$1({add:function(e){o.forEach((function(t){e.addEventListener(t.type,t.delegate,t.options)}))},remove:function(e){o.forEach((function(t){e.removeEventListener(t.type,t.delegate,t.options)}))}},t)};const assign=objectAssign,Behavior=behavior$1,sequence=(...e)=>function(t=document.body){e.forEach((e=>{"function"==typeof this[e]&&this[e].call(this,t)}))};var behavior=(e,t)=>Behavior(e,assign({on:sequence("init","add"),off:sequence("teardown","remove")},t)),sanitizer={exports:{}};sanitizer.exports=function(){var e={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(t){return e._entities[t]},escapeHTML:function(t){for(var o="",a=0;a<t.length;a++)o+=t[a],a+1<arguments.length&&(o+=String(arguments[a+1]||"").replace(e._entity,e.getEntity));return o},createSafeHTML:function(t){for(var o=arguments.length,a=new Array(o>1?o-1:0),s=1;s<o;s++)a[s-1]=arguments[s];return{__html:e.escapeHTML.apply(e,[t].concat(a)),toString:function(){return"[object WrappedHTMLObject]"},info:"This is a wrapped HTML object. See https://developer.mozilla.org/en-US/Firefox_OS/Security/Security_Automation for more."}},unwrapSafeHTML:function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return t.map((function(e){return e.__html})).join("")}};return e}();const Sanitizer=sanitizer.exports;var events={CLICK:"click"};const PREFIX="usa",COMBO_BOX_CLASS="usa-combo-box",COMBO_BOX_PRISTINE_CLASS="usa-combo-box--pristine",SELECT_CLASS="usa-combo-box__select",INPUT_CLASS="usa-combo-box__input",CLEAR_INPUT_BUTTON_CLASS="usa-combo-box__clear-input",CLEAR_INPUT_BUTTON_WRAPPER_CLASS=`${CLEAR_INPUT_BUTTON_CLASS}__wrapper`,INPUT_BUTTON_SEPARATOR_CLASS="usa-combo-box__input-button-separator",TOGGLE_LIST_BUTTON_CLASS="usa-combo-box__toggle-list",TOGGLE_LIST_BUTTON_WRAPPER_CLASS=`${TOGGLE_LIST_BUTTON_CLASS}__wrapper`,LIST_CLASS="usa-combo-box__list",LIST_OPTION_CLASS="usa-combo-box__list-option",LIST_OPTION_GROUP_CLASS=`${LIST_OPTION_CLASS}--group`,LIST_OPTION_GROUP_OPTION_CLASS=`${LIST_OPTION_CLASS}--group-option`,LIST_OPTION_FOCUSED_CLASS=`${LIST_OPTION_CLASS}--focused`,LIST_OPTION_SELECTED_CLASS=`${LIST_OPTION_CLASS}--selected`,STATUS_CLASS="usa-combo-box__status",COMBO_BOX=".usa-combo-box",SELECT=`.${SELECT_CLASS}`,INPUT=`.${INPUT_CLASS}`,CLEAR_INPUT_BUTTON=`.${CLEAR_INPUT_BUTTON_CLASS}`,TOGGLE_LIST_BUTTON=`.${TOGGLE_LIST_BUTTON_CLASS}`,LIST=`.${LIST_CLASS}`,LIST_OPTION=`.${LIST_OPTION_CLASS}`,LIST_OPTION_FOCUSED=`.${LIST_OPTION_FOCUSED_CLASS}`,LIST_OPTION_SELECTED=`.${LIST_OPTION_SELECTED_CLASS}`,STATUS=`.${STATUS_CLASS}`,DEFAULT_FILTER=".*{{query}}.*",noop=()=>{},changeElementValue=(e,t="")=>{const o=e;o.value=t;const a=new CustomEvent("change",{bubbles:!0,cancelable:!0,detail:{value:t}});o.dispatchEvent(a)},getComboBoxContext=e=>{const t=e.closest(COMBO_BOX);if(!t)throw new Error(`Element is missing outer ${COMBO_BOX}`);const o=t.querySelector(SELECT),a=t.querySelector(INPUT),s=t.querySelector(LIST),r=t.querySelector(STATUS),i=t.querySelector(LIST_OPTION_FOCUSED),n=t.querySelector(LIST_OPTION_SELECTED),l=t.querySelector(TOGGLE_LIST_BUTTON),c=t.querySelector(CLEAR_INPUT_BUTTON),u=t.classList.contains(COMBO_BOX_PRISTINE_CLASS);return{comboBoxEl:t,selectEl:o,inputEl:a,listEl:s,statusEl:r,focusedOptionEl:i,selectedOptionEl:n,toggleListBtnEl:l,clearInputBtnEl:c,isPristine:u,disableFiltering:"true"===t.dataset.disableFiltering}},disable=e=>{const{inputEl:t,toggleListBtnEl:o,clearInputBtnEl:a}=getComboBoxContext(e);a.hidden=!0,a.disabled=!0,o.disabled=!0,t.disabled=!0},ariaDisable=e=>{const{inputEl:t,toggleListBtnEl:o,clearInputBtnEl:a}=getComboBoxContext(e);a.hidden=!0,a.setAttribute("aria-disabled",!0),o.setAttribute("aria-disabled",!0),t.setAttribute("aria-disabled",!0)},enable=e=>{const{inputEl:t,toggleListBtnEl:o,clearInputBtnEl:a}=getComboBoxContext(e);a.hidden=!1,a.disabled=!1,o.disabled=!1,t.disabled=!1},handleMouseUp=e=>{const t=e.target;t.selectionStart===t.selectionEnd&&t.select()},enhanceComboBox=(e,t)=>{const o=e.closest(COMBO_BOX);if(o.dataset.enhanced)return;const a=o.querySelector("select");if(!a)throw new Error(`${COMBO_BOX} is missing inner select`);const s=a.id,r=t,i=`${s}--list`,n=`${s}-label`,l=`${s}--assistiveHint`,c=[],{defaultValue:u}=o.dataset,{placeholder:d}=o.dataset;let b;if(d&&c.push({placeholder:d}),u)for(let e=0,t=a.options.length;e<t;e+=1){const t=a.options[e];if(t.value===u){b=t;break}}if(!r||!r.matches(`label[for="${s}"]`))throw new Error(`${COMBO_BOX} for ${s} is either missing a label or a "for" attribute`);r.setAttribute("id",n),r.setAttribute("id",n),a.setAttribute("aria-hidden","true"),a.setAttribute("tabindex","-1"),a.classList.add("usa-sr-only",SELECT_CLASS),a.id="",a.value="",["required","aria-label","aria-labelledby"].forEach((e=>{if(a.hasAttribute(e)){const t=a.getAttribute(e);c.push({[e]:t}),a.removeAttribute(e)}}));const p=document.createElement("input");if(p.setAttribute("id",s),p.setAttribute("aria-owns",i),p.setAttribute("aria-controls",i),p.setAttribute("aria-autocomplete","list"),p.setAttribute("aria-describedby",l),p.setAttribute("aria-expanded","false"),p.setAttribute("autocapitalize","off"),p.setAttribute("autocomplete","off"),p.setAttribute("class",INPUT_CLASS),p.setAttribute("type","text"),p.setAttribute("role","combobox"),p.onmouseup=handleMouseUp,c.forEach((e=>Object.keys(e).forEach((t=>{const o=Sanitizer.escapeHTML`${e[t]}`;p.setAttribute(t,o)})))),o.insertAdjacentElement("beforeend",p),o.insertAdjacentHTML("beforeend",Sanitizer.escapeHTML`
|
|
2
|
+
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{i as isMessageSet}from"./utils.js";import{i as instance}from"./i18next.js";var keymap$1={exports:{}},keyboardeventKeyPolyfill={exports:{}};!function(e){!function(){var t,o={polyfill:function(){if(!("KeyboardEvent"in window)||"key"in KeyboardEvent.prototype)return!1;var e={get:function(e){var t=o.keys[this.which||this.keyCode];return Array.isArray(t)&&(t=t[+this.shiftKey]),t}};return Object.defineProperty(KeyboardEvent.prototype,"key",e),e},keys:{3:"Cancel",6:"Help",8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",28:"Convert",29:"NonConvert",30:"Accept",31:"ModeChange",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",41:"Select",42:"Print",43:"Execute",44:"PrintScreen",45:"Insert",46:"Delete",48:["0",")"],49:["1","!"],50:["2","@"],51:["3","#"],52:["4","$"],53:["5","%"],54:["6","^"],55:["7","&"],56:["8","*"],57:["9","("],91:"OS",93:"ContextMenu",144:"NumLock",145:"ScrollLock",181:"VolumeMute",182:"VolumeDown",183:"VolumeUp",186:[";",":"],187:["=","+"],188:[",","<"],189:["-","_"],190:[".",">"],191:["/","?"],192:["`","~"],219:["[","{"],220:["\\","|"],221:["]","}"],222:["'",'"'],224:"Meta",225:"AltGraph",246:"Attn",247:"CrSel",248:"ExSel",249:"EraseEof",250:"Play",251:"ZoomOut"}};for(t=1;t<25;t++)o.keys[111+t]="F"+t;var a="";for(t=65;t<91;t++)a=String.fromCharCode(t),o.keys[t]=[a.toLowerCase(),a.toUpperCase()];e.exports=o}()}(keyboardeventKeyPolyfill);const MODIFIERS={Alt:"altKey",Control:"ctrlKey",Ctrl:"ctrlKey",Shift:"shiftKey"},MODIFIER_SEPARATOR="+",getEventKey=function(e,t){var o=e.key;if(t)for(var a in MODIFIERS)!0===e[MODIFIERS[a]]&&(o=[a,o].join("+"));return o};keymap$1.exports=function(e){const t=Object.keys(e).some((function(e){return e.indexOf("+")>-1}));return function(o){var a=getEventKey(o,t);return[a,a.toLowerCase()].reduce((function(t,s){return s in e&&(t=e[a].call(this,o)),t}),void 0)}},keymap$1.exports.MODIFIERS=MODIFIERS;const keymap=keymap$1.exports,isElement$1=e=>e&&"object"==typeof e&&1===e.nodeType;var select$1=(e,t)=>{if("string"!=typeof e)return[];t&&isElement$1(t)||(t=window.document);const o=t.querySelectorAll(e);return Array.prototype.slice.call(o)};const select=select$1,isElement=e=>e&&"object"==typeof e&&1===e.nodeType;var selectOrMatches=(e,t)=>{const o=select(e,t);return"string"!=typeof e||isElement(t)&&t.matches(e)&&o.push(t),o},getOwnPropertySymbols=Object.getOwnPropertySymbols,hasOwnProperty=Object.prototype.hasOwnProperty,propIsEnumerable=Object.prototype.propertyIsEnumerable;function toObject(e){if(null==e)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(e)}function shouldUseNative(){try{if(!Object.assign)return!1;var e=new String("abc");if(e[5]="de","5"===Object.getOwnPropertyNames(e)[0])return!1;for(var t={},o=0;o<10;o++)t["_"+String.fromCharCode(o)]=o;if("0123456789"!==Object.getOwnPropertyNames(t).map((function(e){return t[e]})).join(""))return!1;var a={};return"abcdefghijklmnopqrst".split("").forEach((function(e){a[e]=e})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},a)).join("")}catch(e){return!1}}var objectAssign=shouldUseNative()?Object.assign:function(e,t){for(var o,a,s=toObject(e),r=1;r<arguments.length;r++){for(var i in o=Object(arguments[r]))hasOwnProperty.call(o,i)&&(s[i]=o[i]);if(getOwnPropertySymbols){a=getOwnPropertySymbols(o);for(var n=0;n<a.length;n++)propIsEnumerable.call(o,a[n])&&(s[a[n]]=o[a[n]])}}return s};!function(e){"function"!=typeof e.matches&&(e.matches=e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||function(e){for(var t=this,o=(t.document||t.ownerDocument).querySelectorAll(e),a=0;o[a]&&o[a]!==t;)++a;return Boolean(o[a])}),"function"!=typeof e.closest&&(e.closest=function(e){for(var t=this;t&&1===t.nodeType;){if(t.matches(e))return t;t=t.parentNode}return null})}(window.Element.prototype);var delegate$2=function(e,t){return function(o){var a=o.target.closest(e);if(a)return t.call(a,o)}},compose$1=function(e){return function(t){return e.some((function(e){return!1===e.call(this,t)}),this)}};const delegate$1=delegate$2,compose=compose$1,SPLAT="*";var delegateAll$1=function(e){const t=Object.keys(e);if(1===t.length&&"*"===t[0])return e["*"];const o=t.reduce((function(t,o){return t.push(delegate$1(o,e[o])),t}),[]);return compose(o)};const assign$1=objectAssign,delegate=delegate$2,delegateAll=delegateAll$1,DELEGATE_PATTERN=/^(.+):delegate\((.+)\)$/,SPACE=" ",getListeners=function(e,t){var o,a,s=e.match(DELEGATE_PATTERN);s&&(e=s[1],o=s[2]),"object"==typeof t&&(a={capture:popKey(t,"capture"),passive:popKey(t,"passive")});var r={selector:o,delegate:"object"==typeof t?delegateAll(t):o?delegate(o,t):t,options:a};return e.indexOf(" ")>-1?e.split(" ").map((function(e){return assign$1({type:e},r)})):(r.type=e,[r])};var popKey=function(e,t){var o=e[t];return delete e[t],o},behavior$1=function(e,t){const o=Object.keys(e).reduce((function(t,o){var a=getListeners(o,e[o]);return t.concat(a)}),[]);return assign$1({add:function(e){o.forEach((function(t){e.addEventListener(t.type,t.delegate,t.options)}))},remove:function(e){o.forEach((function(t){e.removeEventListener(t.type,t.delegate,t.options)}))}},t)};const assign=objectAssign,Behavior=behavior$1,sequence=(...e)=>function(t=document.body){e.forEach((e=>{"function"==typeof this[e]&&this[e].call(this,t)}))};var behavior=(e,t)=>Behavior(e,assign({on:sequence("init","add"),off:sequence("teardown","remove")},t)),sanitizer={exports:{}};sanitizer.exports=function(){var e={_entity:/[&<>"'/]/g,_entities:{"&":"&","<":"<",">":">",'"':""","'":"'","/":"/"},getEntity:function(t){return e._entities[t]},escapeHTML:function(t){for(var o="",a=0;a<t.length;a++)o+=t[a],a+1<arguments.length&&(o+=String(arguments[a+1]||"").replace(e._entity,e.getEntity));return o},createSafeHTML:function(t){for(var o=arguments.length,a=new Array(o>1?o-1:0),s=1;s<o;s++)a[s-1]=arguments[s];return{__html:e.escapeHTML.apply(e,[t].concat(a)),toString:function(){return"[object WrappedHTMLObject]"},info:"This is a wrapped HTML object. See https://developer.mozilla.org/en-US/Firefox_OS/Security/Security_Automation for more."}},unwrapSafeHTML:function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return t.map((function(e){return e.__html})).join("")}};return e}();const Sanitizer=sanitizer.exports;var events={CLICK:"click"};const PREFIX="usa",COMBO_BOX_CLASS="usa-combo-box",COMBO_BOX_PRISTINE_CLASS="usa-combo-box--pristine",SELECT_CLASS="usa-combo-box__select",INPUT_CLASS="usa-combo-box__input",CLEAR_INPUT_BUTTON_CLASS="usa-combo-box__clear-input",CLEAR_INPUT_BUTTON_WRAPPER_CLASS=`${CLEAR_INPUT_BUTTON_CLASS}__wrapper`,INPUT_BUTTON_SEPARATOR_CLASS="usa-combo-box__input-button-separator",TOGGLE_LIST_BUTTON_CLASS="usa-combo-box__toggle-list",TOGGLE_LIST_BUTTON_WRAPPER_CLASS=`${TOGGLE_LIST_BUTTON_CLASS}__wrapper`,LIST_CLASS="usa-combo-box__list",LIST_OPTION_CLASS="usa-combo-box__list-option",LIST_OPTION_GROUP_CLASS=`${LIST_OPTION_CLASS}--group`,LIST_OPTION_GROUP_OPTION_CLASS=`${LIST_OPTION_CLASS}--group-option`,LIST_OPTION_FOCUSED_CLASS=`${LIST_OPTION_CLASS}--focused`,LIST_OPTION_SELECTED_CLASS=`${LIST_OPTION_CLASS}--selected`,STATUS_CLASS="usa-combo-box__status",ERROR_CLASS="usa-input--error",COMBO_BOX=".usa-combo-box",SELECT=`.${SELECT_CLASS}`,INPUT=`.${INPUT_CLASS}`,CLEAR_INPUT_BUTTON=`.${CLEAR_INPUT_BUTTON_CLASS}`,TOGGLE_LIST_BUTTON=`.${TOGGLE_LIST_BUTTON_CLASS}`,LIST=`.${LIST_CLASS}`,LIST_OPTION=`.${LIST_OPTION_CLASS}`,LIST_OPTION_FOCUSED=`.${LIST_OPTION_FOCUSED_CLASS}`,LIST_OPTION_SELECTED=`.${LIST_OPTION_SELECTED_CLASS}`,STATUS=`.${STATUS_CLASS}`,DEFAULT_FILTER=".*{{query}}.*",noop=()=>{},changeElementValue=(e,t="")=>{const o=e;o.value=t;const a=new CustomEvent("change",{bubbles:!0,cancelable:!0,detail:{value:t}});o.dispatchEvent(a)},getComboBoxContext=e=>{const t=e.closest(COMBO_BOX);if(!t)throw new Error(`Element is missing outer ${COMBO_BOX}`);const o=t.querySelector(SELECT),a=t.querySelector(INPUT),s=t.querySelector(LIST),r=t.querySelector(STATUS),i=t.querySelector(LIST_OPTION_FOCUSED),n=t.querySelector(LIST_OPTION_SELECTED),l=t.querySelector(TOGGLE_LIST_BUTTON),c=t.querySelector(CLEAR_INPUT_BUTTON),u=t.classList.contains(COMBO_BOX_PRISTINE_CLASS);return{comboBoxEl:t,selectEl:o,inputEl:a,listEl:s,statusEl:r,focusedOptionEl:i,selectedOptionEl:n,toggleListBtnEl:l,clearInputBtnEl:c,isPristine:u,disableFiltering:"true"===t.dataset.disableFiltering}},disable=e=>{const{inputEl:t,toggleListBtnEl:o,clearInputBtnEl:a}=getComboBoxContext(e);a.hidden=!0,a.disabled=!0,o.disabled=!0,t.disabled=!0},ariaDisable=e=>{const{inputEl:t,toggleListBtnEl:o,clearInputBtnEl:a}=getComboBoxContext(e);a.hidden=!0,a.setAttribute("aria-disabled",!0),o.setAttribute("aria-disabled",!0),t.setAttribute("aria-disabled",!0)},enable=e=>{const{inputEl:t,toggleListBtnEl:o,clearInputBtnEl:a}=getComboBoxContext(e);a.hidden=!1,a.disabled=!1,o.disabled=!1,t.disabled=!1},handleMouseUp=e=>{const t=e.target;t.selectionStart===t.selectionEnd&&t.select()},enhanceComboBox=(e,t)=>{const o=e.closest(COMBO_BOX);if(o.dataset.enhanced)return;const a=o.querySelector("select");if(!a)throw new Error(`${COMBO_BOX} is missing inner select`);const s=a.id,r=t,i=`${s}--list`,n=`${s}-label`,l=`${s}--assistiveHint`,c=[],{defaultValue:u}=o.dataset,{placeholder:d}=o.dataset;let b;if(d&&c.push({placeholder:d}),u)for(let e=0,t=a.options.length;e<t;e+=1){const t=a.options[e];if(t.value===u){b=t;break}}if(!r||!r.matches(`label[for="${s}"]`))throw new Error(`${COMBO_BOX} for ${s} is either missing a label or a "for" attribute`);r.setAttribute("id",n),r.setAttribute("id",n),a.setAttribute("aria-hidden","true"),a.setAttribute("tabindex","-1"),a.classList.add("usa-sr-only",SELECT_CLASS),a.id="",a.value="",["required","aria-label","aria-labelledby"].forEach((e=>{if(a.hasAttribute(e)){const t=a.getAttribute(e);c.push({[e]:t}),a.removeAttribute(e)}}));const p=document.createElement("input");if(p.setAttribute("id",s),p.setAttribute("aria-owns",i),p.setAttribute("aria-controls",i),p.setAttribute("aria-autocomplete","list"),p.setAttribute("aria-describedby",l),p.setAttribute("aria-expanded","false"),p.setAttribute("autocapitalize","off"),p.setAttribute("autocomplete","off"),p.setAttribute("class",INPUT_CLASS),p.setAttribute("type","text"),p.setAttribute("role","combobox"),p.onmouseup=handleMouseUp,c.forEach((e=>Object.keys(e).forEach((t=>{const o=Sanitizer.escapeHTML`${e[t]}`;p.setAttribute(t,o)})))),"true"===o.dataset.error&&p.classList.add(ERROR_CLASS),o.insertAdjacentElement("beforeend",p),o.insertAdjacentHTML("beforeend",Sanitizer.escapeHTML`
|
|
3
3
|
<span class="${CLEAR_INPUT_BUTTON_WRAPPER_CLASS}" tabindex="-1">
|
|
4
4
|
<button type="button" class="${CLEAR_INPUT_BUTTON_CLASS}" aria-label="Clear the select contents"> </button>
|
|
5
5
|
</span>
|
|
@@ -15,4 +15,4 @@ import{proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}fr
|
|
|
15
15
|
aria-labelledby="${n}"
|
|
16
16
|
hidden>
|
|
17
17
|
</ul>
|
|
18
|
-
<div class="${STATUS_CLASS} usa-sr-only" role="status"></div>`),b){const{inputEl:e}=getComboBoxContext(o);changeElementValue(a,b.value),changeElementValue(e,b.text),o.classList.add(COMBO_BOX_PRISTINE_CLASS)}a.disabled&&(disable(o),a.disabled=!1),a.hasAttribute("aria-disabled")&&(ariaDisable(o),a.removeAttribute("aria-disabled")),o.dataset.enhanced="true"},highlightOption=(e,t,{skipFocus:o,preventScroll:a}={})=>{const{inputEl:s,listEl:r,focusedOptionEl:i}=getComboBoxContext(e);if(i&&(i.classList.remove(LIST_OPTION_FOCUSED_CLASS),i.setAttribute("tabIndex","-1")),t){if(s.setAttribute("aria-activedescendant",t.id),t.setAttribute("tabIndex","0"),t.classList.add(LIST_OPTION_FOCUSED_CLASS),!a){const e=t.offsetTop+t.offsetHeight;e>r.scrollTop+r.offsetHeight&&(r.scrollTop=e-r.offsetHeight),t.offsetTop<r.scrollTop&&(r.scrollTop=t.offsetTop)}o||t.focus({preventScroll:a})}else s.setAttribute("aria-activedescendant",""),s.focus()},generateDynamicRegExp=(e,t="",o={})=>{const a=e=>e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&");let s=e.replace(/{{(.*?)}}/g,((e,s)=>{const r=s.trim(),i=o[r];if("query"!==r&&i){const e=new RegExp(i,"i"),o=t.match(e);return o?a(o[1]):""}return a(t)}));return s=`^(?:${s})$`,new RegExp(s,"i")},isDataOptGroup=e=>"true"===e.getAttribute("data-optgroup"),displayList=e=>{const{comboBoxEl:t,selectEl:o,inputEl:a,listEl:s,statusEl:r,isPristine:i,disableFiltering:n}=getComboBoxContext(e);let l,c;const u=`${s.id}--option-`,d=(a.value||"").trim().toLowerCase(),b=t.dataset.filter||DEFAULT_FILTER,p=generateDynamicRegExp(b,d,t.dataset),m=[];let g="";for(let e=0,t=o.options.length;e<t;e+=1){const t=o.options[e],a=`${u}${m.length}`;if(t.value&&(n||i||!d||p.test(t.text))){if(o.value&&t.value===o.value&&(l=a),n&&!c&&p.test(t.text)&&(c=a),!d){m.push(t);continue}if(d&&p.test(t.text)&&"true"!==t.getAttribute("data-optgroup")){if("true"===t.getAttribute("data-optgroup-option")&&g!==t.getAttribute("aria-describedby")){g=t.getAttribute("aria-describedby");const e=o.querySelector("#"+g);m.push(e)}m.push(t)}}}const h=m.length,_=m.filter((e=>!isDataOptGroup(e))).length;let x=!1,f=0;const S=m.map(((e,t)=>{const a=isDataOptGroup(e),s=null!==e.getAttribute("data-optgroup-option");a||(f+=1);const r=`${u}${t}`,i=a?[]:[LIST_OPTION_CLASS];let n="-1",c="false";o.value&&e.value===o.value&&(i.push(LIST_OPTION_SELECTED_CLASS,LIST_OPTION_FOCUSED_CLASS),n="0",c="true"),l||x||a||(i.push(LIST_OPTION_FOCUSED_CLASS),n="0",x=!0),a?i.push(LIST_OPTION_GROUP_CLASS):s&&i.push(LIST_OPTION_GROUP_OPTION_CLASS);const d=document.createElement("li");return a||(d.setAttribute("aria-setsize",_),d.setAttribute("aria-posinset",f),d.setAttribute("aria-describedby",e.getAttribute("aria-describedby"))),d.setAttribute("aria-selected",c),d.setAttribute("id",a?e.id:r),d.setAttribute("class",i.join(" ")),d.setAttribute("tabindex",n),d.setAttribute("role",a?"group":"option"),d.setAttribute("data-value",e.value),d.textContent=e.text,d})),v=document.createElement("li");let E;v.setAttribute("class",`${LIST_OPTION_CLASS}--no-results`),v.textContent="No results found",s.hidden=!1,h?(s.innerHTML="",S.forEach((e=>s.insertAdjacentElement("beforeend",e)))):(s.innerHTML="",s.insertAdjacentElement("beforeend",v)),a.setAttribute("aria-expanded","true"),r.textContent=_?`${_} result${_>1?"s":""} available.`:"No results.",i&&l?E=s.querySelector(`#${l}`):n&&c&&(E=s.querySelector(`#${c}`)),E&&highlightOption(s,E,{skipFocus:!0})},hideList=e=>{const{inputEl:t,listEl:o,statusEl:a,focusedOptionEl:s}=getComboBoxContext(e);a.innerHTML="",t.setAttribute("aria-expanded","false"),t.setAttribute("aria-activedescendant",""),s&&s.classList.remove(LIST_OPTION_FOCUSED_CLASS),o.scrollTop=0,o.hidden=!0},selectItem=e=>{const{comboBoxEl:t,selectEl:o,inputEl:a}=getComboBoxContext(e);changeElementValue(o,e.dataset.value),changeElementValue(a,e.textContent),t.classList.add(COMBO_BOX_PRISTINE_CLASS),hideList(t),a.focus()},clearInput=e=>{const{comboBoxEl:t,listEl:o,selectEl:a,inputEl:s}=getComboBoxContext(e),r=!o.hidden;a.value&&changeElementValue(a),s.value&&changeElementValue(s),t.classList.remove(COMBO_BOX_PRISTINE_CLASS),r&&displayList(t),s.focus()},resetSelection=e=>{const{comboBoxEl:t,selectEl:o,inputEl:a}=getComboBoxContext(e),s=o.value,r=(a.value||"").trim().toLowerCase();if(s)for(let e=0,i=o.options.length;e<i;e+=1){const i=o.options[e];if(i.value===s)return r!==i.text&&changeElementValue(a,i.text),void t.classList.add(COMBO_BOX_PRISTINE_CLASS)}r&&changeElementValue(a)},completeSelection=e=>{const{comboBoxEl:t,selectEl:o,inputEl:a,statusEl:s}=getComboBoxContext(e);s.textContent="";const r=(a.value||"").trim().toLowerCase();if(r)for(let e=0,s=o.options.length;e<s;e+=1){const s=o.options[e];if(s.text.toLowerCase()===r)return changeElementValue(o,s.value),changeElementValue(a,s.text),void t.classList.add(COMBO_BOX_PRISTINE_CLASS)}resetSelection(t)},handleEscape=e=>{const{comboBoxEl:t,inputEl:o}=getComboBoxContext(e.target);hideList(t),resetSelection(t),o.focus()},handleDownFromInput=e=>{const{comboBoxEl:t,listEl:o}=getComboBoxContext(e.target);o.hidden&&displayList(t);let a=o.querySelector(LIST_OPTION_FOCUSED)||o.querySelector(LIST_OPTION);a&&("group"===a.getAttribute("role")&&(a=a.nextSibling),highlightOption(t,a)),e.preventDefault()},handleEnterFromInput=e=>{const{comboBoxEl:t,listEl:o}=getComboBoxContext(e.target),a=!o.hidden;completeSelection(t),a&&hideList(t),e.preventDefault()},handleDownFromListOption=e=>{const t=e.target;let o=t.nextSibling;o&&("group"===o.getAttribute("role")&&(o=o.nextSibling),highlightOption(t,o)),e.preventDefault()},handleSpaceFromListOption=e=>{selectItem(e.target),e.preventDefault()},handleEnterFromListOption=e=>{selectItem(e.target),e.preventDefault()},handleUpFromListOption=e=>{const{comboBoxEl:t,listEl:o,focusedOptionEl:a}=getComboBoxContext(e.target);let s=a&&a.previousSibling;const r=!o.hidden;s&&("group"===s.getAttribute("role")&&(s=s.previousSibling),highlightOption(a,s)),r&&e.preventDefault(),s||hideList(t)},handleMouseover=e=>{e.classList.contains(LIST_OPTION_FOCUSED_CLASS)||highlightOption(e,e,{preventScroll:!0})},toggleList=e=>{const{comboBoxEl:t,listEl:o,inputEl:a}=getComboBoxContext(e);o.hidden?displayList(t):hideList(t),a.focus()},handleClickFromInput=e=>{const{comboBoxEl:t,listEl:o}=getComboBoxContext(e);o.hidden&&displayList(t)},comboBox=behavior({[events.CLICK]:{[INPUT](){this.disabled||handleClickFromInput(this)},[TOGGLE_LIST_BUTTON](){this.disabled||toggleList(this)},[LIST_OPTION](){this.disabled||selectItem(this)},[CLEAR_INPUT_BUTTON](){this.disabled||clearInput(this)}},focusout:{[COMBO_BOX](e){this.contains(e.relatedTarget)||(completeSelection(this),hideList(this))}},keydown:{[COMBO_BOX]:keymap({Escape:handleEscape}),[INPUT]:keymap({Enter:handleEnterFromInput,ArrowDown:handleDownFromInput,Down:handleDownFromInput}),[LIST_OPTION]:keymap({ArrowUp:handleUpFromListOption,Up:handleUpFromListOption,ArrowDown:handleDownFromListOption,Down:handleDownFromListOption,Enter:handleEnterFromListOption," ":handleSpaceFromListOption,"Shift+Tab":noop})},input:{[INPUT](){this.closest(COMBO_BOX).classList.remove(COMBO_BOX_PRISTINE_CLASS),displayList(this)}},mouseover:{[LIST_OPTION](){handleMouseover(this)}}},{init(e,t){selectOrMatches(COMBO_BOX,e).forEach((e=>{enhanceComboBox(e,t)}))},getComboBoxContext:getComboBoxContext,enhanceComboBox:enhanceComboBox,generateDynamicRegExp:generateDynamicRegExp,disable:disable,enable:enable,displayList:displayList,hideList:hideList,COMBO_BOX_CLASS:"usa-combo-box"}),vaComboBoxCss='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}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-hint,.usa-select,.usa-combo-box__input,.usa-combo-box__list{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-combo-box__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-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-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-combo-box{max-width:30rem;position:relative}.usa-combo-box--pristine .usa-combo-box__input{padding-right:calc(5em + 4px)}.usa-combo-box--pristine .usa-combo-box__input::-ms-clear{display:none}.usa-combo-box--pristine .usa-combo-box__clear-input{display:block}@media (forced-colors: active){.usa-combo-box--pristine .usa-combo-box__clear-input{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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem;display:inline-block;height:1rem;width:1rem;height:1.5rem;width:auto;top:0.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-combo-box--pristine .usa-combo-box__clear-input{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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%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:1rem 1rem;mask-size:1rem 1rem}}}.usa-combo-box__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:0;max-width:none;padding-right:calc(2.5em + 3px)}.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-combo-box__input:disabled:hover,.usa-combo-box__input:disabled:active,.usa-combo-box__input:disabled:focus,.usa-combo-box__input:disabled.usa-focus,.usa-combo-box__input[aria-disabled=true]:hover,.usa-combo-box__input[aria-disabled=true]:active,.usa-combo-box__input[aria-disabled=true]:focus,.usa-combo-box__input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{border:0;color:GrayText}.usa-combo-box__input:disabled:hover,.usa-combo-box__input:disabled:active,.usa-combo-box__input:disabled:focus,.usa-combo-box__input:disabled.usa-focus,.usa-combo-box__input[aria-disabled=true]:hover,.usa-combo-box__input[aria-disabled=true]:active,.usa-combo-box__input[aria-disabled=true]:focus,.usa-combo-box__input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{border:2px solid GrayText}}.usa-combo-box__input:disabled::-webkit-input-placeholder,.usa-combo-box__input[aria-disabled=true]::-webkit-input-placeholder{opacity:1}.usa-combo-box__input:disabled::-moz-placeholder,.usa-combo-box__input[aria-disabled=true]::-moz-placeholder{opacity:1}.usa-combo-box__input:disabled:-ms-input-placeholder,.usa-combo-box__input[aria-disabled=true]:-ms-input-placeholder{opacity:1}.usa-combo-box__input:disabled::-ms-input-placeholder,.usa-combo-box__input[aria-disabled=true]::-ms-input-placeholder{opacity:1}.usa-combo-box__input:disabled::placeholder,.usa-combo-box__input[aria-disabled=true]::placeholder{opacity:1}.usa-combo-box__input:disabled~.usa-combo-box__input-button-separator,.usa-combo-box__input[aria-disabled=true]~.usa-combo-box__input-button-separator{background-color:#454545;cursor:not-allowed}button.usa-combo-box__toggle-list:focus,button.usa-combo-box__clear-input:focus{outline-offset:-4px}button.usa-combo-box__toggle-list:disabled,button.usa-combo-box__toggle-list[aria-disabled=true],button.usa-combo-box__clear-input:disabled,button.usa-combo-box__clear-input[aria-disabled=true]{cursor:not-allowed}.usa-combo-box__toggle-list__wrapper:focus,.usa-combo-box__clear-input__wrapper:focus{outline:0}.usa-combo-box__toggle-list,.usa-combo-box__clear-input{background-color:transparent;background-position:center;background-size:auto 1.5rem;border:0;bottom:1px;cursor:pointer;margin-bottom:0;opacity:0.6;padding-right:2rem;position:absolute;top:1px;z-index:100}.usa-combo-box__clear-input{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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;display:none;right:calc(2.5em + 3px)}.usa-combo-box__toggle-list{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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:auto 2rem;right:1px}@media (forced-colors: active){.usa-combo-box__toggle-list{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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem;display:inline-block;height:1rem;width:1rem;height:auto;width:auto}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-combo-box__toggle-list{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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%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:1rem 1rem;mask-size:1rem 1rem}}.usa-combo-box__toggle-list:disabled,.usa-combo-box__toggle-list[aria-disabled=true]{background-color:GrayText}}.usa-combo-box__input-button-separator{background-color:#c6cace;position:absolute;top:1px;height:calc(100% - 1rem);margin-bottom:0.5rem;margin-top:0.5rem;width:1px;right:calc(2.5em + 2px);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:200}@media (forced-colors: active){.usa-combo-box__input-button-separator{background-color:ButtonText}}.usa-combo-box__list{border-width:1px;border-color:#565c65;border-style:solid;background-color:white;border-radius:0;border-top:0;margin:0;max-height:12.1em;overflow-x:hidden;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:300}.usa-combo-box__list:focus{outline:0}.usa-combo-box__list-option{border-bottom:1px solid #dfe1e2;cursor:pointer;display:block;padding:0.5rem}.usa-combo-box__list-option--focused{outline:2px solid #162e51;outline-offset:-2px;position:relative;z-index:100}.usa-combo-box__list-option--focused:focus{outline-offset:-4px}.usa-combo-box__list-option--selected{background-color:#005ea2;border-color:#005ea2;color:white}.usa-combo-box__list-option--no-results{cursor:not-allowed;display:block;padding:0.5rem}.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-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}}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}: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);max-width:30rem}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}.usa-combo-box{max-width:auto}.usa-combo-box__list{width:calc(100% - 2px)}.usa-combo-box__list-option--focused{outline:2px solid var(--vads-color-action-border-base-active-on-light)}.usa-combo-box__list-option--focused:focus{outline-offset:-2px}.usa-combo-box__list-option--group{font-weight:bold;background-color:var(--vads-color-base-lightest);cursor:not-allowed;display:block;padding:0.5rem}.usa-combo-box__list-option--group-option{padding-left:24px}.usa-combo-box__clear-input{right:calc(2.5rem + 3px)}.usa-combo-box__input-button-separator{right:calc(2.5rem + 2px)}',VaComboBoxStyle0=vaComboBoxCss,VaComboBox$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaSelect=createEvent(this,"vaSelect",7),this.options=void 0,this.labelNode=void 0,this.required=!1,this.disabled=!1,this.label=void 0,this.placeholder=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.hint=void 0,this.messageAriaDescribedby=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}componentDidLoad(){const e=this.el.shadowRoot.querySelector(".usa-combo-box"),t=this.el.shadowRoot.querySelector("label");e&&(comboBox.init(e,t),comboBox.on(e));const o=this.el.shadowRoot.querySelector("input");o&&this.error&&o.classList.add("usa-input--error");const a=`${this.messageAriaDescribedby?"input-message":""} ${this.error?"input-error-message":""} ${this.hint?"input-hint":""} ${o.getAttribute("aria-describedby")}`.trim();o.setAttribute("aria-describedby",a)}disconnectedCallback(){instance.off("languageChanged");const e=this.el.shadowRoot.querySelector(".usa-combo-box");e&&comboBox.off(e)}populateOptions(){const{value:e}=this,t=this.el.querySelectorAll("option, optgroup");return Array.from(t).map(((t,o)=>"optgroup"===t.nodeName.toLowerCase()?h(Fragment,null,h("option",{"data-optgroup":"true",id:"optgroup-"+o},t.label),Array.from(t.children).map((t=>h("option",{value:t.value,selected:e===t.value,"data-optgroup-option":"true","aria-describedby":"optgroup-"+o},t.text)))):"option"===t.nodeName.toLowerCase()&&"optgroup"!==t.parentElement.nodeName.toLowerCase()?h("option",{value:t.value,selected:e===t.value},t.textContent):void 0))}handleChange(e){const t=e.target;this.value=t.value,this.vaSelect.emit({value:this.value})}render(){const{error:e,value:t,disabled:o,placeholder:a,label:s,required:r,name:i,hint:n,messageAriaDescribedby:l}=this,c=classnames({"usa-label":!0,"usa-label--error":e});return h(Host,{key:"d386b6d4902ba1fafddde31608c10a9cff4ed639"},h("label",{key:"b46d57f918cd608324a53b8299f1849908ff74fe",htmlFor:"options",class:c,id:"options-label"},s,r&&h("span",{key:"4989270a096694dfddb7e9bed5002d71022646d4",class:"usa-label--required"}," ",instance.t("required"))),n&&h("span",{key:"0d161f5595af8e06cbe6f8d34f0606af48027d96",class:"usa-hint",id:"input-hint"},n),h("span",{key:"4406c8652573d2baf33c696ad288067cdcd52057",id:"input-error-message",role:"alert"},e&&h(Fragment,{key:"fd89bb6ad53918f9565a0b86006756262e0650b6"},h("span",{key:"e43d2a16d18452215421957ab4c4541573c20907",class:"usa-sr-only"},instance.t("error")),h("span",{key:"168077de0b1e433d8df1f9c6783f54919c2147dc",class:"usa-error-message"},e))),h("slot",{key:"316f2dd0a012a3f240e561c801589e103c26c1d4"}),h("div",{key:"462e8380ddc2b084e8db6c4d5e62d183faa6aff7",class:"usa-combo-box","data-default-value":t,"data-placeholder":a},h("select",{key:"53473ecd010e88689f0edb984927e3247f62c93b",class:"usa-select",name:i,id:"options",onChange:e=>this.handleChange(e),disabled:o},this.populateOptions())),isMessageSet(l)&&h("span",{key:"3d28f6733076c8847f2bb6724a948355fdf978a3",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l))}get el(){return this}static get style(){return VaComboBoxStyle0}},[1,"va-combo-box",{required:[4],disabled:[4],label:[1],placeholder:[1],name:[1],value:[1537],error:[1],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],options:[32],labelNode:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-combo-box"].forEach((e=>{"va-combo-box"===e&&(customElements.get(e)||customElements.define(e,VaComboBox$1))}))}const VaComboBox=VaComboBox$1,defineCustomElement=defineCustomElement$1;export{VaComboBox,defineCustomElement};
|
|
18
|
+
<div class="${STATUS_CLASS} usa-sr-only" role="status"></div>`),b){const{inputEl:e}=getComboBoxContext(o);changeElementValue(a,b.value),changeElementValue(e,b.text),o.classList.add(COMBO_BOX_PRISTINE_CLASS)}a.disabled&&(disable(o),a.disabled=!1),a.hasAttribute("aria-disabled")&&(ariaDisable(o),a.removeAttribute("aria-disabled")),o.dataset.enhanced="true"},highlightOption=(e,t,{skipFocus:o,preventScroll:a}={})=>{const{inputEl:s,listEl:r,focusedOptionEl:i}=getComboBoxContext(e);if(i&&(i.classList.remove(LIST_OPTION_FOCUSED_CLASS),i.setAttribute("tabIndex","-1")),t){if(s.setAttribute("aria-activedescendant",t.id),t.setAttribute("tabIndex","0"),t.classList.add(LIST_OPTION_FOCUSED_CLASS),!a){const e=t.offsetTop+t.offsetHeight;e>r.scrollTop+r.offsetHeight&&(r.scrollTop=e-r.offsetHeight),t.offsetTop<r.scrollTop&&(r.scrollTop=t.offsetTop)}o||t.focus({preventScroll:a})}else s.setAttribute("aria-activedescendant",""),s.focus()},generateDynamicRegExp=(e,t="",o={})=>{const a=e=>e.replace(/[-[\]{}()*+?.,\\^$|#\s]/g,"\\$&");let s=e.replace(/{{(.*?)}}/g,((e,s)=>{const r=s.trim(),i=o[r];if("query"!==r&&i){const e=new RegExp(i,"i"),o=t.match(e);return o?a(o[1]):""}return a(t)}));return s=`^(?:${s})$`,new RegExp(s,"i")},isDataOptGroup=e=>"true"===e.getAttribute("data-optgroup"),displayList=e=>{const{comboBoxEl:t,selectEl:o,inputEl:a,listEl:s,statusEl:r,isPristine:i,disableFiltering:n}=getComboBoxContext(e);let l,c;const u=`${s.id}--option-`,d=(a.value||"").trim().toLowerCase(),b=t.dataset.filter||DEFAULT_FILTER,p=generateDynamicRegExp(b,d,t.dataset),m=[];let g="";for(let e=0,t=o.options.length;e<t;e+=1){const t=o.options[e],a=`${u}${m.length}`;if(t.value&&(n||i||!d||p.test(t.text))){if(o.value&&t.value===o.value&&(l=a),n&&!c&&p.test(t.text)&&(c=a),!d){m.push(t);continue}if(d&&p.test(t.text)&&"true"!==t.getAttribute("data-optgroup")){if("true"===t.getAttribute("data-optgroup-option")&&g!==t.getAttribute("aria-describedby")){g=t.getAttribute("aria-describedby");const e=o.querySelector("#"+g);m.push(e)}m.push(t)}}}const h=m.length;let _=!1,x=0,f=0;const S=m.filter((e=>!isDataOptGroup(e))).length,v=m.map(((e,t)=>{const a=isDataOptGroup(e),s=null!==e.getAttribute("data-optgroup-option");a&&(x+=1),a||(f+=1);const r=`${u}${t}`,i=a?[]:[LIST_OPTION_CLASS];let n="-1",c="false";o.value&&e.value===o.value&&(i.push(LIST_OPTION_SELECTED_CLASS,LIST_OPTION_FOCUSED_CLASS),n="0",c="true"),l||_||a||(i.push(LIST_OPTION_FOCUSED_CLASS),n="0",_=!0),a?i.push(LIST_OPTION_GROUP_CLASS):s&&i.push(LIST_OPTION_GROUP_OPTION_CLASS);const d=document.createElement("li");return a||(d.setAttribute("aria-setsize",S),d.setAttribute("aria-posinset",f),d.setAttribute("aria-describedby",e.getAttribute("aria-describedby"))),d.setAttribute("aria-selected",c),d.setAttribute("id",a?e.id:r),d.setAttribute("class",i.join(" ")),d.setAttribute("tabindex",n),d.setAttribute("role",a?"group":"option"),d.setAttribute("data-value",e.value),d.textContent=e.text,d})),E=document.createElement("li");E.setAttribute("class",`${LIST_OPTION_CLASS}--no-results`),E.textContent="No results found",s.hidden=!1,h?(s.innerHTML="",v.forEach((e=>s.insertAdjacentElement("beforeend",e)))):(s.innerHTML="",s.insertAdjacentElement("beforeend",E)),a.setAttribute("aria-expanded","true");const C=(e,t,o)=>e?`${e} ${e>1?o:t} available.`:"",w=C(x,"group","groups"),O=C(f,"result","results");let T;r.textContent=f?`${w} ${O}`:"No results.",i&&l?T=s.querySelector(`#${l}`):n&&c&&(T=s.querySelector(`#${c}`)),T&&highlightOption(s,T,{skipFocus:!0})},hideList=e=>{const{inputEl:t,listEl:o,statusEl:a,focusedOptionEl:s}=getComboBoxContext(e);a.innerHTML="",t.setAttribute("aria-expanded","false"),t.setAttribute("aria-activedescendant",""),s&&s.classList.remove(LIST_OPTION_FOCUSED_CLASS),o.scrollTop=0,o.hidden=!0},selectItem=e=>{const{comboBoxEl:t,selectEl:o,inputEl:a}=getComboBoxContext(e);changeElementValue(o,e.dataset.value),changeElementValue(a,e.textContent),t.classList.add(COMBO_BOX_PRISTINE_CLASS),hideList(t),a.focus()},clearInput=e=>{const{comboBoxEl:t,listEl:o,selectEl:a,inputEl:s}=getComboBoxContext(e),r=!o.hidden;a.value&&changeElementValue(a),s.value&&changeElementValue(s),t.classList.remove(COMBO_BOX_PRISTINE_CLASS),r&&displayList(t),s.focus()},completeSelection=e=>{const{comboBoxEl:t,selectEl:o,inputEl:a,statusEl:s}=getComboBoxContext(e);s.textContent="";const r=(a.value||"").trim().toLowerCase();if(r){const e=Array.from(o.options).find((e=>e.text.toLowerCase()===r));if(e)return changeElementValue(o,e.value),changeElementValue(a,e.text),void t.classList.add(COMBO_BOX_PRISTINE_CLASS)}changeElementValue(o,""),t.classList.remove(COMBO_BOX_PRISTINE_CLASS)},handleEscape=e=>{const{comboBoxEl:t,inputEl:o}=getComboBoxContext(e.target);hideList(t),completeSelection(t),o.focus()},handleDownFromInput=e=>{const{comboBoxEl:t,listEl:o}=getComboBoxContext(e.target);o.hidden&&displayList(t);let a=o.querySelector(LIST_OPTION_FOCUSED)||o.querySelector(LIST_OPTION);a&&("group"===a.getAttribute("role")&&(a=a.nextSibling),highlightOption(t,a)),e.preventDefault()},handleEnterFromInput=e=>{const{comboBoxEl:t,listEl:o}=getComboBoxContext(e.target),a=!o.hidden;completeSelection(t),a&&hideList(t),e.preventDefault()},handleDownFromListOption=e=>{const t=e.target;let o=t.nextSibling;o&&("group"===o.getAttribute("role")&&(o=o.nextSibling),highlightOption(t,o)),e.preventDefault()},handleSpaceFromListOption=e=>{selectItem(e.target),e.preventDefault()},handleEnterFromListOption=e=>{selectItem(e.target),e.preventDefault()},handleUpFromListOption=e=>{const{comboBoxEl:t,listEl:o,focusedOptionEl:a}=getComboBoxContext(e.target);let s=a&&a.previousSibling;const r=!o.hidden;s&&("group"===s.getAttribute("role")&&(s=s.previousSibling),highlightOption(a,s)),r&&e.preventDefault(),s||hideList(t)},handleMouseover=e=>{e.classList.contains(LIST_OPTION_FOCUSED_CLASS)||highlightOption(e,e,{preventScroll:!0})},toggleList=e=>{const{comboBoxEl:t,listEl:o,inputEl:a}=getComboBoxContext(e);o.hidden?displayList(t):hideList(t),a.focus()},handleClickFromInput=e=>{const{comboBoxEl:t,listEl:o}=getComboBoxContext(e);o.hidden&&displayList(t)},comboBox=behavior({[events.CLICK]:{[INPUT](){this.disabled||handleClickFromInput(this)},[TOGGLE_LIST_BUTTON](){this.disabled||toggleList(this)},[LIST_OPTION](){this.disabled||selectItem(this)},[CLEAR_INPUT_BUTTON](){this.disabled||clearInput(this)}},focusout:{[COMBO_BOX](e){this.contains(e.relatedTarget)||(completeSelection(this),hideList(this))}},keydown:{[COMBO_BOX]:keymap({Escape:handleEscape}),[INPUT]:keymap({Enter:handleEnterFromInput,ArrowDown:handleDownFromInput,Down:handleDownFromInput}),[LIST_OPTION]:keymap({ArrowUp:handleUpFromListOption,Up:handleUpFromListOption,ArrowDown:handleDownFromListOption,Down:handleDownFromListOption,Enter:handleEnterFromListOption," ":handleSpaceFromListOption,"Shift+Tab":noop})},input:{[INPUT](){this.closest(COMBO_BOX).classList.remove(COMBO_BOX_PRISTINE_CLASS),displayList(this)}},mouseover:{[LIST_OPTION](){handleMouseover(this)}}},{init(e,t){selectOrMatches(COMBO_BOX,e).forEach((e=>{enhanceComboBox(e,t)}))},getComboBoxContext:getComboBoxContext,enhanceComboBox:enhanceComboBox,generateDynamicRegExp:generateDynamicRegExp,disable:disable,enable:enable,displayList:displayList,hideList:hideList,COMBO_BOX_CLASS:"usa-combo-box"}),vaComboBoxCss='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}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-hint,.usa-select,.usa-combo-box__input,.usa-combo-box__list,.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-combo-box__input,.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-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-combo-box{max-width:30rem;position:relative}.usa-combo-box--pristine .usa-combo-box__input{padding-right:calc(5em + 4px)}.usa-combo-box--pristine .usa-combo-box__input::-ms-clear{display:none}.usa-combo-box--pristine .usa-combo-box__clear-input{display:block}@media (forced-colors: active){.usa-combo-box--pristine .usa-combo-box__clear-input{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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem;display:inline-block;height:1rem;width:1rem;height:1.5rem;width:auto;top:0.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-combo-box--pristine .usa-combo-box__clear-input{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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%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:1rem 1rem;mask-size:1rem 1rem}}}.usa-combo-box__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-bottom:0;max-width:none;padding-right:calc(2.5em + 3px)}.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1;-webkit-text-fill-color:#454545}.usa-combo-box__input:disabled:hover,.usa-combo-box__input:disabled:active,.usa-combo-box__input:disabled:focus,.usa-combo-box__input:disabled.usa-focus,.usa-combo-box__input[aria-disabled=true]:hover,.usa-combo-box__input[aria-disabled=true]:active,.usa-combo-box__input[aria-disabled=true]:focus,.usa-combo-box__input[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{border:0;color:GrayText}.usa-combo-box__input:disabled:hover,.usa-combo-box__input:disabled:active,.usa-combo-box__input:disabled:focus,.usa-combo-box__input:disabled.usa-focus,.usa-combo-box__input[aria-disabled=true]:hover,.usa-combo-box__input[aria-disabled=true]:active,.usa-combo-box__input[aria-disabled=true]:focus,.usa-combo-box__input[aria-disabled=true].usa-focus{color:GrayText}}@media (forced-colors: active){.usa-combo-box__input:disabled,.usa-combo-box__input[aria-disabled=true]{border:2px solid GrayText}}.usa-combo-box__input:disabled::-webkit-input-placeholder,.usa-combo-box__input[aria-disabled=true]::-webkit-input-placeholder{opacity:1}.usa-combo-box__input:disabled::-moz-placeholder,.usa-combo-box__input[aria-disabled=true]::-moz-placeholder{opacity:1}.usa-combo-box__input:disabled:-ms-input-placeholder,.usa-combo-box__input[aria-disabled=true]:-ms-input-placeholder{opacity:1}.usa-combo-box__input:disabled::-ms-input-placeholder,.usa-combo-box__input[aria-disabled=true]::-ms-input-placeholder{opacity:1}.usa-combo-box__input:disabled::placeholder,.usa-combo-box__input[aria-disabled=true]::placeholder{opacity:1}.usa-combo-box__input:disabled~.usa-combo-box__input-button-separator,.usa-combo-box__input[aria-disabled=true]~.usa-combo-box__input-button-separator{background-color:#454545;cursor:not-allowed}button.usa-combo-box__toggle-list:focus,button.usa-combo-box__clear-input:focus{outline-offset:-4px}button.usa-combo-box__toggle-list:disabled,button.usa-combo-box__toggle-list[aria-disabled=true],button.usa-combo-box__clear-input:disabled,button.usa-combo-box__clear-input[aria-disabled=true]{cursor:not-allowed}.usa-combo-box__toggle-list__wrapper:focus,.usa-combo-box__clear-input__wrapper:focus{outline:0}.usa-combo-box__toggle-list,.usa-combo-box__clear-input{background-color:transparent;background-position:center;background-size:auto 1.5rem;border:0;bottom:1px;cursor:pointer;margin-bottom:0;opacity:0.6;padding-right:2rem;position:absolute;top:1px;z-index:100}.usa-combo-box__clear-input{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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%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%22M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;display:none;right:calc(2.5em + 3px)}.usa-combo-box__toggle-list{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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:auto 2rem;right:1px}@media (forced-colors: active){.usa-combo-box__toggle-list{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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1rem 1rem;display:inline-block;height:1rem;width:1rem;height:auto;width:auto}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-combo-box__toggle-list{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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%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%22M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z%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:1rem 1rem;mask-size:1rem 1rem}}.usa-combo-box__toggle-list:disabled,.usa-combo-box__toggle-list[aria-disabled=true]{background-color:GrayText}}.usa-combo-box__input-button-separator{background-color:#c6cace;position:absolute;top:1px;height:calc(100% - 1rem);margin-bottom:0.5rem;margin-top:0.5rem;width:1px;right:calc(2.5em + 2px);-webkit-box-sizing:border-box;box-sizing:border-box;z-index:200}@media (forced-colors: active){.usa-combo-box__input-button-separator{background-color:ButtonText}}.usa-combo-box__list{border-width:1px;border-color:#565c65;border-style:solid;background-color:white;border-radius:0;border-top:0;margin:0;max-height:12.1em;overflow-x:hidden;overflow-y:scroll;padding:0;position:absolute;width:100%;z-index:300}.usa-combo-box__list:focus{outline:0}.usa-combo-box__list-option{border-bottom:1px solid #dfe1e2;cursor:pointer;display:block;padding:0.5rem}.usa-combo-box__list-option--focused{outline:2px solid #162e51;outline-offset:-2px;position:relative;z-index:100}.usa-combo-box__list-option--focused:focus{outline-offset:-4px}.usa-combo-box__list-option--selected{background-color:#005ea2;border-color:#005ea2;color:white}.usa-combo-box__list-option--no-results{cursor:not-allowed;display:block;padding:0.5rem}.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-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}}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}: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);max-width:30rem}:host([inert]) select{border:0;background:none}.usa-select{margin-bottom:0}::slotted(option),::slotted(optgroup){display:none}.usa-combo-box{max-width:auto}.usa-combo-box__list{width:calc(100% - 2px)}.usa-combo-box__list-option--focused{outline:2px solid var(--vads-color-action-border-base-active-on-light)}.usa-combo-box__list-option--focused:focus{outline-offset:-2px}.usa-combo-box__list-option--group{font-weight:bold;background-color:var(--vads-color-base-lightest);cursor:not-allowed;display:block;padding:0.5rem}.usa-combo-box__list-option--group-option{padding-left:24px}.usa-combo-box__clear-input{right:calc(2.5rem + 3px)}.usa-combo-box__input-button-separator{right:calc(2.5rem + 2px)}',VaComboBoxStyle0=vaComboBoxCss,VaComboBox$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaSelect=createEvent(this,"vaSelect",7),this.options=void 0,this.labelNode=void 0,this.required=!1,this.disabled=!1,this.label=void 0,this.placeholder=void 0,this.name=void 0,this.value=void 0,this.error=void 0,this.hint=void 0,this.messageAriaDescribedby=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}componentDidLoad(){const e=this.el.shadowRoot.querySelector(".usa-combo-box"),t=this.el.shadowRoot.querySelector("label");e&&(comboBox.init(e,t),comboBox.on(e));const o=this.el.shadowRoot.querySelector("input");o&&this.error&&o.classList.add("usa-input--error");const a=`${this.messageAriaDescribedby?"input-message":""} ${this.error?"input-error-message":""} ${this.hint?"input-hint":""} ${o.getAttribute("aria-describedby")}`.trim();o.setAttribute("aria-describedby",a)}disconnectedCallback(){instance.off("languageChanged");const e=this.el.shadowRoot.querySelector(".usa-combo-box");e&&comboBox.off(e)}populateOptions(){const{value:e}=this,t=this.el.querySelectorAll("option, optgroup"),o=Array.from(t);this.options=o.map(((t,o)=>"optgroup"===t.nodeName.toLowerCase()?h(Fragment,null,h("option",{"data-optgroup":"true",id:"optgroup-"+o},t.label),Array.from(t.children).map((t=>h("option",{value:t.value,selected:e===t.value,"data-optgroup-option":"true","aria-describedby":"optgroup-"+o},t.text)))):"option"===t.nodeName.toLowerCase()&&"optgroup"!==t.parentElement.nodeName.toLowerCase()?h("option",{value:t.value,selected:e===t.value},t.textContent):void 0))}handleChange(e){const t=e.target;this.value=t.value,this.vaSelect.emit({value:this.value})}render(){const{error:e,value:t,disabled:o,placeholder:a,label:s,required:r,name:i,hint:n,messageAriaDescribedby:l}=this,c=classnames({"usa-label":!0,"usa-label--error":e});return h(Host,{key:"dd9301d6d8b9d37801e6cca5d9cebe46a0e0a016"},h("label",{key:"1e06e7fd2a1f3e64914ef1e89d235a2a4425cf25",htmlFor:"options",class:c,id:"options-label"},s,r&&h("span",{key:"659d61aaeb4142924d78edc5296eb29366d27e53",class:"usa-label--required"}," ",instance.t("required"))),n&&h("span",{key:"3eb59b9e72f58954ea8a2e2fa7e2cacc41bc56bc",class:"usa-hint",id:"input-hint"},n),h("span",{key:"cc2522597365abca27646dc9c1b1ce0d9d78bc81",id:"input-error-message",role:"alert"},e&&h(Fragment,{key:"05655f400fc3fa5fa3abadb07e1c385ece3f0d89"},h("span",{key:"bd4a6dc088dc962df9137e02432af8dbcc54bbe4",class:"usa-sr-only"},instance.t("error")),h("span",{key:"b85987f619f84a60a3ed89b2b389343a8cdfd79c",class:"usa-error-message"},e))),h("slot",{key:"5bb4fefcadf051e0726d81bc184e80a844022d35",onSlotchange:()=>this.populateOptions()}),h("div",{key:"cc216edd9eeeaf5f3840eb658688f5a0bcabfc40",class:"usa-combo-box","data-default-value":t,"data-placeholder":a,"data-error":!!e},h("select",{key:"f5ce10bcbdf61f866793fc378658fe5d8fdb0e8b",class:"usa-select",name:i,id:"options",onChange:e=>this.handleChange(e),disabled:o},this.options)),isMessageSet(l)&&h("span",{key:"c87199e93e54dbcc3e795ceb30e53f716bc0dc65",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},l))}get el(){return this}static get style(){return VaComboBoxStyle0}},[1,"va-combo-box",{required:[4],disabled:[4],label:[1],placeholder:[1],name:[1],value:[1537],error:[1],hint:[1],messageAriaDescribedby:[1,"message-aria-describedby"],options:[32],labelNode:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-combo-box"].forEach((e=>{"va-combo-box"===e&&(customElements.get(e)||customElements.define(e,VaComboBox$1))}))}const VaComboBox=VaComboBox$1,defineCustomElement=defineCustomElement$1;export{VaComboBox,defineCustomElement};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { Components, JSX } from "../types/components";
|
|
2
2
|
|
|
3
|
-
interface
|
|
4
|
-
export const
|
|
5
|
-
prototype:
|
|
6
|
-
new ():
|
|
3
|
+
interface VaCriticalAction extends Components.VaCriticalAction, HTMLElement {}
|
|
4
|
+
export const VaCriticalAction: {
|
|
5
|
+
prototype: VaCriticalAction;
|
|
6
|
+
new (): VaCriticalAction;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* Used to define this component and all nested components recursively.
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{V as VaCriticalAction$1,d as defineCustomElement$1}from"./va-critical-action2.js";const VaCriticalAction=VaCriticalAction$1,defineCustomElement=defineCustomElement$1;export{VaCriticalAction,defineCustomElement};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{d as defineCustomElement$1}from"./va-icon2.js";const vaCriticalActionCss=":host{display:block}.critical-info{display:-ms-flexbox;display:flex;border-radius:5px;padding:0.75rem 1rem;margin-top:1rem;background-color:var(--vads-color-feedback-border-warning-on-dark);position:relative;min-height:2.063rem}@media (min-width: 768px){.critical-info{left:0;width:auto}}.critical-info:hover .action-link{color:var(--vads-color-link-active)}.critical-info:hover .link-icon{background-color:var(--vads-color-link-active)}.action-link{color:var(--vads-color-base);font-weight:700;font-size:var(--vads-font-size-source-sans-normalized);line-height:1.528rem;width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:4px 6px}.action-link:focus{outline:none;background-color:var(--vads-color-warning-lighter);color:var(--vads-color-base);-webkit-box-shadow:0px 4px 0px var(--vads-color-base);box-shadow:0px 4px 0px var(--vads-color-base)}.action-link:focus .link-icon{color:var(--vads-color-warning-lighter);background-color:var(--vads-color-base);margin-top:0}.action-link:active{outline:none;background-color:var(--vads-color-warning-lighter);color:var(--vads-color-base);-webkit-box-shadow:0px 4px 0px var(--vads-color-base);box-shadow:0px 4px 0px var(--vads-color-base)}.action-link:active .link-icon{color:var(--vads-color-warning-lighter)}.action-link:visited{color:var(--vads-color-link-visited)}.action-link:visited .link-icon{background-color:var(--vads-color-link-visited);color:var(--vads-color-feedback-border-warning-on-dark)}.action-link:visited:focus .link-icon{color:var(--vads-color-warning-lighter)}.action-link:visited:active .link-icon{color:var(--vads-color-warning-lighter)}.action-link:hover{color:var(--vads-color-link-active)}.action-link:hover .link-icon{background-color:var(--vads-color-link-active);color:var(--vads-color-feedback-border-warning-on-dark)}.action-link:hover:active .link-icon{color:var(--vads-color-warning-lighter)}.action-link:hover:focus .link-icon{color:var(--vads-color-warning-lighter)}.text-and-chevron{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%}@media (min-width: 0px){.text-and-chevron{-ms-flex-align:start;align-items:flex-start}}.text-and-chevron:focus{outline:none}.link-text{max-width:calc(100% - 32px)}.link-icon{margin-left:auto;border-radius:50%;color:var(--vads-color-feedback-border-warning-on-dark);background-color:var(--vads-color-base);-ms-flex-negative:0;flex-shrink:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}",VaCriticalActionStyle0=vaCriticalActionCss,VaCriticalAction=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.link=void 0,this.text=void 0}render(){const{link:o,text:i}=this;return o&&i?h(Host,null,h("div",{class:"critical-info"},h("a",{href:o,class:"action-link","aria-label":`Action required: ${i}`},h("div",{class:"text-and-chevron"},h("span",{class:"link-text"},i),h("va-icon",{class:"link-icon hydrated",icon:"chevron_right",size:3}))))):null}static get style(){return VaCriticalActionStyle0}},[1,"va-critical-action",{link:[1],text:[1]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-critical-action","va-icon"].forEach((o=>{switch(o){case"va-critical-action":customElements.get(o)||customElements.define(o,VaCriticalAction);break;case"va-icon":customElements.get(o)||defineCustomElement$1()}}))}export{VaCriticalAction as V,defineCustomElement as d};
|