@department-of-veterans-affairs/component-library 49.1.0 → 49.1.2-rc1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/1042.app.bundle.js +1 -0
- package/dist/1059.app.bundle.js +1 -0
- package/dist/1185.app.bundle.js +2 -0
- package/dist/1185.app.bundle.js.LICENSE.txt +5 -0
- package/dist/1237.app.bundle.js +2 -0
- package/dist/1237.app.bundle.js.LICENSE.txt +5 -0
- package/dist/1274.app.bundle.js +1 -0
- package/dist/1279.app.bundle.js +1 -0
- package/dist/1321.app.bundle.js +2 -0
- package/dist/1321.app.bundle.js.LICENSE.txt +5 -0
- package/dist/1343.app.bundle.js +1 -0
- package/dist/139.app.bundle.js +1 -0
- package/dist/1558.app.bundle.js +1 -0
- package/dist/1563.app.bundle.js +2 -0
- package/dist/1563.app.bundle.js.LICENSE.txt +5 -0
- package/dist/1652.app.bundle.js +1 -0
- package/dist/1674.app.bundle.js +2 -0
- package/dist/1674.app.bundle.js.LICENSE.txt +5 -0
- package/dist/1680.app.bundle.js +1 -0
- package/dist/2010.app.bundle.js +1 -0
- package/dist/2025.app.bundle.js +2 -0
- package/dist/2025.app.bundle.js.LICENSE.txt +5 -0
- package/dist/2104.app.bundle.js +1 -0
- package/dist/2108.app.bundle.js +2 -0
- package/dist/2108.app.bundle.js.LICENSE.txt +5 -0
- package/dist/2159.app.bundle.js +2 -0
- package/dist/2159.app.bundle.js.LICENSE.txt +5 -0
- package/dist/2272.app.bundle.js +1 -0
- package/dist/2305.app.bundle.js +2 -0
- package/dist/2305.app.bundle.js.LICENSE.txt +5 -0
- package/dist/2342.app.bundle.js +1 -0
- package/dist/2465.app.bundle.js +1 -0
- package/dist/2472.app.bundle.js +1 -1
- package/dist/265.app.bundle.js +1 -0
- package/dist/2715.app.bundle.js +1 -0
- package/dist/2783.app.bundle.js +2 -0
- package/dist/2783.app.bundle.js.LICENSE.txt +5 -0
- package/dist/2843.app.bundle.js +1 -0
- package/dist/2963.app.bundle.js +1 -0
- package/dist/3002.app.bundle.js +1 -0
- package/dist/3270.app.bundle.js +2 -0
- package/dist/3270.app.bundle.js.LICENSE.txt +11 -0
- package/dist/3389.app.bundle.js +2 -0
- package/dist/3389.app.bundle.js.LICENSE.txt +5 -0
- package/dist/3476.app.bundle.js +2 -0
- package/dist/3476.app.bundle.js.LICENSE.txt +5 -0
- package/dist/3499.app.bundle.js +1 -0
- package/dist/3510.app.bundle.js +1 -0
- package/dist/360.app.bundle.js +2 -0
- package/dist/360.app.bundle.js.LICENSE.txt +5 -0
- package/dist/3661.app.bundle.js +1 -0
- package/dist/3718.app.bundle.js +2 -0
- package/dist/3718.app.bundle.js.LICENSE.txt +5 -0
- package/dist/3719.app.bundle.js +1 -0
- package/dist/383.app.bundle.js +2 -0
- package/dist/383.app.bundle.js.LICENSE.txt +5 -0
- package/dist/3848.app.bundle.js +1 -0
- package/dist/3853.app.bundle.js +2 -0
- package/dist/3853.app.bundle.js.LICENSE.txt +5 -0
- package/dist/3882.app.bundle.js +2 -0
- package/dist/3882.app.bundle.js.LICENSE.txt +5 -0
- package/dist/3977.app.bundle.js +1 -0
- package/dist/4104.app.bundle.js +1 -0
- package/dist/4114.app.bundle.js +1 -0
- package/dist/4181.app.bundle.js +2 -0
- package/dist/4181.app.bundle.js.LICENSE.txt +5 -0
- package/dist/4267.app.bundle.js +2 -0
- package/dist/4267.app.bundle.js.LICENSE.txt +5 -0
- package/dist/4317.app.bundle.js +2 -0
- package/dist/4317.app.bundle.js.LICENSE.txt +5 -0
- package/dist/4348.app.bundle.js +1 -0
- package/dist/4397.app.bundle.js +2 -0
- package/dist/4397.app.bundle.js.LICENSE.txt +5 -0
- package/dist/4437.app.bundle.js +1 -0
- package/dist/4726.app.bundle.js +2 -0
- package/dist/4726.app.bundle.js.LICENSE.txt +5 -0
- package/dist/4818.app.bundle.js +2 -0
- package/dist/4818.app.bundle.js.LICENSE.txt +5 -0
- package/dist/4846.app.bundle.js +1 -0
- package/dist/4859.app.bundle.js +1 -0
- package/dist/4863.app.bundle.js +2 -0
- package/dist/4863.app.bundle.js.LICENSE.txt +5 -0
- package/dist/4934.app.bundle.js +1 -0
- package/dist/5112.app.bundle.js +2 -0
- package/dist/5112.app.bundle.js.LICENSE.txt +17 -0
- package/dist/5154.app.bundle.js +1 -0
- package/dist/5194.app.bundle.js +2 -0
- package/dist/5194.app.bundle.js.LICENSE.txt +5 -0
- package/dist/5232.app.bundle.js +1 -0
- package/dist/5254.app.bundle.js +1 -0
- package/dist/5285.app.bundle.js +2 -0
- package/dist/5285.app.bundle.js.LICENSE.txt +5 -0
- package/dist/529.app.bundle.js +2 -0
- package/dist/529.app.bundle.js.LICENSE.txt +5 -0
- package/dist/5431.app.bundle.js +1 -0
- package/dist/5434.app.bundle.js +1 -0
- package/dist/5585.app.bundle.js +1 -0
- package/dist/5669.app.bundle.js +2 -0
- package/dist/5669.app.bundle.js.LICENSE.txt +5 -0
- package/dist/569.app.bundle.js +2 -0
- package/dist/569.app.bundle.js.LICENSE.txt +5 -0
- package/dist/5847.app.bundle.js +1 -0
- package/dist/5889.app.bundle.js +2 -0
- package/dist/5889.app.bundle.js.LICENSE.txt +5 -0
- package/dist/5941.app.bundle.js +1 -0
- package/dist/6034.app.bundle.js +1 -1
- package/dist/6166.app.bundle.js +1 -0
- package/dist/6171.app.bundle.js +2 -0
- package/dist/6171.app.bundle.js.LICENSE.txt +5 -0
- package/dist/6191.app.bundle.js +2 -0
- package/dist/6191.app.bundle.js.LICENSE.txt +5 -0
- package/dist/6205.app.bundle.js +2 -0
- package/dist/6205.app.bundle.js.LICENSE.txt +5 -0
- package/dist/6221.app.bundle.js +1 -0
- package/dist/6230.app.bundle.js +1 -0
- package/dist/6391.app.bundle.js +2 -0
- package/dist/6391.app.bundle.js.LICENSE.txt +5 -0
- package/dist/646.app.bundle.js +2 -0
- package/dist/646.app.bundle.js.LICENSE.txt +5 -0
- package/dist/6569.app.bundle.js +2 -0
- package/dist/6569.app.bundle.js.LICENSE.txt +5 -0
- package/dist/6596.app.bundle.js +2 -0
- package/dist/6596.app.bundle.js.LICENSE.txt +5 -0
- package/dist/6734.app.bundle.js +1 -0
- package/dist/6874.app.bundle.js +1 -0
- package/dist/6879.app.bundle.js +1 -0
- package/dist/6995.app.bundle.js +2 -0
- package/dist/6995.app.bundle.js.LICENSE.txt +5 -0
- package/dist/6998.app.bundle.js +2 -0
- package/dist/6998.app.bundle.js.LICENSE.txt +5 -0
- package/dist/7003.app.bundle.js +1 -0
- package/dist/7019.app.bundle.js +1 -0
- package/dist/7061.app.bundle.js +1 -0
- package/dist/7183.app.bundle.js +2 -0
- package/dist/7183.app.bundle.js.LICENSE.txt +5 -0
- package/dist/7339.app.bundle.js +2 -0
- package/dist/7339.app.bundle.js.LICENSE.txt +5 -0
- package/dist/7367.app.bundle.js +1 -1
- package/dist/7375.app.bundle.js +1 -0
- package/dist/7384.app.bundle.js +2 -0
- package/dist/7384.app.bundle.js.LICENSE.txt +5 -0
- package/dist/7422.app.bundle.js +1 -0
- package/dist/7454.app.bundle.js +2 -0
- package/dist/7454.app.bundle.js.LICENSE.txt +5 -0
- package/dist/7485.app.bundle.js +2 -0
- package/dist/7485.app.bundle.js.LICENSE.txt +5 -0
- package/dist/753.app.bundle.js +2 -0
- package/dist/753.app.bundle.js.LICENSE.txt +5 -0
- package/dist/7568.app.bundle.js +2 -0
- package/dist/7568.app.bundle.js.LICENSE.txt +5 -0
- package/dist/7576.app.bundle.js +1 -0
- package/dist/7609.app.bundle.js +2 -0
- package/dist/7609.app.bundle.js.LICENSE.txt +5 -0
- package/dist/7705.app.bundle.js +2 -0
- package/dist/7705.app.bundle.js.LICENSE.txt +11 -0
- package/dist/7760.app.bundle.js +1 -0
- package/dist/7785.app.bundle.js +2 -0
- package/dist/7785.app.bundle.js.LICENSE.txt +5 -0
- package/dist/783.app.bundle.js +1 -0
- package/dist/7906.app.bundle.js +2 -0
- package/dist/7906.app.bundle.js.LICENSE.txt +5 -0
- package/dist/8074.app.bundle.js +2 -0
- package/dist/8074.app.bundle.js.LICENSE.txt +5 -0
- package/dist/8151.app.bundle.js +2 -0
- package/dist/8151.app.bundle.js.LICENSE.txt +5 -0
- package/dist/8214.app.bundle.js +1 -0
- package/dist/8223.app.bundle.js +1 -0
- package/dist/8361.app.bundle.js +2 -0
- package/dist/8361.app.bundle.js.LICENSE.txt +5 -0
- package/dist/8429.app.bundle.js +2 -0
- package/dist/8429.app.bundle.js.LICENSE.txt +5 -0
- package/dist/8509.app.bundle.js +2 -0
- package/dist/8509.app.bundle.js.LICENSE.txt +5 -0
- package/dist/8716.app.bundle.js +2 -0
- package/dist/8716.app.bundle.js.LICENSE.txt +5 -0
- package/dist/8750.app.bundle.js +2 -0
- package/dist/8750.app.bundle.js.LICENSE.txt +5 -0
- package/dist/876.app.bundle.js +1 -0
- package/dist/8912.app.bundle.js +1 -0
- package/dist/8991.app.bundle.js +2 -0
- package/dist/8991.app.bundle.js.LICENSE.txt +5 -0
- package/dist/9101.app.bundle.js +1 -0
- package/dist/916.app.bundle.js +1 -0
- package/dist/9200.app.bundle.js +2 -0
- package/dist/9200.app.bundle.js.LICENSE.txt +5 -0
- package/dist/9262.app.bundle.js +2 -0
- package/dist/9262.app.bundle.js.LICENSE.txt +5 -0
- package/dist/9275.app.bundle.js +2 -0
- package/dist/9275.app.bundle.js.LICENSE.txt +5 -0
- package/dist/9288.app.bundle.js +1 -1
- package/dist/934.app.bundle.js +2 -0
- package/dist/934.app.bundle.js.LICENSE.txt +5 -0
- package/dist/9356.app.bundle.js +1 -0
- package/dist/9370.app.bundle.js +2 -0
- package/dist/9370.app.bundle.js.LICENSE.txt +5 -0
- package/dist/9398.app.bundle.js +1 -0
- package/dist/9407.app.bundle.js +2 -0
- package/dist/9407.app.bundle.js.LICENSE.txt +5 -0
- package/dist/9425.app.bundle.js +1 -0
- package/dist/9452.app.bundle.js +1 -0
- package/dist/9724.app.bundle.js +1 -1
- package/dist/9727.app.bundle.js +2 -0
- package/dist/9727.app.bundle.js.LICENSE.txt +5 -0
- package/dist/9893.app.bundle.js +1 -0
- package/dist/9903.app.bundle.js +1 -0
- package/dist/9970.app.bundle.js +2 -0
- package/dist/9970.app.bundle.js.LICENSE.txt +17 -0
- package/dist/assets/minus.svg +2 -0
- package/dist/assets/plus.svg +2 -0
- package/dist/components/_commonjsHelpers.js +1 -0
- package/dist/components/img/sprite.svg +5 -0
- package/dist/components/index3.js +2 -0
- package/dist/components/index3.js.LICENSE.txt +5 -0
- package/dist/components/p-0bd33282.js +1 -0
- package/dist/components/p-2bacc556.js +2 -0
- package/dist/components/p-2bacc556.js.LICENSE.txt +5 -0
- package/dist/components/p-3092f0da.js +1 -0
- package/dist/components/p-51fd3760.js +1 -0
- package/dist/components/p-57ec7157.js +1 -0
- package/dist/components/p-5adc0c0f.js +1 -0
- package/dist/components/p-703b9866.js +1 -0
- package/dist/components/p-71f3e557.js +1 -0
- package/dist/components/p-7bd5360a.js +1 -0
- package/dist/components/p-7f18a9c3.js +1 -0
- package/dist/components/p-8377f9f7.js +1 -0
- package/dist/components/p-85dad1ee.js +1 -0
- package/dist/components/p-ad634c1d.js +1 -0
- package/dist/components/p-aead3f6c.js +1 -0
- package/dist/components/p-b5e86daf.js +1 -0
- package/dist/components/p-bbd1634b.js +1 -0
- package/dist/components/p-c8624782.js +1 -0
- package/dist/components/p-c968eed9.js +1 -0
- package/dist/components/p-d1bb9044.js +1 -0
- package/dist/components/p-d2716799.js +1 -0
- package/dist/components/p-d2a83ae3.js +1 -0
- package/dist/components/p-deb595cf.js +1 -0
- package/dist/components/p-ecc368bc.js +1 -0
- package/dist/components/types/components.d.ts +6 -6
- package/dist/components/va-button-pair.js +1 -1
- package/dist/components/va-button2.js +1 -1
- package/dist/components/va-language-toggle.js +1 -1
- package/dist/components/va-number-input.d.ts +11 -0
- package/dist/components/va-number-input.js +1 -0
- package/dist/components/va-radio-option.js +1 -1
- package/dist/react-bindings/components.d.ts +259 -0
- package/dist/react-bindings/components.js +1 -0
- package/dist/react-bindings/components.js.map +1 -0
- package/dist/react-bindings/components.ts +685 -0
- package/dist/react-bindings/react-component-lib/attachProps.d.ts +16 -0
- package/dist/react-bindings/react-component-lib/attachProps.js +2 -0
- package/dist/react-bindings/react-component-lib/attachProps.js.LICENSE.txt +4 -0
- package/dist/react-bindings/react-component-lib/attachProps.js.map +1 -0
- package/dist/react-bindings/react-component-lib/attachProps.ts +125 -0
- package/dist/react-bindings/react-component-lib/case.d.ts +2 -0
- package/dist/react-bindings/react-component-lib/case.js +1 -0
- package/dist/react-bindings/react-component-lib/case.js.map +1 -0
- package/dist/react-bindings/react-component-lib/case.ts +7 -0
- package/dist/react-bindings/react-component-lib/dev.d.ts +2 -0
- package/dist/react-bindings/react-component-lib/dev.js +1 -0
- package/dist/react-bindings/react-component-lib/dev.js.map +1 -0
- package/dist/react-bindings/react-component-lib/dev.ts +14 -0
- package/dist/react-bindings/react-component-lib/index.tsx +50 -0
- package/en.js +1 -0
- package/es.js +1 -0
- package/i18n-setup.js +1 -0
- package/language-detector.js +1 -0
- package/package.json +4 -4
- package/tl.js +1 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as proxyCustomElement,H,c as createEvent,h,d as Host}from"./p-0bd33282.js";import{c as classnames}from"./p-2bacc556.js";import{d as defineCustomElement$2}from"./p-c968eed9.js";import{d as defineCustomElement$1}from"./p-71f3e557.js";function _toConsumableArray(t){if(Array.isArray(t)){for(var e=0,o=Array(t.length);e<t.length;e++)o[e]=t[e];return o}return Array.from(t)}var hasPassiveEvents=!1;if("undefined"!=typeof window){var passiveTestOptions={get passive(){hasPassiveEvents=!0}};window.addEventListener("testPassive",null,passiveTestOptions),window.removeEventListener("testPassive",null,passiveTestOptions)}var isIosDevice="undefined"!=typeof window&&window.navigator&&window.navigator.platform&&(/iP(ad|hone|od)/.test(window.navigator.platform)||"MacIntel"===window.navigator.platform&&window.navigator.maxTouchPoints>1),locks=[],documentListenerAdded=!1,initialClientY=-1,previousBodyOverflowSetting=void 0,previousBodyPosition=void 0,previousBodyPaddingRight=void 0,allowTouchMove=function(t){return locks.some((function(e){return!(!e.options.allowTouchMove||!e.options.allowTouchMove(t))}))},preventDefault=function(t){var e=t||window.event;return!!allowTouchMove(e.target)||e.touches.length>1||(e.preventDefault&&e.preventDefault(),!1)},setOverflowHidden=function(t){if(void 0===previousBodyPaddingRight){var e=!!t&&!0===t.reserveScrollBarGap,o=window.innerWidth-document.documentElement.clientWidth;if(e&&o>0){var a=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);previousBodyPaddingRight=document.body.style.paddingRight,document.body.style.paddingRight=a+o+"px"}}void 0===previousBodyOverflowSetting&&(previousBodyOverflowSetting=document.body.style.overflow,document.body.style.overflow="hidden")},restoreOverflowSetting=function(){void 0!==previousBodyPaddingRight&&(document.body.style.paddingRight=previousBodyPaddingRight,previousBodyPaddingRight=void 0),void 0!==previousBodyOverflowSetting&&(document.body.style.overflow=previousBodyOverflowSetting,previousBodyOverflowSetting=void 0)},setPositionFixed=function(){return window.requestAnimationFrame((function(){if(void 0===previousBodyPosition){previousBodyPosition={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left};var t=window,e=t.scrollY,o=t.scrollX,a=t.innerHeight;document.body.style.position="fixed",document.body.style.top=-e,document.body.style.left=-o,setTimeout((function(){return window.requestAnimationFrame((function(){var t=a-window.innerHeight;t&&e>=a&&(document.body.style.top=-(e+t))}))}),300)}}))},restorePositionSetting=function(){if(void 0!==previousBodyPosition){var t=-parseInt(document.body.style.top,10),e=-parseInt(document.body.style.left,10);document.body.style.position=previousBodyPosition.position,document.body.style.top=previousBodyPosition.top,document.body.style.left=previousBodyPosition.left,window.scrollTo(e,t),previousBodyPosition=void 0}},isTargetElementTotallyScrolled=function(t){return!!t&&t.scrollHeight-t.scrollTop<=t.clientHeight},handleScroll=function(t,e){var o=t.targetTouches[0].clientY-initialClientY;return!allowTouchMove(t.target)&&(e&&0===e.scrollTop&&o>0||isTargetElementTotallyScrolled(e)&&o<0?preventDefault(t):(t.stopPropagation(),!0))},disableBodyScroll=function(t,e){if(t){if(!locks.some((function(e){return e.targetElement===t}))){var o={targetElement:t,options:e||{}};locks=[].concat(_toConsumableArray(locks),[o]),isIosDevice?setPositionFixed():setOverflowHidden(e),isIosDevice&&(t.ontouchstart=function(t){1===t.targetTouches.length&&(initialClientY=t.targetTouches[0].clientY)},t.ontouchmove=function(e){1===e.targetTouches.length&&handleScroll(e,t)},documentListenerAdded||(document.addEventListener("touchmove",preventDefault,hasPassiveEvents?{passive:!1}:void 0),documentListenerAdded=!0))}}else console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.")},clearAllBodyScrollLocks=function(){isIosDevice&&(locks.forEach((function(t){t.targetElement.ontouchstart=null,t.targetElement.ontouchmove=null})),documentListenerAdded&&(document.removeEventListener("touchmove",preventDefault,hasPassiveEvents?{passive:!1}:void 0),documentListenerAdded=!1),initialClientY=-1),isIosDevice?restorePositionSetting():restoreOverflowSetting(),locks=[]},getDefaultParent=function(t){return"undefined"==typeof document?null:(Array.isArray(t)?t[0]:t).ownerDocument.body},counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={},lockCount=0,hideOthers=function(t,e,o){void 0===e&&(e=getDefaultParent(t)),void 0===o&&(o="data-aria-hidden");var a=Array.isArray(t)?t:[t];markerMap[o]||(markerMap[o]=new WeakMap);var s=markerMap[o],n=[],i=new Set,u=function(t){t&&!i.has(t)&&(i.add(t),u(t.parentNode))};a.forEach(u);var r=function(t){!t||a.indexOf(t)>=0||Array.prototype.forEach.call(t.children,(function(t){if(i.has(t))r(t);else{var e=t.getAttribute("aria-hidden"),a=null!==e&&"false"!==e,u=(counterMap.get(t)||0)+1,l=(s.get(t)||0)+1;counterMap.set(t,u),s.set(t,l),n.push(t),1===u&&a&&uncontrolledNodes.set(t,!0),1===l&&t.setAttribute(o,"true"),a||t.setAttribute("aria-hidden","true")}}))};return r(e),i.clear(),lockCount++,function(){n.forEach((function(t){var e=counterMap.get(t)-1,a=s.get(t)-1;counterMap.set(t,e),s.set(t,a),e||(uncontrolledNodes.has(t)||t.removeAttribute("aria-hidden"),uncontrolledNodes.delete(t)),a||t.removeAttribute(o)})),--lockCount||(counterMap=new WeakMap,counterMap=new WeakMap,uncontrolledNodes=new WeakMap,markerMap={})}};const focusableQueryString=['a[href]:not([tabindex^="-"])','.hydrated:not([tabindex^="-"]):not(va-radio-option)','[tabindex]:not([tabindex^="-"])','input:not([type=hidden]):not([tabindex^="-"])','textarea:not([tabindex^="-"])','button:not([tabindex^="-"])','select:not([tabindex^="-"])'].join(","),vaModalCss='button:not([disabled]):focus,:host([uswds=\'false\']) button:not([disabled]):active,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:5px;color:var(--vads-button-color-text-primary-alt-on-light);cursor:pointer;display:inline-block;font-family:var(--font-source-sans);font-size:1rem;font-weight:700;line-height:1;padding:0.625rem 1.25rem;text-align:center;text-decoration:none}.usa-hint{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button-group{margin-bottom:0;margin-top:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style-type:none;margin-left:-0.25rem;margin-right:-0.25rem;padding-left:0}@media all and (min-width: 30em){.usa-button-group{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-align:stretch;align-items:stretch;-ms-flex-direction:row;flex-direction:row}}.usa-button-group .usa-button-group{height:100%}@media all and (min-width: 30em){.usa-button-group .usa-button-group .usa-button-group__item{margin-top:0;margin-bottom:0}}.usa-button-group .usa-button-group--segmented .usa-button-group__item{margin-top:0;margin-bottom:0}.usa-button-group__item{margin:0.25rem}@media all and (min-width: 30em){.usa-button-group__item:last-child{margin-right:0}}.usa-button-group__item .usa-button{height:100%;margin-left:0;margin-right:0}.usa-button-group--segmented{-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;margin-left:0;margin-right:0}@media all and (min-width: 30em){.usa-button-group--segmented{-ms-flex-pack:start;justify-content:flex-start}}.usa-button-group--segmented .usa-button{position:relative;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button{width:auto}}.usa-button-group--segmented .usa-button:hover,.usa-button-group--segmented .usa-button:active{z-index:2}.usa-button-group--segmented .usa-button:focus{z-index:3}.usa-button-group--segmented .usa-button-group__item{margin-left:0;margin-right:0;width:100%}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item{width:auto}}.usa-button-group--segmented .usa-button-group__item:first-child>.usa-button{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:-1px}.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{border-top-left-radius:0;border-bottom-left-radius:0;margin-right:0;margin-left:-2px;width:calc(100% + 2px)}@media all and (min-width: 30em){.usa-button-group--segmented .usa-button-group__item:last-child>.usa-button{margin-left:-1px;width:auto}}.usa-button-group--segmented .usa-button-group__item:where(:not(:first-child):not(:last-child))>.usa-button{border-radius:0;margin-right:-1px;margin-left:-1px}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button::before{border-right:1px solid #1a4480;bottom:0;content:"";display:block;height:100%;position:absolute;right:1px;top:0;width:1px;z-index:3}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--secondary::before{border-right-color:#b50909}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--accent-cool::before{border-right-color:#28a0cb}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--base::before{border-right-color:#565c65}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button]:disabled::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) [class*=usa-button][aria-disabled=true]::before{border-right-color:white}.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button:active::before,.usa-button-group--segmented .usa-button-group__item:where(:not(:last-child)) .usa-button--outline::before{display:none}.usa-icon{display:inline-block;fill:currentColor;height:1em;position:relative;width:1em}.usa-icon--size-3{height:1.5rem;width:1.5rem}.usa-icon--size-4{height:2rem;width:2rem}.usa-icon--size-5{height:2.5rem;width:2.5rem}.usa-icon--size-6{height:3rem;width:3rem}.usa-icon--size-7{height:3.5rem;width:3.5rem}.usa-icon--size-8{height:4rem;width:4rem}.usa-icon--size-9{height:4.5rem;width:4.5rem}.usa-js-no-click{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.usa-js-no-click .usa-modal,.usa-js-no-click .usa-modal *{pointer-events:auto;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}[data-open-modal] *{pointer-events:none}.usa-modal-wrapper{text-align:center;-webkit-transition:opacity 0.15s ease-in-out;transition:opacity 0.15s ease-in-out}.usa-modal-wrapper.is-hidden{visibility:hidden;opacity:0;position:fixed}.usa-modal-wrapper.is-visible{visibility:visible;opacity:1;position:fixed;z-index:99999}.usa-modal-overlay{background:rgba(0, 0, 0, 0.7);bottom:0;height:100%;left:0;overflow:scroll;overflow-x:hidden;padding:1.5rem;position:fixed;scroll-behavior:smooth;top:0;width:100%}.usa-modal-overlay:before{content:"";display:inline-block;height:100%;vertical-align:middle}.usa-modal-overlay[data-force-action=true]{pointer-events:none}.usa-modal-overlay[data-force-action=true] *{pointer-events:auto}.usa-js-loading .usa-modal-wrapper{position:absolute;left:-999em;right:auto}.usa-js-loading .usa-modal-wrapper:target{position:static}.usa-modal{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;border-radius:0.5rem;background:white;color:#1b1b1b;display:inline-block;margin:1.25rem auto;max-width:30rem;position:relative;text-align:left;vertical-align:middle;width:100%}.usa-modal:focus{outline:none}.usa-modal__content{display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse;padding-top:2rem;width:100%}.usa-modal__main{margin:0 auto;padding:0.5rem 2rem 2rem}.usa-modal-wrapper [data-close-modal]>.usa-icon,.usa-modal-wrapper [data-close-modal]>.usa-icon use{pointer-events:none !important}.usa-modal__close{-ms-flex-align:center;align-items:center;-ms-flex-item-align:end;align-self:flex-end;background-color:transparent;color:#71767a;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;font-size:0.93rem;margin:-2rem 0 0 auto;padding:0.25rem 0.25rem;width:auto}.usa-modal__close:hover,.usa-modal__close:active{background-color:transparent;color:#1b1b1b}.usa-modal__close:focus{outline-offset:0}.usa-modal__close .usa-icon{height:2rem;margin:2px 2px 0 0;width:2rem}.usa-modal__heading{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.4;margin-top:0}.usa-modal__footer{margin-top:1.5rem}.usa-modal--lg{max-width:55rem;width:100%}.usa-modal--lg .usa-modal__main{padding-bottom:4rem;padding-top:1.25rem;width:100%;max-width:40rem}@media all and (min-width: 40em){.usa-modal--lg .usa-modal__heading{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem}}.usa-js-modal--active{overflow:hidden}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""]):not([uswds=false])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""]):not([uswds=false])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""]):not([uswds=false])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""]):not([uswds=false])){margin-left:-0.9rem}:host([error]:not([error=""]):not([uswds=false])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""]):not([uswds=false])[use-forms-pattern=multiple]){padding-left:0}}.usa-modal-alert{padding:0px;margin-left:1rem}.usa-modal__heading,.usa-modal--lg .usa-modal__heading{font-family:var(--font-serif)}.usa-modal:not(.usa-modal--lg){width:auto}.usa-modal va-button{width:100%}@media screen and (max-width: 481px){.usa-modal__content{width:85%}}:host([status=info]) .usa-modal{border-left-color:var(--vads-color-primary-alt-dark);background-color:var(--vads-color-primary-alt-lightest)}:host .usa-modal__main{position:relative;margin:0px auto}.va-modal-alert__icon{color:var(--vads-color-base-darker);position:absolute;top:32px;left:16px}:host([status=continue]) .usa-modal{border-left-color:var(--vads-color-success-dark);background-color:var(--vads-color-success-lighter)}:host([status=success]) .usa-modal{border-left-color:var(--vads-color-success-dark);background-color:var(--vads-color-success-lighter)}:host([status=warning]) .usa-modal{border-left-color:var(--vads-color-warning);background-color:var(--vads-color-gold-lightest)}:host([status=error]) .usa-modal{border-left-color:var(--vads-color-secondary-dark);background-color:var(--vads-color-secondary-lightest)}.va-modal-alert{-webkit-box-sizing:border-box;box-sizing:border-box;border-left-style:solid;border-left-width:10px;display:-ms-inline-flexbox;display:inline-flex;padding:2rem 4rem 2rem 1.5rem}:host{display:block}:host([visible]:not([visible=false])){background:rgba(50, 58, 69, 0.8);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;left:0;overflow-y:auto;padding:0.938rem;position:fixed;scroll-behavior:smooth;text-align:center;top:0;width:100%;z-index:9001}:host([visible]:not([visible=false]))::before{content:"";display:inline-block;height:100%;vertical-align:middle}.va-modal-inner{background:var(--vads-color-white);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:auto;display:inline-block;margin:0.781rem auto;max-width:25rem;position:relative;text-align:left;vertical-align:middle;width:100%}.va-modal-close{background-color:transparent;color:var(--vads-color-base-darker);font-size:1.4rem;padding:0;position:absolute;margin:1rem;right:0;top:0;width:auto;z-index:9;white-space:nowrap}.va-modal-close:hover{color:var(--vads-color-base)}.va-modal-body{margin-right:1.25rem;overflow-wrap:break-word;padding:1.25rem;word-break:break-word;word-wrap:break-word}h1{font-family:var(--font-serif);font-size:1.25rem;line-height:1.3;margin-bottom:0.3125rem;margin-top:0.9375rem}.va-modal-title{margin:0 0 1rem 0}.alert-actions button{background-color:var(--vads-color-primary);margin-top:0.5rem;margin-right:0.5rem;margin-bottom:0.5rem;white-space:nowrap}.alert-actions .button-secondary{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px var(--vads-color-primary);box-shadow:inset 0 0 0 2px var(--vads-color-primary);color:var(--vads-color-primary)}.alert-actions button:hover,.alert-actions button:focus{background-color:var(--vads-color-primary-dark)}.alert-actions .button-secondary:hover,.alert-actions .button-secondary:focus{background-color:var(--vads-color-gray-cool-light)}.va-modal-alert::before{display:block;width:auto;background:none;font-family:"Font Awesome 5 Free";font-size:1.25rem;margin-right:1rem;position:static;font-weight:900;height:100%;left:0;top:0}.va-modal-alert .va-modal-alert-body{display:table-cell;padding-left:1rem;padding-right:0;width:100%;vertical-align:middle}.va-modal-alert-title{margin:0 0 1.25rem 0}:host([status=continue]) .va-modal-inner{border-left-color:var(--vads-color-success-dark)}:host([status=error]) .va-modal-inner{border-left-color:var(--vads-color-secondary-dark)}:host([status=info]) .va-modal-inner{border-left-color:var(--vads-color-primary-alt-dark)}:host([status=success]) .va-modal-inner{border-left-color:var(--vads-color-success-dark)}:host([status=warning]) .va-modal-inner{border-left-color:var(--vads-color-warning)}.va-modal-alert .alert-actions{margin-top:1.5rem}.va-modal-alert .alert-actions button{margin:0}.va-modal-alert .alert-actions button+button{margin-left:1.25rem}@media (max-width: 320px){.alert-actions button{width:100%}.va-modal-alert .alert-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.va-modal-alert .alert-actions button+button{margin:1rem 0 0 0}}@media screen and (max-width: 481px){:host([visible]:not([visible=false])){overflow-y:scroll}.va-modal-inner{top:0}.va-modal-alert .alert-actions{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.va-modal-alert .alert-actions button+button{margin:1rem 0 0 0}.usa-modal--lg .usa-modal__main{max-width:-webkit-fill-available;max-width:-moz-fit-content}}:host([large]:not([large=false])) .va-modal-inner{max-width:46.875rem;width:75vw}',VaModalStyle0=vaModalCss,VaModal=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.closeEvent=createEvent(this,"closeEvent",7),this.primaryButtonClick=createEvent(this,"primaryButtonClick",7),this.secondaryButtonClick=createEvent(this,"secondaryButtonClick",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.focusableChildren=null,this.clickToClose=!1,this.disableAnalytics=!1,this.large=!1,this.modalTitle=void 0,this.forcedModal=!1,this.unstyled=!1,this.initialFocusSelector=void 0,this.primaryButtonText=void 0,this.secondaryButtonText=void 0,this.status=void 0,this.visible=!1,this.ariaHiddenNodeExceptions=[],this.shifted=!1}handleButtonClickAnalytics(t){"va-modal"!==t.detail.componentName&&t.stopPropagation()}handleClick(t){this.clickToClose&&this.visible&&t.composedPath()[0]===this.el&&this.handleClose(t)}handleKeyDown(t){this.visible&&("Escape"===t.key&&this.handleClose(t),this.shifted=t.shiftKey)}handleLastElementFocus(t){var e;if(this.visible&&"Tab"===t.key&&!this.shifted){t.preventDefault();const o=0;null===(e=this.focusableChildren[o])||void 0===e||e.focus()}}handleFirstElementFocus(t){var e;if(this.visible&&"Tab"===t.key&&this.shifted){t.preventDefault();const o=this.focusableChildren.length-1;null===(e=this.focusableChildren[o])||void 0===e||e.focus()}}watchVisibleHandler(){this.isVisibleDirty=!0}componentDidLoad(){this.visible&&this.setupModal()}componentDidUpdate(){this.isVisibleDirty&&(this.isVisibleDirty=!1,this.visible?this.setupModal():this.teardownModal())}disconnectedCallback(){this.teardownModal()}handleClose(t){this.closeEvent.emit(t)}handlePrimaryButtonClick(t){if(this.primaryButtonClick.emit(t),!this.disableAnalytics){const t={componentName:"va-modal",action:"click",details:{clickLabel:this.primaryButtonText,status:this.status,title:this.modalTitle}};this.componentLibraryAnalytics.emit(t)}}handleSecondaryButtonClick(t){if(this.secondaryButtonClick.emit(t),!this.disableAnalytics){const t={componentName:"va-modal",action:"click",details:{clickLabel:this.secondaryButtonText,status:this.status,title:this.modalTitle}};this.componentLibraryAnalytics.emit(t)}}getFocusableChildren(){var t,e;const o=Array.from((null===(t=this.el)||void 0===t?void 0:t.querySelectorAll(focusableQueryString))||[]),a=Array.from((null===(e=this.alertActions)||void 0===e?void 0:e.querySelectorAll(focusableQueryString))||[]);return[this.closeButton,...o,...a].reduce(((t,e)=>{if(e&&(e.offsetWidth||e.offsetHeight))if(e.classList.contains("hydrated")){let o=[];if(o=e.shadowRoot?Array.from(e.shadowRoot.querySelectorAll(focusableQueryString)||[]):Array.from(e.querySelectorAll(focusableQueryString)||[]),o.length)return t.push(e),t.concat(o)}else t.push(e);return t}),[])}setupModal(){this.savedFocus=document.activeElement,this.focusableChildren=this.getFocusableChildren();const t=this.focusableChildren[0];t.classList.add("first-focusable-child"),t.onkeydown=t=>this.handleFirstElementFocus(t);const e=this.focusableChildren[this.focusableChildren.length-1];e.classList.add("last-focusable-child"),e.onkeydown=t=>this.handleLastElementFocus(t),(this.el.querySelector(this.initialFocusSelector)||this.el.shadowRoot.querySelector(this.initialFocusSelector)||this.closeButton).focus(),disableBodyScroll(this.el);const o=[...this.ariaHiddenNodeExceptions,this.el];if(this.undoAriaHidden=hideOthers(o),!this.disableAnalytics){const t={componentName:"va-modal",action:"show",details:{status:this.status,title:this.modalTitle,primaryButtonText:this.primaryButtonText,secondaryButtonText:this.secondaryButtonText}};this.componentLibraryAnalytics.emit(t)}}teardownModal(){var t,e;clearAllBodyScrollLocks(),null===(t=this.undoAriaHidden)||void 0===t||t.call(this),null===(e=this.savedFocus)||void 0===e||e.focus()}render(){const{modalTitle:t,primaryButtonClick:e,primaryButtonText:o,secondaryButtonClick:a,secondaryButtonText:s,status:n,visible:i,forcedModal:u,unstyled:r}=this;if(!i)return null;const l=t&&""!==t?`${t} modal`:null,d=t?`Close ${t} modal`:"Close modal",c=classnames({"usa-modal":!0,"va-modal-alert":n,"usa-modal--lg":this.large}),b=classnames({"usa-modal__content":!0,"usa-modal-alert":n}),m=classnames({"usa-modal__main":!0,"usa-modal-alert":n,"va-modal-alert-body":n}),v=classnames({"usa-modal__heading":!0,"va-modal-alert-title":n}),p=u?"":h("button",{"aria-label":d,class:"va-modal-close",onClick:t=>this.handleClose(t),ref:t=>this.closeButton=t,type:"button"},h("va-icon",{icon:"cancel",size:4}));return h(Host,null,h("div",{class:c,role:"warning"===n||"error"===n?"alertdialog":"dialog","aria-label":l,"aria-modal":"true"},h("div",{class:b},p,n&&h("va-icon",{class:"va-modal-alert__icon",icon:{continue:"lock",error:"error",info:"info",success:"check",warning:"warning"}[n],size:4}),h("div",{class:m},h("div",{role:"document"},t&&h("h2",{class:v,tabindex:-1,id:"heading"},t),h("div",{class:"usa-prose",id:"description"},h("slot",null))),(e&&o||a&&s)&&h("div",{class:"usa-modal__footer",ref:t=>this.alertActions=t},h("ul",{class:"usa-button-group"},e&&o&&h("li",{class:"usa-button-group__item"},h("va-button",{onClick:t=>this.handlePrimaryButtonClick(t),text:o})),a&&s&&h("li",{class:"usa-button-group__item"},!r&&h("va-button",{onClick:t=>this.handleSecondaryButtonClick(t),secondary:!0,text:s}),r&&h("button",{onClick:t=>this.handlePrimaryButtonClick(t),type:"button",class:"usa-button usa-button--unstyled"},s))))))))}get el(){return this}static get watchers(){return{visible:["watchVisibleHandler"]}}static get style(){return VaModalStyle0}},[1,"va-modal",{clickToClose:[4,"click-to-close"],disableAnalytics:[4,"disable-analytics"],large:[516],modalTitle:[1,"modal-title"],forcedModal:[4,"forced-modal"],unstyled:[4],initialFocusSelector:[1,"initial-focus-selector"],primaryButtonText:[1,"primary-button-text"],secondaryButtonText:[1,"secondary-button-text"],status:[1],visible:[516],ariaHiddenNodeExceptions:[16],shifted:[32]},[[0,"component-library-analytics","handleButtonClickAnalytics"],[0,"click","handleClick"],[8,"keydown","handleKeyDown"]],{visible:["watchVisibleHandler"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-modal","va-button","va-icon"].forEach((t=>{switch(t){case"va-modal":customElements.get(t)||customElements.define(t,VaModal);break;case"va-button":customElements.get(t)||defineCustomElement$2();break;case"va-icon":customElements.get(t)||defineCustomElement$1()}}))}export{VaModal as V,defineCustomElement as d};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as proxyCustomElement,H,c as createEvent,h,d as Host}from"./p-0bd33282.js";import{c as classnames}from"./p-2bacc556.js";import{d as defineCustomElement$1}from"./p-71f3e557.js";const vaLinkCss="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,:host([uswds='false']) button:not([disabled]):active,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}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)}.usa-sr-only{position:absolute;left:-999em;right:auto}:host{display:inline}:host a{cursor:pointer;text-decoration:underline;font:inherit}:host a.va-link--reverse,:host a.va-link--reverse .link-icon--back{color:var(--vads-color-white)}:host a.va-link--reverse:hover,:host a.va-link--reverse:active,:host a.va-link--reverse:hover .link-icon--back,:host a.va-link--reverse:active .link-icon--back,:host a.va-link--reverse .link-icon--back:hover,:host a.va-link--reverse .link-icon--back:active,:host a.va-link--reverse .link-icon--back:hover .link-icon--back,:host a.va-link--reverse .link-icon--back:active .link-icon--back{color:var(--vads-color-action-focus-on-light);background-color:transparent}:host([active]:not([active=false])) a{font-weight:700}:host([icon-name]) va-icon{margin-right:4px}.link-icon--active{vertical-align:baseline;position:relative;top:3px}.link-icon--left{margin-right:4px;vertical-align:baseline;position:relative;top:3px}.link-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}.link-icon--back{color:var(--vads-color-gray-medium);-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}.link--center{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center}dfn{font-style:normal}abbr{text-decoration:none}.external-link-icon{margin-left:4px}",VaLinkStyle0=vaLinkCss,VaLink=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handleClick=i=>{if(!this.disableAnalytics){const i={componentName:"va-link",action:"click",details:{label:this.text,destination:this.href,origin:window.location.href}};this.componentLibraryAnalytics.emit(i)}},this.getAbbreviationTitle=()=>{const{abbrTitle:i,filetype:e}=this;return"PDF"===e?"Portable Document Format":i},this.abbrTitle=void 0,this.active=!1,this.back=!1,this.calendar=!1,this.channel=!1,this.disableAnalytics=!1,this.download=!1,this.href=void 0,this.filename=void 0,this.filetype=void 0,this.pages=void 0,this.text=void 0,this.video=!1,this.reverse=!1,this.external=!1,this.label=null,this.iconName=null,this.iconSize=3}render(){const{active:i,back:e,calendar:n,channel:o,download:t,filetype:a,filename:l,getAbbreviationTitle:s,handleClick:r,href:c,pages:d,text:v,video:b,reverse:k,external:f,iconName:u,iconSize:m}=this,p=classnames({"va-link--reverse":k,"link--center":u||f});if(i)return h(Host,null,h("a",{href:c,class:p,onClick:r,"aria-label":this.label},v,h("va-icon",{class:"link-icon--active",icon:"chevron_right"})));if(e){const i=h("va-icon",{icon:"arrow_back",class:"link-icon--left link-icon--back"});return h(Host,null,h("div",{class:"link-container"},i,h("a",{href:c,class:p,onClick:r,"aria-label":this.label},v)))}return h(Host,null,o||b?h("a",{href:c,class:p,onClick:r,rel:"noopener",target:"_blank"},h("va-icon",{class:"link-icon--left",icon:o?"youtube":"play_circle"}),v," ",h("dfn",null,o?"YouTube":"on YouTube")):n?h("a",{href:c,class:p,download:l,onClick:r},h("va-icon",{class:"link-icon--left",icon:"calendar_today"}),v):t?h("a",{href:c,class:p,download:l,onClick:r},h("va-icon",{class:"link-icon--left",icon:"file_download"}),v," ",a&&h("dfn",null,"(",h("abbr",{title:s()},a),d&&`, ${d} pages`,")")):u?h("a",{href:c,class:p,onClick:r},h("va-icon",{icon:u,size:m,part:"icon"}),v):f?h("a",{href:c,rel:"noreferrer",class:p,onClick:r,target:"_blank"},v,h("va-icon",{class:"external-link-icon",icon:"launch"}),h("span",{class:"usa-sr-only"},"opens in a new tab")):h("a",{href:c,class:p,onClick:r,"aria-label":this.label},v))}static get style(){return VaLinkStyle0}},[1,"va-link",{abbrTitle:[1,"abbr-title"],active:[516],back:[4],calendar:[4],channel:[4],disableAnalytics:[4,"disable-analytics"],download:[4],href:[1],filename:[1],filetype:[1],pages:[2],text:[1],video:[4],reverse:[4],external:[4],label:[1],iconName:[1,"icon-name"],iconSize:[2,"icon-size"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-link","va-icon"].forEach((i=>{switch(i){case"va-link":customElements.get(i)||customElements.define(i,VaLink);break;case"va-icon":customElements.get(i)||defineCustomElement$1()}}))}export{VaLink as V,defineCustomElement as d};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as proxyCustomElement,H,h,d as Host}from"./p-0bd33282.js";const vaCardCss=":host{display:block;border:1px solid var(--vads-color-gray-medium);background-color:var(--vads-color-white);padding:16px}:host([show-shadow]:not([show-shadow=false])),:host([show-shadow]:not([show-shadow=false])[background]:not([background=false])){-webkit-box-shadow:1px 1px 5px 1px rgba(0, 0, 0, 0.32);box-shadow:1px 1px 5px 1px rgba(0, 0, 0, 0.32);border:1px solid var(--vads-color-gray-medium);background-color:var(--vads-color-white)}:host([background]:not([background=false])){background-color:var(--vads-color-base-lightest);border:none}",VaCardStyle0=vaCardCss,VaCard=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.showShadow=!1,this.background=!1}render(){return h(Host,{key:"c7ccec50762bb212bde4dec48d89c4efd46da28a"},h("slot",{key:"8058992c88418906133cc58b2702ea3adc7325e2"}))}static get style(){return VaCardStyle0}},[1,"va-card",{showShadow:[4,"show-shadow"],background:[4]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-card"].forEach((o=>{"va-card"===o&&(customElements.get(o)||customElements.define(o,VaCard))}))}export{VaCard as V,defineCustomElement as d};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as proxyCustomElement,H,c as createEvent,f as forceUpdate,h,d as Host}from"./p-0bd33282.js";import"./p-51fd3760.js";import"./p-7f18a9c3.js";import{i as instance}from"./p-703b9866.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,VaOfficialGovBanner=proxyCustomElement(class extends H{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"),o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("button"),n=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.querySelector("div#header");if(o.setAttribute("aria-expanded","true"===o.getAttribute("aria-expanded")?"false":"true"),n.classList.toggle("expanded"),i.hidden?i.removeAttribute("hidden"):i.setAttribute("hidden","true"),!this.disableAnalytics){const e={componentName:"va-official-gov-banner",action:"true"===o.getAttribute("aria-expanded")?"expand":"collapse"};this.componentLibraryAnalytics.emit(e)}},this.govSiteExplanationText=()=>{var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".gov-site-explanation-text");if(t){const e=instance.t("gov-site-explanation",{tld:this.tld});e&&(t.innerHTML=e.replace(`.${this.tld}`,`<strong>.${this.tld}</strong>`))}},this.govSiteLockText=()=>{var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector(".gov-site-lock-text");let a=instance.t("gov-site-lock",{image:"SVG",tld:this.tld});a=a.replace("SVG",'( <span class="icon-lock"><svg xmlns="http://www.w3.org/2000/svg" width="52" height="64" viewBox="0 0 52 64" role="img" aria-labelledby="banner-lock-description" focusable="false">\n <title id="banner-lock-title">Lock</title>\n <desc id="banner-lock-description">Locked padlock icon</desc>\n <path fill="#000000" fill-rule="evenodd" d="M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"></path>\n </svg></span> )'),a=a.replace("lock","<strong>lock</strong>"),a=a.replace("candado","<strong>candado</strong>"),a=a.replace("https://","<strong>https://</strong>"),t&&(t.innerHTML=a)},this.disableAnalytics=!1,this.tld="gov"}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}componentDidLoad(){this.govSiteExplanationText(),this.govSiteLockText()}render(){const{tld:e}=this;if("gov"===e||"mil"===e)return h(Host,{key:"9ce7d447f14f9ea5b817dd02f7083b86ef987353"},h("div",{key:"00f7b7bd636ac75210c462ab9c9e46b40f341b99",class:"banner"},h("div",{key:"38e74e21cc6ae23e2868d49f764eb743beb6182b",class:"accordion"},h("div",{key:"81d49c466694a2fd56aadfc9cbacb433dc62e722",id:"header"},h("div",{key:"0a6b362e673e6567c5ddce96818064c572498e9c",class:"inner"},h("div",{key:"e50568f296c831d43b1c24a496d0be9da5cf01b1",class:"grid-col-auto"},h("img",{key:"ce75b379247036f508db33bfcbd6914d4cc89562",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:"4bc2926b4b74d1e385f2b974dad554cb121fa922",class:"grid-col-fill","aria-hidden":"true"},h("p",{key:"3624e2328b2da639a28f1e29e70b4d58365d856d",class:"header-text"},instance.t("gov-site-label")),h("p",{key:"cb43b810a4a217d6e0feb839189bdf49dc9fc2cb",class:"header-action"},instance.t("gov-site-button"))),h("button",{key:"d9ae6b90613a9fe7b64281f3796f2daef28220ba",onClick:this.handleClick,type:"button","aria-expanded":"false","aria-controls":"official-gov-banner"},h("span",{key:"5672757e77f345c8423eae98013f7d12cf4bb083",class:"button-text"},instance.t("gov-site-button"))))),h("div",{key:"acf79d5464aec0babea5d3dfdd21ef80b412e552",class:"content",id:"official-gov-banner",hidden:!0},h("div",{key:"651f5b85c281250c57d28a14c6f5c39f344ec971",class:"grid-row"},h("div",{key:"84d095f74752857919aa172c4259d3e6fb18aac3",class:"col"},h("img",{key:"1c36e862d22ddfc3dff5c0ad0dd33168abfd537c",src:iconHttpsSvg,role:"presentation",alt:""}),h("div",{key:"8099c180696aeb189a97529adb7625048bf185eb",class:"media-block"},h("p",{key:"dc6f300d1b8d288251c02d55e9bb2a39b3bbdfb5"},h("strong",{key:"a97b51eba3d9193cfc9e24bb5e7976bf7e6903d1"},instance.t("gov-site-website",{tld:e})),h("br",{key:"1b2e2d4e031ecb4940c6adf2bf49e89fc3224366"}),h("span",{key:"b69a1f33a14e6660e64fee6613dca8d65f2abd87",class:"gov-site-explanation-text"},this.govSiteExplanationText())))),h("div",{key:"54936b65424af1c82913b395d18142e1f2bb4b50",class:"col"},h("img",{key:"daa9beb74ee869e09b2792bca992c316178e4f5f",src:iconDotGovSvg,role:"presentation",alt:""}),h("div",{key:"0162813201de6f6923b7deb162a5ee6df244186b",class:"media-block"},h("p",{key:"aa2dd0904d18fd3f3853f03299057f1b4c31fb78"},h("strong",{key:"afe7486681f5f14995f7182f452937e84456fb61"},instance.t("gov-site-https",{tld:e})),h("br",{key:"4213af3664c462b9e62ddc953187773be869f11c"}),h("span",{key:"db19e8d579eb7f11532c27cdbf4a85c8226e5074",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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{p as proxyCustomElement,H,c as createEvent,f as forceUpdate,h,F as Fragment,d as Host}from"./p-0bd33282.js";import{c as classnames}from"./p-2bacc556.js";import"./p-51fd3760.js";import"./p-7f18a9c3.js";import{i as instance}from"./p-703b9866.js";const vaCheckboxCss='@charset "UTF-8";.usa-hint,.usa-checkbox__label{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-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-checkbox{background:white}.usa-checkbox__label{color:#1b1b1b}.usa-checkbox__label::before{background:white;-webkit-box-shadow:0 0 0 2px #1b1b1b;box-shadow:0 0 0 2px #1b1b1b}@media (forced-colors: active){.usa-checkbox__label::before{outline:2px solid transparent;outline-offset:2px}}.usa-checkbox__input:checked+[class*=__label]::before{background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2}.usa-checkbox__input:disabled+[class*=__label],.usa-checkbox__input[aria-disabled=true]+[class*=__label]{color:#757575;cursor:not-allowed}@media (forced-colors: active){.usa-checkbox__input:disabled+[class*=__label],.usa-checkbox__input[aria-disabled=true]+[class*=__label]{color:GrayText}}.usa-checkbox__input:disabled+[class*=__label]::before,.usa-checkbox__input[aria-disabled=true]+[class*=__label]::before{background-color:white;-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-checkbox__input--tile+[class*=__label]{background-color:white;border:2px solid #c9c9c9;color:#1b1b1b}.usa-checkbox__input--tile:checked+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-checkbox__input--tile:checked+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-checkbox__input--tile:disabled+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-checkbox__input--tile:disabled:checked+[class*=__label],.usa-checkbox__input--tile:disabled:indeterminate+[class*=__label],.usa-checkbox__input--tile:disabled[data-indeterminate]+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]:checked+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true]:indeterminate+[class*=__label],.usa-checkbox__input--tile[aria-disabled=true][data-indeterminate]+[class*=__label]{background-color:white}.usa-checkbox__input:indeterminate+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_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 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 26.3.1%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_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 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8c0.8%2C0.8%2C1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-color:#005ea2;-webkit-box-shadow:0 0 0 2px #005ea2;box-shadow:0 0 0 2px #005ea2;background-position:center center;background-size:0.75rem auto}@media (forced-colors: active){.usa-checkbox__input:indeterminate+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 28.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_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 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8s1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22utf-8%22%3F%3E%3C!-- Generator%3A Adobe Illustrator 28.0.0%2C SVG Export Plug-In . SVG Version%3A 6.00 Build 0) --%3E%3Csvg version%3D%221.1%22 id%3D%22Layer_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 x%3D%220px%22 y%3D%220px%22%09 viewBox%3D%220 0 64 64%22 style%3D%22enable-background%3Anew 0 0 64 64%3B%22 xml%3Aspace%3D%22preserve%22%3E%3Cstyle type%3D%22text%2Fcss%22%3E%09.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cpath class%3D%22st0%22 d%3D%22M2.9%2C35.9c0%2C1.1%2C0.4%2C2%2C1.2%2C2.8s1.7%2C1.2%2C2.8%2C1.2h7.9h42.3c1.1%2C0%2C2-0.4%2C2.8-1.2s1.2-1.7%2C1.2-2.8l0%2C0V28%09c0-1.1-0.4-2-1.2-2.8S58.2%2C24%2C57.1%2C24H6.9c-1.1%2C0-2%2C0.4-2.8%2C1.2S2.9%2C26.9%2C2.9%2C28V35.9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-color:SelectedItem}}.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{-webkit-box-shadow:0 0 0 2px #757575;box-shadow:0 0 0 2px #757575}.usa-checkbox__input:indeterminate:disabled+[class*=__label],.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label],.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label],.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]{border-color:#e6e6e6}.usa-checkbox__input--tile:indeterminate+[class*=__label],.usa-checkbox__input--tile[data-indeterminate]+[class*=__label]{background-color:rgba(0, 94, 162, 0.1);border-color:#005ea2}@media (forced-colors: active){.usa-checkbox__input--tile:indeterminate+[class*=__label],.usa-checkbox__input--tile[data-indeterminate]+[class*=__label]{border:ButtonText solid 0.25rem}}.usa-checkbox__input:checked+[class*=__label]::before,.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8%3C%2Ftitle%3E%3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-checkbox__input:checked+[class*=__label]::before,.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before{background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8-alt%3C%2Ftitle%3E%3Cpath fill%3D%22%23171717%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3C%3Fxml version%3D%221.0%22 encoding%3D%22UTF-8%22%3F%3E%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2265%22 height%3D%2250%22 viewBox%3D%220 0 65 50%22%3E%3Ctitle%3Ecorrect8-alt%3C%2Ftitle%3E%3Cpath fill%3D%22%23171717%22 fill-rule%3D%22evenodd%22 d%3D%22M63.268 7.063l-5.616-5.61C56.882.685 55.946.3 54.845.3s-2.038.385-2.808 1.155L24.951 28.552 12.81 16.385c-.77-.77-1.707-1.155-2.808-1.155-1.1 0-2.037.385-2.807 1.154l-5.616 5.61C.81 22.764.425 23.7.425 24.8s.385 2.035 1.155 2.805l14.947 14.93 5.616 5.61c.77.77 1.706 1.154 2.807 1.154s2.038-.384 2.808-1.154l5.616-5.61 29.894-29.86c.77-.77 1.157-1.707 1.157-2.805 0-1.101-.385-2.036-1.156-2.805l-.001-.002z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}}.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{background-color:#757575}@media (forced-colors: active){.usa-checkbox__input:checked:disabled+[class*=__label]::before,.usa-checkbox__input:checked[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input:indeterminate:disabled+[class*=__label]::before,.usa-checkbox__input:indeterminate[aria-disabled=true]+[class*=__label]::before,.usa-checkbox__input[data-indeterminate]:disabled+[class*=__label]::before,.usa-checkbox__input[data-indeterminate][aria-disabled=true]+[class*=__label]::before{background-color:GrayText}}.usa-checkbox__input{position:absolute;left:-999em;right:auto}.usa-checkbox__input:focus+[class*=__label]::before{outline:0.25rem solid #2491ff;outline-offset:0.25rem}.usa-checkbox__input--tile+[class*=__label]{border-radius:0.25rem;margin-top:0.5rem;padding:0.75rem 1rem 0.75rem 2.5rem}.usa-checkbox__input--tile+[class*=__label]::before{left:0.5rem}.usa-checkbox__input:checked+[class*=__label]::before{background-position:center center;background-size:0.75rem auto}@media print{.usa-checkbox__input:checked+[class*=__label]::before{background-image:none;background-color:white;content:"✔";text-align:center}}@media (forced-colors: active){.usa-checkbox__input:checked+[class*=__label]::before{background-color:SelectedItem}}.usa-checkbox__label{cursor:pointer;display:inherit;font-weight:normal;margin-top:0.75rem;padding-left:2rem;position:relative}.usa-checkbox__label::before{content:" ";display:block;left:0;margin-left:2px;margin-top:0.064rem;position:absolute}.usa-checkbox__label::before{height:1.25rem;width:1.25rem;border-radius:2px}.usa-checkbox__label-description{display:block;font-size:0.93rem;margin-top:0.5rem}.usa-legend{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-legend--large{font-size:2.13rem;font-weight:700;margin-top:1rem}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""]):not([uswds=false])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""]):not([uswds=false])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""]):not([uswds=false])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""]):not([uswds=false])){margin-left:-0.9rem}:host([error]:not([error=""]):not([uswds=false])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""]):not([uswds=false])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block}.usa-checkbox{max-width:320px;background:transparent}.usa-checkbox__input:focus+[class*=__label]::before{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:4px}',VaCheckboxStyle0=vaCheckboxCss,VaCheckbox=proxyCustomElement(class extends H{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaChange=createEvent(this,"vaChange",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.fireAnalyticsEvent=()=>{var e;const a=this.description||[...null===(e=this.el.shadowRoot.querySelector('slot[name="description"]'))||void 0===e?void 0:e.assignedNodes(),...Array.from(this.el.shadowRoot.querySelectorAll('[slot="description"]'))].map((e=>e.textContent)).join(" ");this.componentLibraryAnalytics.emit({componentName:"va-checkbox",action:"change",details:{label:this.label,description:a,required:this.required,checked:this.checked}})},this.handleChange=e=>{this.checked=e.target.checked,this.vaChange.emit({checked:this.checked}),this.enableAnalytics&&this.fireAnalyticsEvent()},this.label=void 0,this.error=void 0,this.description=void 0,this.required=!1,this.enableAnalytics=!1,this.checked=!1,this.hint=void 0,this.tile=!1,this.checkboxDescription=void 0,this.disabled=!1,this.messageAriaDescribedby=void 0,this.name=void 0}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{error:e,label:a,required:t,description:s,checked:l,hint:i,tile:r,checkboxDescription:o,disabled:c,messageAriaDescribedby:n,name:d}=this,b=s||!!this.el.querySelector('[slot="description"]'),u=classnames({"usa-checkbox__input":!0,"usa-checkbox__input--tile":r}),_=classnames({"usa-legend":!0,"usa-label--error":e}),p=[n?"input-message":"",e?"checkbox-error-message":"",b?"description":""].filter(Boolean).join(" ").trim()||null;return h(Host,{key:"c4c929a369a870ae8f67aef9140b18808010b44a"},s?h("legend",{id:"description",class:_},s):h("slot",{name:"description"}),i&&h("span",{key:"8342ebe25351c5d7b66cbc00fcd526bc68a0853e",class:"usa-hint"},i),h("span",{key:"ecf8ec7257d89b2a4d95d65d15720004be871ee4",id:"checkbox-error-message",role:"alert"},e&&h(Fragment,{key:"00bf09a10a650f5e3c9ce1383d7b0a70a60711c7"},h("span",{key:"ff74bbf499a0bc5559498dc5639a06d0a8781fac",class:"usa-sr-only"},instance.t("error")),h("span",{key:"33a5b3c20da4d558d9758f4c73a6514273de5cc6",class:"usa-error-message"},e))),h("div",{key:"5d3bc9e18656cb02925ff7deaa437f12b58de4b5",class:"usa-checkbox",part:"checkbox"},h("input",{key:"d7daae5748ef2dd9b8059e62b93bec8c191948be",class:u,type:"checkbox",name:d||null,id:"checkbox-element",checked:l,"aria-describedby":p,"aria-invalid":e?"true":"false",disabled:c,onChange:this.handleChange}),h("label",{key:"045fd10f84f8120fdc75070405ae681b1e756688",htmlFor:"checkbox-element",id:"option-label",class:"usa-checkbox__label",part:"label"},a," ",t&&h("span",{key:"f1272e9f0574067293432ec75e8e6c928c315a45",class:"usa-label--required"},instance.t("required")),o&&h("span",{key:"02a741dfeffee5d2999141a630e15ad94dc761e9",class:"usa-checkbox__label-description","aria-describedby":"option-label",part:"description"},o)),n&&h("span",{key:"0cc312259e5f752c32e78cbeb88de723cce49dba",id:"input-message",class:"usa-sr-only dd-privacy-hidden"},n)))}get el(){return this}static get style(){return VaCheckboxStyle0}},[1,"va-checkbox",{label:[1],error:[513],description:[1],required:[4],enableAnalytics:[4,"enable-analytics"],checked:[1028],hint:[1],tile:[4],checkboxDescription:[1,"checkbox-description"],disabled:[4],messageAriaDescribedby:[1,"message-aria-describedby"],name:[1]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-checkbox"].forEach((e=>{"va-checkbox"===e&&(customElements.get(e)||customElements.define(e,VaCheckbox))}))}export{VaCheckbox as V,defineCustomElement as d};
|
|
@@ -282,11 +282,11 @@ export namespace Components {
|
|
|
282
282
|
*/
|
|
283
283
|
"secondary"?: boolean;
|
|
284
284
|
/**
|
|
285
|
-
* Having this attribute present will set the type
|
|
285
|
+
* Having this attribute present will set the [button type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit) to `submit`. The va-button component must be within a `form` element. **Prop options:** `prevent` will trigger the onsubmit callback on the form, but won't submit the form. `skip` will submit the form but not trigger the form onsubmit callback. All other values will trigger the onsubmit and onclick callbacks, then submit the form, in that order.
|
|
286
286
|
*/
|
|
287
287
|
"submit"?: string;
|
|
288
288
|
/**
|
|
289
|
-
* The text displayed on the button.
|
|
289
|
+
* The text displayed on the button.
|
|
290
290
|
*/
|
|
291
291
|
"text"?: string;
|
|
292
292
|
}
|
|
@@ -339,7 +339,7 @@ export namespace Components {
|
|
|
339
339
|
*/
|
|
340
340
|
"secondaryLabel"?: string;
|
|
341
341
|
/**
|
|
342
|
-
* Having this attribute present will set the type
|
|
342
|
+
* Having this attribute present will set the [button type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit) to `submit`. The va-button component must be within a `form` element. **Prop options:** `prevent` will trigger the onsubmit callback on the form, but won't submit the form. `skip` will submit the form but not trigger the form onsubmit callback. All other values will trigger the onsubmit and onclick callbacks, then submit the form, in that order.
|
|
343
343
|
*/
|
|
344
344
|
"submit"?: string;
|
|
345
345
|
/**
|
|
@@ -3556,11 +3556,11 @@ declare namespace LocalJSX {
|
|
|
3556
3556
|
*/
|
|
3557
3557
|
"secondary"?: boolean;
|
|
3558
3558
|
/**
|
|
3559
|
-
* Having this attribute present will set the type
|
|
3559
|
+
* Having this attribute present will set the [button type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit) to `submit`. The va-button component must be within a `form` element. **Prop options:** `prevent` will trigger the onsubmit callback on the form, but won't submit the form. `skip` will submit the form but not trigger the form onsubmit callback. All other values will trigger the onsubmit and onclick callbacks, then submit the form, in that order.
|
|
3560
3560
|
*/
|
|
3561
3561
|
"submit"?: string;
|
|
3562
3562
|
/**
|
|
3563
|
-
* The text displayed on the button.
|
|
3563
|
+
* The text displayed on the button.
|
|
3564
3564
|
*/
|
|
3565
3565
|
"text"?: string;
|
|
3566
3566
|
}
|
|
@@ -3629,7 +3629,7 @@ declare namespace LocalJSX {
|
|
|
3629
3629
|
*/
|
|
3630
3630
|
"secondaryLabel"?: string;
|
|
3631
3631
|
/**
|
|
3632
|
-
* Having this attribute present will set the type
|
|
3632
|
+
* Having this attribute present will set the [button type](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/submit) to `submit`. The va-button component must be within a `form` element. **Prop options:** `prevent` will trigger the onsubmit callback on the form, but won't submit the form. `skip` will submit the form but not trigger the form onsubmit callback. All other values will trigger the onsubmit and onclick callbacks, then submit the form, in that order.
|
|
3633
3633
|
*/
|
|
3634
3634
|
"submit"?: string;
|
|
3635
3635
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{d as defineCustomElement$3}from"./va-button2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaButtonPairCss='.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}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host va-button::part(button){margin-right:0}@media (max-width: 480px){:host va-button{display:block}.usa-button-group{margin:0 auto;width:100%}}',VaButtonPairStyle0=vaButtonPairCss,VaButtonPair$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.primaryClick=createEvent(this,"primaryClick",7),this.secondaryClick=createEvent(this,"secondaryClick",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handlePrimaryClick=t=>{this.primaryClick.emit(t)},this.handleSecondaryClick=t=>{this.secondaryClick.emit(t)},this.getLeftButtonText=()=>
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{d as defineCustomElement$3}from"./va-button2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaButtonPairCss='.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}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host va-button::part(button){margin-right:0}@media (max-width: 480px){:host va-button{display:block}.usa-button-group{margin:0 auto;width:100%}}',VaButtonPairStyle0=vaButtonPairCss,VaButtonPair$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.primaryClick=createEvent(this,"primaryClick",7),this.secondaryClick=createEvent(this,"secondaryClick",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.handlePrimaryClick=t=>{this.primaryClick.emit(t)},this.handleSecondaryClick=t=>{this.secondaryClick.emit(t)},this.getLeftButtonText=()=>this.leftButtonText?this.leftButtonText:this.continue?"Back":this.update?"Update":"Yes",this.getRightButtonText=()=>this.rightButtonText?this.rightButtonText:this.continue?"Continue":this.update?"Cancel":"No",this.continue=!1,this.disableAnalytics=!1,this.primaryLabel=void 0,this.secondaryLabel=void 0,this.submit=void 0,this.update=!1,this.leftButtonText=void 0,this.rightButtonText=void 0}handleButtonAnalytics(t){var e;if("va-button-pair"!==t.detail.componentName&&(t.stopPropagation(),!this.disableAnalytics)){const o={componentName:"va-button-pair",action:"click",details:Object.assign({type:null,label:null},null===(e=t.detail)||void 0===e?void 0:e.details)};this.componentLibraryAnalytics.emit(o)}}render(){const{continue:t,disableAnalytics:e,handlePrimaryClick:o,handleSecondaryClick:a,primaryLabel:n,secondaryLabel:i,submit:u}=this;return h(Host,null,t?h("ul",{class:"usa-button-group"},h("li",{class:"usa-button-group__item"},h("va-button",{back:!0,"disable-analytics":e,label:i,onClick:a,text:this.getLeftButtonText()})),h("li",{class:"usa-button-group__item"},h("va-button",{continue:!0,"disable-analytics":e,label:n,onClick:o,text:this.getRightButtonText(),submit:u}))):h("ul",{class:"usa-button-group"},h("li",{class:"usa-button-group__item"},h("va-button",{"disable-analytics":e,label:n,onClick:o,text:this.getLeftButtonText(),submit:u})),h("li",{class:"usa-button-group__item"},h("va-button",{"disable-analytics":e,label:i,onClick:a,secondary:!0,text:this.getRightButtonText()}))))}static get style(){return VaButtonPairStyle0}},[1,"va-button-pair",{continue:[4],disableAnalytics:[4,"disable-analytics"],primaryLabel:[1,"primary-label"],secondaryLabel:[1,"secondary-label"],submit:[1],update:[4],leftButtonText:[1,"left-button-text"],rightButtonText:[1,"right-button-text"]},[[0,"component-library-analytics","handleButtonAnalytics"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-button-pair","va-button","va-icon"].forEach((t=>{switch(t){case"va-button-pair":customElements.get(t)||customElements.define(t,VaButtonPair$1);break;case"va-button":customElements.get(t)||defineCustomElement$3();break;case"va-icon":customElements.get(t)||defineCustomElement$2()}}))}const VaButtonPair=VaButtonPair$1,defineCustomElement=defineCustomElement$1;export{VaButtonPair,defineCustomElement};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$1}from"./va-icon2.js";const vaButtonCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}:host{display:inline-block}:host .loading-message{opacity:0.00001;position:absolute;pointer-events:none}:host .loading-icon{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}:host .loading-icon.chromatic:after{-webkit-animation:none;animation:none}@media (prefers-reduced-motion){:host .loading-icon{-webkit-animation:none;animation:none}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host([disabled]:not([disabled=false])) button{pointer-events:none}:host([disabled]:not([disabled=false])){cursor:not-allowed}:host([big]:not([big=false]):is([back],[continue])) .usa-button--big{padding-top:14px}.usa-button.usa-button--outline{background-color:var(--vads-button-color-background-secondary-on-light)}.usa-button.usa-button--outline:hover,.usa-button.usa-button--outline:focus{background-color:var(--vads-button-color-background-secondary-on-light);text-decoration:none}.va-button-primary--alternate{background:var(--vads-color-success-dark)}.va-button-primary--alternate:hover,.va-button-primary--alternate:focus{background-color:var(--vads-button-color-background-primary-alt-active-on-light);text-decoration:none}',VaButtonStyle0=vaButtonCss,VaButton=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.showCompletedMessage=!1,this.handleClick=()=>{if(!this.disableAnalytics){const t={componentName:"va-button",action:"click",details:{type:this.secondary?"secondary":"primary",label:this.getButtonText()}};this.componentLibraryAnalytics.emit(t)}},this.getButtonText=()=>this.continue?"Continue":this.back?"Back":this.loading&&!this.text?"Loading...":this.text,this.back=!1,this.big=!1,this.continue=!1,this.disableAnalytics=!1,this.disabled=!1,this.loading=!1,this.label=void 0,this.primaryAlternate=!1,this.secondary=!1,this.submit=void 0,this.text=void 0,this.messageAriaDescribedby=void 0}announceLoadingChange(t,o){if(o&&!t){let t=this;this.showCompletedMessage=!0,setTimeout((()=>{t.showCompletedMessage=!1}),3e3)}}handleSubmit(){if(void 0===this.submit)return;const t=this.el.closest("form");if(!t)return;const o=new CustomEvent("submit",{bubbles:!0,cancelable:!0,composed:!0});"skip"!==this.submit&&t.dispatchEvent(o),"prevent"!==this.submit&&t.submit()}handleClickOverride(t){if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();this.handleClick(),this.handleSubmit()}render(){const{back:t,continue:o,disabled:a,loading:u,getButtonText:e,label:s,submit:n,secondary:i,primaryAlternate:b,big:r,messageAriaDescribedby:d}=this,l=(d?"button-description":"").trim()||null,c=a||u?"true":void 0,v=e(),f=void 0!==n?"submit":"button",y=classnames({"usa-button":!0,"usa-button--big":r,"usa-button--outline":t||i,"va-button-primary--alternate":b});return h(Host,{key:"4d27684233cf4aa9c79477abfaf96e3251a623ed"},h("span",{key:"e1c4f30fa489181f45df0937c731c5c6f9edc218",class:"loading-message",role:"status"},this.loading?"Loading":this.showCompletedMessage?"Loading complete":null),h("button",{key:"17d47aa3ab88fbbd65138cb3ff7916ba36515538",class:y,"aria-disabled":c,"aria-busy":u?"true":void 0,"aria-label":s,"aria-describedby":l,type:f,part:"button"},t&&!o&&h("va-icon",{key:"e5d198408d149f1539a19b7b314d02f72a42c7ba",icon:"navigate_far_before"}),u?h("va-icon",{class:"loading-icon",icon:"autorenew","aria-hidden":"true"}):null,v,o&&!t&&h("va-icon",{key:"30daf1b19c223e9f99d0341712d7fc3b4d103ca4",icon:"navigate_far_next"})),d&&h("span",{key:"82233f634f2df5820113c1cf3936bcc18ccd62eb",id:"button-description",class:"usa-sr-only"},d))}get el(){return this}static get watchers(){return{loading:["announceLoadingChange"]}}static get style(){return VaButtonStyle0}},[1,"va-button",{back:[516],big:[516],continue:[516],disableAnalytics:[4,"disable-analytics"],disabled:[516],loading:[516],label:[1],primaryAlternate:[4,"primary-alternate"],secondary:[516],submit:[1],text:[1],messageAriaDescribedby:[1,"message-aria-describedby"]},[[0,"click","handleClickOverride"]],{loading:["announceLoadingChange"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-button","va-icon"].forEach((t=>{switch(t){case"va-button":customElements.get(t)||customElements.define(t,VaButton);break;case"va-icon":customElements.get(t)||defineCustomElement$1()}}))}export{VaButton as V,defineCustomElement as d};
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$1}from"./va-icon2.js";const vaButtonCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;color:white;background-color:#005ea2;-webkit-appearance:none;-moz-appearance:none;appearance:none;-ms-flex-align:center;align-items:center;border:0;border-radius:0.25rem;cursor:pointer;-webkit-column-gap:0.5rem;-moz-column-gap:0.5rem;column-gap:0.5rem;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;-ms-flex-pack:center;justify-content:center;margin-right:0.5rem;padding:0.75rem 1.25rem;text-align:center;text-decoration:none;width:100%}@media all and (min-width: 30em){.usa-button{width:auto}}.usa-button:visited{color:white}.usa-button:hover,.usa-button.usa-button--hover{color:white;background-color:#1a4480;border-bottom:0;text-decoration:none}.usa-button:active,.usa-button.usa-button--active{color:white;background-color:#162e51}.usa-button:not([disabled]):focus,.usa-button:not([disabled]).usa-focus{outline-offset:0.25rem}.usa-button:disabled,.usa-button[aria-disabled=true]{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled,.usa-button[aria-disabled=true]{border:0;color:GrayText}.usa-button:disabled:hover,.usa-button:disabled:active,.usa-button:disabled:focus,.usa-button:disabled.usa-focus,.usa-button[aria-disabled=true]:hover,.usa-button[aria-disabled=true]:active,.usa-button[aria-disabled=true]:focus,.usa-button[aria-disabled=true].usa-focus{color:GrayText}}.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{color:#454545;background-color:#c9c9c9;cursor:not-allowed;opacity:1}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:#454545;background-color:#c9c9c9}@media (forced-colors: active){.usa-button:disabled.usa-button--hover,.usa-button:disabled.usa-button--active,.usa-button[aria-disabled=true].usa-button--hover,.usa-button[aria-disabled=true].usa-button--active{border:0;color:GrayText}.usa-button:disabled.usa-button--hover:hover,.usa-button:disabled.usa-button--hover:active,.usa-button:disabled.usa-button--hover:focus,.usa-button:disabled.usa-button--hover.usa-focus,.usa-button:disabled.usa-button--active:hover,.usa-button:disabled.usa-button--active:active,.usa-button:disabled.usa-button--active:focus,.usa-button:disabled.usa-button--active.usa-focus,.usa-button[aria-disabled=true].usa-button--hover:hover,.usa-button[aria-disabled=true].usa-button--hover:active,.usa-button[aria-disabled=true].usa-button--hover:focus,.usa-button[aria-disabled=true].usa-button--hover.usa-focus,.usa-button[aria-disabled=true].usa-button--active:hover,.usa-button[aria-disabled=true].usa-button--active:active,.usa-button[aria-disabled=true].usa-button--active:focus,.usa-button[aria-disabled=true].usa-button--active.usa-focus{color:GrayText}}@media (forced-colors: active){.usa-button:disabled:not(.usa-button--unstyled),.usa-button[aria-disabled=true]:not(.usa-button--unstyled){border:2px solid GrayText}}.usa-button .usa-icon{-ms-flex-negative:0;flex-shrink:0}@media (forced-colors: active){.usa-button:not(.usa-button--unstyled){border:2px solid transparent}}.usa-button--accent-cool{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:visited{color:#1b1b1b;background-color:#00bde3}.usa-button--accent-cool:hover,.usa-button--accent-cool.usa-button--hover{color:#1b1b1b;background-color:#28a0cb}.usa-button--accent-cool:active,.usa-button--accent-cool.usa-button--active{color:white;background-color:#07648d}.usa-button--accent-warm{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:visited{color:#1b1b1b;background-color:#fa9441}.usa-button--accent-warm:hover,.usa-button--accent-warm.usa-button--hover{color:white;background-color:#c05600}.usa-button--accent-warm:active,.usa-button--accent-warm.usa-button--active{color:white;background-color:#775540}.usa-button--outline{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #005ea2;box-shadow:inset 0 0 0 2px #005ea2;color:#005ea2}.usa-button--outline:visited{color:#005ea2}.usa-button--outline:hover,.usa-button--outline.usa-button--hover{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #1a4480;box-shadow:inset 0 0 0 2px #1a4480;color:#1a4480}.usa-button--outline:active,.usa-button--outline.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px #162e51;box-shadow:inset 0 0 0 2px #162e51;color:#162e51}.usa-button--outline.usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #dfe1e2;box-shadow:inset 0 0 0 2px #dfe1e2;color:#dfe1e2}.usa-button--outline.usa-button--inverse:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse:hover,.usa-button--outline.usa-button--inverse.usa-button--hover{-webkit-box-shadow:inset 0 0 0 2px #f0f0f0;box-shadow:inset 0 0 0 2px #f0f0f0;color:#f0f0f0}.usa-button--outline.usa-button--inverse:active,.usa-button--outline.usa-button--inverse.usa-button--active{background-color:transparent;-webkit-box-shadow:inset 0 0 0 2px white;box-shadow:inset 0 0 0 2px white;color:white}.usa-button--outline.usa-button--inverse.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto;color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#54278f}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled.usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true],.usa-button--outline.usa-button--inverse.usa-button--unstyled:disabled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}.usa-button--outline.usa-button--inverse.usa-button--unstyled:visited{color:#dfe1e2}.usa-button--outline.usa-button--inverse.usa-button--unstyled:hover,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--hover{color:#f0f0f0}.usa-button--outline.usa-button--inverse.usa-button--unstyled:active,.usa-button--outline.usa-button--inverse.usa-button--unstyled.usa-button--active{color:white}.usa-button--base{color:white;background-color:#71767a}.usa-button--base:hover,.usa-button--base.usa-button--hover{color:white;background-color:#565c65}.usa-button--base:active,.usa-button--base.usa-button--active{color:white;background-color:#3d4551}.usa-button--secondary{color:white;background-color:#d83933}.usa-button--secondary:hover,.usa-button--secondary.usa-button--hover{color:white;background-color:#b50909}.usa-button--secondary:active,.usa-button--secondary.usa-button--active{color:white;background-color:#8b0a03}.usa-button--big{border-radius:0.25rem;font-size:1.46rem;padding:1rem 1.5rem}.usa-button--outline:disabled,.usa-button--outline:disabled:hover,.usa-button--outline:disabled:active,.usa-button--outline:disabled:focus,.usa-button--outline[aria-disabled=true],.usa-button--outline[aria-disabled=true]:hover,.usa-button--outline[aria-disabled=true]:active,.usa-button--outline[aria-disabled=true]:focus,.usa-button--outline-inverse:disabled,.usa-button--outline-inverse:disabled:hover,.usa-button--outline-inverse:disabled:active,.usa-button--outline-inverse:disabled:focus,.usa-button--outline-inverse[aria-disabled=true],.usa-button--outline-inverse[aria-disabled=true]:hover,.usa-button--outline-inverse[aria-disabled=true]:active,.usa-button--outline-inverse[aria-disabled=true]:focus{background-color:transparent;color:#757575}.usa-button--outline:disabled,.usa-button--outline[aria-disabled=true]{-webkit-box-shadow:inset 0 0 0 2px #c9c9c9;box-shadow:inset 0 0 0 2px #c9c9c9}.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{-webkit-box-shadow:inset 0 0 0 2px #919191;box-shadow:inset 0 0 0 2px #919191;color:#919191}@media (forced-colors: active){.usa-button--outline:disabled.usa-button--inverse,.usa-button--outline[aria-disabled=true].usa-button--inverse{color:GrayText}}.usa-button--unstyled{color:#005ea2;text-decoration:underline;background-color:transparent;border:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;font-weight:normal;-ms-flex-pack:normal;justify-content:normal;text-align:left;margin:0;padding:0;width:auto}.usa-button--unstyled:visited{color:#54278f}.usa-button--unstyled:hover{color:#1a4480}.usa-button--unstyled:active{color:#162e51}.usa-button--unstyled:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-button--unstyled:hover,.usa-button--unstyled.usa-button--hover,.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled:disabled.usa-button--hover,.usa-button--unstyled[aria-disabled=true].usa-button--hover,.usa-button--unstyled:active,.usa-button--unstyled.usa-button--active,.usa-button--unstyled:disabled:active,.usa-button--unstyled[aria-disabled=true]:active,.usa-button--unstyled:disabled.usa-button--active,.usa-button--unstyled[aria-disabled=true].usa-button--active,.usa-button--unstyled:disabled:focus,.usa-button--unstyled[aria-disabled=true]:focus,.usa-button--unstyled:disabled.usa-focus,.usa-button--unstyled[aria-disabled=true].usa-focus,.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-button--unstyled.usa-button--hover{color:#1a4480}.usa-button--unstyled.usa-button--active{color:#162e51}.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-button--unstyled:disabled,.usa-button--unstyled[aria-disabled=true],.usa-button--unstyled:disabled:hover,.usa-button--unstyled[aria-disabled=true]:hover,.usa-button--unstyled[aria-disabled=true]:focus{color:GrayText}}:host{display:inline-block}:host .loading-message{opacity:0.00001;position:absolute;pointer-events:none}:host .loading-icon{-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}:host .loading-icon.chromatic:after{-webkit-animation:none;animation:none}@media (prefers-reduced-motion){:host .loading-icon{-webkit-animation:none;animation:none}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host([disabled]:not([disabled=false])) button{pointer-events:none}:host([disabled]:not([disabled=false])){cursor:not-allowed}:host([big]:not([big=false]):is([back],[continue])) .usa-button--big{padding-top:14px}.usa-button.usa-button--outline{background-color:var(--vads-button-color-background-secondary-on-light)}.usa-button.usa-button--outline:hover,.usa-button.usa-button--outline:focus{background-color:var(--vads-button-color-background-secondary-on-light);text-decoration:none}.va-button-primary--alternate{background:var(--vads-color-success-dark)}.va-button-primary--alternate:hover,.va-button-primary--alternate:focus{background-color:var(--vads-button-color-background-primary-alt-active-on-light);text-decoration:none}',VaButtonStyle0=vaButtonCss,VaButton=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.showCompletedMessage=!1,this.handleClick=()=>{if(!this.disableAnalytics){const t={componentName:"va-button",action:"click",details:{type:this.secondary?"secondary":"primary",label:this.getButtonText()}};this.componentLibraryAnalytics.emit(t)}},this.getButtonText=()=>this.text?this.text:this.continue?"Continue":this.back?"Back":this.loading&&!this.text?"Loading...":void 0,this.back=!1,this.big=!1,this.continue=!1,this.disableAnalytics=!1,this.disabled=!1,this.loading=!1,this.label=void 0,this.primaryAlternate=!1,this.secondary=!1,this.submit=void 0,this.text=void 0,this.messageAriaDescribedby=void 0}announceLoadingChange(t,o){if(o&&!t){let t=this;this.showCompletedMessage=!0,setTimeout((()=>{t.showCompletedMessage=!1}),3e3)}}handleSubmit(){if(void 0===this.submit)return;let t=this.el,o=null;for(;t&&!o;)if(o=t.closest("form"),!o&&t.getRootNode()instanceof ShadowRoot)t=t.getRootNode().host;else if(!o)break;if(!o)return;const e=new CustomEvent("submit",{bubbles:!0,cancelable:!0,composed:!0});"skip"!==this.submit&&o.dispatchEvent(e),"prevent"!==this.submit&&o.submit()}handleClickOverride(t){if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();this.handleClick(),this.handleSubmit()}render(){const{back:t,continue:o,disabled:e,loading:a,getButtonText:u,label:s,submit:n,secondary:i,primaryAlternate:b,big:r,messageAriaDescribedby:d}=this,l=(d?"button-description":"").trim()||null,c=e||a?"true":void 0,v=u(),f=void 0!==n?"submit":"button",y=classnames({"usa-button":!0,"usa-button--big":r,"usa-button--outline":t||i,"va-button-primary--alternate":b});return h(Host,{key:"1b740234b823535d9ed4eb2b045279496cbf91a6"},h("span",{key:"a90f57dc3e52d6bd3fa8d22f6357e778615d165d",class:"loading-message",role:"status"},this.loading?"Loading":this.showCompletedMessage?"Loading complete":null),h("button",{key:"fe686c61b77ca542fa40f10934b77ba65ea10c00",class:y,"aria-disabled":c,"aria-busy":a?"true":void 0,"aria-label":s,"aria-describedby":l,type:f,part:"button"},t&&!o&&h("va-icon",{key:"dd395dcd8cdc2396700dfc12feeb410af72ada18",icon:"navigate_far_before"}),a?h("va-icon",{class:"loading-icon",icon:"autorenew","aria-hidden":"true"}):null,v,o&&!t&&h("va-icon",{key:"1e0c1dcdb9ba7be8b432a4878873d4b2d6768cfd",icon:"navigate_far_next"})),d&&h("span",{key:"b9915eb463451fd72da10de454be223758455747",id:"button-description",class:"usa-sr-only"},d))}get el(){return this}static get watchers(){return{loading:["announceLoadingChange"]}}static get style(){return VaButtonStyle0}},[1,"va-button",{back:[516],big:[516],continue:[516],disableAnalytics:[4,"disable-analytics"],disabled:[516],loading:[516],label:[1],primaryAlternate:[4,"primary-alternate"],secondary:[516],submit:[1],text:[1],messageAriaDescribedby:[1,"message-aria-describedby"]},[[0,"click","handleClickOverride"]],{loading:["announceLoadingChange"]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-button","va-icon"].forEach((t=>{switch(t){case"va-button":customElements.get(t)||customElements.define(t,VaButton);break;case"va-icon":customElements.get(t)||defineCustomElement$1()}}))}export{VaButton as V,defineCustomElement as d};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";const vaLanguageToggleCss=":host div{display:inline-block}:host div div.inner-div{border-right:1px solid var(--vads-color-base-light);padding-right:8px;margin-right:8px}:host div va-link{color:var(--vads-color-link);padding-bottom:2px;border-bottom:1px solid var(--vads-color-link)}:host div va-link::part(anchor){text-decoration:none}
|
|
1
|
+
import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";const vaLanguageToggleCss=":host div{display:inline-block;font-size:1.2em}:host div div.inner-div{border-right:1px solid var(--vads-color-base-light);padding-right:8px;margin-right:8px}:host div a.is-current-lang{font-weight:var(--font-weight-bold);color:var(--vads-color-black);text-decoration:none}:host div a.is-current-lang:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}:host div va-link{color:var(--vads-color-link);padding-bottom:2px;border-bottom:1px solid var(--vads-color-link)}:host div va-link::part(anchor){text-decoration:none}",VaLanguageToggleStyle0=vaLanguageToggleCss,VaLanguageToggle$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.vaLanguageToggle=createEvent(this,"vaLanguageToggle",7),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.language="en",this.enHref=void 0,this.esHref=void 0,this.tlHref=void 0,this.urls=void 0,this.routerLinks=!1}getUrl(e){const t=new URL(window.location.href);return t.searchParams.set("lang",e),t.href}handleToggle(e,t,a){this.routerLinks&&(e.preventDefault(),window.history.replaceState(null,null,this.getUrl(t)),this.language=t),this.vaLanguageToggle.emit({language:t});const n={componentName:"va-language-toggle",action:"linkClick",details:{"pipe-delimited-list-header":t,label:a}};this.componentLibraryAnalytics.emit(n)}componentWillLoad(){this.urls=[{label:"English",lang:"en",href:this.enHref}],this.esHref&&(this.urls=[...this.urls,{label:"Español",lang:"es",href:this.esHref}]),this.tlHref&&(this.urls=[...this.urls,{label:"Tagalog",lang:"tl",href:this.tlHref}])}render(){const{language:e,urls:t}=this;return h(Host,{key:"d5131a0ff95d1ceb34493800f5a00f5f45b9176d"},h("div",{key:"465b5c504fe45e92e854d72622c57062477622d5",role:"group","aria-label":"Language selection"},t.map((({href:a,lang:n,label:l},s)=>{const o=classnames({"is-current-lang":n===e}),i=classnames({"inner-div":s<t.length-1});return h("div",{class:i},n===e?h("a",{class:o,href:a,hrefLang:n,onClick:e=>this.handleToggle(e,n,l),"aria-current":"language"},l):h("va-link",{class:o,href:a,language:n,onClick:e=>this.handleToggle(e,n,l),text:l,disableAnalytics:!0}))}))))}static get style(){return VaLanguageToggleStyle0}},[1,"va-language-toggle",{language:[1025],enHref:[1,"en-href"],esHref:[1,"es-href"],tlHref:[1,"tl-href"],routerLinks:[4,"router-links"],urls:[32]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-language-toggle","va-icon","va-link"].forEach((e=>{switch(e){case"va-language-toggle":customElements.get(e)||customElements.define(e,VaLanguageToggle$1);break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}}))}const VaLanguageToggle=VaLanguageToggle$1,defineCustomElement=defineCustomElement$1;export{VaLanguageToggle,defineCustomElement};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Components, JSX } from "../types/components";
|
|
2
|
+
|
|
3
|
+
interface VaNumberInput extends Components.VaNumberInput, HTMLElement {}
|
|
4
|
+
export const VaNumberInput: {
|
|
5
|
+
prototype: VaNumberInput;
|
|
6
|
+
new (): VaNumberInput;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Used to define this component and all nested components recursively.
|
|
10
|
+
*/
|
|
11
|
+
export const defineCustomElement: () => void;
|