@department-of-veterans-affairs/component-library 54.4.2 → 54.5.1

package/dist/components/va-modal2.js

@@ -0,0 +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 n=markerMap[o],s=[],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=(n.get(t)||0)+1;counterMap.set(t,u),n.set(t,l),s.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(){s.forEach(function(t){var e=counterMap.get(t)-1,a=n.get(t)-1;counterMap.set(t,e),n.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):not(va-icon)','[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,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}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;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-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=""])),:host(.va-form-group--error){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--error[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1024px){:host([error]:not([error=""])),:host(.va-form-group--error){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap,:host(.va-form-group--error[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1023px){:host([error]:not([error=""])[use-forms-pattern=multiple]),:host(.va-form-group--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%}.usa-modal__main div[role=document]{overflow-wrap:anywhere}@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__content{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:baseline;align-items:baseline}.va-modal-alert__icon{color:var(--vads-color-base-darker);padding-top:1.25rem;position:relative;top:0.25rem}: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:6px;position:absolute;margin:0 0 0 auto;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;margin:inherit}.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.undoAriaHidden=[],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.label=""}watchVisibleHandler(){this.isVisibleDirty=!0}componentDidLoad(){this.visible&&requestAnimationFrame(()=>this.setupModal())}componentDidUpdate(){this.isVisibleDirty&&(this.isVisibleDirty=!1,this.visible?requestAnimationFrame(()=>this.setupModal()):this.teardownModal())}disconnectedCallback(){this.teardownModal()}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){if(!this.visible)return;const e=t.key;if("Escape"===e&&this.handleClose(t),"Tab"!==e)return;const o=this.getRealActiveElement(),a=this.focusableChildren[0],n=this.focusableChildren[this.focusableChildren.length-1];t.shiftKey||o!==n?t.shiftKey&&o===a&&(t.preventDefault(),n.focus()):(t.preventDefault(),a.focus())}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))||[]),n=[];return[this.closeButton,...o,...a].reduce((t,e)=>{if(e&&(e.offsetWidth||e.offsetHeight))if(e.classList.contains("hydrated")){let o=[];if(e.shadowRoot?(n.push(e.tagName),o=Array.from(e.shadowRoot.querySelectorAll(focusableQueryString)||[])):o=Array.from(e.querySelectorAll(focusableQueryString)||[]),o.length)return t.push(e),t.concat(o)}else t.push(e);return t},[]).filter(t=>!n.includes(t.tagName))}getRealActiveElement(){let t=document.activeElement;for(;t&&t.shadowRoot&&t.shadowRoot.activeElement;)t=t.shadowRoot.activeElement;return t}setupModal(){var t;this.savedFocus=this.getRealActiveElement(),this.focusableChildren=this.getFocusableChildren();const e=this.el.querySelector(this.initialFocusSelector)||(null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(this.initialFocusSelector))||this.closeButton;null==e||e.focus(),disableBodyScroll(this.el),this.undoAriaHidden=[];const{ancestors:o,shadowRoots:a}=this.getModalHierarchy();if(this.undoAriaHidden.push(hideOthers(o)),a.forEach(t=>{this.undoAriaHidden.push(hideOthers([this.el],t))}),!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;clearAllBodyScrollLocks(),this.undoAriaHidden.forEach(t=>null==t?void 0:t()),this.undoAriaHidden=[],null===(t=this.savedFocus)||void 0===t||t.focus()}getModalHierarchy(){var t;const e=[],o=[];if(!this.el)return{ancestors:e,shadowRoots:o};e.push(this.el);let a=this.el;for(;a;){const n=null===(t=a.getRootNode)||void 0===t?void 0:t.call(a);if(!(n instanceof ShadowRoot))break;o.push(n);const s=n.host;if(!s)break;e.push(s),a=s}return{ancestors:e,shadowRoots:o}}render(){const{label:t,modalTitle:e,primaryButtonClick:o,primaryButtonText:a,secondaryButtonClick:n,secondaryButtonText:s,status:i,visible:u,forcedModal:r,unstyled:l}=this;if(!u)return null;let d=null,c="Close modal";t?(d=t,c=`Close ${t} modal`):e&&""!==e?(d=`${e} modal`,c=`Close ${e} modal`):console.warn("<va-modal>: An accessible name for the modal is required. Please provide either a label or modalTitle prop value.");const b=classnames({"usa-modal":!0,"va-modal-alert":i,"usa-modal--lg":this.large}),m=classnames({"usa-modal__content":!0,"usa-modal-alert":i,"va-modal__content":!0}),v=classnames({"usa-modal__main":!0,"usa-modal-alert":i,"va-modal-alert-body":i}),p=classnames({"usa-modal__heading":!0,"va-modal-alert-title":i}),f=r?"":h("button",{"aria-label":c,class:"va-modal-close",onClick:t=>this.handleClose(t),ref:t=>this.closeButton=t,type:"button"},h("va-icon",{icon:"close",size:4}));return h(Host,null,h("div",{class:b,role:"warning"===i||"error"===i?"alertdialog":"dialog","aria-modal":"true","aria-label":d},h("div",{class:m},f,i&&h("va-icon",{class:"va-modal-alert__icon",icon:{continue:"lock",error:"error",info:"info",success:"check",warning:"warning"}[i],size:4}),h("div",{class:v},h("div",{role:"document"},e&&h("h2",{class:p,tabindex:-1,id:"heading"},e),h("div",{class:"usa-prose",id:"description"},h("slot",null))),(o&&a||n&&s)&&h("div",{class:"usa-modal__footer",ref:t=>this.alertActions=t},h("ul",{class:"usa-button-group"},o&&a&&h("li",{class:"usa-button-group__item"},h("va-button",{onClick:t=>this.handlePrimaryButtonClick(t),text:a})),n&&s&&h("li",{class:"usa-button-group__item"},!l&&h("va-button",{onClick:t=>this.handleSecondaryButtonClick(t),secondary:!0,text:s}),l&&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:[513],visible:[516],label:[1]},[[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};

package/dist/components/va-need-help.js

@@ -1 +1 @@
-import{p as proxyCustomElement,H,h,c as Host}from"./p-ef5c0d66.js";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:var(--font-size-h3);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 H{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return h(Host,{key:"a2abd96a4e05b49793504e31fbbc13abf19137b3"},h("div",{key:"81d1d16e9ac12ebe440ca5c90636aa1e5a7f6e62",class:"need-help"},h("h2",{key:"035b3db1d231e713fd9a7d77343d57805a835ea3",id:"need-help"},"Need help?"),h("slot",{key:"6f7808fa24d38100b1ba09337124c45c8b637c0b",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};
+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:var(--font-size-h3);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:"3c3a5fa46f5c15989bd50bd824474a34d0d42522"},h("div",{key:"0fda662082ee615266332fa8cc8c90a4a525ec56",class:"need-help"},h("h2",{key:"ac0cff4d1815b0ca8c06872dffe1d92aca72b2e2",id:"need-help"},"Need help?"),h("slot",{key:"b373d2508a5e728d217bc5c7c21c66df9ad1c0ca",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};

package/dist/components/va-notification.js

@@ -1 +1 @@
-import{p as proxyCustomElement,H,d as createEvent,h,c as Host}from"./p-ef5c0d66.js";import{c as classnames}from"./p-a5dce9e6.js";import{d as defineCustomElement$4}from"./p-bac94659.js";import{d as defineCustomElement$3}from"./p-784bed9b.js";import{d as defineCustomElement$2}from"./p-dffbc03b.js";const vaNotificationCss=":host{display:block;position:relative}:host([has-border=false])>va-card{border:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}::slotted([slot=date]){display:block;color:var(--vads-color-base-darker);font-size:16px}va-link{display:block;margin-top:3px}:host va-icon{margin-right:16px}va-icon.action-required{color:var(--vads-color-secondary-dark)}va-icon.update{color:var(--vads-color-primary)}.va-notification{display:table;width:100%;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}div.body{display:table-cell;vertical-align:middle;width:100%}h1,h2,h3,h4,h5,h6{margin:0;font-size:17px;font-family:var(--font-serif);line-height:22px;width:66%}@media (min-width: 768px){h1,h2,h3,h4,h5,h6{width:100%}}p{line-height:24px}.va-notification-close{margin:18px 12px;padding:0px;width:auto;color:var(--vads-color-base-darker);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0px;cursor:pointer;background:transparent;display:block;position:absolute;right:0px;top:0px}.va-notification-close:hover{color:var(--vads-color-base);background-color:transparent}.va-notification-close:active,.va-notification-close:focus{color:var(--vads-color-base);background-color:transparent;outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.va-notification-close>i{margin-right:8px;vertical-align:middle}.va-notification-close>span{font-weight:600;margin-right:5px}",VaNotificationStyle0=vaNotificationCss,VaNotification$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeEvent=createEvent(this,"closeEvent",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.visible=!0,this.symbol="none",this.closeBtnAriaLabel="Close notification",this.closeable=!1,this.hasBorder=!0,this.hasCloseText=!1,this.headline=void 0,this.headlineLevel="3",this.dateTime=void 0,this.href=void 0,this.text=void 0,this.disableAnalytics=!1}handleLinkAnalytics(e){var i,t;if("va-notification"!==e.detail.componentName&&(e.stopPropagation(),!this.disableAnalytics)){const a={componentName:"va-notification",action:"linkClick",details:{clickLabel:null===(t=null===(i=e.detail)||void 0===i?void 0:i.details)||void 0===t?void 0:t.label,type:this.symbol,headline:this.headline}};this.componentLibraryAnalytics.emit(a)}}closeHandler(e){if(this.closeEvent.emit(e),!this.disableAnalytics){const e={componentName:"va-notification",action:"close",details:{type:this.symbol,headline:this.headline}};this.componentLibraryAnalytics.emit(e)}}getHeadlineLevel(){const e=parseInt(this.headlineLevel,10);return e>=1&&e<=6?`h${e}`:"h3"}render(){const{visible:e,symbol:i,headline:t,dateTime:a,href:o,text:n,closeable:s,hasBorder:l,hasCloseText:r}=this,c=this.getHeadlineLevel();if(!e)return h("div",{"aria-live":"polite"});const d=classnames("va-notification",i,{"has-border":l}),m=`${t} ${a}`;return h(Host,null,h("va-card",{"show-shadow":"true"},h("div",{class:d},i&&"none"!==i?h("va-icon",{"aria-hidden":"true",role:"img",size:5,icon:"action-required"===i?"error":"update"===i?"info":null,class:i}):null,h("div",{class:"body",role:"presentation"},t?h(c,{part:"headline","aria-describedby":m},t):null,a?h("time",{dateTime:a},a):null,h("slot",null),o&&n?h("va-link",{active:!0,href:o,text:n}):null)),s&&h("button",{class:"va-notification-close","aria-label":this.closeBtnAriaLabel,onClick:this.closeHandler.bind(this)},h("va-icon",{icon:"close"}),r&&h("span",null,"CLOSE"))))}get el(){return this}static get style(){return VaNotificationStyle0}},[1,"va-notification",{visible:[4],symbol:[1],closeBtnAriaLabel:[1,"close-btn-aria-label"],closeable:[516],hasBorder:[516,"has-border"],hasCloseText:[4,"has-close-text"],headline:[1],headlineLevel:[1,"headline-level"],dateTime:[1,"date-time"],href:[1],text:[1],disableAnalytics:[4,"disable-analytics"]},[[0,"component-library-analytics","handleLinkAnalytics"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-notification","va-card","va-icon","va-link"].forEach(e=>{switch(e){case"va-notification":customElements.get(e)||customElements.define(e,VaNotification$1);break;case"va-card":customElements.get(e)||defineCustomElement$4();break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}})}const VaNotification=VaNotification$1,defineCustomElement=defineCustomElement$1;export{VaNotification,defineCustomElement};
+import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$4}from"./va-card2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";const vaNotificationCss=":host{display:block;position:relative}:host([has-border=false])>va-card{border:none !important;-webkit-box-shadow:none !important;box-shadow:none !important}::slotted([slot=date]){display:block;color:var(--vads-color-base-darker);font-size:16px}va-link{display:block;margin-top:3px}:host va-icon{margin-right:16px}va-icon.action-required{color:var(--vads-color-secondary-dark)}va-icon.update{color:var(--vads-color-primary)}.va-notification{display:table;width:100%;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}div.body{display:table-cell;vertical-align:middle;width:100%}h1,h2,h3,h4,h5,h6{margin:0;font-size:17px;font-family:var(--font-serif);line-height:22px;width:66%}@media (min-width: 768px){h1,h2,h3,h4,h5,h6{width:100%}}p{line-height:24px}.va-notification-close{margin:18px 12px;padding:0px;width:auto;color:var(--vads-color-base-darker);font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0px;cursor:pointer;background:transparent;display:block;position:absolute;right:0px;top:0px}.va-notification-close:hover{color:var(--vads-color-base);background-color:transparent}.va-notification-close:active,.va-notification-close:focus{color:var(--vads-color-base);background-color:transparent;outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.va-notification-close>i{margin-right:8px;vertical-align:middle}.va-notification-close>span{font-weight:600;margin-right:5px}",VaNotificationStyle0=vaNotificationCss,VaNotification$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeEvent=createEvent(this,"closeEvent",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.visible=!0,this.symbol="none",this.closeBtnAriaLabel="Close notification",this.closeable=!1,this.hasBorder=!0,this.hasCloseText=!1,this.headline=void 0,this.headlineLevel="3",this.dateTime=void 0,this.href=void 0,this.text=void 0,this.disableAnalytics=!1}handleLinkAnalytics(e){var i,t;if("va-notification"!==e.detail.componentName&&(e.stopPropagation(),!this.disableAnalytics)){const a={componentName:"va-notification",action:"linkClick",details:{clickLabel:null===(t=null===(i=e.detail)||void 0===i?void 0:i.details)||void 0===t?void 0:t.label,type:this.symbol,headline:this.headline}};this.componentLibraryAnalytics.emit(a)}}closeHandler(e){if(this.closeEvent.emit(e),!this.disableAnalytics){const e={componentName:"va-notification",action:"close",details:{type:this.symbol,headline:this.headline}};this.componentLibraryAnalytics.emit(e)}}getHeadlineLevel(){const e=parseInt(this.headlineLevel,10);return e>=1&&e<=6?`h${e}`:"h3"}render(){const{visible:e,symbol:i,headline:t,dateTime:a,href:o,text:n,closeable:s,hasBorder:l,hasCloseText:r}=this,c=this.getHeadlineLevel();if(!e)return h("div",{"aria-live":"polite"});const d=classnames("va-notification",i,{"has-border":l}),m=`${t} ${a}`;return h(Host,null,h("va-card",{"show-shadow":"true"},h("div",{class:d},i&&"none"!==i?h("va-icon",{"aria-hidden":"true",role:"img",size:5,icon:"action-required"===i?"error":"update"===i?"info":null,class:i}):null,h("div",{class:"body",role:"presentation"},t?h(c,{part:"headline","aria-describedby":m},t):null,a?h("time",{dateTime:a},a):null,h("slot",null),o&&n?h("va-link",{active:!0,href:o,text:n}):null)),s&&h("button",{class:"va-notification-close","aria-label":this.closeBtnAriaLabel,onClick:this.closeHandler.bind(this)},h("va-icon",{icon:"close"}),r&&h("span",null,"CLOSE"))))}get el(){return this}static get style(){return VaNotificationStyle0}},[1,"va-notification",{visible:[4],symbol:[1],closeBtnAriaLabel:[1,"close-btn-aria-label"],closeable:[516],hasBorder:[516,"has-border"],hasCloseText:[4,"has-close-text"],headline:[1],headlineLevel:[1,"headline-level"],dateTime:[1,"date-time"],href:[1],text:[1],disableAnalytics:[4,"disable-analytics"]},[[0,"component-library-analytics","handleLinkAnalytics"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-notification","va-card","va-icon","va-link"].forEach(e=>{switch(e){case"va-notification":customElements.get(e)||customElements.define(e,VaNotification$1);break;case"va-card":customElements.get(e)||defineCustomElement$4();break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}})}const VaNotification=VaNotification$1,defineCustomElement=defineCustomElement$1;export{VaNotification,defineCustomElement};

package/dist/components/va-official-gov-banner.js

@@ -1 +1 @@
-import{V as VaOfficialGovBanner$1,d as defineCustomElement$1}from"./p-0311e4e3.js";const VaOfficialGovBanner=VaOfficialGovBanner$1,defineCustomElement=defineCustomElement$1;export{VaOfficialGovBanner,defineCustomElement};
+import{V as VaOfficialGovBanner$1,d as defineCustomElement$1}from"./va-official-gov-banner2.js";const VaOfficialGovBanner=VaOfficialGovBanner$1,defineCustomElement=defineCustomElement$1;export{VaOfficialGovBanner,defineCustomElement};

package/dist/components/va-official-gov-banner2.js

@@ -0,0 +1 @@
+import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host}from"@stencil/core/internal/client";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",'(&nbsp;<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>&nbsp;)'),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:"87c94f819bedd589bf5453ba1c5d27120343241b"},h("div",{key:"39702c2c31eaa09c111e97d6081f6890725df283",class:"banner"},h("div",{key:"25f6b9f1fb101022f7df9040ac5317f4ef480c96",class:"accordion"},h("div",{key:"ee29058c66774758a5c2ce115be630f750566899",id:"header"},h("div",{key:"ffa496519054b0e8104b4ad97b859bd0c3e1193b",class:"inner"},h("div",{key:"402a5ea25f5fbc423a93e65afba9f7cc61ddf28b",class:"grid-col-auto"},h("img",{key:"1fbd820480e6e69c03e175565e28a52dac1fe613",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:"6ef48abb781dcd4de16b63e2a2850cb12648db52",class:"grid-col-fill","aria-hidden":"true"},h("p",{key:"5ff464b67bbec74f0a099fc5d6209657591a9774",class:"header-text"},instance.t("gov-site-label")),h("p",{key:"efea58389527a679fcf62fa463fe8e4d4f4ffe15",class:"header-action"},instance.t("gov-site-button"))),h("button",{key:"06977b9e3e1c7953f0d8e29d8902b8b7ee60ba95",onClick:this.handleClick,type:"button","aria-expanded":"false","aria-controls":"official-gov-banner"},h("span",{key:"99ea65054c7956c7140431b2c494b3b3cbf086f2",class:"button-text"},instance.t("gov-site-button"))))),h("div",{key:"e7bc27c4abe992ea6f52c727fcfc2ad4d6953697",class:"content",id:"official-gov-banner",hidden:!0},h("div",{key:"deebbcc4c4c21993bd680fae450c82df191520de",class:"grid-row"},h("div",{key:"6bf9816f8610e25bcca221a4ca78ba1476cea6a2",class:"col"},h("img",{key:"18db25b612a24bd797f16be4988c41ff5b92413a",src:iconDotGovSvg,role:"presentation",alt:""}),h("div",{key:"76cb154498c3a226ba25b9f35941998d5fa4b55b",class:"media-block"},h("p",{key:"67df93f4a0a57da991b24df97f7e561980615697"},h("strong",{key:"cee655729b121135a163c6d2fe857485b4186090"},instance.t("gov-site-website",{tld:e})),h("br",{key:"ad226e949d9e92d63b781f08c89d4aa3fef16495"}),h("span",{key:"2172a6c3402103a17e04b3e49e85804bd3a81f70",class:"gov-site-explanation-text"},this.govSiteExplanationText())))),h("div",{key:"e1b45eee5c7ba32c00e99f3e4cbbff1e68b9e983",class:"col"},h("img",{key:"571116a66a4e5b9eba917a6b6fd24046bb0a4125",src:iconHttpsSvg,role:"presentation",alt:""}),h("div",{key:"811a7296897918eb94171e8a44290287047fda78",class:"media-block"},h("p",{key:"79951b6559346e63548bca7a7c96f71293e42dbd"},h("strong",{key:"089ad9c2ac53c6d8da5af416ee89bdd7bd59243f"},instance.t("gov-site-https",{tld:e})),h("br",{key:"1b54dd3abeb051dd0b97dfd6c616024b30eb0dd5"}),h("span",{key:"f8a88e83bcac877a3649d1b20f81dd9c808bc9cc",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};

package/dist/components/va-omb-info.js

@@ -1 +1 @@
-import{p as proxyCustomElement,H,h,c as Host}from"./p-ef5c0d66.js";import{d as defineCustomElement$5}from"./p-6e4b9401.js";import{d as defineCustomElement$4}from"./p-784bed9b.js";import{d as defineCustomElement$3}from"./p-c3fdb782.js";import{d as defineCustomElement$2}from"./p-3962731f.js";const vaOmbInfoCss=":host{display:block;font-size:1.06rem}",VaOmbInfoStyle0=vaOmbInfoCss,VaOmbInfo$1=proxyCustomElement(class extends H{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.formId=void 0,this.resBurden=void 0,this.modalClickToClose=!1}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()}}formatRespondentBurden(){if(this.resBurden<=60)return`${this.resBurden} minute${1===this.resBurden?"":"s"}`;const e=Math.floor(this.resBurden/60),t=this.resBurden%60;let o=`${e} hour${1===e?"":"s"}`;return t&&(o+=` and ${t} minute${1===t?"":"s"}`),o}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,formId:r}=this;return h(Host,{key:"0e8ae1472c5b825dbabc97873228fe4f2fc1fa9f"},i&&h("div",{key:"4f33f64137601ff4ad4a3ad02381a8469b7e5de8"},"Respondent burden: ",h("strong",{key:"d73bf40b4bdfae6b20ba8963636ef71c513ce723"},this.formatRespondentBurden())),n&&h("div",{key:"73d0f46e0d87fe3a4a2b5f6ca6b4ee37df7810ec"},"OMB Control #: ",h("strong",{key:"bd67e2066473010d2052b66ac98f50096b8125a0"},n)),h("div",{key:"575e38b3f630668cd6ff68567c82a6e0dc821e0b"},"Expiration date: ",h("strong",{key:"683b02ef82b606a14672830ec7edd9d6d784b398"},e)),h("div",{key:"1eb00393941450987ff9a434c0c6c86980e84514"},h("va-button",{key:"e3682cd0d44b36cf97887c5fbd373e88718b90bf",onClick:s,onFocusin:()=>this.trapFocus(),secondary:!0,text:r?`Privacy Act Statement for VA Form ${r}`:"Privacy Act Statement"})),h("va-modal",{key:"4815bd5599987a8b6a8ce9b291e116775499443f",large:!0,modalTitle:"Privacy Act Statement",onCloseEvent:s,visible:a,clickToClose:this.modalClickToClose},h("slot",{key:"65973b56b97d06142d9882970b5f58602231db0c",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"],formId:[1,"form-id"],resBurden:[2,"res-burden"],modalClickToClose:[4,"modal-click-to-close"],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};
+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.formId=void 0,this.resBurden=void 0,this.modalClickToClose=!1}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()}}formatRespondentBurden(){if(this.resBurden<=60)return`${this.resBurden} minute${1===this.resBurden?"":"s"}`;const e=Math.floor(this.resBurden/60),t=this.resBurden%60;let o=`${e} hour${1===e?"":"s"}`;return t&&(o+=` and ${t} minute${1===t?"":"s"}`),o}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,formId:r}=this;return h(Host,{key:"6666b54fc531c9b8cec8d0547e495aeb5c148e42"},i&&h("div",{key:"e2a2ba983f2873d737071778ddb5136b7807d535"},"Respondent burden: ",h("strong",{key:"904565f216c0c6f9902425f33e7dab7a03e7cbe6"},this.formatRespondentBurden())),n&&h("div",{key:"1481a6010cac53ac8ed8520ae8f17d0fabc91df6"},"OMB Control #: ",h("strong",{key:"0e35723979be3152d0e9d116e03e53e0c23fdfed"},n)),h("div",{key:"b721bfc4837c3b4b9ada0ce67010bd2e4eff8163"},"Expiration date: ",h("strong",{key:"b3c43f3c6271520240db97115b005ef60a543a32"},e)),h("div",{key:"b67de4c0ad1f7d9bdb16b67d55ece02afa0140ac"},h("va-button",{key:"d9ee2e9f7c3e70e23a78b573bdcdc91865aa8542",onClick:s,onFocusin:()=>this.trapFocus(),secondary:!0,text:r?`Privacy Act Statement for VA Form ${r}`:"Privacy Act Statement"})),h("va-modal",{key:"d1b4182b9f73539fe64b6b6891189dd332344ee9",large:!0,modalTitle:"Privacy Act Statement",onCloseEvent:s,visible:a,clickToClose:this.modalClickToClose},h("slot",{key:"133c529f262fa4f792e48f72f5df8b6f5f4ecb13",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"],formId:[1,"form-id"],resBurden:[2,"res-burden"],modalClickToClose:[4,"modal-click-to-close"],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};

package/dist/components/va-on-this-page.js

@@ -1 +1 @@
-import{p as proxyCustomElement,H,d as createEvent,f as forceUpdate,h}from"./p-ef5c0d66.js";import"./p-6a3cf3d7.js";import{g as getHeaderLevel}from"./p-494b538e.js";import{d as defineCustomElement$2}from"./p-784bed9b.js";import{i as instance}from"./p-a836c3e1.js";const vaOnThisPageCss='p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block;border:1px solid var(--vads-color-base-light);border-radius:4px;padding:1em}@media (min-width: 768px){:host{border:none;padding:1em 1em 1em 0}}#on-this-page{font-family:var(--font-serif);font-size:1.25rem;font-weight:var(--font-weight-normal);margin:0.4em 0em}ul{margin-top:0;margin-bottom:0;margin-left:0;list-style-type:none;padding-left:0}li,#on-this-page{padding:0.5em;max-width:var(--vads-size-line-length-4)}li a{line-height:1.5em;display:-ms-flexbox;display:flex}li:hover{background-color:rgba(0, 0, 0, 0.05)}li a:hover{background-color:transparent}va-icon{margin-right:4px;padding-top:4px;line-height:1}',VaOnThisPageStyle0=vaOnThisPageCss,VaOnThisPage$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleHeadingBlur=e=>{const t=e.target;t.removeAttribute("tabindex"),t.removeAttribute("role")},this.moveFocusToHeading=e=>{const t=e.currentTarget,n=document.getElementById(t.hash.slice(1));n&&(n.setAttribute("tabindex","-1"),n.setAttribute("role","text"),n.focus(),n.addEventListener("blur",this.handleHeadingBlur,{once:!0}))},this.handleOnClick=e=>{var t,n,o,i;this.moveFocusToHeading(e),this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-on-this-page",action:"click",details:{"click-text":(null===(n=null===(t=e.composedPath())||void 0===t?void 0:t[0])||void 0===n?void 0:n.textContent)||(null===(i=null===(o=e.path)||void 0===o?void 0:o[0])||void 0===i?void 0:i.textContent)}})},this.headerLevel=2,this.disableAnalytics=!1}connectedCallback(){instance.on("languageChanged",()=>{forceUpdate(this.el)})}disconnectedCallback(){instance.off("languageChanged")}render(){const{handleOnClick:e}=this,t=getHeaderLevel(this.headerLevel)||"h2",n=Array.from(document.querySelectorAll("article h2")).filter(e=>e.id);return h("nav",{"aria-labelledby":"on-this-page"},h(t,{id:"on-this-page"},instance.t("on-this-page")),h("ul",null,n.map(t=>h("li",null,h("a",{href:`#${t.id}`,onClick:e},h("va-icon",{icon:"arrow_downward"}),h("span",null,t.innerText))))))}get el(){return this}static get style(){return VaOnThisPageStyle0}},[1,"va-on-this-page",{headerLevel:[2,"header-level"],disableAnalytics:[4,"disable-analytics"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-on-this-page","va-icon"].forEach(e=>{switch(e){case"va-on-this-page":customElements.get(e)||customElements.define(e,VaOnThisPage$1);break;case"va-icon":customElements.get(e)||defineCustomElement$2()}})}const VaOnThisPage=VaOnThisPage$1,defineCustomElement=defineCustomElement$1;export{VaOnThisPage,defineCustomElement};
+import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h}from"@stencil/core/internal/client";import"./contacts.js";import{c as consoleDevError,g as getHeaderLevel}from"./utils.js";import{d as defineCustomElement$2}from"./va-icon2.js";import{i as instance}from"./i18next.js";const vaOnThisPageCss='p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}a{text-decoration:none;color:var(--vads-color-link);-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color}a:hover{background-color:rgba(0, 0, 0, 0.05);color:inherit}a:visited{color:var(--vads-color-link-visited)}:host{display:block;border:1px solid var(--vads-color-base-light);border-radius:4px;padding:1em}@media (min-width: 768px){:host{border:none;padding:1em 1em 1em 0}}#on-this-page{font-family:var(--font-serif);font-size:1.25rem;font-weight:var(--font-weight-normal);margin:0.4em 0em}ul{margin-top:0;margin-bottom:0;margin-left:0;list-style-type:none;padding-left:0}li,#on-this-page{padding:0.5em;max-width:var(--vads-size-line-length-4)}li a{line-height:1.5em;display:-ms-flexbox;display:flex}li:hover{background-color:rgba(0, 0, 0, 0.05)}li a:hover{background-color:transparent}va-icon{margin-right:4px;padding-top:4px;line-height:1}',VaOnThisPageStyle0=vaOnThisPageCss;Build.isTesting&&instance.init({lng:"cimode"});const VaOnThisPage$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleHeadingBlur=e=>{const t=e.target;t.removeAttribute("tabindex"),t.removeAttribute("role")},this.moveFocusToHeading=e=>{const t=e.currentTarget,n=document.getElementById(t.hash.slice(1));n&&(n.setAttribute("tabindex","-1"),n.setAttribute("role","text"),n.focus(),n.addEventListener("blur",this.handleHeadingBlur,{once:!0}))},this.handleOnClick=e=>{var t,n,i,o;this.moveFocusToHeading(e),this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-on-this-page",action:"click",details:{"click-text":(null===(n=null===(t=e.composedPath())||void 0===t?void 0:t[0])||void 0===n?void 0:n.textContent)||(null===(o=null===(i=e.path)||void 0===i?void 0:i[0])||void 0===o?void 0:o.textContent)}})},this.headerLevel=2,this.disableAnalytics=!1}connectedCallback(){instance.on("languageChanged",()=>{forceUpdate(this.el)})}disconnectedCallback(){instance.off("languageChanged")}render(){const{handleOnClick:e}=this,t=getHeaderLevel(this.headerLevel)||"h2",n=Array.from(document.querySelectorAll("article h2")).filter(e=>(e.id||consoleDevError(`${e.textContent} is missing an id`),e.id));return h("nav",{"aria-labelledby":"on-this-page"},h(t,{id:"on-this-page"},instance.t("on-this-page")),h("ul",null,n.map(t=>h("li",null,h("a",{href:`#${t.id}`,onClick:e},h("va-icon",{icon:"arrow_downward"}),h("span",null,t.innerText))))))}get el(){return this}static get style(){return VaOnThisPageStyle0}},[1,"va-on-this-page",{headerLevel:[2,"header-level"],disableAnalytics:[4,"disable-analytics"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-on-this-page","va-icon"].forEach(e=>{switch(e){case"va-on-this-page":customElements.get(e)||customElements.define(e,VaOnThisPage$1);break;case"va-icon":customElements.get(e)||defineCustomElement$2()}})}const VaOnThisPage=VaOnThisPage$1,defineCustomElement=defineCustomElement$1;export{VaOnThisPage,defineCustomElement};

package/dist/components/va-pagination.js

@@ -1 +1 @@
-import{p as proxyCustomElement,H,d as createEvent,f as forceUpdate,h,F as Fragment,c as Host,g as getAssetPath}from"./p-ef5c0d66.js";import{c as classnames}from"./p-a5dce9e6.js";import"./p-6a3cf3d7.js";import{m as makeArray}from"./p-494b538e.js";import{i as instance}from"./p-a836c3e1.js";const vaPaginationCss='/* From the USWDS styles: */\n/*   https://github.com/uswds/uswds/blob/3dc296ec56cd621fe52d918701fd94621d96a198/src/stylesheets/core/mixins/_focus.scss#L12-L13 */\nbutton:not([disabled]):focus,\nselect:not([disabled]):focus,\na:not([disabled]):focus,\nh1:focus,\ninput:not([disabled]):focus,\ntextarea:not([disabled]):focus,\n#form-question\n[role=\'option\']:focus,\n*[tabindex]:focus, \na.va-sidenav-submenu__link:focus {\n  outline: 2px solid var(--vads-color-action-focus-on-light);\n  outline-offset: 2px;\n  z-index: 2;\n}\n\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nGENERAL SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS style tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens\n----------------------------------------\n*/\n/*\n----------------------------------------\nImage path\n----------------------------------------\nRelative image file path\n----------------------------------------\n*/\n/*\n----------------------------------------\nShow compile warnings\n----------------------------------------\nShow Sass warnings when functions and\nmixins use non-standard tokens.\nAND\nShow updates and notifications.\n----------------------------------------\n*/\n/*\n----------------------------------------\nNamespace\n----------------------------------------\n*/\n/*\n----------------------------------------\nPrefix separator\n----------------------------------------\nSet the character the separates\nresponsive and state prefixes from the\nmain class name.\nThe default (":") needs to be preceded\nby two backslashes to be properly\nescaped.\n----------------------------------------\n*/\n/*\n----------------------------------------\nLayout grid\n----------------------------------------\nShould the layout grid classes output\nwith !important\n----------------------------------------\n*/\n/*\n----------------------------------------\nBorder box sizing\n----------------------------------------\nWhen set to true, sets the box-sizing\nproperty of all site elements to\n`border-box`.\n----------------------------------------\n*/\n/*\n----------------------------------------\nFocus styles\n----------------------------------------\n*/\n/*\n----------------------------------------\nIcons\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nTYPOGRAPHY SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS typography tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens/typesetting/overview/\n----------------------------------------\n*/\n/*\n----------------------------------------\nRoot font size\n----------------------------------------\nSetting $theme-respect-user-font-size to\ntrue sets the root font size to 100% and\nuses ems for media queries\n----------------------------------------\n$theme-root-font-size only applies when\n$theme-respect-user-font-size is set to\nfalse.\n\nThis will set the root font size\nas a specific px value and use px values\nfor media queries.\n\nAccepts true or false\n----------------------------------------\n*/\n/*\n----------------------------------------\nGlobal styles\n----------------------------------------\nAdds basic styling for the following\nunclassed elements:\n\n- paragraph: paragraph text\n- link: links\n- content: paragraph text, links,\n  headings, lists, and tables\n----------------------------------------\n*/\n/*\n----------------------------------------\nBroswer compatibility mode\n----------------------------------------\nWhen true, outputs woff and ttf font \nformats in addition to woff2\n----------------------------------------\n*/\n/*\n----------------------------------------\nFont path\n----------------------------------------\nRelative font file path\n----------------------------------------\n*/\n/*\n----------------------------------------\nCustom typeface tokens\n----------------------------------------\nAdd a new custom typeface token if\nyour project uses a typeface not already\ndefined by USWDS.\n----------------------------------------\nUSWDS defines the following tokens\nby default:\n----------------------------------------\n\'georgia\'\n\'helvetica\'\n\'merriweather\'\n\'open-sans\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\'system\'\n\'tahoma\'\n\'verdana\'\n----------------------------------------\nAdd as many new tokens as you have\ncustom typefaces. Reference your new\ntoken(s) in the type-based font settings\nusing the quoted name of the token.\n\nFor example:\n\n$theme-font-type-cond: \'example-font-token\';\n\ndisplay-name:\nThe display name of your font\n\ncap-height:\nThe height of a 500px `N` in Sketch\n----------------------------------------\nYou should change `example-[style]-token`\nnames to something more descriptive.\n----------------------------------------\n*/\n/*\n----------------------------------------\nType-based font settings\n----------------------------------------\nSet the type-based tokens for your\nproject from the following tokens,\nor from any new font tokens you added in\n$theme-typeface-tokens.\n----------------------------------------\n\'georgia\'\n\'helvetica\'\n\'merriweather\'\n\'open-sans\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\'system\'\n\'tahoma\'\n\'verdana\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nCustom font stacks\n----------------------------------------\nAdd custom font stacks to any of the\ntype-based fonts. Any USWDS typeface\ntoken already has a default stack.\n\nCustom stacks don\'t need to include the\nfont\'s display name. It will\nautomatically appear at the start of\nthe stack.\n----------------------------------------\nExample:\n$theme-font-type-sans: \'source-sans-pro\';\n$theme-font-sans-custom-stack: "Helvetica Neue", Helvetica, Arial, sans;\n\nOutput:\nfont-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;\n----------------------------------------\n*/\n/*\n----------------------------------------\nAdd any custom font source files\n----------------------------------------\nIf you want USWDS to generate additional\n@font-face declarations, add your font\ndata below, following the example that\nfollows.\n----------------------------------------\nUSWDS automatically generates @font-face\ndeclarations for the following\n\n\'merriweather\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\nThese typefaces not require custom\nsource files.\n----------------------------------------\nEXAMPLE\n\n- dir:\n  Directory relative to $theme-font-path\n- This directory should include fonts saved as\n  .woff2\n  ExampleSerif-Normal.woff2\n\n$theme-font-serif-custom-src: (\n  dir: \'custom/example-serif\',\n  roman: (\n    100: false,\n    200: false,\n    300: \'ExampleSerif-Light\',\n    400: \'ExampleSerif-Normal\',\n    500: false,\n    600: false,\n    700: \'ExampleSerif-Bold\',\n    800: false,\n    900: false,\n  ),\n  italic: (\n    100: false,\n    200: false,\n    300: \'ExampleSerif-LightItalic\',\n    400: \'ExampleSerif-Italic\',\n    500: false,\n    600: false,\n    700: \'ExampleSerif-BoldItalic\',\n    800: false,\n    900: false,\n  ),\n);\n----------------------------------------\n*/\n/*\n----------------------------------------\nRole-based font settings\n----------------------------------------\nSet the role-based tokens for your\nproject from the following font-type\ntokens.\n----------------------------------------\n\'cond\'\n\'icon\'\n\'lang\'\n\'mono\'\n\'sans\'\n\'serif\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nType scale\n----------------------------------------\nDefine your project\'s type scale using\nvalues from the USWDS system type scale\n\n1-20\n----------------------------------------\n*/\n/*\n----------------------------------------\nFont weights\n----------------------------------------\nAssign weights 100-900\nOr use `false` for unneeded weights.\n----------------------------------------\n*/\n/*\n----------------------------------------\nGeneral typography settings\n----------------------------------------\nType scale tokens\n----------------------------------------\nmicro:      10px\n1:          12px\n2:          13px\n3:          14px\n4:          15px\n5:          16px\n6:          17px\n7:          18px\n8:          20px\n9:          22px\n10:         24px\n11:         28px\n12:         32px\n13:         36px\n14:         40px\n15:         48px\n16:         56px\n17:         64px\n18:         80px\n19:         120px\n20:         140px\n----------------------------------------\nLine height tokens\n----------------------------------------\n1:    1\n2:    1.15\n3:    1.35\n4:    1.5\n5:    1.62\n6:    1.75\n----------------------------------------\nFont role tokens\n----------------------------------------\n\'ui\'\n\'heading\'\n\'body\'\n\'code\'\n\'alt\'\n----------------------------------------\nMeasure (max-width) tokens\n----------------------------------------\n1:       44ex\n2:       60ex\n3:       64ex\n4:       68ex\n5:       74ex\n6:       88ex\nnone:    none\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nCOLOR SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS color tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens/color\n----------------------------------------\n*/\n/*\n----------------------------------------\nTheme palette colors\n----------------------------------------\n*/\n/*\n----------------------------------------\nState palette colors\n----------------------------------------\n*/\n/*\n----------------------------------------\nGeneral colors\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nCOMPONENT SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS style tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nSPACING SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS spacing units tokens in the\ndocumentation:\nhttps://designsystem.digital.gov/design-tokens/spacing-units\n----------------------------------------\n*/\n/*\n----------------------------------------\nBorder radius\n----------------------------------------\n2px           2px\n0.5           4px\n1             8px\n1.5           12px\n2             16px\n2.5           20px\n3             24px\n4             32px\n5             40px\n6             48px\n7             56px\n8             64px\n9             72px\n----------------------------------------\n*/\n/*\n----------------------------------------\nColumn gap\n----------------------------------------\n2px         2px\n0.5         4px\n1           8px\n2           16px\n3           24px\n4           32px\n5           40px\n6           48px\n----------------------------------------\n*/\n/*\n----------------------------------------\nGrid container max-width\n----------------------------------------\nmobile\nmobile-lg\ntablet\ntablet-lg\ndesktop\ndesktop-lg\nwidescreen\n----------------------------------------\n*/\n/*\n----------------------------------------\nSite\n----------------------------------------\n*/\n/*\n----------------------------------------\nmap-collect()\n----------------------------------------\nCollect multiple maps into a single\nlarge map\nsource: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nUTILITIES SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS utilities in the documentation:\nhttps://designsystem.digital.gov/utilities\n----------------------------------------\n*/\n/*\n----------------------------------------\nUtility breakpoints\n----------------------------------------\nWhich breakpoints does your project\nneed? Select as `true` any breakpoint\nused by utilities or layout grid\n----------------------------------------\n*/\n/*\n----------------------------------------\nGlobal colors\n----------------------------------------\nThe following palettes will be added to\n- background-color\n- border-color\n- color\n- text-decoration-color\n----------------------------------------\n*/\n/*\n----------------------------------------\nSettings\n----------------------------------------\n*/\n/*\n----------------------------------------\nValues\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-last()\n----------------------------------------\nReturn the last item of a list,\nReturn null if the value is null\n----------------------------------------\n*/\n/*\n----------------------------------------\nappend-important()\n----------------------------------------\nAppend `!important` to a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nde-list()\n----------------------------------------\nTransform a one-element list or arglist\ninto that single element.\n----------------------------------------\n(1) => 1\n((1)) => (1)\n----------------------------------------\n*/\n/*\n----------------------------------------\nuswds-error()\n----------------------------------------\nAllow the system to pass an error as text\nto test error states in unit testing\n----------------------------------------\n*/\n/*\n----------------------------------------\nerror-not-token()\n----------------------------------------\nReturns a common not-a-token error.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-default()\n----------------------------------------\nReturns the default value from a map\nof project defaults\nget-default("bg-color")\n> $theme-body-background-color\n----------------------------------------\n*/\n/*\n----------------------------------------\nhas-important()\n----------------------------------------\nCheck to see if `!important` is\nbeing passed in a mixin\'s props\n----------------------------------------\n*/\n/*\n----------------------------------------\nmap-deep-get()\n----------------------------------------\n@author Hugo Giraudel\n@access public\n@param {Map} $map - Map\n@param {Arglist} $keys - Key chain\n@return {*} - Desired value\n----------------------------------------\n*/\n/*\n----------------------------------------\nmulti-cat()\n----------------------------------------\nConcatenate two lists\n----------------------------------------\n*/\n/*\n----------------------------------------\nremove()\n----------------------------------------\nRemove a value from a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nsmart-quote()\n----------------------------------------\nQuotes strings\nInspects `px`, `xs`, and `xl` numbers\nLeaves bools as is\n----------------------------------------\n*/\n/*\n----------------------------------------\nstr-replace()\n----------------------------------------\nReplace any substring with another\nstring\n----------------------------------------\n*/\n/*\n----------------------------------------\nstr-split()\n----------------------------------------\nSplit a string at a given separator\nand convert into a list of substrings\n----------------------------------------\n*/\n/*\n----------------------------------------\nstrip-unit()\n----------------------------------------\nRemove the unit of a length\n@author Hugo Giraudel\n@param {Number} $number - Number to remove unit from\n@return {Number} - Unitless number\n----------------------------------------\n*/\n/*\n----------------------------------------\nbase-to-map()\n@TODO: Deprecate and delete\n----------------------------------------\nConvert a single base to a USWDS\nvalue map.\n\nCandidate for deprecation if we remove\nisReadable\n----------------------------------------\n*/\n/*\n----------------------------------------\nto-number()\n----------------------------------------\nCasts a string into a number\n----------------------------------------\n@param {String | Number} $value - Value to be parsed\n@return {Number}\n----------------------------------------\n*/\n/*\n----------------------------------------\nunpack()\n----------------------------------------\nCreate lists of single items from lists\nof lists.\n----------------------------------------\n(1, (2.1, 2.2), 3) --\x3e\n(1, 2.1, 2.2, 3)\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-system-color()\n----------------------------------------\nDerive a system color from its\nfamily, value, and vivid or a passed\nvariable that is, itself, a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nset-theme-color()\n----------------------------------------\nDerive a color from a system color token\nor a hex value\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor()\n----------------------------------------\nDerive a color from a color shortcode\n----------------------------------------\n*/\n/*\n----------------------------------------\npx-to-rem()\n----------------------------------------\nConverts a value in px to a value in rem\n----------------------------------------\n*/\n/*\n----------------------------------------\nrem-to-user-em()\n----------------------------------------\nConverts a value in rem to a value in\n[user-settings] em for use in media\nqueries\n----------------------------------------\n*/\n/*\n----------------------------------------\npx-to-user-em()\n----------------------------------------\nConverts a value in px to a value in em\n----------------------------------------\n*/\n/*\n----------------------------------------\nrem-to-px()\n----------------------------------------\nConverts a value in rem to a value in px\n----------------------------------------\n*/\n/*\n----------------------------------------\nspacing-multiple()\n----------------------------------------\nConverts a spacing unit multiple into\nthe desired final units (currently rem)\n----------------------------------------\n*/\n/*\n----------------------------------------\nnumber-to-token()\n----------------------------------------\nConverts an integer or numeric value\ninto a system value\n\nEx: 0.5   --\x3e \'05\'\n    -1px  --\x3e \'neg-1px\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nunits()\n----------------------------------------\nConverts a spacing unit into\nthe desired final units (currently rem)\n----------------------------------------\n*/\n/*\n----------------------------------------\nProject fonts\n----------------------------------------\nCollects font settings in a map for\nlooping.\n----------------------------------------\n*/\n/*\n----------------------------------------\nLuminance ranges\n----------------------------------------\n*/\n/*\n----------------------------------------\nns()\n----------------------------------------\nAdd a namesspace of $type if that\nnamespace is set to output\n----------------------------------------\n*/\n/*\n----------------------------------------\nLine height\n----------------------------------------\n*/\n/*\n----------------------------------------\nMeasure\n----------------------------------------\n*/\n/*\n----------------------------------------\nvalidate-typeface-token()\n----------------------------------------\nCheck to see if a typeface-token exists.\nThrow an error if a passed token does\nnot exist in the typeface-token map.\n----------------------------------------\n*/\n/*\n----------------------------------------\ncap-height()\n----------------------------------------\nGet the cap height of a valid typeface\n----------------------------------------\n*/\n/*\n----------------------------------------\nconvert-to-font-type()\n----------------------------------------\nConverts a font-role token into a\nfont-type token. Leaves font-type tokens\nunchanged.\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-sources()\n----------------------------------------\nOutputs a list of font sources used in\na @font-face declaration.\n\n$theme-font-browser-compatibility: true - output woff2, woff, ttf\n$theme-font-browser-compatibility: false - output woff2\n\n@param stem: string - [font path]/[custom-src.dir]/[custom-src.[style].[weight]]\n@output: string\n\nfiletypes must be one of the filetypes set in variables/$project-font-face-filetypes (woff, woff2, ttf)\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-font-stack()\n----------------------------------------\nGet a font stack from a style- or\nrole-based font token.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-typeface-token()\n----------------------------------------\nGet a typeface token from a font-type or\nfont-role token.\n----------------------------------------\n*/\n/*\n----------------------------------------\nnormalize-type-scale()\n----------------------------------------\nNormalizes a specific face\'s optical size\nto a set target\n----------------------------------------\n*/\n/*\n----------------------------------------\nsystem-type-scale()\n----------------------------------------\nGet a value from the system type scale\n----------------------------------------\n*/\n/*\n----------------------------------------\nEasing\n----------------------------------------\n*/\n/*  deprecated.scss\n    ---\n    Occasionally the design system will deprecate\n    old variables or functionality. If we replace\n    the old functionality with something new, this is a\n    place to connect the old functionality to the\n    new functionality, in the service of better\n    continuity and backwards compatibility within a\n    major release cycle.\n\n    Note the USWDS version where we deprecated the\n    old functionality in a comment.\n\n    Be sure to update notifications.scss.\n\n    This file should started fresh at each\n    major version.\n*/\n/*\n----------------------------------------\nadvanced-color()\n----------------------------------------\nDerive a color from a color triplet:\n[family], [grade], [variant]\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-system-color-token()\n----------------------------------------\nReturn whether a token is a system\ncolor token\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-theme-color-token()\n----------------------------------------\nReturn whether a token is a theme\ncolor token\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-assignment()\n----------------------------------------\nGet the system token equivalent of any\ntheme color token\n----------------------------------------\n*/\n/*\n----------------------------------------\ndecompose()\n----------------------------------------\nConvert a color token into into a list\nof form [family], [grade], [variant]\nVivid variants return "vivid" as the\nvariant.\nIf neither grade nor variant exists,\nreturns \'null\'\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-family()\n----------------------------------------\nReturns the family of a color token.\nReturns: color-family\ncolor-token-family("accent-warm-vivid")\n> "accent-warm"\ncolor-token-family("red-50v")\n> "red"\ncolor-token-variant(("red", 50, "vivid"))\n> "red"\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-grade()\n----------------------------------------\nReturns the grade of a USWDS color token.\nReturns: color-grade\ncolor-token-grade("accent-warm")\n> "root"\ncolor-token-grade("accent-warm-vivid")\n> "root"\ncolor-token-grade("accent-warm-darker")\n> "darker"\ncolor-token-grade("red-50v")\n> 50\ncolor-token-variant(("red", 50, "vivid"))\n> 50\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-color-token()\n----------------------------------------\nReturns whether a given string is a\nUSWDS color token.\n----------------------------------------\n*/\n/*\n----------------------------------------\npow()\n----------------------------------------\nRaises a unitless number to the power\nof another unitless number\nIncludes helper functions\n----------------------------------------\n*/\n/*\n----------------------------------------\nHelper functions\n----------------------------------------\n*/\n/* factorial()\n----------------------------------------\n*/\n/* summation()\n----------------------------------------\n*/\n/* exp-maclaurin()\n----------------------------------------\n*/\n/* ln()\n----------------------------------------\n*/\n/*\n----------------------------------------\ncalculate-grade()\n----------------------------------------\nDerive the grade equivalent any color,\neven non-token colors\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-type()\n----------------------------------------\nReturns the type of a color token.\nReturns: "system" | "theme"\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-variant()\n----------------------------------------\nReturns the variant of color token.\nReturns: "vivid" | false\ncolor-token-variant("accent-warm")\n> false\ncolor-token-variant("accent-warm-vivid")\n> "vivid"\ncolor-token-variant("red-50v")\n> "vivid"\ncolor-token-variant(("red", 50, "vivid"))\n> "vivid"\n----------------------------------------\n*/\n/*\n----------------------------------------\nmagic-number()\n----------------------------------------\nReturns the magic number of two color\ngrades. Takes numbers or color tokens.\nmagic-number(50, 10)\nreturn: 40\nmagic-number("red-50", "red-10")\nreturn: 40\n----------------------------------------\n*/\n/*\n----------------------------------------\nwcag-magic-number()\n----------------------------------------\nReturns the magic number of a specific\nwcag grade:\n"AA"\n"AA-Large"\n"AAA"\nwcag-magic-number("AA")\n> 50\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-accessible-magic-number()\n----------------------------------------\nReturns whether two grades achieve\nspecified target color contrast\nReturns: true | false\nis-accessible-magic-number(10, 50, "AA")\n> false\nis-accessible-magic-number(10, 60, "AA")\n> true\n----------------------------------------\n*/\n/*\n----------------------------------------\nnext-token()\n----------------------------------------\nReturns next "darker" or "lighter" color\ntoken of the same token type and variant.\nReturns: color-token | false\nnext-token("accent-warm", "lighter")\n> "accent-warm-light"\nnext-token("gray-10", "lighter")\n> "gray-5"\nnext-token("gray-5", "lighter")\n> "white"\nnext-token("white", "lighter")\n> false\nnext-token("red-50v", "darker")\n> "red-60v"\nnext-token("red-50", "darker")\n> "red-60"\nnext-token("red-80v", "darker")\n> "red-90"\nnext-token("red-90", "darker")\n> "black"\nnext-token("white", "darker")\n> "gray-5"\nnext-token("black", "lighter")\n> "gray-90"\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-link-tokens-from-bg()\n----------------------------------------\nGet accessible link colors for a given\nbackground color\nreturns: link-token, hover-token\nget-link-tokens-from-bg(\n  "black",\n  "red-60",\n  "red-10",\n  "AA")\n> "red-10", "red-5"\nget-link-tokens-from-bg(\n  "black",\n  "red-60v",\n  "red-10v",\n  "AA-large")\n> "red-60v", "red-50v"\nget-link-tokens-from-bg(\n  "black",\n  "red-5v",\n  "red-60v",\n  "AA")\n> "red-5v", "white"\nget-link-tokens-from-bg(\n  "black",\n  "white",\n  "red-60v",\n  "AA")\n> "white", "white"\n----------------------------------------\n*/\n/*\n----------------------------------------\ntest-colors()\n----------------------------------------\nCheck to see if all system colors\nfall between the proper relative\nluminance range for their grade.\nHas a couple quirks, as the luminance()\nfunction returns slightly different\nresults than expected.\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolumns()\n----------------------------------------\noutputs a grid-col number based on\nthe number of desired columns in the\n12-column grid\n\nEx: columns(2) --\x3e 6\n    grid-col(columns(2))\n----------------------------------------\n*/\n/*\n----------------------------------------\nUSWDS Properties\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-uswds-value()\n----------------------------------------\nFinds and outputs a value from the\nUSWDS standard values.\n\nUsed to build other standard utility\nfunctions and mixins.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-standard-values()\n----------------------------------------\nGets a map of USWDS standard values\nfor a property\n----------------------------------------\n*/\n/*\n----------------------------------------\nborder-radius()\n----------------------------------------\nGet a border-radius from the system\nborder-radii\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-weight()\nfw()\n----------------------------------------\nGet a font-weight value from the\nsystem font-weight\n----------------------------------------\n*/\n/*\n----------------------------------------\nfeature()\n----------------------------------------\nGets a valid USWDS font feature setting\n----------------------------------------\n*/\n/*\n----------------------------------------\nflex()\n----------------------------------------\nGets a valid USWDS flex value\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-family()\nfamily()\n----------------------------------------\nGet a font-family stack from a\nrole-based or type-based font family\n----------------------------------------\n*/\n/*\n----------------------------------------\nletter-spacing()\nls()\n----------------------------------------\nGet a letter-spacing value from the\nsystem letter-spacing\n----------------------------------------\n*/\n/*\n----------------------------------------\nmeasure()\n----------------------------------------\nGets a valid USWDS reading line length\n----------------------------------------\n*/\n/*\n----------------------------------------\nopacity()\n----------------------------------------\nGet an opacity from the system\nopacities\n----------------------------------------\n*/\n/*\n----------------------------------------\norder()\n----------------------------------------\nGet an order value from the\nsystem orders\n----------------------------------------\n*/\n/*\n----------------------------------------\nradius()\n----------------------------------------\nGet a border-radius value from the\nsystem letter-spacing\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-size()\n----------------------------------------\nGet type scale value from a [family] and\n[scale]\n----------------------------------------\n*/\n/*\n----------------------------------------\nz-index()\nz()\n----------------------------------------\nGet a z-index value from the\nsystem z-index\n----------------------------------------\n*/\n/*\n----------------------------------------\nutility-font()\n----------------------------------------\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\nNot the public-facing function.\nUsed for building the utilities and\nwithholds certain errors.\n----------------------------------------\n*/\n/*\n----------------------------------------\nfamily()\n----------------------------------------\nGet a font-family stack\n----------------------------------------\n*/\n/*\n----------------------------------------\nsize()\n----------------------------------------\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont()\n----------------------------------------\nGet a font-family stack\nAND\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n/*\n----------------------------------------\ntypeset()\n----------------------------------------\nSets:\n- family\n- size\n- line-height\n----------------------------------------\n*/\n/* stylelint-disable max-nesting-depth */\n/*\n----------------------------------------\n@render-pseudoclass\n----------------------------------------\nBuild a pseucoclass utiliy from values\ncalculated in the @render-utilities-in\nloop\n----------------------------------------\n*/\n/*\n----------------------------------------\n@render-utility\n----------------------------------------\nBuild a utility from values calculated\nin the @render-utilities-in loop\n----------------------------------------\nTODO: Determine the proper use of\nunquote() in the following. Changed to\naccount for a \'interpolation near\noperators will be simplified in a\nfuture version of Sass\' warning.\n----------------------------------------\n*/\n/*\n----------------------------------------\n@render-utilities-in\n----------------------------------------\nThe master loop that sets the building\nblocks of utilities from the values\nin individual rule settings and loops\nthrough all possible variants\n----------------------------------------\n*/\n/* stylelint-enable */\n/*  notifications.scss\n    ---\n    Adds a notification at the top of each USWDS\n    compile. Use this file for important notifications\n    and updates to the design system.\n\n    This file should started fresh at each\n    major version.\n\n*/\n/* prettier-ignore */\n/* prettier-ignore */\n.usa-sr-only {\n  position: absolute;\n  left: -999em;\n  right: auto;\n}\n\n.usa-pagination {\n  margin-bottom: 1rem;\n  margin-top: 1rem;\n  font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;\n  font-size: 1.06rem;\n  line-height: 1.5;\n  color: #1b1b1b;\n  background-color: white;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.usa-pagination .usa-icon {\n  height: 1.13rem;\n  width: 1.13rem;\n}\n\n.usa-pagination__list {\n  margin-bottom: 0;\n  margin-top: 0;\n  list-style-type: none;\n  padding-left: 0;\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-flow: row nowrap;\n  flex-flow: row nowrap;\n  -ms-flex-pack: center;\n  justify-content: center;\n  width: auto;\n}\n\n.usa-pagination__item {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  height: 2.5rem;\n  -ms-flex-pack: center;\n  justify-content: center;\n  line-height: 1;\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n  min-width: 2.5rem;\n}\n@media all and (min-width: 40em) {\n  .usa-pagination__item {\n    -ms-flex: 1 0 auto;\n    flex: 1 0 auto;\n  }\n}\n\n.usa-pagination__arrow {\n  display: none;\n}\n@media all and (min-width: 40em) {\n  .usa-pagination__arrow {\n    display: inherit;\n  }\n}\n\n@media all and (min-width: 40em) {\n  .usa-pagination__previous-page {\n    margin-right: 1.25rem;\n  }\n}\n\n@media all and (min-width: 40em) {\n  .usa-pagination__next-page {\n    margin-left: 1.25rem;\n  }\n}\n\n.usa-pagination__link {\n  -ms-flex-align: center;\n  align-items: center;\n  color: #005ea2;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n.usa-pagination__link[disabled] {\n  opacity: 0.4 !important;\n  pointer-events: none;\n}\n.usa-pagination__link:hover, .usa-pagination__link:focus, .usa-pagination__link:active {\n  color: #1a4480;\n}\n.usa-pagination__link:visited {\n  color: #005ea2;\n}\n\n.usa-pagination__button {\n  -ms-flex-align: center;\n  align-items: center;\n  border-color: rgba(27, 27, 27, 0.2);\n  border-radius: 0.25rem;\n  border-style: solid;\n  border-width: 1px;\n  color: #005ea2;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  padding: 0.5rem;\n  width: 100%;\n}\n.usa-pagination__button:hover, .usa-pagination__button:focus, .usa-pagination__button:active {\n  color: #1a4480;\n  border-color: #1a4480;\n}\n@media (forced-colors: active) {\n  .usa-pagination__button:hover, .usa-pagination__button:focus, .usa-pagination__button:active {\n    border: 2px solid transparent;\n  }\n}\n\n.usa-pagination .usa-current {\n  background-color: #1b1b1b;\n  border-color: transparent;\n  color: white;\n}\n@media (forced-colors: active) {\n  .usa-pagination .usa-current {\n    border: 2px solid transparent;\n    color: buttonText;\n  }\n}\n.usa-pagination .usa-current:hover, .usa-pagination .usa-current:focus, .usa-pagination .usa-current:active {\n  background-color: #1b1b1b;\n  color: white;\n}\n@media (forced-colors: active) {\n  .usa-pagination .usa-current:hover, .usa-pagination .usa-current:focus, .usa-pagination .usa-current:active {\n    color: buttontext;\n  }\n}\n\n.usa-pagination__overflow {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-item-align: stretch;\n  align-self: stretch;\n  display: inherit;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  padding: 0.5rem;\n}\n\n.usa-icon {\n  display: inline-block;\n  fill: currentColor;\n  height: 1em;\n  position: relative;\n  width: 1em;\n}\n\n.usa-icon--size-3 {\n  height: 1.5rem;\n  width: 1.5rem;\n}\n\n.usa-icon--size-4 {\n  height: 2rem;\n  width: 2rem;\n}\n\n.usa-icon--size-5 {\n  height: 2.5rem;\n  width: 2.5rem;\n}\n\n.usa-icon--size-6 {\n  height: 3rem;\n  width: 3rem;\n}\n\n.usa-icon--size-7 {\n  height: 3.5rem;\n  width: 3.5rem;\n}\n\n.usa-icon--size-8 {\n  height: 4rem;\n  width: 4rem;\n}\n\n.usa-icon--size-9 {\n  height: 4.5rem;\n  width: 4.5rem;\n}\n\n.va-pagination__item {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n:host a.usa-pagination__next-page > div,\n:host a.usa-pagination__previous-page > div {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host {\n  background-color: var(--vads-color-white);\n  border-top: 1px solid var(--vads-color-base-lightest);\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n  font-family: var(--font-source-sans);\n  -ms-flex-pack: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 1.25rem 0 0.625rem;\n  width: 100%;\n}\n\nul {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\nli {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\nbutton {\n  -moz-osx-font-smoothing: auto;\n  -webkit-font-smoothing: auto;\n  background-color: transparent;\n  border: 0;\n  color: var(--vads-color-link);\n  cursor: pointer;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  font-family: inherit;\n  font-size: 0.89rem;\n  font-weight: 400;\n  -ms-flex-pack: center;\n  justify-content: center;\n  line-height: 2;\n  padding: 0;\n  -webkit-transition: all 0.3s ease-in-out;\n  transition: all 0.3s ease-in-out;\n  -webkit-transition-property: color, background-color;\n  transition-property: color, background-color;\n}\n\n@container (max-width: 480px) {\n  .usa-pagination__overflow {\n    margin: 0;\n    min-width: 2rem;\n    padding: 0;\n  }\n}',VaPaginationStyle0=vaPaginationCss,VaPagination$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.pageSelect=createEvent(this,"pageSelect",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.SHOW_ALL_PAGES=7,this.handlePageSelect=(n,e)=>{var t,a,o;if(this.pageSelect.emit({page:n}),null===(o=null===(a=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===a?void 0:a.activeElement)||void 0===o||o.blur(),this.enableAnalytics){const t={componentName:"va-pagination",action:"linkClick",details:{event:e,"page-number":n}};this.componentLibraryAnalytics.emit(t)}},this.pageNumbers=()=>{const{page:n,pages:e,unbounded:t,SHOW_ALL_PAGES:a}=this,o=t?0:1;let i,s;return e<=a?makeArray(1,e):n<=4?(i=1,s=i+a-2-o,s===n&&s++,makeArray(i,s)):n+5-1>e?(i=e-(a-2-1),i===n&&i--,s=e,makeArray(i,s)):(i=n-1,s=t?n+2:n+1,makeArray(i,s))},this.handleKeyDown=(n,e)=>{const t=n.key;if("Enter"===t||" "===t){if(n.preventDefault(),!e)return;this.handlePageSelect(e,"nav-paginate-number")}},this.ariaLabelSuffix="",this.enableAnalytics=!0,this.page=void 0,this.pages=void 0,this.unbounded=!1}addIcons(){var n,e;function t(n){return`<svg\n      class="usa-icon"\n      aria-hidden="true"\n      role="img">\n        <use href=${getAssetPath("/img/sprite.svg")}#${n}></use>\n      </svg>`}const a=null===(n=this.el.shadowRoot)||void 0===n?void 0:n.querySelector("#previous-arrow-icon");a&&(a.innerHTML=t("navigate_before"));const o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#next-arrow-icon");o&&(o.innerHTML=t("navigate_next"))}componentDidRender(){this.addIcons()}connectedCallback(){instance.on("languageChanged",()=>{forceUpdate(this.el)})}disconnectedCallback(){instance.off("languageChanged")}renderPreviousButton(n,e){return 1===this.page?null:h("li",{class:n},h("a",{"aria-label":e,onClick:()=>this.handlePageSelect(this.page-1,"nav-paginate-number"),onKeyDown:n=>this.handleKeyDown(n,this.page-1),class:"usa-pagination__link usa-pagination__previous-page",href:"javascript:void(0)"},h("div",{id:"previous-arrow-icon"}),h("span",{class:"usa-pagination__link-text"},instance.t("previous"))))}renderFirstPage(n,e){return this.pageNumbers().includes(1)?null:h(Fragment,null,h("li",{class:n},h("a",{onClick:()=>this.handlePageSelect(1,"nav-paginate-number"),onKeyDown:n=>this.handleKeyDown(n,1),href:"javascript:void(0)",class:"usa-pagination__button","aria-label":`1 of ${this.pages} pages, first page`},"1")),h("li",{class:e},h("span",{class:"usa-sr-only"},"Ellipsis indicating non-visible pages"),h("span",{"aria-hidden":"true"},"…")))}renderMiddlePages(n,e){return this.pageNumbers().map(t=>{const a=classnames({"usa-pagination__button":!0,"usa-current":this.page===t});let o=n?`${t} of ${this.pages} pages ${n}`:`${t} of ${this.pages} pages`;return 1===t&&(o=`1 of ${this.pages} pages, first page`),t===this.pages&&(o=`${t} of ${this.pages} pages, last page`),h("li",{class:e},h("a",{onClick:()=>this.handlePageSelect(t,"nav-paginate-number"),onKeyDown:n=>this.handleKeyDown(n,t),href:"javascript:void(0)",class:a,"aria-current":this.page===t?"page":null,"aria-label":o},t))})}renderLastPage(n,e){if(this.pageNumbers().includes(this.pages))return null;let t=null,a=null;return this.pages>this.SHOW_ALL_PAGES&&(t=h("li",{class:n},h("span",{class:"usa-sr-only"},"Ellipsis indicating non-visible pages"),h("span",{"aria-hidden":"true"},"…"))),!this.unbounded&&this.pages>this.SHOW_ALL_PAGES&&(a=h("li",{class:e},h("a",{onClick:()=>this.handlePageSelect(this.pages,"nav-paginate-number"),onKeyDown:n=>this.handleKeyDown(n,this.pages),href:"javascript:void(0)",class:"usa-pagination__button","aria-label":`${this.pages} of ${this.pages} pages, last page`},this.pages))),h(Fragment,null,t,a)}renderNextPageButton(n,e){return this.page>=this.pages?null:h("li",{class:n},h("a",{"aria-label":e,onClick:()=>this.handlePageSelect(this.page+1,"nav-paginate-number"),onKeyDown:n=>this.handleKeyDown(n,this.page+1),class:"usa-pagination__link usa-pagination__next-page",href:"javascript:void(0)"},h("span",{class:"usa-pagination__link-text"},instance.t("next")),h("div",{id:"next-arrow-icon"})))}render(){const{ariaLabelSuffix:n,pages:e}=this;if(1===e)return null;const t=n?`Previous page ${n}`:"Previous page",a=n?`Next page ${n}`:"Next page",o=classnames({"usa-pagination__item":!0,"usa-pagination__page-no":!0,"va-pagination__item":!0}),i=classnames({"usa-pagination__item":!0,"usa-pagination__overflow":!0,"va-pagination__item":!0}),s=classnames({"usa-pagination__item":!0,"usa-pagination__arrow":!0});return h(Host,null,h("nav",{class:"usa-pagination","aria-label":"Pagination"},h("ul",{class:"usa-pagination__list"},this.renderPreviousButton(s,t),this.renderFirstPage(o,i),this.renderMiddlePages(n,o),this.renderLastPage(i,o),this.renderNextPageButton(s,a))))}static get assetsDirs(){return["../assets"]}get el(){return this}static get style(){return VaPaginationStyle0}},[1,"va-pagination",{ariaLabelSuffix:[1,"aria-label-suffix"],enableAnalytics:[4,"enable-analytics"],page:[2],pages:[2],unbounded:[4]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-pagination"].forEach(n=>{"va-pagination"===n&&(customElements.get(n)||customElements.define(n,VaPagination$1))})}const VaPagination=VaPagination$1,defineCustomElement=defineCustomElement$1;export{VaPagination,defineCustomElement};
+import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host,getAssetPath}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./contacts.js";import{m as makeArray}from"./utils.js";import{i as instance}from"./i18next.js";const vaPaginationCss='/* From the USWDS styles: */\n/*   https://github.com/uswds/uswds/blob/3dc296ec56cd621fe52d918701fd94621d96a198/src/stylesheets/core/mixins/_focus.scss#L12-L13 */\nbutton:not([disabled]):focus,\nselect:not([disabled]):focus,\na:not([disabled]):focus,\nh1:focus,\ninput:not([disabled]):focus,\ntextarea:not([disabled]):focus,\n#form-question\n[role=\'option\']:focus,\n*[tabindex]:focus, \na.va-sidenav-submenu__link:focus {\n  outline: 2px solid var(--vads-color-action-focus-on-light);\n  outline-offset: 2px;\n  z-index: 2;\n}\n\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nGENERAL SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS style tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens\n----------------------------------------\n*/\n/*\n----------------------------------------\nImage path\n----------------------------------------\nRelative image file path\n----------------------------------------\n*/\n/*\n----------------------------------------\nShow compile warnings\n----------------------------------------\nShow Sass warnings when functions and\nmixins use non-standard tokens.\nAND\nShow updates and notifications.\n----------------------------------------\n*/\n/*\n----------------------------------------\nNamespace\n----------------------------------------\n*/\n/*\n----------------------------------------\nPrefix separator\n----------------------------------------\nSet the character the separates\nresponsive and state prefixes from the\nmain class name.\nThe default (":") needs to be preceded\nby two backslashes to be properly\nescaped.\n----------------------------------------\n*/\n/*\n----------------------------------------\nLayout grid\n----------------------------------------\nShould the layout grid classes output\nwith !important\n----------------------------------------\n*/\n/*\n----------------------------------------\nBorder box sizing\n----------------------------------------\nWhen set to true, sets the box-sizing\nproperty of all site elements to\n`border-box`.\n----------------------------------------\n*/\n/*\n----------------------------------------\nFocus styles\n----------------------------------------\n*/\n/*\n----------------------------------------\nIcons\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nTYPOGRAPHY SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS typography tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens/typesetting/overview/\n----------------------------------------\n*/\n/*\n----------------------------------------\nRoot font size\n----------------------------------------\nSetting $theme-respect-user-font-size to\ntrue sets the root font size to 100% and\nuses ems for media queries\n----------------------------------------\n$theme-root-font-size only applies when\n$theme-respect-user-font-size is set to\nfalse.\n\nThis will set the root font size\nas a specific px value and use px values\nfor media queries.\n\nAccepts true or false\n----------------------------------------\n*/\n/*\n----------------------------------------\nGlobal styles\n----------------------------------------\nAdds basic styling for the following\nunclassed elements:\n\n- paragraph: paragraph text\n- link: links\n- content: paragraph text, links,\n  headings, lists, and tables\n----------------------------------------\n*/\n/*\n----------------------------------------\nBroswer compatibility mode\n----------------------------------------\nWhen true, outputs woff and ttf font \nformats in addition to woff2\n----------------------------------------\n*/\n/*\n----------------------------------------\nFont path\n----------------------------------------\nRelative font file path\n----------------------------------------\n*/\n/*\n----------------------------------------\nCustom typeface tokens\n----------------------------------------\nAdd a new custom typeface token if\nyour project uses a typeface not already\ndefined by USWDS.\n----------------------------------------\nUSWDS defines the following tokens\nby default:\n----------------------------------------\n\'georgia\'\n\'helvetica\'\n\'merriweather\'\n\'open-sans\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\'system\'\n\'tahoma\'\n\'verdana\'\n----------------------------------------\nAdd as many new tokens as you have\ncustom typefaces. Reference your new\ntoken(s) in the type-based font settings\nusing the quoted name of the token.\n\nFor example:\n\n$theme-font-type-cond: \'example-font-token\';\n\ndisplay-name:\nThe display name of your font\n\ncap-height:\nThe height of a 500px `N` in Sketch\n----------------------------------------\nYou should change `example-[style]-token`\nnames to something more descriptive.\n----------------------------------------\n*/\n/*\n----------------------------------------\nType-based font settings\n----------------------------------------\nSet the type-based tokens for your\nproject from the following tokens,\nor from any new font tokens you added in\n$theme-typeface-tokens.\n----------------------------------------\n\'georgia\'\n\'helvetica\'\n\'merriweather\'\n\'open-sans\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\'system\'\n\'tahoma\'\n\'verdana\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nCustom font stacks\n----------------------------------------\nAdd custom font stacks to any of the\ntype-based fonts. Any USWDS typeface\ntoken already has a default stack.\n\nCustom stacks don\'t need to include the\nfont\'s display name. It will\nautomatically appear at the start of\nthe stack.\n----------------------------------------\nExample:\n$theme-font-type-sans: \'source-sans-pro\';\n$theme-font-sans-custom-stack: "Helvetica Neue", Helvetica, Arial, sans;\n\nOutput:\nfont-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;\n----------------------------------------\n*/\n/*\n----------------------------------------\nAdd any custom font source files\n----------------------------------------\nIf you want USWDS to generate additional\n@font-face declarations, add your font\ndata below, following the example that\nfollows.\n----------------------------------------\nUSWDS automatically generates @font-face\ndeclarations for the following\n\n\'merriweather\'\n\'public-sans\'\n\'roboto-mono\'\n\'source-sans-pro\'\n\nThese typefaces not require custom\nsource files.\n----------------------------------------\nEXAMPLE\n\n- dir:\n  Directory relative to $theme-font-path\n- This directory should include fonts saved as\n  .woff2\n  ExampleSerif-Normal.woff2\n\n$theme-font-serif-custom-src: (\n  dir: \'custom/example-serif\',\n  roman: (\n    100: false,\n    200: false,\n    300: \'ExampleSerif-Light\',\n    400: \'ExampleSerif-Normal\',\n    500: false,\n    600: false,\n    700: \'ExampleSerif-Bold\',\n    800: false,\n    900: false,\n  ),\n  italic: (\n    100: false,\n    200: false,\n    300: \'ExampleSerif-LightItalic\',\n    400: \'ExampleSerif-Italic\',\n    500: false,\n    600: false,\n    700: \'ExampleSerif-BoldItalic\',\n    800: false,\n    900: false,\n  ),\n);\n----------------------------------------\n*/\n/*\n----------------------------------------\nRole-based font settings\n----------------------------------------\nSet the role-based tokens for your\nproject from the following font-type\ntokens.\n----------------------------------------\n\'cond\'\n\'icon\'\n\'lang\'\n\'mono\'\n\'sans\'\n\'serif\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nType scale\n----------------------------------------\nDefine your project\'s type scale using\nvalues from the USWDS system type scale\n\n1-20\n----------------------------------------\n*/\n/*\n----------------------------------------\nFont weights\n----------------------------------------\nAssign weights 100-900\nOr use `false` for unneeded weights.\n----------------------------------------\n*/\n/*\n----------------------------------------\nGeneral typography settings\n----------------------------------------\nType scale tokens\n----------------------------------------\nmicro:      10px\n1:          12px\n2:          13px\n3:          14px\n4:          15px\n5:          16px\n6:          17px\n7:          18px\n8:          20px\n9:          22px\n10:         24px\n11:         28px\n12:         32px\n13:         36px\n14:         40px\n15:         48px\n16:         56px\n17:         64px\n18:         80px\n19:         120px\n20:         140px\n----------------------------------------\nLine height tokens\n----------------------------------------\n1:    1\n2:    1.15\n3:    1.35\n4:    1.5\n5:    1.62\n6:    1.75\n----------------------------------------\nFont role tokens\n----------------------------------------\n\'ui\'\n\'heading\'\n\'body\'\n\'code\'\n\'alt\'\n----------------------------------------\nMeasure (max-width) tokens\n----------------------------------------\n1:       44ex\n2:       60ex\n3:       64ex\n4:       68ex\n5:       74ex\n6:       88ex\nnone:    none\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nCOLOR SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS color tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens/color\n----------------------------------------\n*/\n/*\n----------------------------------------\nTheme palette colors\n----------------------------------------\n*/\n/*\n----------------------------------------\nState palette colors\n----------------------------------------\n*/\n/*\n----------------------------------------\nGeneral colors\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nCOMPONENT SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS style tokens in the documentation:\nhttps://designsystem.digital.gov/design-tokens\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nSPACING SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS spacing units tokens in the\ndocumentation:\nhttps://designsystem.digital.gov/design-tokens/spacing-units\n----------------------------------------\n*/\n/*\n----------------------------------------\nBorder radius\n----------------------------------------\n2px           2px\n0.5           4px\n1             8px\n1.5           12px\n2             16px\n2.5           20px\n3             24px\n4             32px\n5             40px\n6             48px\n7             56px\n8             64px\n9             72px\n----------------------------------------\n*/\n/*\n----------------------------------------\nColumn gap\n----------------------------------------\n2px         2px\n0.5         4px\n1           8px\n2           16px\n3           24px\n4           32px\n5           40px\n6           48px\n----------------------------------------\n*/\n/*\n----------------------------------------\nGrid container max-width\n----------------------------------------\nmobile\nmobile-lg\ntablet\ntablet-lg\ndesktop\ndesktop-lg\nwidescreen\n----------------------------------------\n*/\n/*\n----------------------------------------\nSite\n----------------------------------------\n*/\n/*\n----------------------------------------\nmap-collect()\n----------------------------------------\nCollect multiple maps into a single\nlarge map\nsource: https://gist.github.com/bigglesrocks/d75091700f8f2be5abfe\n----------------------------------------\n*/\n/*\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n* * * * * ==============================\n========================================\n========================================\n========================================\n----------------------------------------\nUTILITIES SETTINGS\n----------------------------------------\nRead more about settings and\nUSWDS utilities in the documentation:\nhttps://designsystem.digital.gov/utilities\n----------------------------------------\n*/\n/*\n----------------------------------------\nUtility breakpoints\n----------------------------------------\nWhich breakpoints does your project\nneed? Select as `true` any breakpoint\nused by utilities or layout grid\n----------------------------------------\n*/\n/*\n----------------------------------------\nGlobal colors\n----------------------------------------\nThe following palettes will be added to\n- background-color\n- border-color\n- color\n- text-decoration-color\n----------------------------------------\n*/\n/*\n----------------------------------------\nSettings\n----------------------------------------\n*/\n/*\n----------------------------------------\nValues\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-last()\n----------------------------------------\nReturn the last item of a list,\nReturn null if the value is null\n----------------------------------------\n*/\n/*\n----------------------------------------\nappend-important()\n----------------------------------------\nAppend `!important` to a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nde-list()\n----------------------------------------\nTransform a one-element list or arglist\ninto that single element.\n----------------------------------------\n(1) => 1\n((1)) => (1)\n----------------------------------------\n*/\n/*\n----------------------------------------\nuswds-error()\n----------------------------------------\nAllow the system to pass an error as text\nto test error states in unit testing\n----------------------------------------\n*/\n/*\n----------------------------------------\nerror-not-token()\n----------------------------------------\nReturns a common not-a-token error.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-default()\n----------------------------------------\nReturns the default value from a map\nof project defaults\nget-default("bg-color")\n> $theme-body-background-color\n----------------------------------------\n*/\n/*\n----------------------------------------\nhas-important()\n----------------------------------------\nCheck to see if `!important` is\nbeing passed in a mixin\'s props\n----------------------------------------\n*/\n/*\n----------------------------------------\nmap-deep-get()\n----------------------------------------\n@author Hugo Giraudel\n@access public\n@param {Map} $map - Map\n@param {Arglist} $keys - Key chain\n@return {*} - Desired value\n----------------------------------------\n*/\n/*\n----------------------------------------\nmulti-cat()\n----------------------------------------\nConcatenate two lists\n----------------------------------------\n*/\n/*\n----------------------------------------\nremove()\n----------------------------------------\nRemove a value from a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nsmart-quote()\n----------------------------------------\nQuotes strings\nInspects `px`, `xs`, and `xl` numbers\nLeaves bools as is\n----------------------------------------\n*/\n/*\n----------------------------------------\nstr-replace()\n----------------------------------------\nReplace any substring with another\nstring\n----------------------------------------\n*/\n/*\n----------------------------------------\nstr-split()\n----------------------------------------\nSplit a string at a given separator\nand convert into a list of substrings\n----------------------------------------\n*/\n/*\n----------------------------------------\nstrip-unit()\n----------------------------------------\nRemove the unit of a length\n@author Hugo Giraudel\n@param {Number} $number - Number to remove unit from\n@return {Number} - Unitless number\n----------------------------------------\n*/\n/*\n----------------------------------------\nbase-to-map()\n@TODO: Deprecate and delete\n----------------------------------------\nConvert a single base to a USWDS\nvalue map.\n\nCandidate for deprecation if we remove\nisReadable\n----------------------------------------\n*/\n/*\n----------------------------------------\nto-number()\n----------------------------------------\nCasts a string into a number\n----------------------------------------\n@param {String | Number} $value - Value to be parsed\n@return {Number}\n----------------------------------------\n*/\n/*\n----------------------------------------\nunpack()\n----------------------------------------\nCreate lists of single items from lists\nof lists.\n----------------------------------------\n(1, (2.1, 2.2), 3) --\x3e\n(1, 2.1, 2.2, 3)\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-system-color()\n----------------------------------------\nDerive a system color from its\nfamily, value, and vivid or a passed\nvariable that is, itself, a list\n----------------------------------------\n*/\n/*\n----------------------------------------\nset-theme-color()\n----------------------------------------\nDerive a color from a system color token\nor a hex value\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor()\n----------------------------------------\nDerive a color from a color shortcode\n----------------------------------------\n*/\n/*\n----------------------------------------\npx-to-rem()\n----------------------------------------\nConverts a value in px to a value in rem\n----------------------------------------\n*/\n/*\n----------------------------------------\nrem-to-user-em()\n----------------------------------------\nConverts a value in rem to a value in\n[user-settings] em for use in media\nqueries\n----------------------------------------\n*/\n/*\n----------------------------------------\npx-to-user-em()\n----------------------------------------\nConverts a value in px to a value in em\n----------------------------------------\n*/\n/*\n----------------------------------------\nrem-to-px()\n----------------------------------------\nConverts a value in rem to a value in px\n----------------------------------------\n*/\n/*\n----------------------------------------\nspacing-multiple()\n----------------------------------------\nConverts a spacing unit multiple into\nthe desired final units (currently rem)\n----------------------------------------\n*/\n/*\n----------------------------------------\nnumber-to-token()\n----------------------------------------\nConverts an integer or numeric value\ninto a system value\n\nEx: 0.5   --\x3e \'05\'\n    -1px  --\x3e \'neg-1px\'\n----------------------------------------\n*/\n/*\n----------------------------------------\nunits()\n----------------------------------------\nConverts a spacing unit into\nthe desired final units (currently rem)\n----------------------------------------\n*/\n/*\n----------------------------------------\nProject fonts\n----------------------------------------\nCollects font settings in a map for\nlooping.\n----------------------------------------\n*/\n/*\n----------------------------------------\nLuminance ranges\n----------------------------------------\n*/\n/*\n----------------------------------------\nns()\n----------------------------------------\nAdd a namesspace of $type if that\nnamespace is set to output\n----------------------------------------\n*/\n/*\n----------------------------------------\nLine height\n----------------------------------------\n*/\n/*\n----------------------------------------\nMeasure\n----------------------------------------\n*/\n/*\n----------------------------------------\nvalidate-typeface-token()\n----------------------------------------\nCheck to see if a typeface-token exists.\nThrow an error if a passed token does\nnot exist in the typeface-token map.\n----------------------------------------\n*/\n/*\n----------------------------------------\ncap-height()\n----------------------------------------\nGet the cap height of a valid typeface\n----------------------------------------\n*/\n/*\n----------------------------------------\nconvert-to-font-type()\n----------------------------------------\nConverts a font-role token into a\nfont-type token. Leaves font-type tokens\nunchanged.\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-sources()\n----------------------------------------\nOutputs a list of font sources used in\na @font-face declaration.\n\n$theme-font-browser-compatibility: true - output woff2, woff, ttf\n$theme-font-browser-compatibility: false - output woff2\n\n@param stem: string - [font path]/[custom-src.dir]/[custom-src.[style].[weight]]\n@output: string\n\nfiletypes must be one of the filetypes set in variables/$project-font-face-filetypes (woff, woff2, ttf)\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-font-stack()\n----------------------------------------\nGet a font stack from a style- or\nrole-based font token.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-typeface-token()\n----------------------------------------\nGet a typeface token from a font-type or\nfont-role token.\n----------------------------------------\n*/\n/*\n----------------------------------------\nnormalize-type-scale()\n----------------------------------------\nNormalizes a specific face\'s optical size\nto a set target\n----------------------------------------\n*/\n/*\n----------------------------------------\nsystem-type-scale()\n----------------------------------------\nGet a value from the system type scale\n----------------------------------------\n*/\n/*\n----------------------------------------\nEasing\n----------------------------------------\n*/\n/*  deprecated.scss\n    ---\n    Occasionally the design system will deprecate\n    old variables or functionality. If we replace\n    the old functionality with something new, this is a\n    place to connect the old functionality to the\n    new functionality, in the service of better\n    continuity and backwards compatibility within a\n    major release cycle.\n\n    Note the USWDS version where we deprecated the\n    old functionality in a comment.\n\n    Be sure to update notifications.scss.\n\n    This file should started fresh at each\n    major version.\n*/\n/*\n----------------------------------------\nadvanced-color()\n----------------------------------------\nDerive a color from a color triplet:\n[family], [grade], [variant]\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-system-color-token()\n----------------------------------------\nReturn whether a token is a system\ncolor token\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-theme-color-token()\n----------------------------------------\nReturn whether a token is a theme\ncolor token\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-assignment()\n----------------------------------------\nGet the system token equivalent of any\ntheme color token\n----------------------------------------\n*/\n/*\n----------------------------------------\ndecompose()\n----------------------------------------\nConvert a color token into into a list\nof form [family], [grade], [variant]\nVivid variants return "vivid" as the\nvariant.\nIf neither grade nor variant exists,\nreturns \'null\'\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-family()\n----------------------------------------\nReturns the family of a color token.\nReturns: color-family\ncolor-token-family("accent-warm-vivid")\n> "accent-warm"\ncolor-token-family("red-50v")\n> "red"\ncolor-token-variant(("red", 50, "vivid"))\n> "red"\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-grade()\n----------------------------------------\nReturns the grade of a USWDS color token.\nReturns: color-grade\ncolor-token-grade("accent-warm")\n> "root"\ncolor-token-grade("accent-warm-vivid")\n> "root"\ncolor-token-grade("accent-warm-darker")\n> "darker"\ncolor-token-grade("red-50v")\n> 50\ncolor-token-variant(("red", 50, "vivid"))\n> 50\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-color-token()\n----------------------------------------\nReturns whether a given string is a\nUSWDS color token.\n----------------------------------------\n*/\n/*\n----------------------------------------\npow()\n----------------------------------------\nRaises a unitless number to the power\nof another unitless number\nIncludes helper functions\n----------------------------------------\n*/\n/*\n----------------------------------------\nHelper functions\n----------------------------------------\n*/\n/* factorial()\n----------------------------------------\n*/\n/* summation()\n----------------------------------------\n*/\n/* exp-maclaurin()\n----------------------------------------\n*/\n/* ln()\n----------------------------------------\n*/\n/*\n----------------------------------------\ncalculate-grade()\n----------------------------------------\nDerive the grade equivalent any color,\neven non-token colors\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-type()\n----------------------------------------\nReturns the type of a color token.\nReturns: "system" | "theme"\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolor-token-variant()\n----------------------------------------\nReturns the variant of color token.\nReturns: "vivid" | false\ncolor-token-variant("accent-warm")\n> false\ncolor-token-variant("accent-warm-vivid")\n> "vivid"\ncolor-token-variant("red-50v")\n> "vivid"\ncolor-token-variant(("red", 50, "vivid"))\n> "vivid"\n----------------------------------------\n*/\n/*\n----------------------------------------\nmagic-number()\n----------------------------------------\nReturns the magic number of two color\ngrades. Takes numbers or color tokens.\nmagic-number(50, 10)\nreturn: 40\nmagic-number("red-50", "red-10")\nreturn: 40\n----------------------------------------\n*/\n/*\n----------------------------------------\nwcag-magic-number()\n----------------------------------------\nReturns the magic number of a specific\nwcag grade:\n"AA"\n"AA-Large"\n"AAA"\nwcag-magic-number("AA")\n> 50\n----------------------------------------\n*/\n/*\n----------------------------------------\nis-accessible-magic-number()\n----------------------------------------\nReturns whether two grades achieve\nspecified target color contrast\nReturns: true | false\nis-accessible-magic-number(10, 50, "AA")\n> false\nis-accessible-magic-number(10, 60, "AA")\n> true\n----------------------------------------\n*/\n/*\n----------------------------------------\nnext-token()\n----------------------------------------\nReturns next "darker" or "lighter" color\ntoken of the same token type and variant.\nReturns: color-token | false\nnext-token("accent-warm", "lighter")\n> "accent-warm-light"\nnext-token("gray-10", "lighter")\n> "gray-5"\nnext-token("gray-5", "lighter")\n> "white"\nnext-token("white", "lighter")\n> false\nnext-token("red-50v", "darker")\n> "red-60v"\nnext-token("red-50", "darker")\n> "red-60"\nnext-token("red-80v", "darker")\n> "red-90"\nnext-token("red-90", "darker")\n> "black"\nnext-token("white", "darker")\n> "gray-5"\nnext-token("black", "lighter")\n> "gray-90"\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-link-tokens-from-bg()\n----------------------------------------\nGet accessible link colors for a given\nbackground color\nreturns: link-token, hover-token\nget-link-tokens-from-bg(\n  "black",\n  "red-60",\n  "red-10",\n  "AA")\n> "red-10", "red-5"\nget-link-tokens-from-bg(\n  "black",\n  "red-60v",\n  "red-10v",\n  "AA-large")\n> "red-60v", "red-50v"\nget-link-tokens-from-bg(\n  "black",\n  "red-5v",\n  "red-60v",\n  "AA")\n> "red-5v", "white"\nget-link-tokens-from-bg(\n  "black",\n  "white",\n  "red-60v",\n  "AA")\n> "white", "white"\n----------------------------------------\n*/\n/*\n----------------------------------------\ntest-colors()\n----------------------------------------\nCheck to see if all system colors\nfall between the proper relative\nluminance range for their grade.\nHas a couple quirks, as the luminance()\nfunction returns slightly different\nresults than expected.\n----------------------------------------\n*/\n/*\n----------------------------------------\ncolumns()\n----------------------------------------\noutputs a grid-col number based on\nthe number of desired columns in the\n12-column grid\n\nEx: columns(2) --\x3e 6\n    grid-col(columns(2))\n----------------------------------------\n*/\n/*\n----------------------------------------\nUSWDS Properties\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-uswds-value()\n----------------------------------------\nFinds and outputs a value from the\nUSWDS standard values.\n\nUsed to build other standard utility\nfunctions and mixins.\n----------------------------------------\n*/\n/*\n----------------------------------------\nget-standard-values()\n----------------------------------------\nGets a map of USWDS standard values\nfor a property\n----------------------------------------\n*/\n/*\n----------------------------------------\nborder-radius()\n----------------------------------------\nGet a border-radius from the system\nborder-radii\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-weight()\nfw()\n----------------------------------------\nGet a font-weight value from the\nsystem font-weight\n----------------------------------------\n*/\n/*\n----------------------------------------\nfeature()\n----------------------------------------\nGets a valid USWDS font feature setting\n----------------------------------------\n*/\n/*\n----------------------------------------\nflex()\n----------------------------------------\nGets a valid USWDS flex value\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-family()\nfamily()\n----------------------------------------\nGet a font-family stack from a\nrole-based or type-based font family\n----------------------------------------\n*/\n/*\n----------------------------------------\nletter-spacing()\nls()\n----------------------------------------\nGet a letter-spacing value from the\nsystem letter-spacing\n----------------------------------------\n*/\n/*\n----------------------------------------\nmeasure()\n----------------------------------------\nGets a valid USWDS reading line length\n----------------------------------------\n*/\n/*\n----------------------------------------\nopacity()\n----------------------------------------\nGet an opacity from the system\nopacities\n----------------------------------------\n*/\n/*\n----------------------------------------\norder()\n----------------------------------------\nGet an order value from the\nsystem orders\n----------------------------------------\n*/\n/*\n----------------------------------------\nradius()\n----------------------------------------\nGet a border-radius value from the\nsystem letter-spacing\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont-size()\n----------------------------------------\nGet type scale value from a [family] and\n[scale]\n----------------------------------------\n*/\n/*\n----------------------------------------\nz-index()\nz()\n----------------------------------------\nGet a z-index value from the\nsystem z-index\n----------------------------------------\n*/\n/*\n----------------------------------------\nutility-font()\n----------------------------------------\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\nNot the public-facing function.\nUsed for building the utilities and\nwithholds certain errors.\n----------------------------------------\n*/\n/*\n----------------------------------------\nfamily()\n----------------------------------------\nGet a font-family stack\n----------------------------------------\n*/\n/*\n----------------------------------------\nsize()\n----------------------------------------\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n/*\n----------------------------------------\nfont()\n----------------------------------------\nGet a font-family stack\nAND\nGet a normalized font-size in rem from\na family and a type size in either\nsystem scale or project scale\n----------------------------------------\n*/\n/*\n----------------------------------------\ntypeset()\n----------------------------------------\nSets:\n- family\n- size\n- line-height\n----------------------------------------\n*/\n/* stylelint-disable max-nesting-depth */\n/*\n----------------------------------------\n@render-pseudoclass\n----------------------------------------\nBuild a pseucoclass utiliy from values\ncalculated in the @render-utilities-in\nloop\n----------------------------------------\n*/\n/*\n----------------------------------------\n@render-utility\n----------------------------------------\nBuild a utility from values calculated\nin the @render-utilities-in loop\n----------------------------------------\nTODO: Determine the proper use of\nunquote() in the following. Changed to\naccount for a \'interpolation near\noperators will be simplified in a\nfuture version of Sass\' warning.\n----------------------------------------\n*/\n/*\n----------------------------------------\n@render-utilities-in\n----------------------------------------\nThe master loop that sets the building\nblocks of utilities from the values\nin individual rule settings and loops\nthrough all possible variants\n----------------------------------------\n*/\n/* stylelint-enable */\n/*  notifications.scss\n    ---\n    Adds a notification at the top of each USWDS\n    compile. Use this file for important notifications\n    and updates to the design system.\n\n    This file should started fresh at each\n    major version.\n\n*/\n/* prettier-ignore */\n/* prettier-ignore */\n.usa-sr-only {\n  position: absolute;\n  left: -999em;\n  right: auto;\n}\n\n.usa-pagination {\n  margin-bottom: 1rem;\n  margin-top: 1rem;\n  font-family: Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;\n  font-size: 1.06rem;\n  line-height: 1.5;\n  color: #1b1b1b;\n  background-color: white;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n}\n\n.usa-pagination .usa-icon {\n  height: 1.13rem;\n  width: 1.13rem;\n}\n\n.usa-pagination__list {\n  margin-bottom: 0;\n  margin-top: 0;\n  list-style-type: none;\n  padding-left: 0;\n  -ms-flex-align: center;\n  align-items: center;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-flow: row nowrap;\n  flex-flow: row nowrap;\n  -ms-flex-pack: center;\n  justify-content: center;\n  width: auto;\n}\n\n.usa-pagination__item {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  height: 2.5rem;\n  -ms-flex-pack: center;\n  justify-content: center;\n  line-height: 1;\n  margin-left: 0.25rem;\n  margin-right: 0.25rem;\n  min-width: 2.5rem;\n}\n@media all and (min-width: 40em) {\n  .usa-pagination__item {\n    -ms-flex: 1 0 auto;\n    flex: 1 0 auto;\n  }\n}\n\n.usa-pagination__arrow {\n  display: none;\n}\n@media all and (min-width: 40em) {\n  .usa-pagination__arrow {\n    display: inherit;\n  }\n}\n\n@media all and (min-width: 40em) {\n  .usa-pagination__previous-page {\n    margin-right: 1.25rem;\n  }\n}\n\n@media all and (min-width: 40em) {\n  .usa-pagination__next-page {\n    margin-left: 1.25rem;\n  }\n}\n\n.usa-pagination__link {\n  -ms-flex-align: center;\n  align-items: center;\n  color: #005ea2;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n.usa-pagination__link[disabled] {\n  opacity: 0.4 !important;\n  pointer-events: none;\n}\n.usa-pagination__link:hover, .usa-pagination__link:focus, .usa-pagination__link:active {\n  color: #1a4480;\n}\n.usa-pagination__link:visited {\n  color: #005ea2;\n}\n\n.usa-pagination__button {\n  -ms-flex-align: center;\n  align-items: center;\n  border-color: rgba(27, 27, 27, 0.2);\n  border-radius: 0.25rem;\n  border-style: solid;\n  border-width: 1px;\n  color: #005ea2;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-pack: center;\n  justify-content: center;\n  padding: 0.5rem;\n  width: 100%;\n}\n.usa-pagination__button:hover, .usa-pagination__button:focus, .usa-pagination__button:active {\n  color: #1a4480;\n  border-color: #1a4480;\n}\n@media (forced-colors: active) {\n  .usa-pagination__button:hover, .usa-pagination__button:focus, .usa-pagination__button:active {\n    border: 2px solid transparent;\n  }\n}\n\n.usa-pagination .usa-current {\n  background-color: #1b1b1b;\n  border-color: transparent;\n  color: white;\n}\n@media (forced-colors: active) {\n  .usa-pagination .usa-current {\n    border: 2px solid transparent;\n    color: buttonText;\n  }\n}\n.usa-pagination .usa-current:hover, .usa-pagination .usa-current:focus, .usa-pagination .usa-current:active {\n  background-color: #1b1b1b;\n  color: white;\n}\n@media (forced-colors: active) {\n  .usa-pagination .usa-current:hover, .usa-pagination .usa-current:focus, .usa-pagination .usa-current:active {\n    color: buttontext;\n  }\n}\n\n.usa-pagination__overflow {\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-item-align: stretch;\n  align-self: stretch;\n  display: inherit;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  padding: 0.5rem;\n}\n\n.usa-icon {\n  display: inline-block;\n  fill: currentColor;\n  height: 1em;\n  position: relative;\n  width: 1em;\n}\n\n.usa-icon--size-3 {\n  height: 1.5rem;\n  width: 1.5rem;\n}\n\n.usa-icon--size-4 {\n  height: 2rem;\n  width: 2rem;\n}\n\n.usa-icon--size-5 {\n  height: 2.5rem;\n  width: 2.5rem;\n}\n\n.usa-icon--size-6 {\n  height: 3rem;\n  width: 3rem;\n}\n\n.usa-icon--size-7 {\n  height: 3.5rem;\n  width: 3.5rem;\n}\n\n.usa-icon--size-8 {\n  height: 4rem;\n  width: 4rem;\n}\n\n.usa-icon--size-9 {\n  height: 4.5rem;\n  width: 4.5rem;\n}\n\n.va-pagination__item {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n}\n\n:host a.usa-pagination__next-page > div,\n:host a.usa-pagination__previous-page > div {\n  display: -ms-flexbox;\n  display: flex;\n}\n\n:host {\n  background-color: var(--vads-color-white);\n  border-top: 1px solid var(--vads-color-base-lightest);\n  container-type: inline-size;\n  display: -ms-flexbox;\n  display: flex;\n  font-family: var(--font-source-sans);\n  -ms-flex-pack: center;\n  justify-content: center;\n  overflow: hidden;\n  padding: 1.25rem 0 0.625rem;\n  width: 100%;\n}\n\nul {\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n}\n\nli {\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n}\n\nbutton {\n  -moz-osx-font-smoothing: auto;\n  -webkit-font-smoothing: auto;\n  background-color: transparent;\n  border: 0;\n  color: var(--vads-color-link);\n  cursor: pointer;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  font-family: inherit;\n  font-size: 0.89rem;\n  font-weight: 400;\n  -ms-flex-pack: center;\n  justify-content: center;\n  line-height: 2;\n  padding: 0;\n  -webkit-transition: all 0.3s ease-in-out;\n  transition: all 0.3s ease-in-out;\n  -webkit-transition-property: color, background-color;\n  transition-property: color, background-color;\n}\n\n@container (max-width: 480px) {\n  .usa-pagination__overflow {\n    margin: 0;\n    min-width: 2rem;\n    padding: 0;\n  }\n}',VaPaginationStyle0=vaPaginationCss;Build.isTesting&&instance.init({lng:"cimode"});const VaPagination$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.pageSelect=createEvent(this,"pageSelect",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.SHOW_ALL_PAGES=7,this.handlePageSelect=(n,e)=>{var t,a,o;if(this.pageSelect.emit({page:n}),null===(o=null===(a=null===(t=this.el)||void 0===t?void 0:t.shadowRoot)||void 0===a?void 0:a.activeElement)||void 0===o||o.blur(),this.enableAnalytics){const t={componentName:"va-pagination",action:"linkClick",details:{event:e,"page-number":n}};this.componentLibraryAnalytics.emit(t)}},this.pageNumbers=()=>{const{page:n,pages:e,unbounded:t,SHOW_ALL_PAGES:a}=this,o=t?0:1;let i,s;return e<=a?makeArray(1,e):n<=4?(i=1,s=i+a-2-o,s===n&&s++,makeArray(i,s)):n+5-1>e?(i=e-(a-2-1),i===n&&i--,s=e,makeArray(i,s)):(i=n-1,s=t?n+2:n+1,makeArray(i,s))},this.handleKeyDown=(n,e)=>{const t=n.key;if("Enter"===t||" "===t){if(n.preventDefault(),!e)return;this.handlePageSelect(e,"nav-paginate-number")}},this.ariaLabelSuffix="",this.enableAnalytics=!0,this.page=void 0,this.pages=void 0,this.unbounded=!1}addIcons(){var n,e;function t(n){return`<svg\n      class="usa-icon"\n      aria-hidden="true"\n      role="img">\n        <use href=${getAssetPath("/img/sprite.svg")}#${n}></use>\n      </svg>`}const a=null===(n=this.el.shadowRoot)||void 0===n?void 0:n.querySelector("#previous-arrow-icon");a&&(a.innerHTML=t("navigate_before"));const o=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#next-arrow-icon");o&&(o.innerHTML=t("navigate_next"))}componentDidRender(){this.addIcons()}connectedCallback(){instance.on("languageChanged",()=>{forceUpdate(this.el)})}disconnectedCallback(){instance.off("languageChanged")}renderPreviousButton(n,e){return 1===this.page?null:h("li",{class:n},h("a",{"aria-label":e,onClick:()=>this.handlePageSelect(this.page-1,"nav-paginate-number"),onKeyDown:n=>this.handleKeyDown(n,this.page-1),class:"usa-pagination__link usa-pagination__previous-page",href:"javascript:void(0)"},h("div",{id:"previous-arrow-icon"}),h("span",{class:"usa-pagination__link-text"},instance.t("previous"))))}renderFirstPage(n,e){return this.pageNumbers().includes(1)?null:h(Fragment,null,h("li",{class:n},h("a",{onClick:()=>this.handlePageSelect(1,"nav-paginate-number"),onKeyDown:n=>this.handleKeyDown(n,1),href:"javascript:void(0)",class:"usa-pagination__button","aria-label":`1 of ${this.pages} pages, first page`},"1")),h("li",{class:e},h("span",{class:"usa-sr-only"},"Ellipsis indicating non-visible pages"),h("span",{"aria-hidden":"true"},"…")))}renderMiddlePages(n,e){return this.pageNumbers().map(t=>{const a=classnames({"usa-pagination__button":!0,"usa-current":this.page===t});let o=n?`${t} of ${this.pages} pages ${n}`:`${t} of ${this.pages} pages`;return 1===t&&(o=`1 of ${this.pages} pages, first page`),t===this.pages&&(o=`${t} of ${this.pages} pages, last page`),h("li",{class:e},h("a",{onClick:()=>this.handlePageSelect(t,"nav-paginate-number"),onKeyDown:n=>this.handleKeyDown(n,t),href:"javascript:void(0)",class:a,"aria-current":this.page===t?"page":null,"aria-label":o},t))})}renderLastPage(n,e){if(this.pageNumbers().includes(this.pages))return null;let t=null,a=null;return this.pages>this.SHOW_ALL_PAGES&&(t=h("li",{class:n},h("span",{class:"usa-sr-only"},"Ellipsis indicating non-visible pages"),h("span",{"aria-hidden":"true"},"…"))),!this.unbounded&&this.pages>this.SHOW_ALL_PAGES&&(a=h("li",{class:e},h("a",{onClick:()=>this.handlePageSelect(this.pages,"nav-paginate-number"),onKeyDown:n=>this.handleKeyDown(n,this.pages),href:"javascript:void(0)",class:"usa-pagination__button","aria-label":`${this.pages} of ${this.pages} pages, last page`},this.pages))),h(Fragment,null,t,a)}renderNextPageButton(n,e){return this.page>=this.pages?null:h("li",{class:n},h("a",{"aria-label":e,onClick:()=>this.handlePageSelect(this.page+1,"nav-paginate-number"),onKeyDown:n=>this.handleKeyDown(n,this.page+1),class:"usa-pagination__link usa-pagination__next-page",href:"javascript:void(0)"},h("span",{class:"usa-pagination__link-text"},instance.t("next")),h("div",{id:"next-arrow-icon"})))}render(){const{ariaLabelSuffix:n,pages:e}=this;if(1===e)return null;const t=n?`Previous page ${n}`:"Previous page",a=n?`Next page ${n}`:"Next page",o=classnames({"usa-pagination__item":!0,"usa-pagination__page-no":!0,"va-pagination__item":!0}),i=classnames({"usa-pagination__item":!0,"usa-pagination__overflow":!0,"va-pagination__item":!0}),s=classnames({"usa-pagination__item":!0,"usa-pagination__arrow":!0});return h(Host,null,h("nav",{class:"usa-pagination","aria-label":"Pagination"},h("ul",{class:"usa-pagination__list"},this.renderPreviousButton(s,t),this.renderFirstPage(o,i),this.renderMiddlePages(n,o),this.renderLastPage(i,o),this.renderNextPageButton(s,a))))}static get assetsDirs(){return["../assets"]}get el(){return this}static get style(){return VaPaginationStyle0}},[1,"va-pagination",{ariaLabelSuffix:[1,"aria-label-suffix"],enableAnalytics:[4,"enable-analytics"],page:[2],pages:[2],unbounded:[4]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-pagination"].forEach(n=>{"va-pagination"===n&&(customElements.get(n)||customElements.define(n,VaPagination$1))})}const VaPagination=VaPagination$1,defineCustomElement=defineCustomElement$1;export{VaPagination,defineCustomElement};

package/dist/components/va-privacy-agreement.js

@@ -1 +1 @@
-import{p as proxyCustomElement,H,d as createEvent,h,c as Host}from"./p-ef5c0d66.js";import{c as classnames}from"./p-a5dce9e6.js";import{d as defineCustomElement$4}from"./p-067d7618.js";import{d as defineCustomElement$3}from"./p-784bed9b.js";import{d as defineCustomElement$2}from"./p-dffbc03b.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,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.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%}a{color:var(--vads-color-link)}.privacy-policy-icon{margin-left:4px;vertical-align:text-top}",VaPrivacyAgreementStyle0=vaPrivacyAgreementCss,VaPrivacyAgreement$1=proxyCustomElement(class extends H{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:"70aaed1f51777054c2cf77aaabf1754e5b1be6b1"},h("va-checkbox",{key:"89f78113507bbeb5c886866ec25e764318041665",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:"ce592d0c36553d5c5862684a8f9711f0f22b132d",class:`${e} description`,slot:"description"},"Please read and accept the ",h("va-link",{key:"7293b067de6d61962de6f1b6ebbb452d91534b0f",href:"/privacy-policy/",text:"privacy policy",external:!0}),".")))}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","va-link"].forEach(e=>{switch(e){case"va-privacy-agreement":customElements.get(e)||customElements.define(e,VaPrivacyAgreement$1);break;case"va-checkbox":customElements.get(e)||defineCustomElement$4();break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}})}const VaPrivacyAgreement=VaPrivacyAgreement$1,defineCustomElement=defineCustomElement$1;export{VaPrivacyAgreement,defineCustomElement};
+import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$4}from"./va-checkbox2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.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,*[tabindex]:focus,a.va-sidenav-submenu__link:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px;z-index:2}.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%}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:"de023691bd916274b08588bfab4dbf6fbd968ed9"},h("va-checkbox",{key:"f0b9e02dc1c4e1f30507db4aa2f65576ac47cfbf",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:"4a4ba019a5c636e70963afae40266fe85d429e63",class:`${e} description`,slot:"description"},"Please read and accept the ",h("va-link",{key:"550c7e0656622537cec9bef94dd3cb8226437641",href:"/privacy-policy/",text:"privacy policy",external:!0}),".")))}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","va-link"].forEach(e=>{switch(e){case"va-privacy-agreement":customElements.get(e)||customElements.define(e,VaPrivacyAgreement$1);break;case"va-checkbox":customElements.get(e)||defineCustomElement$4();break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}})}const VaPrivacyAgreement=VaPrivacyAgreement$1,defineCustomElement=defineCustomElement$1;export{VaPrivacyAgreement,defineCustomElement};

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

@@ -1 +1 @@
-import{p as proxyCustomElement,H,h,c as Host}from"./p-ef5c0d66.js";import{g as getHeaderLevel}from"./p-494b538e.js";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,.usa-process-list__heading-eyebrow{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-weight:700;margin:0}.usa-process-list__heading+*,.usa-process-list__heading-eyebrow+*{margin-top:0.25rem}.usa-process-list__item{display:list-item}.usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker);text-transform:uppercase;font-weight:normal;font-size:var(--vads-font-size-source-sans-normalized)}va-process-list-item[pending=true] .usa-process-list__heading,va-process-list-item[pending=true] .usa-process-list__heading-eyebrow{color:var(--vads-process-list-color-text-pending-on-light)}va-process-list-item[pending=true] .usa-process-list__heading .usa-process-list__heading-eyebrow,va-process-list-item[pending=true] .usa-process-list__heading-eyebrow .usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker)}va-process-list-item[active=true] .usa-process-list__heading,va-process-list-item[active=true] .usa-process-list__heading-eyebrow{color:var(--vads-color-primary)}va-process-list-item[active=true] .usa-process-list__heading .usa-process-list__heading-eyebrow,va-process-list-item[active=true] .usa-process-list__heading-eyebrow .usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker)}.usa-process-list__heading:is(h1,h2,h3,h4,h5),.usa-process-list__heading-eyebrow:is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}h1.usa-process-list__heading,h1.usa-process-list__heading-eyebrow{font-size:var(--font-size-h1)}h2.usa-process-list__heading,h2.usa-process-list__heading-eyebrow{font-size:var(--font-size-h2)}h3.usa-process-list__heading,h3.usa-process-list__heading-eyebrow{font-size:var(--font-size-h3)}h4.usa-process-list__heading,h4.usa-process-list__heading-eyebrow{font-size:var(--font-size-h4)}h5.usa-process-list__heading,h5.usa-process-list__heading-eyebrow,h6.usa-process-list__heading,h6.usa-process-list__heading-eyebrow{font-size:var(--font-size-h5)}',VaProcessListItemStyle0=vaProcessListItemCss,VaProcessListItem$1=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.header=void 0,this.level=3,this.active=!1,this.pending=!1,this.checkmark=!1,this.statusText=void 0}render(){const{header:e,level:s,checkmark:t,active:i,pending:r,statusText:o}=this,a=getHeaderLevel(s),l=t?"checkmark":i?"active":r?"pending":null;return h(Host,{key:"79dbdba57323c2b595cf0283850e53682083cc67",role:"listitem",class:"usa-process-list__item"},e||l?h(a,{part:"header",class:"usa-process-list__heading"},l?h("div",{class:"usa-process-list__heading-eyebrow"},{checkmark:o||"Complete",active:o||"Active",pending:o||"Pending"}[l]):null,e?h("div",null,e):null):null,h("slot",{key:"91b6e920055c04c257aa50fc204dbfd54f078873"}))}static get style(){return VaProcessListItemStyle0}},[4,"va-process-list-item",{header:[1],level:[2],active:[4],pending:[4],checkmark:[4],statusText:[1,"status-text"]}]);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};
+import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{g as getHeaderLevel}from"./utils.js";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,.usa-process-list__heading-eyebrow{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:1.1;color:#1b1b1b;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-weight:700;margin:0}.usa-process-list__heading+*,.usa-process-list__heading-eyebrow+*{margin-top:0.25rem}.usa-process-list__item{display:list-item}.usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker);text-transform:uppercase;font-weight:normal;font-size:var(--vads-font-size-source-sans-normalized)}va-process-list-item[pending=true] .usa-process-list__heading,va-process-list-item[pending=true] .usa-process-list__heading-eyebrow{color:var(--vads-process-list-color-text-pending-on-light)}va-process-list-item[pending=true] .usa-process-list__heading .usa-process-list__heading-eyebrow,va-process-list-item[pending=true] .usa-process-list__heading-eyebrow .usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker)}va-process-list-item[active=true] .usa-process-list__heading,va-process-list-item[active=true] .usa-process-list__heading-eyebrow{color:var(--vads-color-primary)}va-process-list-item[active=true] .usa-process-list__heading .usa-process-list__heading-eyebrow,va-process-list-item[active=true] .usa-process-list__heading-eyebrow .usa-process-list__heading-eyebrow{color:var(--vads-color-base-darker)}.usa-process-list__heading:is(h1,h2,h3,h4,h5),.usa-process-list__heading-eyebrow:is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}h1.usa-process-list__heading,h1.usa-process-list__heading-eyebrow{font-size:var(--font-size-h1)}h2.usa-process-list__heading,h2.usa-process-list__heading-eyebrow{font-size:var(--font-size-h2)}h3.usa-process-list__heading,h3.usa-process-list__heading-eyebrow{font-size:var(--font-size-h3)}h4.usa-process-list__heading,h4.usa-process-list__heading-eyebrow{font-size:var(--font-size-h4)}h5.usa-process-list__heading,h5.usa-process-list__heading-eyebrow,h6.usa-process-list__heading,h6.usa-process-list__heading-eyebrow{font-size:var(--font-size-h5)}',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,this.statusText=void 0}render(){const{header:e,level:s,checkmark:t,active:i,pending:r,statusText:o}=this,a=getHeaderLevel(s),l=t?"checkmark":i?"active":r?"pending":null;return h(Host,{key:"0722a5ef99cc1e9be5cd8fd6b0623e6d1859cb27",role:"listitem",class:"usa-process-list__item"},e||l?h(a,{part:"header",class:"usa-process-list__heading"},l?h("div",{class:"usa-process-list__heading-eyebrow"},{checkmark:o||"Complete",active:o||"Active",pending:o||"Pending"}[l]):null,e?h("div",null,e):null):null,h("slot",{key:"65fd4bbceeb76b08238719dad8c4b30233c787b9"}))}static get style(){return VaProcessListItemStyle0}},[4,"va-process-list-item",{header:[1],level:[2],active:[4],pending:[4],checkmark:[4],statusText:[1,"status-text"]}]);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};

package/dist/components/va-process-list.js

@@ -1 +1 @@
-import{p as proxyCustomElement,H,h}from"./p-ef5c0d66.js";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 H{constructor(){super(),this.__registerHost(),this.__attachShadow()}render(){return h("ol",{key:"ee4794d6944a5799003ce14862566a81ad55f992",role:"list",class:"usa-process-list"},h("slot",{key:"2ca46a5ccf48797ce044c7f9f670a7100ecac800"}))}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};
+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:"18d4a895572026d3e69a985d0328b84d13e75521",role:"list",class:"usa-process-list"},h("slot",{key:"d16849806040f638f1b87321630c7980e498fd85"}))}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};