@department-of-veterans-affairs/component-library 47.1.0 → 47.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/1185.app.bundle.js +1 -1
- package/dist/1279.app.bundle.js +1 -1
- package/dist/139.app.bundle.js +1 -0
- package/dist/1652.app.bundle.js +1 -1
- package/dist/2108.app.bundle.js +1 -1
- package/dist/2305.app.bundle.js +1 -1
- package/dist/2843.app.bundle.js +1 -1
- package/dist/3389.app.bundle.js +1 -1
- package/dist/3476.app.bundle.js +1 -1
- package/dist/3499.app.bundle.js +1 -1
- package/dist/360.app.bundle.js +1 -1
- package/dist/3661.app.bundle.js +1 -1
- package/dist/383.app.bundle.js +1 -1
- package/dist/4104.app.bundle.js +1 -1
- package/dist/4181.app.bundle.js +1 -1
- package/dist/4317.app.bundle.js +1 -1
- package/dist/4437.app.bundle.js +1 -1
- package/dist/4818.app.bundle.js +1 -1
- package/dist/4846.app.bundle.js +1 -1
- package/dist/4859.app.bundle.js +1 -1
- package/dist/5154.app.bundle.js +1 -1
- package/dist/5232.app.bundle.js +1 -1
- package/dist/529.app.bundle.js +1 -1
- package/dist/5434.app.bundle.js +1 -1
- package/dist/5669.app.bundle.js +1 -1
- package/dist/569.app.bundle.js +1 -1
- package/dist/6166.app.bundle.js +1 -1
- package/dist/6171.app.bundle.js +1 -1
- package/dist/6205.app.bundle.js +1 -1
- package/dist/6391.app.bundle.js +1 -1
- package/dist/6569.app.bundle.js +1 -1
- package/dist/6596.app.bundle.js +1 -1
- package/dist/6734.app.bundle.js +1 -1
- package/dist/6874.app.bundle.js +1 -1
- package/dist/6998.app.bundle.js +1 -1
- package/dist/7375.app.bundle.js +1 -1
- package/dist/7454.app.bundle.js +1 -1
- package/dist/753.app.bundle.js +1 -1
- package/dist/{7061.app.bundle.js → 7760.app.bundle.js} +1 -1
- package/dist/783.app.bundle.js +1 -1
- package/dist/8214.app.bundle.js +1 -1
- package/dist/8509.app.bundle.js +1 -1
- package/dist/8716.app.bundle.js +1 -1
- package/dist/876.app.bundle.js +1 -1
- package/dist/9262.app.bundle.js +1 -1
- package/dist/934.app.bundle.js +1 -1
- package/dist/9370.app.bundle.js +1 -1
- package/dist/9398.app.bundle.js +1 -1
- package/dist/9727.app.bundle.js +1 -1
- package/dist/9893.app.bundle.js +1 -1
- package/dist/app.bundle.js +1 -1
- package/dist/components/types/components.d.ts +45 -2
- package/dist/components/utils.js +1 -1
- package/dist/components/va-accordion-item.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-link-action.js +1 -1
- package/dist/components/va-loading-indicator.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-bar.js +1 -1
- package/dist/components/va-radio-option.js +1 -1
- package/dist/components/va-radio.js +1 -1
- package/dist/components/va-search-input.js +1 -1
- package/dist/components/va-select2.js +1 -1
- package/dist/components/va-statement-of-truth.js +1 -1
- package/dist/components/va-summary-box.js +1 -1
- package/dist/components/va-table-inner2.js +1 -1
- package/dist/components/va-table.js +1 -1
- package/package.json +2 -2
- package/dist/5254.app.bundle.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-button2.js";import{d as defineCustomElement$1}from"./va-icon2.js";function _toConsumableArray(t){if(Array.isArray(t)){for(var e=0,o=Array(t.length);e<t.length;e++)o[e]=t[e];return o}return Array.from(t)}var hasPassiveEvents=!1;if("undefined"!=typeof window){var passiveTestOptions={get passive(){hasPassiveEvents=!0}};window.addEventListener("testPassive",null,passiveTestOptions),window.removeEventListener("testPassive",null,passiveTestOptions)}var isIosDevice="undefined"!=typeof window&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),locks=[],documentListenerAdded=!1,initialClientY=-1,previousBodyOverflowSetting=void 0,previousBodyPosition=void 0,previousBodyPaddingRight=void 0,allowTouchMove=function(t){return locks.some((function(e){return!(!e.options.allowTouchMove||!e.options.allowTouchMove(t))}))},preventDefault=function(t){var e=t||window.event;return!!allowTouchMove(e.target)||e.touches.length>1||(e.preventDefault&&e.preventDefault(),!1)},setOverflowHidden=function(t){if(void 0===previousBodyPaddingRight){var e=!!t&&!0===t.reserveScrollBarGap,o=window.innerWidth-document.documentElement.clientWidth;if(e&&o>0){var a=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);previousBodyPaddingRight=document.body.style.paddingRight,document.body.style.paddingRight=a+o+"px"}}void 0===previousBodyOverflowSetting&&(previousBodyOverflowSetting=document.body.style.overflow,document.body.style.overflow="hidden")},restoreOverflowSetting=function(){void 0!==previousBodyPaddingRight&&(document.body.style.paddingRight=previousBodyPaddingRight,previousBodyPaddingRight=void 0),void 0!==previousBodyOverflowSetting&&(document.body.style.overflow=previousBodyOverflowSetting,previousBodyOverflowSetting=void 0)},setPositionFixed=function(){return window.requestAnimationFrame((function(){if(void 0===previousBodyPosition){previousBodyPosition={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left};var t=window,e=t.scrollY,o=t.scrollX,a=t.innerHeight;document.body.style.position="fixed",document.body.style.top=-e,document.body.style.left=-o,setTimeout((function(){return window.requestAnimationFrame((function(){var t=a-window.innerHeight;t&&e>=a&&(document.body.style.top=-(e+t))}))}),300)}}))},restorePositionSetting=function(){if(void 0!==previousBodyPosition){var t=-parseInt(document.body.style.top,10),e=-parseInt(document.body.style.left,10);document.body.style.position=previousBodyPosition.position,document.body.style.top=previousBodyPosition.top,document.body.style.left=previousBodyPosition.left,window.scrollTo(e,t),previousBodyPosition=void 0}},isTargetElementTotallyScrolled=function(t){return!!t&&t.scrollHeight-t.scrollTop<=t.clientHeight},handleScroll=function(t,e){var o=t.targetTouches[0].clientY-initialClientY;return!allowTouchMove(t.target)&&(e&&0===e.scrollTop&&o>0||isTargetElementTotallyScrolled(e)&&o<0?preventDefault(t):(t.stopPropagation(),!0))},disableBodyScroll=function(t,e){if(t){if(!locks.some((function(e){return e.targetElement===t}))){var o={targetElement:t,options:e||{}};locks=[].concat(_toConsumableArray(locks),[o]),isIosDevice?setPositionFixed():setOverflowHidden(e),isIosDevice&&(t.ontouchstart=function(t){1===t.targetTouches.length&&(initialClientY=t.targetTouches[0].clientY)},t.ontouchmove=function(e){1===e.targetTouches.length&&handleScroll(e,t)},documentListenerAdded||(document.addEventListener("touchmove",preventDefault,hasPassiveEvents?{passive:!1}:void 0),documentListenerAdded=!0))}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},clearAllBodyScrollLocks=function(){isIosDevice&&(locks.forEach((function(t){t.targetElement.ontouchstart=null,t.targetElement.ontouchmove=null})),documentListenerAdded&&(document.removeEventListener("touchmove",preventDefault,hasPassiveEvents?{passive:!1}:void 0),documentListenerAdded=!1),initialClientY=-1),isIosDevice?restorePositionSetting():restoreOverflowSetting(),locks=[]},getDefaultParent=function(t){return"undefined"==typeof document?null:(Array.isArray(t)?t[0]:t).ownerDocument.body},counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={},lockCount=0,hideOthers=function(t,e,o){void 0===e&&(e=getDefaultParent(t)),void 0===o&&(o="data-aria-hidden");var a=Array.isArray(t)?t:[t];markerMap[o]||(markerMap[o]=new WeakMap);var s=markerMap[o],n=[],i=new Set,u=function(t){t&&!i.has(t)&&(i.add(t),u(t.parentNode))};a.forEach(u);var r=function(t){!t||a.indexOf(t)>=0||Array.prototype.forEach.call(t.children,(function(t){if(i.has(t))r(t);else{var e=t.getAttribute("aria-hidden"),a=null!==e&&"false"!==e,u=(counterMap.get(t)||0)+1,l=(s.get(t)||0)+1;counterMap.set(t,u),s.set(t,l),n.push(t),1===u&&a&&uncontrolledNodes.set(t,!0),1===l&&t.setAttribute(o,"true"),a||t.setAttribute("aria-hidden","true")}}))};return r(e),i.clear(),lockCount++,function(){n.forEach((function(t){var e=counterMap.get(t)-1,a=s.get(t)-1;counterMap.set(t,e),s.set(t,a),e||(uncontrolledNodes.has(t)||t.removeAttribute("aria-hidden"),uncontrolledNodes.delete(t)),a||t.removeAttribute(o)})),--lockCount||(counterMap=new WeakMap,counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={})}};const focusableQueryString=['a[href]:not([tabindex^="-"])','.hydrated:not([tabindex^="-"]):not(va-radio-option)','[tabindex]:not([tabindex^="-"])','input:not([type=hidden]):not([tabindex^="-"])','textarea:not([tabindex^="-"])','button:not([tabindex^="-"])','select:not([tabindex^="-"])'].join(","),vaModalCss='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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:5px;color:var(--vads-button-color-text-primary-alt-on-light);cursor:pointer;display:inline-block;font-family:var(--font-source-sans);font-size:1rem;font-weight:700;line-height:1;padding:0.625rem 1.25rem;text-align:center;text-decoration:none}.usa-hint{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button-group{margin-bottom:0;margin-top:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin-left:-0.25rem;margin-right:-0.25rem;padding-left:0}@media all and (min-width: 30em){.usa-button-group{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row}}.usa-button-group .usa-button-group{height:100%}@media all and (min-width: 30em){.usa-button-group .usa-button-group .usa-button-group__item{margin-top:0;margin-bottom:0}}.usa-button-group .usa-button-group--segmented .usa-button-group__item{margin-top:0;margin-bottom:0}.usa-button-group__item{margin:0.25rem}@media all and (min-width: 30em){.usa-button-group__item:last-child{margin-right:0}}.usa-button-group__item .usa-button{height:100%;margin-left:0;margin-right:0}.usa-button-group--segmented{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;margin-left:0;margin-right:0}@media all and (min-width: 30em){.usa-button-group--segmented{-ms-flex-pack:start;justify-content:flex-start}}.usa-button-group--segmented .usa-button{position:relative;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button{width:auto}}.usa-button-group--segmented .usa-button:hover,.usa-button-group--segmented .usa-button:active{z-index:2}.usa-button-group--segmented .usa-button:focus{z-index:3}.usa-button-group--segmented .usa-button-group__item{margin-left:0;margin-right:0;width:100%}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item{width:auto}}.usa-button-group--segmented .usa-button-group__item:first-child>.usa-button{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-right:0;margin-left:-2px;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{margin-left:-1px;width:auto}}.usa-button-group--segmented .usa-button-group__item:where(:not(:first-child):not(:last-child))>.usa-button{border-radius:0;margin-right:-1px;margin-left:-1px}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button::before{border-right:1px solid #1a4480;bottom:0;content:"";display:block;height:100%;position:absolute;right:1px;top:0;width:1px;z-index:3}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--secondary::before{border-right-color:#b50909}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--accent-cool::before{border-right-color:#28a0cb}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--base::before{border-right-color:#565c65}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button]:disabled::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button][aria-disabled=true]::before{border-right-color:white}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button:active::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--outline::before{display:none}.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-js-no-click{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.usa-js-no-click .usa-modal,.usa-js-no-click .usa-modal *{pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}[data-open-modal] *{pointer-events:none}.usa-modal-wrapper{text-align:center;-webkit-transition:opacity 0.15s ease-in-out;transition:opacity 0.15s ease-in-out}.usa-modal-wrapper.is-hidden{visibility:hidden;opacity:0;position:fixed}.usa-modal-wrapper.is-visible{visibility:visible;opacity:1;position:fixed;z-index:99999}.usa-modal-overlay{background:rgba(0, 0, 0, 0.7);bottom:0;height:100%;left:0;overflow:scroll;overflow-x:hidden;padding:1.5rem;position:fixed;scroll-behavior:smooth;top:0;width:100%}.usa-modal-overlay:before{content:"";display:inline-block;height:100%;vertical-align:middle}.usa-modal-overlay[data-force-action=true]{pointer-events:none}.usa-modal-overlay[data-force-action=true] *{pointer-events:auto}.usa-js-loading .usa-modal-wrapper{position:absolute;left:-999em;right:auto}.usa-js-loading .usa-modal-wrapper:target{position:static}.usa-modal{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;border-radius:0.5rem;background:white;color:#1b1b1b;display:inline-block;margin:1.25rem auto;max-width:30rem;position:relative;text-align:left;vertical-align:middle;width:100%}.usa-modal:focus{outline:none}.usa-modal__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding-top:2rem;width:100%}.usa-modal__main{margin:0 auto;padding:0.5rem 2rem 2rem}.usa-modal-wrapper [data-close-modal]>.usa-icon,.usa-modal-wrapper [data-close-modal]>.usa-icon use{pointer-events:none !important}.usa-modal__close{-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;background-color:transparent;color:#71767a;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;font-size:0.93rem;margin:-2rem 0 0 auto;padding:0.25rem 0.25rem;width:auto}.usa-modal__close:hover,.usa-modal__close:active{background-color:transparent;color:#1b1b1b}.usa-modal__close:focus{outline-offset:0}.usa-modal__close .usa-icon{height:2rem;margin:2px 2px 0 0;width:2rem}.usa-modal__heading{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.4;margin-top:0}.usa-modal__footer{margin-top:1.5rem}.usa-modal--lg{max-width:55rem;width:100%}.usa-modal--lg .usa-modal__main{padding-bottom:4rem;padding-top:1.25rem;width:100%;max-width:40rem}@media all and (min-width: 40em){.usa-modal--lg .usa-modal__heading{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem}}.usa-js-modal--active{overflow:hidden}.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}}.usa-modal-alert{padding:0px;margin-left:1rem}.usa-modal__heading,.usa-modal--lg .usa-modal__heading{font-family:var(--font-serif)}.usa-modal:not(.usa-modal--lg){width:auto}.usa-modal va-button{width:100%}@media screen and (max-width: 481px){.usa-modal__content{width:85%}}:host([status=info]) .usa-modal{border-left-color:var(--vads-color-primary-alt-dark);background-color:var(--vads-color-primary-alt-lightest)}:host .usa-modal__main{position:relative;margin:0px auto}.va-modal-alert__icon{color:var(--vads-color-base-darker);position:absolute;top:32px;left:16px}:host([status=continue]) .usa-modal{border-left-color:var(--vads-color-success-dark);background-color:var(--vads-color-success-lighter)}:host([status=success]) .usa-modal{border-left-color:var(--vads-color-success-dark);background-color:var(--vads-color-success-lighter)}:host([status=warning]) .usa-modal{border-left-color:var(--vads-color-warning);background-color:var(--vads-color-gold-lightest)}:host([status=error]) .usa-modal{border-left-color:var(--vads-color-secondary-dark);background-color:var(--vads-color-secondary-lightest)}.va-modal-alert{-webkit-box-sizing:border-box;box-sizing:border-box;border-left-style:solid;border-left-width:10px;display:-ms-inline-flexbox;display:inline-flex;padding:2rem 4rem 2rem 1.5rem}:host{display:block}:host([visible]:not([visible=false])){background:rgba(50, 58, 69, 0.8);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;left:0;overflow-y:auto;padding:0.938rem;position:fixed;scroll-behavior:smooth;text-align:center;top:0;width:100%;z-index:9001}:host([visible]:not([visible=false]))::before{content:"";display:inline-block;height:100%;vertical-align:middle}.va-modal-inner{background:var(--vads-color-white);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:auto;display:inline-block;margin:0.781rem auto;max-width:25rem;position:relative;text-align:left;vertical-align:middle;width:100%}.va-modal-close{background-color:transparent;color:var(--vads-color-base-darker);font-size:1.4rem;padding:0;position:absolute;margin:1rem;right:0;top:0;width:auto;z-index:9;white-space:nowrap}.va-modal-close:hover{color:var(--vads-color-base)}.va-modal-body{margin-right:1.25rem;overflow-wrap:break-word;padding:1.25rem;word-break:break-word;word-wrap:break-word}h1{font-family:var(--font-serif);font-size:1.25rem;line-height:1.3;margin-bottom:0.3125rem;margin-top:0.9375rem}.va-modal-title{margin:0 0 1rem 0}.alert-actions button{background-color:var(--vads-color-primary);margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0.5rem;white-space:nowrap}.alert-actions .button-secondary{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px var(--vads-color-primary);box-shadow:inset 0 0 0 2px var(--vads-color-primary);color:var(--vads-color-primary)}.alert-actions button:hover,.alert-actions button:focus{background-color:var(--vads-color-primary-dark)}.alert-actions .button-secondary:hover,.alert-actions .button-secondary:focus{background-color:var(--vads-color-gray-cool-light)}.va-modal-alert::before{display:block;width:auto;background:none;font-family:"Font Awesome 5 Free";font-size:1.25rem;margin-right:1rem;position:static;font-weight:900;height:100%;left:0;top:0}.va-modal-alert .va-modal-alert-body{display:table-cell;padding-left:1rem;padding-right:0;width:100%;vertical-align:middle}.va-modal-alert-title{margin:0 0 1.25rem 0}:host([status=continue]) .va-modal-inner{border-left-color:var(--vads-color-success-dark)}:host([status=error]) .va-modal-inner{border-left-color:var(--vads-color-secondary-dark)}:host([status=info]) .va-modal-inner{border-left-color:var(--vads-color-primary-alt-dark)}:host([status=success]) .va-modal-inner{border-left-color:var(--vads-color-success-dark)}:host([status=warning]) .va-modal-inner{border-left-color:var(--vads-color-warning)}.va-modal-alert .alert-actions{margin-top:1.5rem}.va-modal-alert .alert-actions button{margin:0}.va-modal-alert .alert-actions button+button{margin-left:1.25rem}@media (max-width: 320px){.alert-actions button{width:100%}.va-modal-alert .alert-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.va-modal-alert .alert-actions button+button{margin:1rem 0 0 0}}@media screen and (max-width: 481px){:host([visible]:not([visible=false])){overflow-y:scroll}.va-modal-inner{top:0}.va-modal-alert .alert-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.va-modal-alert .alert-actions button+button{margin:1rem 0 0 0}.usa-modal--lg .usa-modal__main{max-width:-webkit-fill-available;max-width:-moz-fit-content}}:host([large]:not([large=false])) .va-modal-inner{max-width:46.875rem;width:75vw}',VaModalStyle0=vaModalCss,VaModal=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeEvent=createEvent(this,"closeEvent",7),this.primaryButtonClick=createEvent(this,"primaryButtonClick",7),this.secondaryButtonClick=createEvent(this,"secondaryButtonClick",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.focusableChildren=null,this.clickToClose=!1,this.disableAnalytics=!1,this.large=!1,this.modalTitle=void 0,this.forcedModal=!1,this.unstyled=!1,this.initialFocusSelector=void 0,this.primaryButtonText=void 0,this.secondaryButtonText=void 0,this.status=void 0,this.visible=!1,this.ariaHiddenNodeExceptions=[],this.shifted=!1}handleButtonClickAnalytics(t){"va-modal"!==t.detail.componentName&&t.stopPropagation()}handleClick(t){this.clickToClose&&this.visible&&t.composedPath()[0]===this.el&&this.handleClose(t)}handleKeyDown(t){this.visible&&("Escape"===t.key&&this.handleClose(t),this.shifted=t.shiftKey)}handleLastElementFocus(t){var e;if(this.visible&&"Tab"===t.key&&!this.shifted){t.preventDefault();const o=0;null===(e=this.focusableChildren[o])||void 0===e||e.focus()}}handleFirstElementFocus(t){var e;if(this.visible&&"Tab"===t.key&&this.shifted){t.preventDefault();const o=this.focusableChildren.length-1;null===(e=this.focusableChildren[o])||void 0===e||e.focus()}}watchVisibleHandler(){this.isVisibleDirty=!0}componentDidLoad(){this.visible&&this.setupModal()}componentDidUpdate(){this.isVisibleDirty&&(this.isVisibleDirty=!1,this.visible?this.setupModal():this.teardownModal())}disconnectedCallback(){this.teardownModal()}handleClose(t){this.closeEvent.emit(t)}handlePrimaryButtonClick(t){if(this.primaryButtonClick.emit(t),!this.disableAnalytics){const t={componentName:"va-modal",action:"click",details:{clickLabel:this.primaryButtonText,status:this.status,title:this.modalTitle}};this.componentLibraryAnalytics.emit(t)}}handleSecondaryButtonClick(t){if(this.secondaryButtonClick.emit(t),!this.disableAnalytics){const t={componentName:"va-modal",action:"click",details:{clickLabel:this.secondaryButtonText,status:this.status,title:this.modalTitle}};this.componentLibraryAnalytics.emit(t)}}getFocusableChildren(){var t,e;const o=Array.from((null===(t=this.el)||void 0===t?void 0:t.querySelectorAll(focusableQueryString))||[]),a=Array.from((null===(e=this.alertActions)||void 0===e?void 0:e.querySelectorAll(focusableQueryString))||[]);return[this.closeButton,...o,...a].reduce(((t,e)=>{if(e&&(e.offsetWidth||e.offsetHeight))if(e.classList.contains("hydrated")){let o=[];if(o=e.shadowRoot?Array.from(e.shadowRoot.querySelectorAll(focusableQueryString)||[]):Array.from(e.querySelectorAll(focusableQueryString)||[]),o.length)return t.push(e),t.concat(o)}else t.push(e);return t}),[])}setupModal(){this.savedFocus=document.activeElement,this.focusableChildren=this.getFocusableChildren();const t=this.focusableChildren[0];t.classList.add("first-focusable-child"),t.onkeydown=t=>this.handleFirstElementFocus(t);const e=this.focusableChildren[this.focusableChildren.length-1];e.classList.add("last-focusable-child"),e.onkeydown=t=>this.handleLastElementFocus(t),(this.el.querySelector(this.initialFocusSelector)||this.el.shadowRoot.querySelector(this.initialFocusSelector)||this.closeButton).focus(),disableBodyScroll(this.el);const o=[...this.ariaHiddenNodeExceptions,this.el];if(this.undoAriaHidden=hideOthers(o),!this.disableAnalytics){const t={componentName:"va-modal",action:"show",details:{status:this.status,title:this.modalTitle,primaryButtonText:this.primaryButtonText,secondaryButtonText:this.secondaryButtonText}};this.componentLibraryAnalytics.emit(t)}}teardownModal(){var t,e;clearAllBodyScrollLocks(),null===(t=this.undoAriaHidden)||void 0===t||t.call(this),null===(e=this.savedFocus)||void 0===e||e.focus()}render(){const{modalTitle:t,primaryButtonClick:e,primaryButtonText:o,secondaryButtonClick:a,secondaryButtonText:s,status:n,visible:i,forcedModal:u,unstyled:r}=this;if(!i)return null;const l=t&&""!==t?`${t} modal`:null,d=t?`Close ${t} modal`:"Close modal",c=classnames({"usa-modal":!0,"va-modal-alert":n,"usa-modal--lg":this.large}),b=classnames({"usa-modal__content":!0,"usa-modal-alert":n}),m=classnames({"usa-modal__main":!0,"usa-modal-alert":n,"va-modal-alert-body":n}),v=classnames({"usa-modal__heading":!0,"va-modal-alert-title":n}),p=u?"":h("button",{"aria-label":d,class:"va-modal-close",onClick:t=>this.handleClose(t),ref:t=>this.closeButton=t,type:"button"},h("va-icon",{icon:"cancel",size:4}));return h(Host,null,h("div",{class:c,role:"warning"===n||"error"===n?"alertdialog":"dialog","aria-label":l,"aria-modal":"true"},h("div",{class:b},p,n&&h("va-icon",{class:"va-modal-alert__icon",icon:{continue:"lock",error:"error",info:"info",success:"check",warning:"warning"}[n],size:4}),h("div",{class:m},h("div",{role:"document"},t&&h("h2",{class:v,tabindex:-1,id:"heading"},t),h("div",{class:"usa-prose",id:"description"},h("slot",null))),(e&&o||a&&s)&&h("div",{class:"usa-modal__footer",ref:t=>this.alertActions=t},h("ul",{class:"usa-button-group"},e&&o&&h("li",{class:"usa-button-group__item"},h("va-button",{onClick:t=>this.handlePrimaryButtonClick(t),text:o})),a&&s&&h("li",{class:"usa-button-group__item"},!r&&h("va-button",{onClick:t=>this.handleSecondaryButtonClick(t),secondary:!0,text:s}),r&&h("button",{onClick:t=>this.handlePrimaryButtonClick(t),type:"button",class:"usa-button usa-button--unstyled"},s))))))))}get el(){return this}static get watchers(){return{visible:["watchVisibleHandler"]}}static get style(){return VaModalStyle0}},[1,"va-modal",{clickToClose:[4,"click-to-close"],disableAnalytics:[4,"disable-analytics"],large:[516],modalTitle:[1,"modal-title"],forcedModal:[4,"forced-modal"],unstyled:[4],initialFocusSelector:[1,"initial-focus-selector"],primaryButtonText:[1,"primary-button-text"],secondaryButtonText:[1,"secondary-button-text"],status:[1],visible:[516],ariaHiddenNodeExceptions:[16],shifted:[32]},[[0,"component-library-analytics","handleButtonClickAnalytics"],[0,"click","handleClick"],[8,"keydown","handleKeyDown"]],{visible:["watchVisibleHandler"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-modal","va-button","va-icon"].forEach((t=>{switch(t){case"va-modal":customElements.get(t)||customElements.define(t,VaModal);break;case"va-button":customElements.get(t)||defineCustomElement$2();break;case"va-icon":customElements.get(t)||defineCustomElement$1()}}))}export{VaModal 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{d as defineCustomElement$2}from"./va-button2.js";import{d as defineCustomElement$1}from"./va-icon2.js";function _toConsumableArray(t){if(Array.isArray(t)){for(var e=0,o=Array(t.length);e<t.length;e++)o[e]=t[e];return o}return Array.from(t)}var hasPassiveEvents=!1;if("undefined"!=typeof window){var passiveTestOptions={get passive(){hasPassiveEvents=!0}};window.addEventListener("testPassive",null,passiveTestOptions),window.removeEventListener("testPassive",null,passiveTestOptions)}var isIosDevice="undefined"!=typeof window&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),locks=[],documentListenerAdded=!1,initialClientY=-1,previousBodyOverflowSetting=void 0,previousBodyPosition=void 0,previousBodyPaddingRight=void 0,allowTouchMove=function(t){return locks.some((function(e){return!(!e.options.allowTouchMove||!e.options.allowTouchMove(t))}))},preventDefault=function(t){var e=t||window.event;return!!allowTouchMove(e.target)||e.touches.length>1||(e.preventDefault&&e.preventDefault(),!1)},setOverflowHidden=function(t){if(void 0===previousBodyPaddingRight){var e=!!t&&!0===t.reserveScrollBarGap,o=window.innerWidth-document.documentElement.clientWidth;if(e&&o>0){var a=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);previousBodyPaddingRight=document.body.style.paddingRight,document.body.style.paddingRight=a+o+"px"}}void 0===previousBodyOverflowSetting&&(previousBodyOverflowSetting=document.body.style.overflow,document.body.style.overflow="hidden")},restoreOverflowSetting=function(){void 0!==previousBodyPaddingRight&&(document.body.style.paddingRight=previousBodyPaddingRight,previousBodyPaddingRight=void 0),void 0!==previousBodyOverflowSetting&&(document.body.style.overflow=previousBodyOverflowSetting,previousBodyOverflowSetting=void 0)},setPositionFixed=function(){return window.requestAnimationFrame((function(){if(void 0===previousBodyPosition){previousBodyPosition={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left};var t=window,e=t.scrollY,o=t.scrollX,a=t.innerHeight;document.body.style.position="fixed",document.body.style.top=-e,document.body.style.left=-o,setTimeout((function(){return window.requestAnimationFrame((function(){var t=a-window.innerHeight;t&&e>=a&&(document.body.style.top=-(e+t))}))}),300)}}))},restorePositionSetting=function(){if(void 0!==previousBodyPosition){var t=-parseInt(document.body.style.top,10),e=-parseInt(document.body.style.left,10);document.body.style.position=previousBodyPosition.position,document.body.style.top=previousBodyPosition.top,document.body.style.left=previousBodyPosition.left,window.scrollTo(e,t),previousBodyPosition=void 0}},isTargetElementTotallyScrolled=function(t){return!!t&&t.scrollHeight-t.scrollTop<=t.clientHeight},handleScroll=function(t,e){var o=t.targetTouches[0].clientY-initialClientY;return!allowTouchMove(t.target)&&(e&&0===e.scrollTop&&o>0||isTargetElementTotallyScrolled(e)&&o<0?preventDefault(t):(t.stopPropagation(),!0))},disableBodyScroll=function(t,e){if(t){if(!locks.some((function(e){return e.targetElement===t}))){var o={targetElement:t,options:e||{}};locks=[].concat(_toConsumableArray(locks),[o]),isIosDevice?setPositionFixed():setOverflowHidden(e),isIosDevice&&(t.ontouchstart=function(t){1===t.targetTouches.length&&(initialClientY=t.targetTouches[0].clientY)},t.ontouchmove=function(e){1===e.targetTouches.length&&handleScroll(e,t)},documentListenerAdded||(document.addEventListener("touchmove",preventDefault,hasPassiveEvents?{passive:!1}:void 0),documentListenerAdded=!0))}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},clearAllBodyScrollLocks=function(){isIosDevice&&(locks.forEach((function(t){t.targetElement.ontouchstart=null,t.targetElement.ontouchmove=null})),documentListenerAdded&&(document.removeEventListener("touchmove",preventDefault,hasPassiveEvents?{passive:!1}:void 0),documentListenerAdded=!1),initialClientY=-1),isIosDevice?restorePositionSetting():restoreOverflowSetting(),locks=[]},getDefaultParent=function(t){return"undefined"==typeof document?null:(Array.isArray(t)?t[0]:t).ownerDocument.body},counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={},lockCount=0,hideOthers=function(t,e,o){void 0===e&&(e=getDefaultParent(t)),void 0===o&&(o="data-aria-hidden");var a=Array.isArray(t)?t:[t];markerMap[o]||(markerMap[o]=new WeakMap);var s=markerMap[o],n=[],i=new Set,u=function(t){t&&!i.has(t)&&(i.add(t),u(t.parentNode))};a.forEach(u);var r=function(t){!t||a.indexOf(t)>=0||Array.prototype.forEach.call(t.children,(function(t){if(i.has(t))r(t);else{var e=t.getAttribute("aria-hidden"),a=null!==e&&"false"!==e,u=(counterMap.get(t)||0)+1,l=(s.get(t)||0)+1;counterMap.set(t,u),s.set(t,l),n.push(t),1===u&&a&&uncontrolledNodes.set(t,!0),1===l&&t.setAttribute(o,"true"),a||t.setAttribute("aria-hidden","true")}}))};return r(e),i.clear(),lockCount++,function(){n.forEach((function(t){var e=counterMap.get(t)-1,a=s.get(t)-1;counterMap.set(t,e),s.set(t,a),e||(uncontrolledNodes.has(t)||t.removeAttribute("aria-hidden"),uncontrolledNodes.delete(t)),a||t.removeAttribute(o)})),--lockCount||(counterMap=new WeakMap,counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={})}};const focusableQueryString=['a[href]:not([tabindex^="-"])','.hydrated:not([tabindex^="-"]):not(va-radio-option)','[tabindex]:not([tabindex^="-"])','input:not([type=hidden]):not([tabindex^="-"])','textarea:not([tabindex^="-"])','button:not([tabindex^="-"])','select:not([tabindex^="-"])'].join(","),vaModalCss='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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:5px;color:var(--vads-button-color-text-primary-alt-on-light);cursor:pointer;display:inline-block;font-family:var(--font-source-sans);font-size:1rem;font-weight:700;line-height:1;padding:0.625rem 1.25rem;text-align:center;text-decoration:none}.usa-hint{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button-group{margin-bottom:0;margin-top:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin-left:-0.25rem;margin-right:-0.25rem;padding-left:0}@media all and (min-width: 30em){.usa-button-group{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row}}.usa-button-group .usa-button-group{height:100%}@media all and (min-width: 30em){.usa-button-group .usa-button-group .usa-button-group__item{margin-top:0;margin-bottom:0}}.usa-button-group .usa-button-group--segmented .usa-button-group__item{margin-top:0;margin-bottom:0}.usa-button-group__item{margin:0.25rem}@media all and (min-width: 30em){.usa-button-group__item:last-child{margin-right:0}}.usa-button-group__item .usa-button{height:100%;margin-left:0;margin-right:0}.usa-button-group--segmented{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;margin-left:0;margin-right:0}@media all and (min-width: 30em){.usa-button-group--segmented{-ms-flex-pack:start;justify-content:flex-start}}.usa-button-group--segmented .usa-button{position:relative;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button{width:auto}}.usa-button-group--segmented .usa-button:hover,.usa-button-group--segmented .usa-button:active{z-index:2}.usa-button-group--segmented .usa-button:focus{z-index:3}.usa-button-group--segmented .usa-button-group__item{margin-left:0;margin-right:0;width:100%}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item{width:auto}}.usa-button-group--segmented .usa-button-group__item:first-child>.usa-button{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-right:0;margin-left:-2px;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{margin-left:-1px;width:auto}}.usa-button-group--segmented .usa-button-group__item:where(:not(:first-child):not(:last-child))>.usa-button{border-radius:0;margin-right:-1px;margin-left:-1px}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button::before{border-right:1px solid #1a4480;bottom:0;content:"";display:block;height:100%;position:absolute;right:1px;top:0;width:1px;z-index:3}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--secondary::before{border-right-color:#b50909}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--accent-cool::before{border-right-color:#28a0cb}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--base::before{border-right-color:#565c65}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button]:disabled::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button][aria-disabled=true]::before{border-right-color:white}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button:active::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--outline::before{display:none}.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-js-no-click{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.usa-js-no-click .usa-modal,.usa-js-no-click .usa-modal *{pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}[data-open-modal] *{pointer-events:none}.usa-modal-wrapper{text-align:center;-webkit-transition:opacity 0.15s ease-in-out;transition:opacity 0.15s ease-in-out}.usa-modal-wrapper.is-hidden{visibility:hidden;opacity:0;position:fixed}.usa-modal-wrapper.is-visible{visibility:visible;opacity:1;position:fixed;z-index:99999}.usa-modal-overlay{background:rgba(0, 0, 0, 0.7);bottom:0;height:100%;left:0;overflow:scroll;overflow-x:hidden;padding:1.5rem;position:fixed;scroll-behavior:smooth;top:0;width:100%}.usa-modal-overlay:before{content:"";display:inline-block;height:100%;vertical-align:middle}.usa-modal-overlay[data-force-action=true]{pointer-events:none}.usa-modal-overlay[data-force-action=true] *{pointer-events:auto}.usa-js-loading .usa-modal-wrapper{position:absolute;left:-999em;right:auto}.usa-js-loading .usa-modal-wrapper:target{position:static}.usa-modal{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;border-radius:0.5rem;background:white;color:#1b1b1b;display:inline-block;margin:1.25rem auto;max-width:30rem;position:relative;text-align:left;vertical-align:middle;width:100%}.usa-modal:focus{outline:none}.usa-modal__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding-top:2rem;width:100%}.usa-modal__main{margin:0 auto;padding:0.5rem 2rem 2rem}.usa-modal-wrapper [data-close-modal]>.usa-icon,.usa-modal-wrapper [data-close-modal]>.usa-icon use{pointer-events:none !important}.usa-modal__close{-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;background-color:transparent;color:#71767a;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;font-size:0.93rem;margin:-2rem 0 0 auto;padding:0.25rem 0.25rem;width:auto}.usa-modal__close:hover,.usa-modal__close:active{background-color:transparent;color:#1b1b1b}.usa-modal__close:focus{outline-offset:0}.usa-modal__close .usa-icon{height:2rem;margin:2px 2px 0 0;width:2rem}.usa-modal__heading{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.4;margin-top:0}.usa-modal__footer{margin-top:1.5rem}.usa-modal--lg{max-width:55rem;width:100%}.usa-modal--lg .usa-modal__main{padding-bottom:4rem;padding-top:1.25rem;width:100%;max-width:40rem}@media all and (min-width: 40em){.usa-modal--lg .usa-modal__heading{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem}}.usa-js-modal--active{overflow:hidden}.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}}.usa-modal-alert{padding:0px;margin-left:1rem}.usa-modal__heading,.usa-modal--lg .usa-modal__heading{font-family:var(--font-serif)}.usa-modal:not(.usa-modal--lg){width:auto}.usa-modal va-button{width:100%}@media screen and (max-width: 481px){.usa-modal__content{width:85%}}:host([status=info]) .usa-modal{border-left-color:var(--vads-color-primary-alt-dark);background-color:var(--vads-color-primary-alt-lightest)}:host .usa-modal__main{position:relative;margin:0px auto;-webkit-box-sizing:border-box;box-sizing:border-box}.va-modal-alert__icon{color:var(--vads-color-base-darker);position:absolute;top:32px;left:16px}:host([status=continue]) .usa-modal{border-left-color:var(--vads-color-success-dark);background-color:var(--vads-color-success-lighter)}:host([status=success]) .usa-modal{border-left-color:var(--vads-color-success-dark);background-color:var(--vads-color-success-lighter)}:host([status=warning]) .usa-modal{border-left-color:var(--vads-color-warning);background-color:var(--vads-color-gold-lightest)}:host([status=error]) .usa-modal{border-left-color:var(--vads-color-secondary-dark);background-color:var(--vads-color-secondary-lightest)}.va-modal-alert{-webkit-box-sizing:border-box;box-sizing:border-box;border-left-style:solid;border-left-width:10px;display:-ms-inline-flexbox;display:inline-flex;padding:2rem 4rem 2rem 1.5rem}:host{display:block}:host([visible]:not([visible=false])){background:rgba(50, 58, 69, 0.8);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;left:0;overflow-y:auto;padding:0.938rem;position:fixed;scroll-behavior:smooth;text-align:center;top:0;width:100%;z-index:9001}:host([visible]:not([visible=false]))::before{content:"";display:inline-block;height:100%;vertical-align:middle}.va-modal-inner{background:var(--vads-color-white);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:auto;display:inline-block;margin:0.781rem auto;max-width:25rem;position:relative;text-align:left;vertical-align:middle;width:100%}.va-modal-close{background-color:transparent;color:var(--vads-color-base-darker);font-size:1.4rem;padding:0;position:absolute;margin:1rem;right:0;top:0;width:auto;z-index:9;white-space:nowrap}.va-modal-close:hover{color:var(--vads-color-base)}.va-modal-body{margin-right:1.25rem;overflow-wrap:break-word;padding:1.25rem;word-break:break-word;word-wrap:break-word}h1{font-family:var(--font-serif);font-size:1.25rem;line-height:1.3;margin-bottom:0.3125rem;margin-top:0.9375rem}.va-modal-title{margin:0 0 1rem 0}.alert-actions button{background-color:var(--vads-color-primary);margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0.5rem;white-space:nowrap}.alert-actions .button-secondary{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px var(--vads-color-primary);box-shadow:inset 0 0 0 2px var(--vads-color-primary);color:var(--vads-color-primary)}.alert-actions button:hover,.alert-actions button:focus{background-color:var(--vads-color-primary-dark)}.alert-actions .button-secondary:hover,.alert-actions .button-secondary:focus{background-color:var(--vads-color-gray-cool-light)}.va-modal-alert::before{display:block;width:auto;background:none;font-family:"Font Awesome 5 Free";font-size:1.25rem;margin-right:1rem;position:static;font-weight:900;height:100%;left:0;top:0}.va-modal-alert .va-modal-alert-body{display:table-cell;padding-left:1rem;padding-right:0;width:100%;vertical-align:middle}.va-modal-alert-title{margin:0 0 1.25rem 0}:host([status=continue]) .va-modal-inner{border-left-color:var(--vads-color-success-dark)}:host([status=error]) .va-modal-inner{border-left-color:var(--vads-color-secondary-dark)}:host([status=info]) .va-modal-inner{border-left-color:var(--vads-color-primary-alt-dark)}:host([status=success]) .va-modal-inner{border-left-color:var(--vads-color-success-dark)}:host([status=warning]) .va-modal-inner{border-left-color:var(--vads-color-warning)}.va-modal-alert .alert-actions{margin-top:1.5rem}.va-modal-alert .alert-actions button{margin:0}.va-modal-alert .alert-actions button+button{margin-left:1.25rem}@media (max-width: 320px){.alert-actions button{width:100%}.va-modal-alert .alert-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.va-modal-alert .alert-actions button+button{margin:1rem 0 0 0}}@media screen and (max-width: 481px){:host([visible]:not([visible=false])){overflow-y:scroll}.va-modal-inner{top:0}.va-modal-alert .alert-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.va-modal-alert .alert-actions button+button{margin:1rem 0 0 0}.usa-modal--lg .usa-modal__main{max-width:-webkit-fill-available;max-width:-moz-fit-content}}:host([large]:not([large=false])) .va-modal-inner{max-width:46.875rem;width:75vw}',VaModalStyle0=vaModalCss,VaModal=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeEvent=createEvent(this,"closeEvent",7),this.primaryButtonClick=createEvent(this,"primaryButtonClick",7),this.secondaryButtonClick=createEvent(this,"secondaryButtonClick",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.focusableChildren=null,this.clickToClose=!1,this.disableAnalytics=!1,this.large=!1,this.modalTitle=void 0,this.forcedModal=!1,this.unstyled=!1,this.initialFocusSelector=void 0,this.primaryButtonText=void 0,this.secondaryButtonText=void 0,this.status=void 0,this.visible=!1,this.ariaHiddenNodeExceptions=[],this.shifted=!1}handleButtonClickAnalytics(t){"va-modal"!==t.detail.componentName&&t.stopPropagation()}handleClick(t){this.clickToClose&&this.visible&&t.composedPath()[0]===this.el&&this.handleClose(t)}handleKeyDown(t){this.visible&&("Escape"===t.key&&this.handleClose(t),this.shifted=t.shiftKey)}handleLastElementFocus(t){var e;if(this.visible&&"Tab"===t.key&&!this.shifted){t.preventDefault();const o=0;null===(e=this.focusableChildren[o])||void 0===e||e.focus()}}handleFirstElementFocus(t){var e;if(this.visible&&"Tab"===t.key&&this.shifted){t.preventDefault();const o=this.focusableChildren.length-1;null===(e=this.focusableChildren[o])||void 0===e||e.focus()}}watchVisibleHandler(){this.isVisibleDirty=!0}componentDidLoad(){this.visible&&this.setupModal()}componentDidUpdate(){this.isVisibleDirty&&(this.isVisibleDirty=!1,this.visible?this.setupModal():this.teardownModal())}disconnectedCallback(){this.teardownModal()}handleClose(t){this.closeEvent.emit(t)}handlePrimaryButtonClick(t){if(this.primaryButtonClick.emit(t),!this.disableAnalytics){const t={componentName:"va-modal",action:"click",details:{clickLabel:this.primaryButtonText,status:this.status,title:this.modalTitle}};this.componentLibraryAnalytics.emit(t)}}handleSecondaryButtonClick(t){if(this.secondaryButtonClick.emit(t),!this.disableAnalytics){const t={componentName:"va-modal",action:"click",details:{clickLabel:this.secondaryButtonText,status:this.status,title:this.modalTitle}};this.componentLibraryAnalytics.emit(t)}}getFocusableChildren(){var t,e;const o=Array.from((null===(t=this.el)||void 0===t?void 0:t.querySelectorAll(focusableQueryString))||[]),a=Array.from((null===(e=this.alertActions)||void 0===e?void 0:e.querySelectorAll(focusableQueryString))||[]);return[this.closeButton,...o,...a].reduce(((t,e)=>{if(e&&(e.offsetWidth||e.offsetHeight))if(e.classList.contains("hydrated")){let o=[];if(o=e.shadowRoot?Array.from(e.shadowRoot.querySelectorAll(focusableQueryString)||[]):Array.from(e.querySelectorAll(focusableQueryString)||[]),o.length)return t.push(e),t.concat(o)}else t.push(e);return t}),[])}setupModal(){this.savedFocus=document.activeElement,this.focusableChildren=this.getFocusableChildren();const t=this.focusableChildren[0];t.classList.add("first-focusable-child"),t.onkeydown=t=>this.handleFirstElementFocus(t);const e=this.focusableChildren[this.focusableChildren.length-1];e.classList.add("last-focusable-child"),e.onkeydown=t=>this.handleLastElementFocus(t),(this.el.querySelector(this.initialFocusSelector)||this.el.shadowRoot.querySelector(this.initialFocusSelector)||this.closeButton).focus(),disableBodyScroll(this.el);const o=[...this.ariaHiddenNodeExceptions,this.el];if(this.undoAriaHidden=hideOthers(o),!this.disableAnalytics){const t={componentName:"va-modal",action:"show",details:{status:this.status,title:this.modalTitle,primaryButtonText:this.primaryButtonText,secondaryButtonText:this.secondaryButtonText}};this.componentLibraryAnalytics.emit(t)}}teardownModal(){var t,e;clearAllBodyScrollLocks(),null===(t=this.undoAriaHidden)||void 0===t||t.call(this),null===(e=this.savedFocus)||void 0===e||e.focus()}render(){const{modalTitle:t,primaryButtonClick:e,primaryButtonText:o,secondaryButtonClick:a,secondaryButtonText:s,status:n,visible:i,forcedModal:u,unstyled:r}=this;if(!i)return null;const l=t&&""!==t?`${t} modal`:null,d=t?`Close ${t} modal`:"Close modal",c=classnames({"usa-modal":!0,"va-modal-alert":n,"usa-modal--lg":this.large}),b=classnames({"usa-modal__content":!0,"usa-modal-alert":n}),m=classnames({"usa-modal__main":!0,"usa-modal-alert":n,"va-modal-alert-body":n}),v=classnames({"usa-modal__heading":!0,"va-modal-alert-title":n}),p=u?"":h("button",{"aria-label":d,class:"va-modal-close",onClick:t=>this.handleClose(t),ref:t=>this.closeButton=t,type:"button"},h("va-icon",{icon:"cancel",size:4}));return h(Host,null,h("div",{class:c,role:"warning"===n||"error"===n?"alertdialog":"dialog","aria-label":l,"aria-modal":"true"},h("div",{class:b},p,n&&h("va-icon",{class:"va-modal-alert__icon",icon:{continue:"lock",error:"error",info:"info",success:"check",warning:"warning"}[n],size:4}),h("div",{class:m},h("div",{role:"document"},t&&h("h2",{class:v,tabindex:-1,id:"heading"},t),h("div",{class:"usa-prose",id:"description"},h("slot",null))),(e&&o||a&&s)&&h("div",{class:"usa-modal__footer",ref:t=>this.alertActions=t},h("ul",{class:"usa-button-group"},e&&o&&h("li",{class:"usa-button-group__item"},h("va-button",{onClick:t=>this.handlePrimaryButtonClick(t),text:o})),a&&s&&h("li",{class:"usa-button-group__item"},!r&&h("va-button",{onClick:t=>this.handleSecondaryButtonClick(t),secondary:!0,text:s}),r&&h("button",{onClick:t=>this.handlePrimaryButtonClick(t),type:"button",class:"usa-button usa-button--unstyled"},s))))))))}get el(){return this}static get watchers(){return{visible:["watchVisibleHandler"]}}static get style(){return VaModalStyle0}},[1,"va-modal",{clickToClose:[4,"click-to-close"],disableAnalytics:[4,"disable-analytics"],large:[516],modalTitle:[1,"modal-title"],forcedModal:[4,"forced-modal"],unstyled:[4],initialFocusSelector:[1,"initial-focus-selector"],primaryButtonText:[1,"primary-button-text"],secondaryButtonText:[1,"secondary-button-text"],status:[1],visible:[516],ariaHiddenNodeExceptions:[16],shifted:[32]},[[0,"component-library-analytics","handleButtonClickAnalytics"],[0,"click","handleClick"],[8,"keydown","handleKeyDown"]],{visible:["watchVisibleHandler"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-modal","va-button","va-icon"].forEach((t=>{switch(t){case"va-modal":customElements.get(t)||customElements.define(t,VaModal);break;case"va-button":customElements.get(t)||defineCustomElement$2();break;case"va-icon":customElements.get(t)||defineCustomElement$1()}}))}export{VaModal as V,defineCustomElement as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";const vaNeedHelpCss=":host{display:block}.need-help h2{border-bottom:3px solid var(--vads-color-primary);margin:0.3em 0;font-family:var(--font-serif);font-size:1.35em;line-height:1.5;font-weight:bold}::slotted([slot='content']){font-family:var(--font-sans-serif);margin-top:0 !important}::slotted(p){font-family:var(--font-sans-serif);margin:0.5em 0 !important;padding:0 !important}",VaNeedHelpStyle0=vaNeedHelpCss,VaNeedHelp$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return h(Host,{key:"
|
|
1
|
+
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";const vaNeedHelpCss=":host{display:block}.need-help h2{border-bottom:3px solid var(--vads-color-primary);margin:0.3em 0;font-family:var(--font-serif);font-size:1.35em;line-height:1.5;font-weight:bold}::slotted([slot='content']){font-family:var(--font-sans-serif);margin-top:0 !important}::slotted(p){font-family:var(--font-sans-serif);margin:0.5em 0 !important;padding:0 !important}",VaNeedHelpStyle0=vaNeedHelpCss,VaNeedHelp$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return h(Host,{key:"c96b5be55b3b453118758059d2d791f74b227cc3"},h("div",{key:"32c7a6a5902ef09415920d920c704eeadab5d02d",class:"need-help"},h("h2",{key:"7fc49fe031af3c95cb6a8d1e9ed51edb57bfd1e2",id:"need-help"},"Need help?"),h("slot",{key:"ac6fcabb5490be6c66939c3b33ac41d0623174e2",name:"content"})))}static get style(){return VaNeedHelpStyle0}},[1,"va-need-help"]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-need-help"].forEach((e=>{"va-need-help"===e&&(customElements.get(e)||customElements.define(e,VaNeedHelp$1))}))}const VaNeedHelp=VaNeedHelp$1,defineCustomElement=defineCustomElement$1;export{VaNeedHelp,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host}from"@stencil/core/internal/client";import"./i18n-setup.js";import"./contacts.js";import{i as instance}from"./i18next.js";const iconHttpsSvg="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMzIgMGMxNy42NzMgMCAzMiAxNC4zMjcgMzIgMzJzLTE0LjMyNyAzMi0zMiAzMi0zMi0xNC4zMjctMzItMzIgMTQuMzI3LTMyIDMyLTMyem0wIDEuMjA4Yy0xNy4wMDYgMC0zMC43OTIgMTMuNzg2LTMwLjc5MiAzMC43OTJzMTMuNzg2IDMwLjc5MiAzMC43OTIgMzAuNzkyIDMwLjc5Mi0xMy43ODYgMzAuNzkyLTMwLjc5Mi0xMy43ODYtMzAuNzkyLTMwLjc5Mi0zMC43OTJ6bTAgMTguODg2YTcuMjQ1IDcuMjQ1IDAgMCAxIDcuMjQ1IDcuMjQ1djMuMTAzaC41MmMuODYgMCAxLjU1Ny42OTggMS41NTcgMS41NTh2OS4zMjJjMCAuODYtLjY5NyAxLjU1OC0xLjU1NyAxLjU1OGgtMTUuNTNjLS44NiAwLTEuNTU3LS42OTctMS41NTctMS41NTh2LTkuMzIyYzAtLjg2LjY5Ny0xLjU1OCAxLjU1Ny0xLjU1OGguNTJ2LTMuMTAyYTcuMjQ1IDcuMjQ1IDAgMCAxIDcuMjQ1LTcuMjQ2em0wIDMuMTAzYTQuMTQyIDQuMTQyIDAgMCAwIC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NHYtMy4xMDJhNC4xNDIgNC4xNDIgMCAwIDAgLTQuMTQyLTQuMTQzeiIgZmlsbD0iIzcxOWYyYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+",iconDotGovSvg="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4=",vaOfficialGovBannerCss='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}:host{display:block}.banner{background-color:#f0f0f0;font-size:12px;line-height:1.5;padding-bottom:0}.accordion{color:#1b1b1b;line-height:1.5;list-style-type:none;margin:0;padding:0;width:100%}.grid-col-fill{-ms-flex:1 1 0%;flex:1 1 0%;min-width:1px}.grid-col-auto,.grid-col-fill{-ms-flex:0 1 auto;flex:0 1 auto;width:auto;max-width:100%}.grid-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-0.469rem;margin-right:-0.469rem;margin-top:0;margin-bottom:0}.col{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex:0 0 46%;flex:0 0 46%;padding-left:0.469rem;padding-right:0.469rem}@media (max-width: 767px){.col{-ms-flex:unset;flex:unset}}#header{padding-bottom:6px;padding-top:6px;position:relative}#header.expanded .header-action{display:none}@media (max-width: 767px){#header{min-height:32px}#header.expanded{padding-right:56px}}.inner{margin-left:auto;margin-right:auto;max-width:1024px;padding-left:16px;padding-right:16px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start;padding-right:0}.header-flag{float:left;margin-right:8px;width:16px}.header-text{font-size:12px;margin-bottom:2px;margin-right:5px;margin-top:2px;line-height:1.1}.header-action{color:#005ea2;font-size:12px;line-height:1.1;margin-bottom:0;margin-top:2px;text-decoration:underline}@media (min-width: 768px){.header-action{display:none}}button:not([disabled]):focus{outline:2px solid var(--vads-color-action-focus-on-light)}button[aria-expanded=false],button[aria-expanded=true]{background-image:none}@media (max-width: 767px){button{width:100%}}button{border:0;color:#005ea2;font-size:12px;margin:0;margin-left:0.313rem;padding-left:0;padding-right:0;position:relative}@media (max-width: 767px){button{-webkit-font-smoothing:inherit;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;margin:0;margin-bottom:-4px;text-align:left;left:0;position:absolute;bottom:0;top:0;color:#005ea2;display:block;height:auto;line-height:1.1;padding:0;text-decoration:none;width:100%}}button:hover{color:#1a4480;cursor:pointer}.button-text{position:absolute;left:-999em;right:auto;text-decoration:underline}@media (min-width: 768px){.button-text{position:static;display:inline}}@media (max-width: 767px){#header .header-action::after,#header.expanded .header-action::after{background-color:#005ea2}#header.expanded .header-action::after,#header .header-action::after{background:0 0;background-color:#005ea2;-webkit-mask: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") no-repeat center/contain;mask: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") no-repeat center/contain;display:inline-block;height:18px;width:18px;content:"";vertical-align:middle;margin-left:2px}}@media (min-width: 768px){button::after,button:hover::after{background-color:#005ea2;position:absolute}button::after,#header.expanded button::after{background:0 0;background-color:#005ea2;display:inline-block;height:18px;width:18px;content:"";vertical-align:middle;margin-left:2px;top:-1px}button::after{-webkit-mask: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") no-repeat center/contain;mask: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") no-repeat center/contain}#header.expanded button::after{-webkit-mask: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 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask: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 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain}}@media (max-width: 767px){button[aria-expanded=true]:after{bottom:0;top:0;position:absolute;right:0}@supports ((-webkit-mask: url()) or (mask: url())){button[aria-expanded=true]::after{background:0 0;background-color:#005ea2 !important;-webkit-mask: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") no-repeat center/24px 24px;mask: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") no-repeat center/24px 24px}}button[aria-expanded=true]::after,button[aria-expanded=true]:before{position:absolute;content:"";height:48px;width:48px;bottom:0;top:0;right:0}button[aria-expanded=true]::after{background:0 0;background-color:#005ea2;-webkit-mask: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") no-repeat center/contain;mask: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") no-repeat center/contain;display:inline-block;height:48px;width:48px;content:"";vertical-align:middle;margin-left:0}button[aria-expanded=true]:before{background-color:#dfe1e2;display:block}}button::after{position:absolute}.content{margin-left:auto;margin-right:auto;max-width:1024px;background-color:transparent;font-size:16px;overflow:hidden;padding:24px 32px 16px 16px}.content img{-ms-flex-negative:0;flex-shrink:0;margin-right:8px;width:45px}.content .media-block{-ms-flex:1 1 0%;flex:1 1 0%}.content svg{height:1.5ex;width:1.21875ex}.content p{margin-top:0;-webkit-margin-after:1em;margin-block-end:1em}',VaOfficialGovBannerStyle0=vaOfficialGovBannerCss;Build.isTesting&&instance.init({lng:"cimode"});const VaOfficialGovBanner=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleClick=()=>{var e,t,a;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".content"),n=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("button"),o=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.querySelector("div#header");if(n.setAttribute("aria-expanded","true"===n.getAttribute("aria-expanded")?"false":"true"),o.classList.toggle("expanded"),i.hidden?i.removeAttribute("hidden"):i.setAttribute("hidden","true"),!this.disableAnalytics){const e={componentName:"va-official-gov-banner",action:"true"===n.getAttribute("aria-expanded")?"expand":"collapse"};this.componentLibraryAnalytics.emit(e)}},this.govSiteExplanationText=()=>{var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".gov-site-explanation-text");if(t){const e=instance.t("gov-site-explanation",{tld:this.tld});e&&(t.innerHTML=e.replace(`.${this.tld}`,`<strong>.${this.tld}</strong>`))}},this.govSiteLockText=()=>{var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".gov-site-lock-text");let a=instance.t("gov-site-lock",{image:"SVG",tld:this.tld});a=a.replace("SVG",'( <span class="icon-lock"><svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64" role="img" aria-labelledby="banner-lock-description" focusable="false">\n <title id="banner-lock-title">Lock</title>\n <desc id="banner-lock-description">Locked padlock icon</desc>\n <path fill="#000000" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"></path>\n </svg></span> )'),a=a.replace("lock","<strong>lock</strong>"),a=a.replace("candado","<strong>candado</strong>"),a=a.replace("https://","<strong>https://</strong>"),t&&(t.innerHTML=a)},this.disableAnalytics=!1,this.tld="gov"}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}componentDidLoad(){this.govSiteExplanationText(),this.govSiteLockText()}render(){const{tld:e}=this;if("gov"===e||"mil"===e)return h(Host,{key:"7869b4f29a61109e708b0b812f2f211c77ebe207"},h("div",{key:"1917bf586f23db18d8f8d478a9527fcff2205eba",class:"banner"},h("div",{key:"25f9b3966635fe3b1d2da5fe70a71fd11a307c20",class:"accordion"},h("div",{key:"356b803c72b3cf83e8450a2dcd5a94e44a6f1e58",id:"header"},h("div",{key:"49111939f4236ee2a15ef1ab64215833912519ed",class:"inner"},h("div",{key:"3bb1a2198a638a540204f82f12d030b732023741",class:"grid-col-auto"},h("img",{key:"b66cea16919e69bbb2c3d03f400d32326b4c8d35",role:"presentation",class:"header-flag",src:"https://s3-us-gov-west-1.amazonaws.com/content.www.va.gov/img/tiny-usa-flag.png",alt:""})),h("div",{key:"302252b34a8ba9d10ad2da69e02e3ec40960c6b1",class:"grid-col-fill","aria-hidden":"true"},h("p",{key:"eee51d08d14cd5975b4d729582779be8d07dc8aa",class:"header-text"},instance.t("gov-site-label")),h("p",{key:"417c200daf3e4d587e480e5d711b13082fcb83fe",class:"header-action"},instance.t("gov-site-button"))),h("button",{key:"74592195c2409306705ad662985ade6092a91cbe",onClick:this.handleClick,type:"button","aria-expanded":"false","aria-controls":"official-gov-banner"},h("span",{key:"80f36bb8be8553548abdeb381563e87b18e5e112",class:"button-text"},instance.t("gov-site-button"))))),h("div",{key:"a030f5f60ff2df42dd3b1b1d3f2c166e16e926f5",class:"content",id:"official-gov-banner",hidden:!0},h("div",{key:"d1d5fc20349f14c8f0d016db2b1c247e8299ab20",class:"grid-row"},h("div",{key:"7fc85f0756a6300403c71949ecf1a30548fce1ca",class:"col"},h("img",{key:"cd2f510b514a7e84258e555a5e459fdf48473263",src:iconHttpsSvg,role:"presentation",alt:""}),h("div",{key:"3f2f7b9a2ab9c70d9a80cc0d1be645f1980990a1",class:"media-block"},h("p",{key:"6f6852b6484352e74ef942736616389be028dfbf"},h("strong",{key:"e2b1d94e183ee1cf46c60e361cb12567cc64041d"},instance.t("gov-site-website",{tld:e})),h("br",{key:"618e591cad753873414998ceb66d3f4e693f316e"}),h("span",{key:"9912992f63c631e199cee6154b5fcfe9d37b993d",class:"gov-site-explanation-text"},this.govSiteExplanationText())))),h("div",{key:"f8ad1d503009409195f21d1c1d9fde04d6fc54e4",class:"col"},h("img",{key:"f0d4c7dfae9033416d9efc656dd6ef91c000eeeb",src:iconDotGovSvg,role:"presentation",alt:""}),h("div",{key:"d543254a725a00b887f1bd3b61a2ae00373d5e99",class:"media-block"},h("p",{key:"96a91d463ce139ab688cb955186e9ca6679af047"},h("strong",{key:"39878bbcaaab8a6cba50cdd6e8dd724d9a3dbafa"},instance.t("gov-site-https",{tld:e})),h("br",{key:"3a4861f344650125aacddd082d2a55aa658204ff"}),h("span",{key:"019edac97e6ce44ae7a6a464911b4590019a372b",class:"gov-site-lock-text"},this.govSiteLockText())))))))))}get el(){return this}static get style(){return VaOfficialGovBannerStyle0}},[1,"va-official-gov-banner",{disableAnalytics:[4,"disable-analytics"],tld:[1]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-official-gov-banner"].forEach((e=>{"va-official-gov-banner"===e&&(customElements.get(e)||customElements.define(e,VaOfficialGovBanner))}))}export{VaOfficialGovBanner as V,defineCustomElement as d};
|
|
1
|
+
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host}from"@stencil/core/internal/client";import"./i18n-setup.js";import"./contacts.js";import{i as instance}from"./i18next.js";const iconHttpsSvg="data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHdpZHRoPSI2NCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMzIgMGMxNy42NzMgMCAzMiAxNC4zMjcgMzIgMzJzLTE0LjMyNyAzMi0zMiAzMi0zMi0xNC4zMjctMzItMzIgMTQuMzI3LTMyIDMyLTMyem0wIDEuMjA4Yy0xNy4wMDYgMC0zMC43OTIgMTMuNzg2LTMwLjc5MiAzMC43OTJzMTMuNzg2IDMwLjc5MiAzMC43OTIgMzAuNzkyIDMwLjc5Mi0xMy43ODYgMzAuNzkyLTMwLjc5Mi0xMy43ODYtMzAuNzkyLTMwLjc5Mi0zMC43OTJ6bTAgMTguODg2YTcuMjQ1IDcuMjQ1IDAgMCAxIDcuMjQ1IDcuMjQ1djMuMTAzaC41MmMuODYgMCAxLjU1Ny42OTggMS41NTcgMS41NTh2OS4zMjJjMCAuODYtLjY5NyAxLjU1OC0xLjU1NyAxLjU1OGgtMTUuNTNjLS44NiAwLTEuNTU3LS42OTctMS41NTctMS41NTh2LTkuMzIyYzAtLjg2LjY5Ny0xLjU1OCAxLjU1Ny0xLjU1OGguNTJ2LTMuMTAyYTcuMjQ1IDcuMjQ1IDAgMCAxIDcuMjQ1LTcuMjQ2em0wIDMuMTAzYTQuMTQyIDQuMTQyIDAgMCAwIC00LjE0MiA0LjE0MnYzLjEwM2g4LjI4NHYtMy4xMDJhNC4xNDIgNC4xNDIgMCAwIDAgLTQuMTQyLTQuMTQzeiIgZmlsbD0iIzcxOWYyYSIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+",iconDotGovSvg="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjY0IiBoZWlnaHQ9IjY0IiB2aWV3Qm94PSIwIDAgNjQgNjQiPjx0aXRsZT5pY29uLWRvdC1nb3Y8L3RpdGxlPjxwYXRoIGZpbGw9IiMyMzc4QzMiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMyIDBjMTcuNjczIDAgMzIgMTQuMzI3IDMyIDMyIDAgMTcuNjczLTE0LjMyNyAzMi0zMiAzMkMxNC4zMjcgNjQgMCA0OS42NzMgMCAzMiAwIDE0LjMyNyAxNC4zMjcgMCAzMiAwem0wIDEuMjA4QzE0Ljk5NCAxLjIwOCAxLjIwOCAxNC45OTQgMS4yMDggMzJTMTQuOTk0IDYyLjc5MiAzMiA2Mi43OTIgNjIuNzkyIDQ5LjAwNiA2Mi43OTIgMzIgNDkuMDA2IDEuMjA4IDMyIDEuMjA4em0xMC41OSAzOC44NThhLjg1Ny44NTcgMCAwIDEgLjg4Mi44MjJ2MS42NDJIMTguODg2di0xLjY0MmEuODU3Ljg1NyAwIDAgMSAuODgyLS44MjJINDIuNTl6TTI1LjQ0MyAyNy43NzR2OS44MjloMS42NDJ2LTkuODNoMy4yNzN2OS44M0gzMnYtOS44M2gzLjI3MnY5LjgzaDEuNjQzdi05LjgzaDMuMjcydjkuODNoLjc2YS44NTcuODU3IDAgMCAxIC44ODIuODIxdi44MjFoLTIxLjN2LS44MDlhLjg1Ny44NTcgMCAwIDEgLjg4LS44MmguNzYydi05Ljg0MmgzLjI3MnptNS43MzYtOC4xODhsMTIuMjkzIDQuOTE1djEuNjQyaC0xLjYzYS44NTcuODU3IDAgMCAxLS44ODIuODIySDIxLjQxYS44NTcuODU3IDAgMCAxLS44ODItLjgyMmgtMS42NDJ2LTEuNjQybDEyLjI5My00LjkxNXoiLz48L3N2Zz4=",vaOfficialGovBannerCss='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}:host{display:block}.banner{background-color:#f0f0f0;font-size:12px;line-height:1.5;padding-bottom:0}.accordion{color:#1b1b1b;line-height:1.5;list-style-type:none;margin:0;padding:0;width:100%}.grid-col-fill{-ms-flex:1 1 0%;flex:1 1 0%;min-width:1px}.grid-col-auto,.grid-col-fill{-ms-flex:0 1 auto;flex:0 1 auto;width:auto;max-width:100%}.grid-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-0.469rem;margin-right:-0.469rem;margin-top:0;margin-bottom:0}.col{-ms-flex-align:start;align-items:flex-start;display:-ms-flexbox;display:flex;-ms-flex:0 0 46%;flex:0 0 46%;padding-left:0.469rem;padding-right:0.469rem}@media (max-width: 767px){.col{-ms-flex:unset;flex:unset}}#header{padding-bottom:6px;padding-top:6px;position:relative}#header.expanded .header-action{display:none}@media (max-width: 767px){#header{min-height:32px}#header.expanded{padding-right:56px}}.inner{margin-left:auto;margin-right:auto;max-width:1024px;padding-left:16px;padding-right:16px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start;padding-right:0}.header-flag{float:left;margin-right:8px;width:16px}.header-text{font-size:12px;margin-bottom:2px;margin-right:5px;margin-top:2px;line-height:1.1}.header-action{color:#005ea2;font-size:12px;line-height:1.1;margin-bottom:0;margin-top:2px;text-decoration:underline}@media (min-width: 768px){.header-action{display:none}}button:not([disabled]):focus{outline:2px solid var(--vads-color-action-focus-on-light)}button[aria-expanded=false],button[aria-expanded=true]{background-image:none}@media (max-width: 767px){button{width:100%}}button{border:0;color:#005ea2;font-size:12px;margin:0;margin-left:0.313rem;padding-left:0;padding-right:0;position:relative}@media (max-width: 767px){button{-webkit-font-smoothing:inherit;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;margin:0;margin-bottom:-4px;text-align:left;left:0;position:absolute;bottom:0;top:0;color:#005ea2;display:block;height:auto;line-height:1.1;padding:0;text-decoration:none;width:100%}}button:hover{color:#1a4480;cursor:pointer}.button-text{position:absolute;left:-999em;right:auto;text-decoration:underline}@media (min-width: 768px){.button-text{position:static;display:inline}}@media (max-width: 767px){#header .header-action::after,#header.expanded .header-action::after{background-color:#005ea2}#header.expanded .header-action::after,#header .header-action::after{background:0 0;background-color:#005ea2;-webkit-mask: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") no-repeat center/contain;mask: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") no-repeat center/contain;display:inline-block;height:18px;width:18px;content:"";vertical-align:middle;margin-left:2px}}@media (min-width: 768px){button::after,button:hover::after{background-color:#005ea2;position:absolute}button::after,#header.expanded button::after{background:0 0;background-color:#005ea2;display:inline-block;height:18px;width:18px;content:"";vertical-align:middle;margin-left:2px;top:-1px}button::after{-webkit-mask: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") no-repeat center/contain;mask: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") no-repeat center/contain}#header.expanded button::after{-webkit-mask: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 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;mask: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 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z%22%2F%3E%3C%2Fsvg%3E") no-repeat center/contain}}@media (max-width: 767px){button[aria-expanded=true]:after{bottom:0;top:0;position:absolute;right:0}@supports ((-webkit-mask: url()) or (mask: url())){button[aria-expanded=true]::after{background:0 0;background-color:#005ea2 !important;-webkit-mask: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") no-repeat center/24px 24px;mask: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") no-repeat center/24px 24px}}button[aria-expanded=true]::after,button[aria-expanded=true]:before{position:absolute;content:"";height:48px;width:48px;bottom:0;top:0;right:0}button[aria-expanded=true]::after{background:0 0;background-color:#005ea2;-webkit-mask: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") no-repeat center/contain;mask: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") no-repeat center/contain;display:inline-block;height:48px;width:48px;content:"";vertical-align:middle;margin-left:0}button[aria-expanded=true]:before{background-color:#dfe1e2;display:block}}button::after{position:absolute}.content{margin-left:auto;margin-right:auto;max-width:1024px;background-color:transparent;font-size:16px;overflow:hidden;padding:24px 32px 16px 16px}.content img{-ms-flex-negative:0;flex-shrink:0;margin-right:8px;width:45px}.content .media-block{-ms-flex:1 1 0%;flex:1 1 0%}.content svg{height:1.5ex;width:1.21875ex}.content p{margin-top:0;-webkit-margin-after:1em;margin-block-end:1em}',VaOfficialGovBannerStyle0=vaOfficialGovBannerCss;Build.isTesting&&instance.init({lng:"cimode"});const VaOfficialGovBanner=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleClick=()=>{var e,t,a;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".content"),n=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("button"),o=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.querySelector("div#header");if(n.setAttribute("aria-expanded","true"===n.getAttribute("aria-expanded")?"false":"true"),o.classList.toggle("expanded"),i.hidden?i.removeAttribute("hidden"):i.setAttribute("hidden","true"),!this.disableAnalytics){const e={componentName:"va-official-gov-banner",action:"true"===n.getAttribute("aria-expanded")?"expand":"collapse"};this.componentLibraryAnalytics.emit(e)}},this.govSiteExplanationText=()=>{var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".gov-site-explanation-text");if(t){const e=instance.t("gov-site-explanation",{tld:this.tld});e&&(t.innerHTML=e.replace(`.${this.tld}`,`<strong>.${this.tld}</strong>`))}},this.govSiteLockText=()=>{var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".gov-site-lock-text");let a=instance.t("gov-site-lock",{image:"SVG",tld:this.tld});a=a.replace("SVG",'( <span class="icon-lock"><svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64" role="img" aria-labelledby="banner-lock-description" focusable="false">\n <title id="banner-lock-title">Lock</title>\n <desc id="banner-lock-description">Locked padlock icon</desc>\n <path fill="#000000" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"></path>\n </svg></span> )'),a=a.replace("lock","<strong>lock</strong>"),a=a.replace("candado","<strong>candado</strong>"),a=a.replace("https://","<strong>https://</strong>"),t&&(t.innerHTML=a)},this.disableAnalytics=!1,this.tld="gov"}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}componentDidLoad(){this.govSiteExplanationText(),this.govSiteLockText()}render(){const{tld:e}=this;if("gov"===e||"mil"===e)return h(Host,{key:"c378f952142cb5e7903e3aa0b5c637631ca741c8"},h("div",{key:"fbd2966acc5c52ec9a058a52c199681fbc919d78",class:"banner"},h("div",{key:"56f2eb8b1815153309aeeae86c8afa63cb58ded9",class:"accordion"},h("div",{key:"84fe09c6e726b107e7a46bd299943e6015e70899",id:"header"},h("div",{key:"a363463133720c76a86f6938800b8cc80caa4651",class:"inner"},h("div",{key:"fa94a58dbae2757c4c9360673a723eacb8b9e4a5",class:"grid-col-auto"},h("img",{key:"9605f6dc36e5fe917a82de21886d4e8ab475baa0",role:"presentation",class:"header-flag",src:"https://s3-us-gov-west-1.amazonaws.com/content.www.va.gov/img/tiny-usa-flag.png",alt:""})),h("div",{key:"6831f2fe7180dfaf6e1380093767040f099b6e72",class:"grid-col-fill","aria-hidden":"true"},h("p",{key:"ba0099cc48e7b49f6b89db081a7c961c75b064ad",class:"header-text"},instance.t("gov-site-label")),h("p",{key:"49249febaabb9961854740d07e33e50ede61468e",class:"header-action"},instance.t("gov-site-button"))),h("button",{key:"aec727ff59812517fb2d9e137b22042888948656",onClick:this.handleClick,type:"button","aria-expanded":"false","aria-controls":"official-gov-banner"},h("span",{key:"32913213b65eac053c7b91fe05e734f13ae49408",class:"button-text"},instance.t("gov-site-button"))))),h("div",{key:"e2e1981115efe657c279647cb9d90ecef56fa9aa",class:"content",id:"official-gov-banner",hidden:!0},h("div",{key:"14450386401622d727d087de8ad49c244940d96b",class:"grid-row"},h("div",{key:"70b8081d040203c5022700b1b248d351a53df734",class:"col"},h("img",{key:"facbcbc6a4b537a9498d4775b05663253648f91a",src:iconHttpsSvg,role:"presentation",alt:""}),h("div",{key:"b452a50cfcd28e3d112809e9295ed0970da7fcaf",class:"media-block"},h("p",{key:"dc780695d2621c86c64711b252cdffa1cbfb1ab8"},h("strong",{key:"5e20b22c66ca77527d688307ed305d93ecc763cc"},instance.t("gov-site-website",{tld:e})),h("br",{key:"04e1685137355cc5ae8204086386645804790f9b"}),h("span",{key:"53c8bdcac12c83162f580174bee02e93d1207126",class:"gov-site-explanation-text"},this.govSiteExplanationText())))),h("div",{key:"c8d4dc0be97b2997f3fdd97b53f606b0ffd9b6c0",class:"col"},h("img",{key:"5950c659c118816d2493e8aab751234b89c02692",src:iconDotGovSvg,role:"presentation",alt:""}),h("div",{key:"e2e3e46d3f9ba800177d91be3ad8c029aa6140a0",class:"media-block"},h("p",{key:"41f139c442ee183defd6963ec9fa76bf3f29f61a"},h("strong",{key:"26df46a17a964a1e986fbe42064d6c68cfcf0cd4"},instance.t("gov-site-https",{tld:e})),h("br",{key:"dd29b366cfb95ae6c6e1b580dc14ee6debfc494c"}),h("span",{key:"5d77fc98562e00b3d5bf58550eeaba8fc5d5a0e6",class:"gov-site-lock-text"},this.govSiteLockText())))))))))}get el(){return this}static get style(){return VaOfficialGovBannerStyle0}},[1,"va-official-gov-banner",{disableAnalytics:[4,"disable-analytics"],tld:[1]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-official-gov-banner"].forEach((e=>{"va-official-gov-banner"===e&&(customElements.get(e)||customElements.define(e,VaOfficialGovBanner))}))}export{VaOfficialGovBanner as V,defineCustomElement as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{d as defineCustomElement$5}from"./va-button2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-modal2.js";import{d as defineCustomElement$2}from"./va-telephone2.js";const vaOmbInfoCss=":host{display:block;font-size:1.06rem}",VaOmbInfoStyle0=vaOmbInfoCss,VaOmbInfo$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.modalContents=null,this.toggleModalVisible=()=>{this.visible=!this.visible},this.handleSlotChange=()=>{this.modalContents=null},this.visible=void 0,this.shifted=!1,this.benefitType="benefits",this.expDate=void 0,this.ombNumber=void 0,this.resBurden=void 0}trackShiftKey(e){this.shifted=e.shiftKey}trapFocus(){var e;const t=null===(e=this.el)||void 0===e?void 0:e.shadowRoot.querySelector("va-modal"),o=null==t?void 0:t.getAttribute("visible");if(null!==o&&"false"!==o){let e;const o=this.shifted?".last-focusable-child":'[role="document"]';e=this.shifted?null==t?void 0:t.querySelector("va-telephone").shadowRoot.querySelector(o):null==t?void 0:t.shadowRoot.querySelector(o),null==e||e.focus()}}componentWillLoad(){this.modalContents=h("div",null,this.resBurden&&h("p",null,h("strong",null,"Respondent Burden:")," We need this information to determine your eligibility for ",this.benefitType," (38 U.S.C. 3471). Title 38, United States Code, allows us to ask for this information. We estimate that you will need an average of ",this.resBurden," ","minutes to review the instructions, find the information, and complete this form. The VA cannot conduct or sponsor a collection of information unless a valid OMB (Office of Management and Budget) control number is displayed. You are not required to respond to a collection of information if this number is not displayed. Valid OMB control numbers can be located on the OMB Internet Page at www.reginfo.gov/public/do/PRAMain. If desired, you can call"," ",h("va-telephone",{contact:"8008271000",international:!0})," to get information on where to send comments or suggestions about this form."),h("p",null,h("strong",null,"Privacy Act Notice:")," The VA will not disclose information collected on this form to any source other than what has been authorized under the Privacy Act of 1974 or title 38, Code of Federal Regulations, section 1.576 for routine uses (e.g., the VA sends educational forms or letters with a veteran’s identifying information to the Veteran’s school or training establishment to (1) assist the veteran in the completion of claims forms or (2) for the VA to obtain further information as may be necessary from the school for VA to properly process the Veteran’s education claim or to monitor his or her progress during training) as identified in the VA system of records, 58VA21/22/28, Compensation, Pension, Education, and Vocational Rehabilitation and Employment Records - VA, and published in the Federal Register. Your obligation to respond is required to obtain or retain",this.benefitType,". Giving us your SSN account information is voluntary. Refusal to provide your SSN by itself will not result in the denial of benefits. The VA will not deny an individual benefits for refusing to provide his or her SSN unless the disclosure of the SSN is required by a Federal Statute of law enacted before January 1, 1975, and still in effect. The requested information is considered relevant and necessary to determine the maximum benefits under the law. While you do not have to respond, VA cannot process your claim for education assistance unless the information is furnished as required by existing law (38 U.S.C. 3471). The responses you submit are considered confidential (38 U.S.C. 5701). Any information provided by applicants, recipients, and others may be subject to verification through computer matching programs with other agencies."))}render(){const{expDate:e,handleSlotChange:t,modalContents:o,ombNumber:n,resBurden:i,toggleModalVisible:s,visible:a}=this;return h(Host,{key:"
|
|
1
|
+
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{d as defineCustomElement$5}from"./va-button2.js";import{d as defineCustomElement$4}from"./va-icon2.js";import{d as defineCustomElement$3}from"./va-modal2.js";import{d as defineCustomElement$2}from"./va-telephone2.js";const vaOmbInfoCss=":host{display:block;font-size:1.06rem}",VaOmbInfoStyle0=vaOmbInfoCss,VaOmbInfo$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.modalContents=null,this.toggleModalVisible=()=>{this.visible=!this.visible},this.handleSlotChange=()=>{this.modalContents=null},this.visible=void 0,this.shifted=!1,this.benefitType="benefits",this.expDate=void 0,this.ombNumber=void 0,this.resBurden=void 0}trackShiftKey(e){this.shifted=e.shiftKey}trapFocus(){var e;const t=null===(e=this.el)||void 0===e?void 0:e.shadowRoot.querySelector("va-modal"),o=null==t?void 0:t.getAttribute("visible");if(null!==o&&"false"!==o){let e;const o=this.shifted?".last-focusable-child":'[role="document"]';e=this.shifted?null==t?void 0:t.querySelector("va-telephone").shadowRoot.querySelector(o):null==t?void 0:t.shadowRoot.querySelector(o),null==e||e.focus()}}componentWillLoad(){this.modalContents=h("div",null,this.resBurden&&h("p",null,h("strong",null,"Respondent Burden:")," We need this information to determine your eligibility for ",this.benefitType," (38 U.S.C. 3471). Title 38, United States Code, allows us to ask for this information. We estimate that you will need an average of ",this.resBurden," ","minutes to review the instructions, find the information, and complete this form. The VA cannot conduct or sponsor a collection of information unless a valid OMB (Office of Management and Budget) control number is displayed. You are not required to respond to a collection of information if this number is not displayed. Valid OMB control numbers can be located on the OMB Internet Page at www.reginfo.gov/public/do/PRAMain. If desired, you can call"," ",h("va-telephone",{contact:"8008271000",international:!0})," to get information on where to send comments or suggestions about this form."),h("p",null,h("strong",null,"Privacy Act Notice:")," The VA will not disclose information collected on this form to any source other than what has been authorized under the Privacy Act of 1974 or title 38, Code of Federal Regulations, section 1.576 for routine uses (e.g., the VA sends educational forms or letters with a veteran’s identifying information to the Veteran’s school or training establishment to (1) assist the veteran in the completion of claims forms or (2) for the VA to obtain further information as may be necessary from the school for VA to properly process the Veteran’s education claim or to monitor his or her progress during training) as identified in the VA system of records, 58VA21/22/28, Compensation, Pension, Education, and Vocational Rehabilitation and Employment Records - VA, and published in the Federal Register. Your obligation to respond is required to obtain or retain",this.benefitType,". Giving us your SSN account information is voluntary. Refusal to provide your SSN by itself will not result in the denial of benefits. The VA will not deny an individual benefits for refusing to provide his or her SSN unless the disclosure of the SSN is required by a Federal Statute of law enacted before January 1, 1975, and still in effect. The requested information is considered relevant and necessary to determine the maximum benefits under the law. While you do not have to respond, VA cannot process your claim for education assistance unless the information is furnished as required by existing law (38 U.S.C. 3471). The responses you submit are considered confidential (38 U.S.C. 5701). Any information provided by applicants, recipients, and others may be subject to verification through computer matching programs with other agencies."))}render(){const{expDate:e,handleSlotChange:t,modalContents:o,ombNumber:n,resBurden:i,toggleModalVisible:s,visible:a}=this;return h(Host,{key:"dca9b196d34bc3cb3932dcc1be6f3af4f258e42b"},i&&h("div",{key:"626032a94eef26525eb0bde405dfedc485c6c4b1"},"Respondent burden: ",h("strong",{key:"25f1c0e5e227611c9e05e24e050327139010c88d"},i," minutes")),n&&h("div",{key:"338431a261cababb6f7ce7486917c9fa4de48595"},"OMB Control #: ",h("strong",{key:"917ebb6fd3907bad0a054537f48bba03e60701da"},n)),h("div",{key:"421607f468f18ec07a922385f4d5ebcf7bceed74"},"Expiration date: ",h("strong",{key:"f1036a9e1b82e571fa8dd8c4b5ddcb15efff75e9"},e)),h("div",{key:"b7db44b1c303e157e598bcea46077ee600b070f2"},h("va-button",{key:"4046e1a3384fee454c091bad5e91a7f3bb4913a3",onClick:s,onFocusin:()=>this.trapFocus(),secondary:!0,text:"View Privacy Act Statement"})),h("va-modal",{key:"e7f8d5b35dadc36d7d22d087e6835ece7b4235e8",large:!0,modalTitle:"Privacy Act Statement",onCloseEvent:s,visible:a,ariaHiddenNodeExceptions:[this.el]},h("slot",{key:"1bd7373e986d6f21c772a93c4204529fd880cc82",onSlotchange:t}),o))}get el(){return this}static get style(){return VaOmbInfoStyle0}},[1,"va-omb-info",{benefitType:[1,"benefit-type"],expDate:[1,"exp-date"],ombNumber:[1,"omb-number"],resBurden:[2,"res-burden"],visible:[32],shifted:[32]},[[8,"keydown","trackShiftKey"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-omb-info","va-button","va-icon","va-modal","va-telephone"].forEach((e=>{switch(e){case"va-omb-info":customElements.get(e)||customElements.define(e,VaOmbInfo$1);break;case"va-button":customElements.get(e)||defineCustomElement$5();break;case"va-icon":customElements.get(e)||defineCustomElement$4();break;case"va-modal":customElements.get(e)||defineCustomElement$3();break;case"va-telephone":customElements.get(e)||defineCustomElement$2()}}))}const VaOmbInfo=VaOmbInfo$1,defineCustomElement=defineCustomElement$1;export{VaOmbInfo,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$3}from"./va-checkbox2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaPrivacyAgreementCss=".sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;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}:host{display:block}va-checkbox::part(checkbox){max-width:100%}:host .description{font-size:16.96px}a{color:var(--vads-color-link)}.privacy-policy-icon{margin-left:4px;vertical-align:text-top}",VaPrivacyAgreementStyle0=vaPrivacyAgreementCss,VaPrivacyAgreement$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.vaChange=createEvent(this,"vaChange",7),this.handleCheckboxChange=e=>{this.checked=e.target.checked,this.vaChange.emit({checked:this.checked}),this.enableAnalytics&&this.componentLibraryAnalytics.emit({componentName:"va-privacy-agreement",action:"click",details:{checked:this.checked}})},this.checked=!1,this.showError=!1,this.enableAnalytics=!1}errorMessage(){return this.showError&&!this.checked?"You must accept the privacy policy before continuing.":null}render(){const e=classnames({"usa-label--error":this.showError});return h(Host,{key:"
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$3}from"./va-checkbox2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaPrivacyAgreementCss=".sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;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}:host{display:block}va-checkbox::part(checkbox){max-width:100%}:host .description{font-size:16.96px}a{color:var(--vads-color-link)}.privacy-policy-icon{margin-left:4px;vertical-align:text-top}",VaPrivacyAgreementStyle0=vaPrivacyAgreementCss,VaPrivacyAgreement$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.vaChange=createEvent(this,"vaChange",7),this.handleCheckboxChange=e=>{this.checked=e.target.checked,this.vaChange.emit({checked:this.checked}),this.enableAnalytics&&this.componentLibraryAnalytics.emit({componentName:"va-privacy-agreement",action:"click",details:{checked:this.checked}})},this.checked=!1,this.showError=!1,this.enableAnalytics=!1}errorMessage(){return this.showError&&!this.checked?"You must accept the privacy policy before continuing.":null}render(){const e=classnames({"usa-label--error":this.showError});return h(Host,{key:"b6a578b65bb94f080a2ba7704a9cc31ffd6eb0fe"},h("va-checkbox",{key:"2e09dd4dbd423c64b727a4a12135e06d45e5f19b",required:!0,error:this.errorMessage(),id:"checkbox",label:"I have read and accept the privacy policy.",checked:this.checked,onVaChange:this.handleCheckboxChange},h("span",{key:"a7150f864a4122fee0bf20592b33f5e2faefd8c0",class:`${e} description`,slot:"description"},"Please read and accept the ",h("a",{key:"b8986cd25ca4611fc4fd6e758ebe2da14d31e033",href:"/privacy-policy/",target:"_blank"},"privacy policy",h("va-icon",{key:"55becf2e514223ca39a81683597ab5cd25c4c9ae",class:"privacy-policy-icon",icon:"launch",size:2}),h("span",{key:"d832cc083904dfe29e6df8942ab95f5b5aa3d130",class:"usa-sr-only"},"opens in a new window")),".")))}static get style(){return VaPrivacyAgreementStyle0}},[1,"va-privacy-agreement",{checked:[1028],showError:[4,"show-error"],enableAnalytics:[4,"enable-analytics"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-privacy-agreement","va-checkbox","va-icon"].forEach((e=>{switch(e){case"va-privacy-agreement":customElements.get(e)||customElements.define(e,VaPrivacyAgreement$1);break;case"va-checkbox":customElements.get(e)||defineCustomElement$3();break;case"va-icon":customElements.get(e)||defineCustomElement$2()}}))}const VaPrivacyAgreement=VaPrivacyAgreement$1,defineCustomElement=defineCustomElement$1;export{VaPrivacyAgreement,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";const vaProcessListItemCss='.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-process-list>li{margin-bottom:0;max-width:unset}.usa-process-list>.usa-process-list__item{max-width:72ex}.usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-prose .usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-prose .usa-process-list>li{margin-bottom:0;max-width:unset}.usa-prose .usa-process-list>.usa-process-list__item{max-width:72ex}.usa-prose .usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-process-list__item:last-child{border-left:0.5rem solid transparent}.usa-process-list__item::before{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.5rem;border-radius:99rem;width:2.5rem;background-color:white;border:0.25rem solid #1b1b1b;-webkit-box-shadow:0 0 0 0.25rem white;box-shadow:0 0 0 0.25rem white;color:#1b1b1b;content:counter(usa-numbered-list, decimal);counter-increment:usa-numbered-list;display:-ms-flexbox;display:flex;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;font-weight:700;height:2.5rem;left:0;line-height:0.9;margin-top:-0.4rem;position:absolute;width:2.5rem}.usa-process-list__item ul{list-style-type:disc}.usa-process-list__item ul li{margin-bottom:0.25rem}.usa-process-list__item ul li:last-child{margin-bottom:0}.usa-process-list__item>*:first-child{margin-top:0}.usa-process-list__item>*:last-child{margin-bottom:0}.usa-process-list__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-weight:700;margin:0}.usa-process-list__heading+*{margin-top:0.25rem}.usa-process-list__item{display:list-item}va-process-list-item[pending=true] .usa-process-list__heading{color:var(--vads-process-list-color-text-pending-on-light)}va-process-list-item[active=true] .usa-process-list__heading{color:var(--vads-color-primary)}.usa-process-list__heading:is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}h1.usa-process-list__heading{font-size:40px}h2.usa-process-list__heading{font-size:30px}h3.usa-process-list__heading{font-size:20px}h4.usa-process-list__heading{font-size:17px}h5.usa-process-list__heading,h6.usa-process-list__heading{font-size:15px}',VaProcessListItemStyle0=vaProcessListItemCss,VaProcessListItem$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.header=void 0,this.level=3,this.active=!1,this.pending=!1,this.checkmark=!1}render(){const{header:e,level:s,checkmark:t,active:i,pending:
|
|
1
|
+
import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";const vaProcessListItemCss='.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-process-list>li{margin-bottom:0;max-width:unset}.usa-process-list>.usa-process-list__item{max-width:72ex}.usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-prose .usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-prose .usa-process-list>li{margin-bottom:0;max-width:unset}.usa-prose .usa-process-list>.usa-process-list__item{max-width:72ex}.usa-prose .usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-process-list__item:last-child{border-left:0.5rem solid transparent}.usa-process-list__item::before{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.5rem;border-radius:99rem;width:2.5rem;background-color:white;border:0.25rem solid #1b1b1b;-webkit-box-shadow:0 0 0 0.25rem white;box-shadow:0 0 0 0.25rem white;color:#1b1b1b;content:counter(usa-numbered-list, decimal);counter-increment:usa-numbered-list;display:-ms-flexbox;display:flex;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;font-weight:700;height:2.5rem;left:0;line-height:0.9;margin-top:-0.4rem;position:absolute;width:2.5rem}.usa-process-list__item ul{list-style-type:disc}.usa-process-list__item ul li{margin-bottom:0.25rem}.usa-process-list__item ul li:last-child{margin-bottom:0}.usa-process-list__item>*:first-child{margin-top:0}.usa-process-list__item>*:last-child{margin-bottom:0}.usa-process-list__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-weight:700;margin:0}.usa-process-list__heading+*{margin-top:0.25rem}.usa-process-list__item{display:list-item}.usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker);text-transform:uppercase}va-process-list-item[pending=true] .usa-process-list__heading{color:var(--vads-process-list-color-text-pending-on-light)}va-process-list-item[active=true] .usa-process-list__heading{color:var(--vads-color-primary)}.usa-process-list__heading:is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}h1.usa-process-list__heading{font-size:40px}h2.usa-process-list__heading{font-size:30px}h3.usa-process-list__heading{font-size:20px}h4.usa-process-list__heading{font-size:17px}h5.usa-process-list__heading,h6.usa-process-list__heading{font-size:15px}',VaProcessListItemStyle0=vaProcessListItemCss,VaProcessListItem$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.header=void 0,this.level=3,this.active=!1,this.pending=!1,this.checkmark=!1}render(){const{header:e,level:s,checkmark:t,active:i,pending:r}=this,o=`h${s}`,a=t?"checkmark":i?"active":r?"pending":null;return h(Host,{key:"d4ca3cb81ff74820e8b268b77a520dcd535b91a7",role:"listitem",class:"usa-process-list__item"},a?h("div",{class:"usa-process-list__heading-eyebrow"},{checkmark:"Complete",active:"Active",pending:"Pending"}[a]):null,e?h(o,{class:"usa-process-list__heading"},e):null,h("slot",{key:"c62945e929ffec5927652111e6b2b29060e27460"}))}static get style(){return VaProcessListItemStyle0}},[4,"va-process-list-item",{header:[1],level:[2],active:[4],pending:[4],checkmark:[4]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-process-list-item"].forEach((e=>{"va-process-list-item"===e&&(customElements.get(e)||customElements.define(e,VaProcessListItem$1))}))}const VaProcessListItem=VaProcessListItem$1,defineCustomElement=defineCustomElement$1;export{VaProcessListItem,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";const vaProcessListCss='.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-process-list>li{margin-bottom:0;max-width:unset}.usa-process-list>.usa-process-list__item{max-width:72ex}.usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-prose .usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-prose .usa-process-list>li{margin-bottom:0;max-width:unset}.usa-prose .usa-process-list>.usa-process-list__item{max-width:72ex}.usa-prose .usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-process-list__item:last-child{border-left:0.5rem solid transparent}.usa-process-list__item::before{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.5rem;border-radius:99rem;width:2.5rem;background-color:white;border:0.25rem solid #1b1b1b;-webkit-box-shadow:0 0 0 0.25rem white;box-shadow:0 0 0 0.25rem white;color:#1b1b1b;content:counter(usa-numbered-list, decimal);counter-increment:usa-numbered-list;display:-ms-flexbox;display:flex;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;font-weight:700;height:2.5rem;left:0;line-height:0.9;margin-top:-0.4rem;position:absolute;width:2.5rem}.usa-process-list__item ul{list-style-type:disc}.usa-process-list__item ul li{margin-bottom:0.25rem}.usa-process-list__item ul li:last-child{margin-bottom:0}.usa-process-list__item>*:first-child{margin-top:0}.usa-process-list__item>*:last-child{margin-bottom:0}.usa-process-list__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-weight:700;margin:0}.usa-process-list__heading+*{margin-top:0.25rem}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host{counter-reset:usa-numbered-list}::slotted(va-process-list-item[checkmark=true]):before{color:var(--vads-color-success-dark) !important;border-color:var(--vads-color-success-dark) !important;content:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2218px%22 height%3D%2215px%22 viewBox%3D%220 0 18 15%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3Ctitle%3EIcons %2F Font Awesome %2F fa-check%3C%2Ftitle%3E %3Cg id%3D%22----Process-List%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%22Process-List-%2F-_elements-%2F-number-%2F-complete-%22 transform%3D%22translate(-11.000000%2C -12.000000)%22 fill%3D%22%23008817%22%3E %3Cg id%3D%22Icons-%2F-Font-Awesome-%2F-fa-check%22 transform%3D%22translate(11.000000%2C 12.250000)%22%3E %3Cpath d%3D%22M18%2C2.69419355 C18%2C2.98451613 17.883871%2C3.27483871 17.6748387%2C3.48387097 L7.68774194%2C13.4709677 C7.47870968%2C13.68 7.1883871%2C13.796129 6.89806452%2C13.796129 C6.60774194%2C13.796129 6.31741935%2C13.68 6.1083871%2C13.4709677 L0.32516129%2C7.68774194 C0.116129032%2C7.47870968 0%2C7.1883871 0%2C6.89806452 C0%2C6.60774194 0.116129032%2C6.31741935 0.32516129%2C6.1083871 L1.90451613%2C4.52903226 C2.11354839%2C4.32 2.40387097%2C4.20387097 2.69419355%2C4.20387097 C2.98451613%2C4.20387097 3.27483871%2C4.32 3.48387097%2C4.52903226 L6.89806452%2C7.95483871 L14.516129%2C0.32516129 C14.7251613%2C0.116129032 15.0154839%2C-1.77635684e-15 15.3058065%2C-1.77635684e-15 C15.596129%2C-1.77635684e-15 15.8864516%2C0.116129032 16.0954839%2C0.32516129 L17.6748387%2C1.90451613 C17.883871%2C2.11354839 18%2C2.40387097 18%2C2.69419355 Z%22 id%3D%22icon%22%3E%3C%2Fpath%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E") !important;content:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2218px%22 height%3D%2215px%22 viewBox%3D%220 0 18 15%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3Ctitle%3EIcons %2F Font Awesome %2F fa-check%3C%2Ftitle%3E %3Cg id%3D%22----Process-List%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%22Process-List-%2F-_elements-%2F-number-%2F-complete-%22 transform%3D%22translate(-11.000000%2C -12.000000)%22 fill%3D%22%23008817%22%3E %3Cg id%3D%22Icons-%2F-Font-Awesome-%2F-fa-check%22 transform%3D%22translate(11.000000%2C 12.250000)%22%3E %3Cpath d%3D%22M18%2C2.69419355 C18%2C2.98451613 17.883871%2C3.27483871 17.6748387%2C3.48387097 L7.68774194%2C13.4709677 C7.47870968%2C13.68 7.1883871%2C13.796129 6.89806452%2C13.796129 C6.60774194%2C13.796129 6.31741935%2C13.68 6.1083871%2C13.4709677 L0.32516129%2C7.68774194 C0.116129032%2C7.47870968 0%2C7.1883871 0%2C6.89806452 C0%2C6.60774194 0.116129032%2C6.31741935 0.32516129%2C6.1083871 L1.90451613%2C4.52903226 C2.11354839%2C4.32 2.40387097%2C4.20387097 2.69419355%2C4.20387097 C2.98451613%2C4.20387097 3.27483871%2C4.32 3.48387097%2C4.52903226 L6.89806452%2C7.95483871 L14.516129%2C0.32516129 C14.7251613%2C0.116129032 15.0154839%2C-1.77635684e-15 15.3058065%2C-1.77635684e-15 C15.596129%2C-1.77635684e-15 15.8864516%2C0.116129032 16.0954839%2C0.32516129 L17.6748387%2C1.90451613 C17.883871%2C2.11354839 18%2C2.40387097 18%2C2.69419355 Z%22 id%3D%22icon%22%3E%3C%2Fpath%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E")/"Completed" !important}::slotted(va-process-list-item[active=true]):before{color:var(--vads-color-primary) !important;border-color:var(--vads-color-primary) !important}::slotted(va-process-list-item[pending=true]):before{color:var(--vads-process-list-color-text-pending-on-light) !important;border-color:var(--vads-color-gray-medium) !important}::slotted(va-process-list-item[pending=true]){color:var(--vads-process-list-color-text-pending-on-light) !important}::slotted(va-process-list-item){border-left:8px solid var(--vads-color-gray-cool-light)}',VaProcessListStyle0=vaProcessListCss,VaProcessList$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return h("ol",{key:"
|
|
1
|
+
import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";const vaProcessListCss='.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-process-list>li{margin-bottom:0;max-width:unset}.usa-process-list>.usa-process-list__item{max-width:72ex}.usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-prose .usa-process-list{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;counter-reset:usa-numbered-list;padding:20px 0 0 calc((2.5rem / 2) - (0.5rem / 2));position:relative}.usa-prose .usa-process-list>li{margin-bottom:0;max-width:unset}.usa-prose .usa-process-list>.usa-process-list__item{max-width:72ex}.usa-prose .usa-process-list__item{border-left:0.5rem solid #d9e8f6;font-size:1.06rem;margin-bottom:0;padding-bottom:2rem;padding-left:calc(calc(\n (2.5rem / 2) - 0.25rem\n) * 2)}.usa-process-list__item:last-child{border-left:0.5rem solid transparent}.usa-process-list__item::before{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:2.5rem;border-radius:99rem;width:2.5rem;background-color:white;border:0.25rem solid #1b1b1b;-webkit-box-shadow:0 0 0 0.25rem white;box-shadow:0 0 0 0.25rem white;color:#1b1b1b;content:counter(usa-numbered-list, decimal);counter-increment:usa-numbered-list;display:-ms-flexbox;display:flex;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;font-weight:700;height:2.5rem;left:0;line-height:0.9;margin-top:-0.4rem;position:absolute;width:2.5rem}.usa-process-list__item ul{list-style-type:disc}.usa-process-list__item ul li{margin-bottom:0.25rem}.usa-process-list__item ul li:last-child{margin-bottom:0}.usa-process-list__item>*:first-child{margin-top:0}.usa-process-list__item>*:last-child{margin-bottom:0}.usa-process-list__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-weight:700;margin:0}.usa-process-list__heading+*{margin-top:0.25rem}*,::after,::before{-webkit-box-sizing:border-box;box-sizing:border-box}:host{counter-reset:usa-numbered-list}::slotted(va-process-list-item[checkmark=true]):before{color:var(--vads-color-success-dark) !important;border-color:var(--vads-color-success-dark) !important;content:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2218px%22 height%3D%2215px%22 viewBox%3D%220 0 18 15%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3Ctitle%3EIcons %2F Font Awesome %2F fa-check%3C%2Ftitle%3E %3Cg id%3D%22----Process-List%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%22Process-List-%2F-_elements-%2F-number-%2F-complete-%22 transform%3D%22translate(-11.000000%2C -12.000000)%22 fill%3D%22%23008817%22%3E %3Cg id%3D%22Icons-%2F-Font-Awesome-%2F-fa-check%22 transform%3D%22translate(11.000000%2C 12.250000)%22%3E %3Cpath d%3D%22M18%2C2.69419355 C18%2C2.98451613 17.883871%2C3.27483871 17.6748387%2C3.48387097 L7.68774194%2C13.4709677 C7.47870968%2C13.68 7.1883871%2C13.796129 6.89806452%2C13.796129 C6.60774194%2C13.796129 6.31741935%2C13.68 6.1083871%2C13.4709677 L0.32516129%2C7.68774194 C0.116129032%2C7.47870968 0%2C7.1883871 0%2C6.89806452 C0%2C6.60774194 0.116129032%2C6.31741935 0.32516129%2C6.1083871 L1.90451613%2C4.52903226 C2.11354839%2C4.32 2.40387097%2C4.20387097 2.69419355%2C4.20387097 C2.98451613%2C4.20387097 3.27483871%2C4.32 3.48387097%2C4.52903226 L6.89806452%2C7.95483871 L14.516129%2C0.32516129 C14.7251613%2C0.116129032 15.0154839%2C-1.77635684e-15 15.3058065%2C-1.77635684e-15 C15.596129%2C-1.77635684e-15 15.8864516%2C0.116129032 16.0954839%2C0.32516129 L17.6748387%2C1.90451613 C17.883871%2C2.11354839 18%2C2.40387097 18%2C2.69419355 Z%22 id%3D%22icon%22%3E%3C%2Fpath%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E") !important;content:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg width%3D%2218px%22 height%3D%2215px%22 viewBox%3D%220 0 18 15%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E %3Ctitle%3EIcons %2F Font Awesome %2F fa-check%3C%2Ftitle%3E %3Cg id%3D%22----Process-List%22 stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Cg id%3D%22Process-List-%2F-_elements-%2F-number-%2F-complete-%22 transform%3D%22translate(-11.000000%2C -12.000000)%22 fill%3D%22%23008817%22%3E %3Cg id%3D%22Icons-%2F-Font-Awesome-%2F-fa-check%22 transform%3D%22translate(11.000000%2C 12.250000)%22%3E %3Cpath d%3D%22M18%2C2.69419355 C18%2C2.98451613 17.883871%2C3.27483871 17.6748387%2C3.48387097 L7.68774194%2C13.4709677 C7.47870968%2C13.68 7.1883871%2C13.796129 6.89806452%2C13.796129 C6.60774194%2C13.796129 6.31741935%2C13.68 6.1083871%2C13.4709677 L0.32516129%2C7.68774194 C0.116129032%2C7.47870968 0%2C7.1883871 0%2C6.89806452 C0%2C6.60774194 0.116129032%2C6.31741935 0.32516129%2C6.1083871 L1.90451613%2C4.52903226 C2.11354839%2C4.32 2.40387097%2C4.20387097 2.69419355%2C4.20387097 C2.98451613%2C4.20387097 3.27483871%2C4.32 3.48387097%2C4.52903226 L6.89806452%2C7.95483871 L14.516129%2C0.32516129 C14.7251613%2C0.116129032 15.0154839%2C-1.77635684e-15 15.3058065%2C-1.77635684e-15 C15.596129%2C-1.77635684e-15 15.8864516%2C0.116129032 16.0954839%2C0.32516129 L17.6748387%2C1.90451613 C17.883871%2C2.11354839 18%2C2.40387097 18%2C2.69419355 Z%22 id%3D%22icon%22%3E%3C%2Fpath%3E %3C%2Fg%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E")/"Completed" !important}::slotted(va-process-list-item[active=true]):before{color:var(--vads-color-primary) !important;border-color:var(--vads-color-primary) !important}::slotted(va-process-list-item[pending=true]):before{color:var(--vads-process-list-color-text-pending-on-light) !important;border-color:var(--vads-color-gray-medium) !important}::slotted(va-process-list-item[pending=true]){color:var(--vads-process-list-color-text-pending-on-light) !important}::slotted(va-process-list-item){border-left:8px solid var(--vads-color-gray-cool-light)}',VaProcessListStyle0=vaProcessListCss,VaProcessList$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return h("ol",{key:"631ebfbd72eec08ada983834574fcd02e07454b2",role:"list",class:"usa-process-list"},h("slot",{key:"1173473718e797522dd0337fe95eb95268de062c"}))}static get style(){return VaProcessListStyle0}},[1,"va-process-list"]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-process-list"].forEach((e=>{"va-process-list"===e&&(customElements.get(e)||customElements.define(e,VaProcessList$1))}))}const VaProcessList=VaProcessList$1,defineCustomElement=defineCustomElement$1;export{VaProcessList,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";const vaProgressBarCss=".sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}div{-webkit-box-sizing:border-box;box-sizing:border-box}.progress-bar{border:2px solid var(--vads-color-primary);border-radius:1em;display:block;height:1em;margin:1em 0;width:100%}.progress-bar-inner{background-color:var(--vads-color-primary);content:' ';display:block;height:100%;max-width:100%}",VaProgressBarStyle0=vaProgressBarCss,VaProgressBar$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.enableAnalytics=!1,this.percent=void 0,this.label=void 0}componentDidRender(){!this.enableAnalytics||0!==this.percent&&100!==this.percent||this.componentLibraryAnalytics.emit({componentName:"va-progress-bar",action:"change",details:{label:this.label||`${this.percent}% complete`,percent:this.percent}})}render(){const{label:e=`${this.percent.toFixed(0)}% complete`,percent:r}=this;return h(Host,{key:"
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";const vaProgressBarCss=".sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}div{-webkit-box-sizing:border-box;box-sizing:border-box}.progress-bar{border:2px solid var(--vads-color-primary);border-radius:1em;display:block;height:1em;margin:1em 0;width:100%}.progress-bar-inner{background-color:var(--vads-color-primary);content:' ';display:block;height:100%;max-width:100%}",VaProgressBarStyle0=vaProgressBarCss,VaProgressBar$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.enableAnalytics=!1,this.percent=void 0,this.label=void 0}componentDidRender(){!this.enableAnalytics||0!==this.percent&&100!==this.percent||this.componentLibraryAnalytics.emit({componentName:"va-progress-bar",action:"change",details:{label:this.label||`${this.percent}% complete`,percent:this.percent}})}render(){const{label:e=`${this.percent.toFixed(0)}% complete`,percent:r}=this;return h(Host,{key:"86d11ecb4d75554fdfa6c03acc118d1a3fe6ee3c"},h("div",{key:"f0719d0ad660fa0c4a52290d40dafe918582f94a","aria-label":e,"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":r.toFixed(0),"aria-valuetext":e,class:"progress-bar",tabindex:"0",role:"progressbar"},h("div",{key:"235499fa070ae477f9db008c9fa065f38d906ae8",class:"progress-bar-inner",style:{width:`${r}%`}})),h("span",{key:"ed2dd9ac2ad6ce104b39327f93584e7be97751dd","aria-atomic":"true","aria-live":"polite",class:"sr-only"},r.toFixed(0),"% complete"))}static get style(){return VaProgressBarStyle0}},[1,"va-progress-bar",{enableAnalytics:[4,"enable-analytics"],percent:[2],label:[1]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-progress-bar"].forEach((e=>{"va-progress-bar"===e&&(customElements.get(e)||customElements.define(e,VaProgressBar$1))}))}const VaProgressBar=VaProgressBar$1,defineCustomElement=defineCustomElement$1;export{VaProgressBar,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";const vaRadioOptionCss='.usa-radio__label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-radio{background:white}.usa-radio__label{color:#1b1b1b}.usa-radio__label::before{background:white;-webkit-box-shadow:0 0 0 2px #1b1b1b;box-shadow:0 0 0 2px #1b1b1b}@media (forced-colors: active){.usa-radio__label::before{outline:2px solid transparent;outline-offset:2px}}.usa-radio__input:checked+[class*=__label]::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2}.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:#757575;cursor:not-allowed}@media (forced-colors: active){.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:GrayText}}.usa-radio__input:disabled+[class*=__label]::before,.usa-radio__input[aria-disabled=true]+[class*=__label]::before{background-color:white;-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-radio__input--tile+[class*=__label]{background-color:white;border:2px solid #c9c9c9;color:#1b1b1b}.usa-radio__input--tile:checked+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-radio__input--tile:checked+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-radio__input--tile:disabled+[class*=__label],.usa-radio__input--tile[aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-radio__input--tile:disabled:checked+[class*=__label],.usa-radio__input--tile:disabled:indeterminate+[class*=__label],.usa-radio__input--tile:disabled[data-indeterminate]+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:checked+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:indeterminate+[class*=__label],.usa-radio__input--tile[aria-disabled=true][data-indeterminate]+[class*=__label]{background-color:white}.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white;box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked+[class*=__label]::before{background-color:ButtonText}}.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:#757575;-webkit-box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white;box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:GrayText}}.usa-radio__input{position:absolute;left:-999em;right:auto}.usa-radio__input:focus+[class*=__label]::before{outline:0.25rem solid #2491ff;outline-offset:0.25rem}.usa-radio__input--tile+[class*=__label]{border-radius:0.25rem;margin-top:0.5rem;padding:0.75rem 1rem 0.75rem 2.5rem}.usa-radio__input--tile+[class*=__label]::before{left:0.5rem}@media print{.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2}}.usa-radio__label{cursor:pointer;display:inherit;font-weight:normal;margin-top:0.75rem;padding-left:2rem;position:relative}.usa-radio__label::before{content:" ";display:block;left:0;margin-left:2px;margin-top:0.064rem;position:absolute}.usa-radio__label::before{height:1.25rem;border-radius:99rem;width:1.25rem}.usa-radio__label-description{display:block;font-size:0.93rem;margin-top:0.5rem}va-radio-option label{max-width:480px;-webkit-box-sizing:border-box;box-sizing:border-box}.usa-radio{background:transparent}va-radio-option{display:block;margin-top:12px}input[type=radio].usa-radio__input{margin-left:unset;opacity:unset;right:auto;left:-999em}va-radio-option input:focus{outline:none !important}va-radio-option label.usa-radio__label::before{-webkit-box-shadow:#1b1b1b 0px 0px 0px 2px;box-shadow:#1b1b1b 0px 0px 0px 2px;height:20px;width:20px;margin-left:2px}va-radio-option .usa-radio__input:focus+[class*=__label]::before{outline:2px solid var(--vads-color-action-focus-on-light)}va-radio-option input[disabled=true]:focus+label.usa-radio__label::before{outline:none}',VaRadioOptionStyle0=vaRadioOptionCss,VaRadioOption$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.radioOptionSelected=createEvent(this,"radioOptionSelected",7),this.name=void 0,this.label=void 0,this.value=void 0,this.checked=!1,this.tile=!1,this.description=void 0,this.disabled=!1,this.ariaDescribedby=void 0}handleChange(){this.radioOptionSelected.emit()}render(){const{checked:e,name:a,value:i,label:o,disabled:t,tile:s,description:l}=this,
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";const vaRadioOptionCss='.usa-radio__label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-radio{background:white}.usa-radio__label{color:#1b1b1b}.usa-radio__label::before{background:white;-webkit-box-shadow:0 0 0 2px #1b1b1b;box-shadow:0 0 0 2px #1b1b1b}@media (forced-colors: active){.usa-radio__label::before{outline:2px solid transparent;outline-offset:2px}}.usa-radio__input:checked+[class*=__label]::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2}.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:#757575;cursor:not-allowed}@media (forced-colors: active){.usa-radio__input:disabled+[class*=__label],.usa-radio__input[aria-disabled=true]+[class*=__label]{color:GrayText}}.usa-radio__input:disabled+[class*=__label]::before,.usa-radio__input[aria-disabled=true]+[class*=__label]::before{background-color:white;-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-radio__input--tile+[class*=__label]{background-color:white;border:2px solid #c9c9c9;color:#1b1b1b}.usa-radio__input--tile:checked+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-radio__input--tile:checked+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-radio__input--tile:disabled+[class*=__label],.usa-radio__input--tile[aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-radio__input--tile:disabled:checked+[class*=__label],.usa-radio__input--tile:disabled:indeterminate+[class*=__label],.usa-radio__input--tile:disabled[data-indeterminate]+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:checked+[class*=__label],.usa-radio__input--tile[aria-disabled=true]:indeterminate+[class*=__label],.usa-radio__input--tile[aria-disabled=true][data-indeterminate]+[class*=__label]{background-color:white}.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white;box-shadow:0 0 0 2px #005ea2, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked+[class*=__label]::before{background-color:ButtonText}}.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:#757575;-webkit-box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white;box-shadow:0 0 0 2px #757575, inset 0 0 0 2px white}@media (forced-colors: active){.usa-radio__input:checked:disabled+[class*=__label]::before,.usa-radio__input:checked[aria-disabled=true]+[class*=__label]::before{background-color:GrayText}}.usa-radio__input{position:absolute;left:-999em;right:auto}.usa-radio__input:focus+[class*=__label]::before{outline:0.25rem solid #2491ff;outline-offset:0.25rem}.usa-radio__input--tile+[class*=__label]{border-radius:0.25rem;margin-top:0.5rem;padding:0.75rem 1rem 0.75rem 2.5rem}.usa-radio__input--tile+[class*=__label]::before{left:0.5rem}@media print{.usa-radio__input:checked+[class*=__label]::before{-webkit-box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px white, inset 0 0 0 1rem #005ea2, 0 0 0 2px #005ea2}}.usa-radio__label{cursor:pointer;display:inherit;font-weight:normal;margin-top:0.75rem;padding-left:2rem;position:relative}.usa-radio__label::before{content:" ";display:block;left:0;margin-left:2px;margin-top:0.064rem;position:absolute}.usa-radio__label::before{height:1.25rem;border-radius:99rem;width:1.25rem}.usa-radio__label-description{display:block;font-size:0.93rem;margin-top:0.5rem}va-radio-option label{max-width:480px;-webkit-box-sizing:border-box;box-sizing:border-box}.usa-radio{background:transparent}va-radio-option{display:block;margin-top:12px}input[type=radio].usa-radio__input{margin-left:unset;opacity:unset;right:auto;left:-999em}va-radio-option input:focus{outline:none !important}va-radio-option label.usa-radio__label::before{-webkit-box-shadow:#1b1b1b 0px 0px 0px 2px;box-shadow:#1b1b1b 0px 0px 0px 2px;height:20px;width:20px;margin-left:2px}va-radio-option .usa-radio__input:focus+[class*=__label]::before{outline:2px solid var(--vads-color-action-focus-on-light)}va-radio-option input[disabled=true]:focus+label.usa-radio__label::before{outline:none}',VaRadioOptionStyle0=vaRadioOptionCss,VaRadioOption$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.radioOptionSelected=createEvent(this,"radioOptionSelected",7),this.name=void 0,this.label=void 0,this.value=void 0,this.checked=!1,this.tile=!1,this.description=void 0,this.disabled=!1,this.ariaDescribedby=void 0}handleChange(){this.radioOptionSelected.emit()}render(){const{checked:e,name:a,value:i,label:o,disabled:t,tile:s,description:l}=this,r=this.el.id||a+i,d=e?"true":"false",n=classnames({"usa-radio__input":!0,"usa-radio__input--tile":s});return h("div",{key:"747c4126cbd3700a472f77bfbeaee67d24c5268a",class:"usa-radio"},h("input",{key:"7fa9918660b765f5407a08a7e95bffb24d15b674",class:n,type:"radio",name:a,value:i,checked:e,disabled:t,onClick:()=>this.handleChange(),id:r+"input"}),h("label",{key:"fba05b1968f8b6f0902f2a28ff7150a6469248fa",class:"usa-radio__label",htmlFor:r+"input",role:"radio","aria-checked":d},o,l&&h("span",{key:"cc9af97db7b4951a8ba27b140da99d47ec221116",class:"usa-radio__label-description dd-privacy-hidden","data-dd-action-name":"description"},l)))}get el(){return this}static get style(){return VaRadioOptionStyle0}},[0,"va-radio-option",{name:[1],label:[1],value:[1],checked:[4],tile:[4],description:[1],disabled:[4],ariaDescribedby:[1,"aria-describedby"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-radio-option"].forEach((e=>{"va-radio-option"===e&&(customElements.get(e)||customElements.define(e,VaRadioOption$1))}))}const VaRadioOption=VaRadioOption$1,defineCustomElement=defineCustomElement$1;export{VaRadioOption,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{g as getSlottedNodes,a as getHeaderLevel}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{i as instance}from"./i18next.js";const vaRadioCss='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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-form{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}@media all and (min-width: 30em){.usa-form{max-width:20rem}}.usa-form abbr[title=required]{text-decoration:none}.usa-form .usa-input,.usa-form .usa-range,.usa-form .usa-select,.usa-form .usa-textarea{max-width:none}.usa-form .usa-input--2xs,.usa-form .usa-input-group--2xs{max-width:5ex}.usa-form .usa-input--xs,.usa-form .usa-input-group--xs{max-width:9ex}.usa-form .usa-input--sm,.usa-form .usa-input--small,.usa-form .usa-input-group--sm,.usa-form .usa-input-group--small{max-width:13ex}.usa-form .usa-input--md,.usa-form .usa-input--medium,.usa-form .usa-input-group--md,.usa-form .usa-input-group--medium{max-width:20ex}.usa-form .usa-input--lg,.usa-form .usa-input-group--lg{max-width:30ex}.usa-form .usa-input--xl,.usa-form .usa-input-group--xl{max-width:40ex}.usa-form .usa-input--2xl,.usa-form .usa-input-group--2xl{max-width:50ex}.usa-form .usa-button{margin-top:0.5rem}@media all and (min-width: 30em){.usa-form .usa-button{margin-top:1.5rem}}.usa-form a:where(:not(.usa-button)){color:#005ea2;text-decoration:underline}.usa-form a:where(:not(.usa-button)):visited{color:#54278f}.usa-form a:where(:not(.usa-button)):hover{color:#1a4480}.usa-form a:where(:not(.usa-button)):active{color:#162e51}.usa-form a:where(:not(.usa-button)):focus{outline:0.25rem solid #2491ff;outline-offset:0rem}@media all and (min-width: 30em){.usa-form--large{max-width:30rem}}.usa-show-password{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;cursor:pointer}.usa-show-password:visited{color:#54278f}.usa-show-password:hover{color:#1a4480}.usa-show-password:active{color:#162e51}.usa-show-password:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-show-password:hover,.usa-show-password.usa-button--hover,.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password:disabled.usa-button--hover,.usa-show-password[aria-disabled=true].usa-button--hover,.usa-show-password:active,.usa-show-password.usa-button--active,.usa-show-password:disabled:active,.usa-show-password[aria-disabled=true]:active,.usa-show-password:disabled.usa-button--active,.usa-show-password[aria-disabled=true].usa-button--active,.usa-show-password:disabled:focus,.usa-show-password[aria-disabled=true]:focus,.usa-show-password:disabled.usa-focus,.usa-show-password[aria-disabled=true].usa-focus,.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-show-password.usa-button--hover{color:#1a4480}.usa-show-password.usa-button--active{color:#162e51}.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:GrayText}}.usa-form__note,.usa-show-password{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:0.93rem;line-height:1.3;float:right;margin:0.25rem 0 1rem}.usa-fieldset{border:none;margin:0;padding:0}.usa-legend{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-legend--large{font-size:2.13rem;font-weight:700;margin-top:1rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px;max-width:480px}',VaRadioStyle0=vaRadioCss;Build.isTesting&&instance.init({lng:"cimode"});const VaRadio$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.vaValueChange=createEvent(this,"vaValueChange",7),this.label=void 0,this.hint=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}handleKeyDown(e){const a=e.target,s=getSlottedNodes(this.el,"va-radio-option").filter((e=>!e.disabled));if(!s.length)return;const t=s.findIndex((e=>e===a));if(-1===t)return;let o;switch(e.key){case" ":if(e.preventDefault(),a.checked)return;o=a,this.selectNextNode(a);break;case"ArrowDown":case"ArrowRight":e.preventDefault(),t===s.length-1?(o=s[0],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[t+1],this.deselectCurrentNode(a),this.selectNextNode(o));break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),0===t?(o=s[s.length-1],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[t-1],this.deselectCurrentNode(a),this.selectNextNode(o))}o&&(this.enableAnalytics&&this.fireAnalyticsEvent(o.label),this.vaValueChange.emit({value:o.value}))}radioOptionSelectedHandler(e){const a=e.target;getSlottedNodes(this.el,"va-radio-option").filter((e=>e!==a)).forEach((e=>{this.deselectCurrentNode(e)})),this.selectNextNode(a),this.enableAnalytics&&this.fireAnalyticsEvent(a.label),this.vaValueChange.emit({value:a.value})}fireAnalyticsEvent(e){this.componentLibraryAnalytics.emit({componentName:"va-radio",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})}deselectCurrentNode(e){e.removeAttribute("checked")}selectNextNode(e){e.setAttribute("checked",""),e.focus()}getHeaderLevel(){const e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?`h${e}`:null}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,hint:a,required:s,error:t,headerAriaDescribedby:o,messageAriaDescribedby:r,useFormsPattern:i,formHeadingLevel:n,formHeading:d}=this,l=this.getHeaderLevel(),u=o?"header-message":null,m=r?"description-message":null,c=`${i&&d?"form-question":""} ${i?"form-description":""} ${"multiple"===i?"header-message":""}`.trim()||null,f=classnames({"usa-legend":!0,"usa-label--error":t});let b=null;if("single"===i||"multiple"===i){const e=getHeaderLevel(n);b=h(Fragment,{key:"698798e7e27e1b747b679f16fcfba5a400a83950"},d&&h(e,{key:"798d4af26e9080928c66dd174a616d198d69bf15",id:"form-question",part:"form-header"},d),h("div",{key:"9fe73acc02a3310c8bd295cf62a3328aa668d423",id:"form-description"},h("slot",{key:"c8dd2491d58438402334525fc2c440cf6187cc3a",name:"form-description"})))}return h(Host,{key:"c6d178dd0247932956ed1eb9ce1a5246b423e4c5","aria-invalid":t?"true":"false"},b,h("div",{key:"edd064c2a352b975024b6edce2e04c320ef7c7e1",class:"input-wrap"},h("fieldset",{key:"bd7f91d3775d22a6a33b182a03417d4922f560f9",class:"usa-fieldset","aria-labelledby":c},h("legend",{key:"606eb9d1ae32932214c1d293a1b75a8c568bc4f1",class:f,part:"legend","aria-describedby":m},l?h(l,{part:"header","aria-describedby":u},e):e," ","multiple"===i&&h("span",{key:"b056c76f2471d43fefad514c0888d48a1fc85ccd",id:"header-message",class:"usa-sr-only"},e),o&&h("span",{key:"e630f85e3cc1fbfbeedac77c8586b0dcfe26a7c0",id:"header-message",class:"usa-sr-only"},o),r&&h("span",{key:"2ffc818d35b2b59bf8692d969f6f8af33a3c0d05",id:"description-message",class:"usa-sr-only"},r),s&&h("span",{key:"262104151ca1cbfbaae93e7cb8e9f91547a60ac3",class:"usa-label--required",part:"required"},instance.t("required")),a&&h("div",{key:"9eaf0a5d63ea07e7f4ae1eee6cc6ac4db6c0e5bb",class:"usa-hint"},a)),h("span",{key:"13f67f2c319080ac4c8f021e8818401b4d0df98c",class:"usa-error-message",role:"alert"},t&&h(Fragment,{key:"49d3d2fe968b9d9ab766a273cd46ba8409408cc1"},h("span",{key:"d1cc1252467866665b840eb253368b89dbd03f0b",class:"usa-sr-only"},instance.t("error"))," ",t)),h("slot",{key:"2362384a0de7f2b2ea66c1766e693bb261128f0b"}))))}get el(){return this}static get style(){return VaRadioStyle0}},[1,"va-radio",{label:[1],hint:[1],required:[4],error:[1],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],messageAriaDescribedby:[1,"message-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"]},[[0,"keydown","handleKeyDown"],[0,"radioOptionSelected","radioOptionSelectedHandler"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-radio"].forEach((e=>{"va-radio"===e&&(customElements.get(e)||customElements.define(e,VaRadio$1))}))}const VaRadio=VaRadio$1,defineCustomElement=defineCustomElement$1;export{VaRadio,defineCustomElement};
|
|
1
|
+
import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{g as getSlottedNodes,a as getHeaderLevel}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{i as instance}from"./i18next.js";const vaRadioCss='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{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-form{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}@media all and (min-width: 30em){.usa-form{max-width:20rem}}.usa-form abbr[title=required]{text-decoration:none}.usa-form .usa-input,.usa-form .usa-range,.usa-form .usa-select,.usa-form .usa-textarea{max-width:none}.usa-form .usa-input--2xs,.usa-form .usa-input-group--2xs{max-width:5ex}.usa-form .usa-input--xs,.usa-form .usa-input-group--xs{max-width:9ex}.usa-form .usa-input--sm,.usa-form .usa-input--small,.usa-form .usa-input-group--sm,.usa-form .usa-input-group--small{max-width:13ex}.usa-form .usa-input--md,.usa-form .usa-input--medium,.usa-form .usa-input-group--md,.usa-form .usa-input-group--medium{max-width:20ex}.usa-form .usa-input--lg,.usa-form .usa-input-group--lg{max-width:30ex}.usa-form .usa-input--xl,.usa-form .usa-input-group--xl{max-width:40ex}.usa-form .usa-input--2xl,.usa-form .usa-input-group--2xl{max-width:50ex}.usa-form .usa-button{margin-top:0.5rem}@media all and (min-width: 30em){.usa-form .usa-button{margin-top:1.5rem}}.usa-form a:where(:not(.usa-button)){color:#005ea2;text-decoration:underline}.usa-form a:where(:not(.usa-button)):visited{color:#54278f}.usa-form a:where(:not(.usa-button)):hover{color:#1a4480}.usa-form a:where(:not(.usa-button)):active{color:#162e51}.usa-form a:where(:not(.usa-button)):focus{outline:0.25rem solid #2491ff;outline-offset:0rem}@media all and (min-width: 30em){.usa-form--large{max-width:30rem}}.usa-show-password{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;cursor:pointer}.usa-show-password:visited{color:#54278f}.usa-show-password:hover{color:#1a4480}.usa-show-password:active{color:#162e51}.usa-show-password:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-show-password:hover,.usa-show-password.usa-button--hover,.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password:disabled.usa-button--hover,.usa-show-password[aria-disabled=true].usa-button--hover,.usa-show-password:active,.usa-show-password.usa-button--active,.usa-show-password:disabled:active,.usa-show-password[aria-disabled=true]:active,.usa-show-password:disabled.usa-button--active,.usa-show-password[aria-disabled=true].usa-button--active,.usa-show-password:disabled:focus,.usa-show-password[aria-disabled=true]:focus,.usa-show-password:disabled.usa-focus,.usa-show-password[aria-disabled=true].usa-focus,.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-show-password.usa-button--hover{color:#1a4480}.usa-show-password.usa-button--active{color:#162e51}.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-show-password:disabled,.usa-show-password[aria-disabled=true],.usa-show-password:disabled:hover,.usa-show-password[aria-disabled=true]:hover,.usa-show-password[aria-disabled=true]:focus{color:GrayText}}.usa-form__note,.usa-show-password{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:0.93rem;line-height:1.3;float:right;margin:0.25rem 0 1rem}.usa-fieldset{border:none;margin:0;padding:0}.usa-legend{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-legend--large{font-size:2.13rem;font-weight:700;margin-top:1rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px;max-width:480px}',VaRadioStyle0=vaRadioCss;Build.isTesting&&instance.init({lng:"cimode"});const VaRadio$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.vaValueChange=createEvent(this,"vaValueChange",7),this.label=void 0,this.hint=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.labelHeaderLevel=void 0,this.headerAriaDescribedby=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}handleKeyDown(e){const a=e.target,s=getSlottedNodes(this.el,"va-radio-option").filter((e=>!e.disabled));if(!s.length)return;const t=s.findIndex((e=>e===a));if(-1===t)return;let o;switch(e.key){case" ":if(e.preventDefault(),a.checked)return;o=a,this.selectNextNode(a);break;case"ArrowDown":case"ArrowRight":e.preventDefault(),t===s.length-1?(o=s[0],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[t+1],this.deselectCurrentNode(a),this.selectNextNode(o));break;case"ArrowUp":case"ArrowLeft":e.preventDefault(),0===t?(o=s[s.length-1],this.deselectCurrentNode(a),this.selectNextNode(o)):(o=s[t-1],this.deselectCurrentNode(a),this.selectNextNode(o))}o&&(this.enableAnalytics&&this.fireAnalyticsEvent(o.label),this.vaValueChange.emit({value:o.value}))}radioOptionSelectedHandler(e){const a=e.target;getSlottedNodes(this.el,"va-radio-option").filter((e=>e!==a)).forEach((e=>{this.deselectCurrentNode(e)})),this.selectNextNode(a),this.enableAnalytics&&this.fireAnalyticsEvent(a.label),this.vaValueChange.emit({value:a.value})}fireAnalyticsEvent(e){this.componentLibraryAnalytics.emit({componentName:"va-radio",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})}deselectCurrentNode(e){e.removeAttribute("checked")}selectNextNode(e){e.setAttribute("checked",""),e.focus()}getHeaderLevel(){const e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?`h${e}`:null}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,hint:a,required:s,error:t,headerAriaDescribedby:o,messageAriaDescribedby:r,useFormsPattern:i,formHeadingLevel:n,formHeading:d}=this,l=this.getHeaderLevel(),u=o?"header-message":null,m=r?"description-message":null,c=`${i&&d?"form-question":""} ${i?"form-description":""} ${"multiple"===i?"header-message":""}`.trim()||null,f=classnames({"usa-legend":!0,"usa-label--error":t});let b=null;if("single"===i||"multiple"===i){const e=getHeaderLevel(n);b=h(Fragment,{key:"bcece80efb8039a0f515186f95ec2088873e2e09"},d&&h(e,{key:"a11e35fcbe1ae881da91517afd581d0236b86d08",id:"form-question",part:"form-header"},d),h("div",{key:"dea309550e35db321804b261dda45b450b0479e8",id:"form-description"},h("slot",{key:"0039757e93fac833c5d884a3dca8b2465d1c6678",name:"form-description"})))}return h(Host,{key:"b1944c0b3befc472fac8069d706033c23e0963be","aria-invalid":t?"true":"false"},b,h("div",{key:"9cef747438fb4578d1334f96a223f76f17290889",class:"input-wrap"},h("fieldset",{key:"0a455d4961e4517f18456d42f5e6af1dcf1c6ca2",class:"usa-fieldset","aria-labelledby":c},h("legend",{key:"8ce18ded6813034a52dcb9765bac2b32751d475c",class:f,part:"legend","aria-describedby":m},l?h(l,{part:"header","aria-describedby":u},e):e," ","multiple"===i&&h("span",{key:"0b5a1284ea642dfbc21a5886e780ffa6dbde603a",id:"header-message",class:"usa-sr-only"},e),o&&h("span",{key:"8f29596d2357dfbdb87a1949b027700c7ae5814c",id:"header-message",class:"usa-sr-only"},o),r&&h("span",{key:"088c34ab5f1ad47e24a0ec70b5a9c24e22660ef3",id:"description-message",class:"usa-sr-only"},r),s&&h("span",{key:"bd31a27af4262b7b80fa23cd8a52c76333792c57",class:"usa-label--required",part:"required"},instance.t("required")),a&&h("div",{key:"ec1e55cb55b2d6c18c072d0427b54ae99377df3e",class:"usa-hint"},a)),h("span",{key:"e123a9c4b792e0ab9e64b4b59344b144d6f983f5",class:"usa-error-message",role:"alert"},t&&h(Fragment,{key:"9ecd3a07bedf4b1e2996e33dc2213d9b1856af5c"},h("span",{key:"645f28e7118a6487cfbaed48772fe8a03387972b",class:"usa-sr-only"},instance.t("error"))," ",t)),h("slot",{key:"ced448fe6b7f978c04200b4aec9ddb804c0aa836"}))))}get el(){return this}static get style(){return VaRadioStyle0}},[1,"va-radio",{label:[1],hint:[1],required:[4],error:[1],enableAnalytics:[4,"enable-analytics"],labelHeaderLevel:[1,"label-header-level"],headerAriaDescribedby:[1,"header-aria-describedby"],messageAriaDescribedby:[1,"message-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"]},[[0,"keydown","handleKeyDown"],[0,"radioOptionSelected","radioOptionSelectedHandler"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-radio"].forEach((e=>{"va-radio"===e&&(customElements.get(e)||customElements.define(e,VaRadio$1))}))}const VaRadio=VaRadio$1,defineCustomElement=defineCustomElement$1;export{VaRadio,defineCustomElement};
|