@department-of-veterans-affairs/component-library 48.2.0 → 48.4.0

package/dist/components/types/components.d.ts

@@ -113,6 +113,7 @@ export namespace Components {
     }
     /**
      * @componentName Alert - expandable
+     * @guidanceHref alert/alert-expandable
      * @maturityCategory caution
      * @maturityLevel candidate
      */
@@ -135,7 +136,8 @@ export namespace Components {
         "trigger": string;
     }
     /**
-     * @componentName Alert - Sign In
+     * @componentName Alert - Sign-in
+     * @guidanceHref alert/alert-sign-in
      * @maturityCategory caution
      * @maturityLevel candidate
      */
@@ -261,6 +263,10 @@ export namespace Components {
           * The aria-label of the component.
          */
         "label"?: string;
+        /**
+          * If `true`, the button will appear disabled, a loading icon will show next to the text, and the click event will not fire.
+         */
+        "loading"?: boolean;
         /**
           * An optional message that will be read by screen readers when the input is focused.
          */
@@ -1583,6 +1589,10 @@ export namespace Components {
           * Convert to a stacked table when screen size is small True by default, must specify if false if this is unwanted
          */
         "stacked"?: boolean;
+        /**
+          * When active, the table will display alternating row background colors.
+         */
+        "striped": boolean;
         /**
           * The title of the table
          */
@@ -1615,6 +1625,10 @@ export namespace Components {
           * If true convert to a stacked table when screen size is small
          */
         "stacked"?: boolean;
+        /**
+          * When active, the table will display alternating row background colors.
+         */
+        "striped": boolean;
         /**
           * The title of the table
          */
@@ -2048,6 +2062,7 @@ export interface VaTextareaCustomEvent<T> extends CustomEvent<T> {
 declare global {
     interface HTMLVaAccordionElementEventMap {
         "component-library-analytics": any;
+        "accordionExpandCollapseAll": any;
     }
     /**
      * @componentName Accordion
@@ -2140,6 +2155,7 @@ declare global {
     }
     /**
      * @componentName Alert - expandable
+     * @guidanceHref alert/alert-expandable
      * @maturityCategory caution
      * @maturityLevel candidate
      */
@@ -2158,7 +2174,8 @@ declare global {
         new (): HTMLVaAlertExpandableElement;
     };
     /**
-     * @componentName Alert - Sign In
+     * @componentName Alert - Sign-in
+     * @guidanceHref alert/alert-sign-in
      * @maturityCategory caution
      * @maturityLevel candidate
      */
@@ -3210,6 +3227,10 @@ declare namespace LocalJSX {
           * If `true`, doesn't fire the CustomEvent which can be used for analytics tracking.
          */
         "disableAnalytics"?: boolean;
+        /**
+          * The event will fire when the Expand/Collapse All button is clicked. It will emit the status of the accordion items as either "allOpen" or "allClosed".
+         */
+        "onAccordionExpandCollapseAll"?: (event: VaAccordionCustomEvent<any>) => void;
         /**
           * The event used to track usage of the component. This is emitted when an accordion item is toggled and disableAnalytics is not true.
          */
@@ -3325,6 +3346,7 @@ declare namespace LocalJSX {
     }
     /**
      * @componentName Alert - expandable
+     * @guidanceHref alert/alert-expandable
      * @maturityCategory caution
      * @maturityLevel candidate
      */
@@ -3351,7 +3373,8 @@ declare namespace LocalJSX {
         "trigger": string;
     }
     /**
-     * @componentName Alert - Sign In
+     * @componentName Alert - Sign-in
+     * @guidanceHref alert/alert-sign-in
      * @maturityCategory caution
      * @maturityLevel candidate
      */
@@ -3489,6 +3512,10 @@ declare namespace LocalJSX {
           * The aria-label of the component.
          */
         "label"?: string;
+        /**
+          * If `true`, the button will appear disabled, a loading icon will show next to the text, and the click event will not fire.
+         */
+        "loading"?: boolean;
         /**
           * An optional message that will be read by screen readers when the input is focused.
          */
@@ -5012,6 +5039,10 @@ declare namespace LocalJSX {
           * Convert to a stacked table when screen size is small True by default, must specify if false if this is unwanted
          */
         "stacked"?: boolean;
+        /**
+          * When active, the table will display alternating row background colors.
+         */
+        "striped"?: boolean;
         /**
           * The title of the table
          */
@@ -5048,6 +5079,10 @@ declare namespace LocalJSX {
           * If true convert to a stacked table when screen size is small
          */
         "stacked"?: boolean;
+        /**
+          * When active, the table will display alternating row background colors.
+         */
+        "striped"?: boolean;
         /**
           * The title of the table
          */
@@ -5415,12 +5450,14 @@ declare module "@stencil/core" {
             "va-alert": LocalJSX.VaAlert & JSXBase.HTMLAttributes<HTMLVaAlertElement>;
             /**
              * @componentName Alert - expandable
+             * @guidanceHref alert/alert-expandable
              * @maturityCategory caution
              * @maturityLevel candidate
              */
             "va-alert-expandable": LocalJSX.VaAlertExpandable & JSXBase.HTMLAttributes<HTMLVaAlertExpandableElement>;
             /**
-             * @componentName Alert - Sign In
+             * @componentName Alert - Sign-in
+             * @guidanceHref alert/alert-sign-in
              * @maturityCategory caution
              * @maturityLevel candidate
              */

package/dist/components/va-accordion.js

@@ -1 +1 @@
-import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host}from"@stencil/core/internal/client";import{g as getSlottedNodes}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{c as classnames}from"./index2.js";import{i as instance}from"./i18next.js";const vaAccordionCss='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-accordion{margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;color:#1b1b1b;margin:0;padding:0;width:100%;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-accordion>li{margin-bottom:0;max-width:unset}.usa-accordion>ul li ul{list-style:disc}.usa-accordion>ul li ul>li>ul{list-style:circle}.usa-accordion>ul li ul>li>ul>li>ul{list-style:square}.usa-accordion+.usa-accordion,.usa-accordion+.usa-accordion--bordered{margin-top:0.5rem}.usa-accordion--bordered .usa-accordion__content{border-bottom:0.25rem solid #f0f0f0;border-left:0.25rem solid #f0f0f0;border-right:0.25rem solid #f0f0f0;padding-bottom:1rem}.usa-accordion--bordered .usa-accordion__heading{margin-bottom:0}.usa-accordion__heading,.usa-prose .usa-accordion__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;margin:0}.usa-accordion__heading:not(:first-child),.usa-prose .usa-accordion__heading:not(:first-child){margin-top:0.5rem}.usa-accordion__content{color:#1b1b1b;background-color:white;margin-top:0;overflow:auto;padding:1rem 1.25rem calc(1rem - 0.25rem) 1.25rem}.usa-accordion__content>*:first-child{margin-top:0}.usa-accordion__content>*:last-child{margin-bottom:0}.usa-accordion__button{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:#1b1b1b;background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1.5rem;cursor:pointer;display:inline-block;font-weight:700;margin:0;padding:1rem 3.5rem 1rem 1.25rem;text-decoration:none;width:100%}.usa-accordion__button:visited{color:#54278f}.usa-accordion__button:hover{color:#1a4480}.usa-accordion__button:active{color:#162e51}.usa-accordion__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-accordion__button:hover,.usa-accordion__button.usa-button--hover,.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button:disabled.usa-button--hover,.usa-accordion__button[aria-disabled=true].usa-button--hover,.usa-accordion__button:active,.usa-accordion__button.usa-button--active,.usa-accordion__button:disabled:active,.usa-accordion__button[aria-disabled=true]:active,.usa-accordion__button:disabled.usa-button--active,.usa-accordion__button[aria-disabled=true].usa-button--active,.usa-accordion__button:disabled:focus,.usa-accordion__button[aria-disabled=true]:focus,.usa-accordion__button:disabled.usa-focus,.usa-accordion__button[aria-disabled=true].usa-focus,.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-accordion__button.usa-button--hover{color:#1a4480}.usa-accordion__button.usa-button--active{color:#162e51}.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:GrayText}}.usa-accordion__button:hover{color:#1b1b1b;background-color:#dfe1e2;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;text-decoration:none}@media (forced-colors: active){.usa-accordion__button{border:2px solid transparent;position:relative}.usa-accordion__button::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0;content:""}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}.usa-accordion__button[aria-expanded=false]{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:1.5rem}.usa-accordion__button[aria-expanded=false]:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-accordion__button[aria-expanded=false]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button[aria-expanded=false]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}button.va-accordion__button{border:none;color:var(--vads-color-link);background:transparent;padding:0.625rem;cursor:pointer;font-family:inherit;font-weight:bold;float:right}@media print{button.va-accordion__button{display:none}}',VaAccordionStyle0=vaAccordionCss;Build.isTesting&&instance.init({lng:"cimode"});const VaAccordion$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.expandCollapseAll=t=>{this.expanded=t,getSlottedNodes(this.el,"va-accordion-item").forEach((e=>{e.setAttribute("open",`${t}`)}))},this.expanded=!1,this.openSingle=!1,this.disableAnalytics=!1,this.sectionHeading=null}itemToggledHandler(t){var e;const a=t.target.closest("va-accordion-item"),o=a.querySelector('[slot="headline"]');let n,i;o?(n=null==o?void 0:o.innerHTML,i=parseInt(null===(e=null==o?void 0:o.tagName)||void 0===e?void 0:e.toLowerCase().split("")[1])):(n=a.header,i=a.level),this.openSingle&&getSlottedNodes(this.el,"va-accordion-item").filter((t=>t!==a)).forEach((t=>t.setAttribute("open","false")));const r="true"===a.getAttribute("open");if(!this.disableAnalytics){const t={componentName:"va-accordion",action:r?"collapse":"expand",details:{header:n||a.header,subheader:a.subheader,level:i||a.level,sectionHeading:this.sectionHeading}};this.componentLibraryAnalytics.emit(t)}a.setAttribute("open",r?"false":"true"),this.isScrolledIntoView(a)||a.scrollIntoView(),this.accordionsOpened()}accordionsOpened(t="every"){const e=[...this.el.children].filter((t=>"va-accordion-item"===t.tagName.toLowerCase())).map((t=>t.open));return e[t]((t=>!0===t))?this.expanded=!0:e[t]((t=>!1===t))?this.expanded=!1:void 0}isScrolledIntoView(t){const e=null==t?void 0:t.getBoundingClientRect().top;return!(!e&&0!==e)&&e>=0&&e<=window.innerHeight}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}componentWillLoad(){this.accordionsOpened("some")}render(){const{openSingle:t}=this,e=classnames({"usa-accordion":!0});return h(Host,{key:"21037ac69d236b1d987217b743b429f76f726e39"},h("div",{key:"4d8e90387d0e1fa0f0d75e6dace9c82c1706dd15",class:e,ref:t=>this.accordionContainer=t},t?null:h("button",{"aria-expanded":`${this.expanded}`,class:"va-accordion__button","data-testid":"expand-all-accordions",ref:t=>this.expandCollapseBtn=t,onClick:()=>this.expandCollapseAll(!this.expanded),"aria-label":this.expanded?instance.t("collapse-all-aria-label"):instance.t("expand-all-aria-label")},this.expanded?`${instance.t("collapse-all")} -`:`${instance.t("expand-all")} +`),h("slot",{key:"40517a207a09772ff74255c77a88ee0af591cc7e"})))}get el(){return this}static get style(){return VaAccordionStyle0}},[1,"va-accordion",{openSingle:[4,"open-single"],disableAnalytics:[4,"disable-analytics"],sectionHeading:[1,"section-heading"],expanded:[32]},[[0,"accordionItemToggled","itemToggledHandler"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-accordion"].forEach((t=>{"va-accordion"===t&&(customElements.get(t)||customElements.define(t,VaAccordion$1))}))}const VaAccordion=VaAccordion$1,defineCustomElement=defineCustomElement$1;export{VaAccordion,defineCustomElement};
+import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Host}from"@stencil/core/internal/client";import{g as getSlottedNodes}from"./utils.js";import"./i18n-setup.js";import"./contacts.js";import{c as classnames}from"./index2.js";import{i as instance}from"./i18next.js";const vaAccordionCss='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-accordion{margin-bottom:0;margin-top:0;list-style-type:none;padding-left:0;color:#1b1b1b;margin:0;padding:0;width:100%;font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-accordion>li{margin-bottom:0;max-width:unset}.usa-accordion>ul li ul{list-style:disc}.usa-accordion>ul li ul>li>ul{list-style:circle}.usa-accordion>ul li ul>li>ul>li>ul{list-style:square}.usa-accordion+.usa-accordion,.usa-accordion+.usa-accordion--bordered{margin-top:0.5rem}.usa-accordion--bordered .usa-accordion__content{border-bottom:0.25rem solid #f0f0f0;border-left:0.25rem solid #f0f0f0;border-right:0.25rem solid #f0f0f0;padding-bottom:1rem}.usa-accordion--bordered .usa-accordion__heading{margin-bottom:0}.usa-accordion__heading,.usa-prose .usa-accordion__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:0.9;margin:0}.usa-accordion__heading:not(:first-child),.usa-prose .usa-accordion__heading:not(:first-child){margin-top:0.5rem}.usa-accordion__content{color:#1b1b1b;background-color:white;margin-top:0;overflow:auto;padding:1rem 1.25rem calc(1rem - 0.25rem) 1.25rem}.usa-accordion__content>*:first-child{margin-top:0}.usa-accordion__content>*:last-child{margin-bottom:0}.usa-accordion__button{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:#1b1b1b;background-color:#f0f0f0;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-position:right 1.25rem center;background-size:1.5rem;cursor:pointer;display:inline-block;font-weight:700;margin:0;padding:1rem 3.5rem 1rem 1.25rem;text-decoration:none;width:100%}.usa-accordion__button:visited{color:#54278f}.usa-accordion__button:hover{color:#1a4480}.usa-accordion__button:active{color:#162e51}.usa-accordion__button:focus{outline:0.25rem solid #2491ff;outline-offset:0rem}.usa-accordion__button:hover,.usa-accordion__button.usa-button--hover,.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button:disabled.usa-button--hover,.usa-accordion__button[aria-disabled=true].usa-button--hover,.usa-accordion__button:active,.usa-accordion__button.usa-button--active,.usa-accordion__button:disabled:active,.usa-accordion__button[aria-disabled=true]:active,.usa-accordion__button:disabled.usa-button--active,.usa-accordion__button[aria-disabled=true].usa-button--active,.usa-accordion__button:disabled:focus,.usa-accordion__button[aria-disabled=true]:focus,.usa-accordion__button:disabled.usa-focus,.usa-accordion__button[aria-disabled=true].usa-focus,.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button.usa-button--disabled{background-color:transparent;-webkit-box-shadow:none;box-shadow:none;text-decoration:underline}.usa-accordion__button.usa-button--hover{color:#1a4480}.usa-accordion__button.usa-button--active{color:#162e51}.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:#757575}@media (forced-colors: active){.usa-accordion__button:disabled,.usa-accordion__button[aria-disabled=true],.usa-accordion__button:disabled:hover,.usa-accordion__button[aria-disabled=true]:hover,.usa-accordion__button[aria-disabled=true]:focus{color:GrayText}}.usa-accordion__button:hover{color:#1b1b1b;background-color:#dfe1e2;background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;text-decoration:none}@media (forced-colors: active){.usa-accordion__button{border:2px solid transparent;position:relative}.usa-accordion__button::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0;content:""}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13H5v-2h14v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}.usa-accordion__button[aria-expanded=false]{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat;background-size:1.5rem}.usa-accordion__button[aria-expanded=false]:hover{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);background-repeat:no-repeat}@media (forced-colors: active){.usa-accordion__button[aria-expanded=false]::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:1.5rem 1.5rem;display:inline-block;height:1.5rem;width:1.5rem;height:100%;position:absolute;right:1.25rem;top:0}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-accordion__button[aria-expanded=false]::before{background:none;background-color:ButtonText;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:1.5rem 1.5rem;mask-size:1.5rem 1.5rem}}}button.va-accordion__button{border:none;color:var(--vads-color-link);background:transparent;padding:0.625rem;cursor:pointer;font-family:inherit;font-weight:bold;float:right}@media print{button.va-accordion__button{display:none}}',VaAccordionStyle0=vaAccordionCss;Build.isTesting&&instance.init({lng:"cimode"});const VaAccordion$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.accordionExpandCollapseAll=createEvent(this,"accordionExpandCollapseAll",7),this.expandCollapseAll=t=>{this.expanded=t;const e=t?"allOpen":"allClosed";this.accordionExpandCollapseAll.emit({status:e}),getSlottedNodes(this.el,"va-accordion-item").forEach((e=>{e.setAttribute("open",`${t}`)}))},this.expanded=!1,this.openSingle=!1,this.disableAnalytics=!1,this.sectionHeading=null}itemToggledHandler(t){var e;const a=t.target.closest("va-accordion-item"),o=a.querySelector('[slot="headline"]');let n,i;o?(n=null==o?void 0:o.innerHTML,i=parseInt(null===(e=null==o?void 0:o.tagName)||void 0===e?void 0:e.toLowerCase().split("")[1])):(n=a.header,i=a.level),this.openSingle&&getSlottedNodes(this.el,"va-accordion-item").filter((t=>t!==a)).forEach((t=>t.setAttribute("open","false")));const r="true"===a.getAttribute("open");if(!this.disableAnalytics){const t={componentName:"va-accordion",action:r?"collapse":"expand",details:{header:n||a.header,subheader:a.subheader,level:i||a.level,sectionHeading:this.sectionHeading}};this.componentLibraryAnalytics.emit(t)}a.setAttribute("open",r?"false":"true"),this.isScrolledIntoView(a)||a.scrollIntoView(),this.accordionsOpened()}accordionsOpened(t="every"){const e=[...this.el.children].filter((t=>"va-accordion-item"===t.tagName.toLowerCase())).map((t=>t.open));return e[t]((t=>!0===t))?this.expanded=!0:e[t]((t=>!1===t))?this.expanded=!1:void 0}isScrolledIntoView(t){const e=null==t?void 0:t.getBoundingClientRect().top;return!(!e&&0!==e)&&e>=0&&e<=window.innerHeight}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}componentWillLoad(){this.accordionsOpened("some")}render(){const{openSingle:t}=this,e=classnames({"usa-accordion":!0});return h(Host,{key:"649ff0f6bc797d9be221f35021bc15eb134e8a93"},h("div",{key:"43af04d60a40ad4c68de17f24b8e45b574e510a3",class:e,ref:t=>this.accordionContainer=t},t?null:h("button",{"aria-expanded":`${this.expanded}`,class:"va-accordion__button","data-testid":"expand-all-accordions",ref:t=>this.expandCollapseBtn=t,onClick:()=>this.expandCollapseAll(!this.expanded),"aria-label":this.expanded?instance.t("collapse-all-aria-label"):instance.t("expand-all-aria-label")},this.expanded?`${instance.t("collapse-all")} -`:`${instance.t("expand-all")} +`),h("slot",{key:"afb11055356b2ae860b7c50c5e4133d906dba4a5"})))}get el(){return this}static get style(){return VaAccordionStyle0}},[1,"va-accordion",{openSingle:[4,"open-single"],disableAnalytics:[4,"disable-analytics"],sectionHeading:[1,"section-heading"],expanded:[32]},[[0,"accordionItemToggled","itemToggledHandler"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-accordion"].forEach((t=>{"va-accordion"===t&&(customElements.get(t)||customElements.define(t,VaAccordion$1))}))}const VaAccordion=VaAccordion$1,defineCustomElement=defineCustomElement$1;export{VaAccordion,defineCustomElement};

package/dist/components/va-alert-expandable.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaAlertExpandableCss="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}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus{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)}:host{display:block}:host([status='warning']){background-color:var(--vads-color-gold-lightest)}:host([status='info']){background-color:var(--vads-color-primary-alt-lightest)}:host([status='error']){background-color:var(--vads-color-secondary-lightest)}:host([status='success']){background-color:var(--vads-color-success-lighter)}:host([status='continue']){background-color:var(--vads-color-base-lightest)}.alert-expandable-trigger{-ms-flex-align:start;align-items:flex-start;cursor:pointer;display:-ms-flexbox;display:flex;padding:0.75rem}div.warning .alert-expandable-trigger:hover{background-color:var(--vads-color-gold-lighter)}div.info .alert-expandable-trigger:hover{background-color:var(--vads-color-primary-alt-light)}div.error .alert-expandable-trigger:hover{background-color:var(--vads-color-secondary-light)}div.success .alert-expandable-trigger:hover{background-color:var(--vads-color-green-lighter)}div.continue .alert-expandable-trigger:hover{background-color:var(--vads-color-base-lighter)}.alert-expandable-title{border-bottom-right-radius:1px;border-bottom:2px dotted var(--vads-color-primary-alt-dark);color:var(--vads-color-base-darker);cursor:pointer;font-weight:600}.alert-expandable-body{overflow:hidden}.alert-expandable-body.closed{opacity:0;max-height:0;visibility:hidden;overflow:hidden}.alert-expandable-body.open{height:auto;opacity:1;-webkit-transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;max-height:var(--calc-max-height)}#slot-wrap{margin:0.75rem}.alert-expandable-icon{display:inline-block;color:var(--vads-color-primary-alt-darkest);font-size:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;line-height:1;vertical-align:bottom}a[aria-expanded='true'] .alert-expandable-icon{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear}.alert-expandable__status-icon{color:var(--vads-color-base-darker);margin-right:8px}::slotted(*){margin-bottom:0 !important;margin-top:0 !important}",VaAlertExpandableStyle0=vaAlertExpandableCss,VaAlertExpandable$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.open=void 0,this.status=void 0,this.trigger=void 0,this.disableAnalytics=!1,this.iconless=!1}handleResize(){this.updateAlertBodyMaxHeight()}toggleOpen(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-alert-expandable",action:this.open?"collapse":"expand",details:{triggerText:this.trigger}}),this.open=!this.open}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.toggleOpen())}updateAlertBodyMaxHeight(){const e=this.el.shadowRoot.getElementById("alert-body"),a=e.scrollHeight+"px";e.style.setProperty("--calc-max-height","calc("+a+" + 2rem)")}componentDidLoad(){this.updateAlertBodyMaxHeight()}render(){const{status:e,open:a,iconless:t}=this,o=classnames("alert-expandable",e,{"hide-icon":t}),r=classnames("alert-expandable-body",{open:a,closed:!a});return h(Host,{key:"f9b7a808ae0ff40b6247e83761d8485a0883fab7"},h("div",{key:"15d1634b3dfd254ff5adc38a64d65e9c230eb591",role:"error"===e?"alert":null,"aria-live":"error"===e?"assertive":null,class:o},h("a",{key:"aa0ca0fdad85ec30aadbc8275cd9ab2c99594bcc",role:"button","aria-controls":"alert-body","aria-expanded":this.open?"true":"false",tabIndex:0,onClick:this.toggleOpen.bind(this),onKeyDown:this.handleKeydown.bind(this),class:"alert-expandable-trigger"},!t&&h("va-icon",{key:"9b64838fc6606b15dab89efdc4904d2904a1bec1",class:"alert-expandable__status-icon",icon:{continue:"lock",error:"info",warning:"warning",info:"info",success:"check_circle"}[e]||"info",size:3}),h("div",{key:"b0284e2207a6ae6643f67700549ee1834a5b0a61"},h("span",{key:"13db1b1cf56f0716587d5266d3d7e20f012b3757",class:"alert-expandable-title"},h("span",{key:"74fec1def64c9285972dd78c92debc43fc74a7bc",class:"sr-only"},"Alert: "),this.trigger),h("va-icon",{key:"9def91d4212df0695cae1fbf63ec69796bcbb69e",class:"alert-expandable-icon",icon:"chevron_right",size:3}))),h("div",{key:"a26104885d223294c4ee0cae04ce499c47b095fa",id:"alert-body",class:r},h("div",{key:"64f540bad4d4e511880a5a56a1334b1c6d4e0bc3",id:"slot-wrap"},h("slot",{key:"ba32ab7b9eaf6dfdf5596560102515f4cd513cbd"})))))}get el(){return this}static get style(){return VaAlertExpandableStyle0}},[1,"va-alert-expandable",{status:[1],trigger:[1],disableAnalytics:[4,"disable-analytics"],iconless:[4],open:[32]},[[9,"resize","handleResize"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-alert-expandable","va-icon"].forEach((e=>{switch(e){case"va-alert-expandable":customElements.get(e)||customElements.define(e,VaAlertExpandable$1);break;case"va-icon":customElements.get(e)||defineCustomElement$2()}}))}const VaAlertExpandable=VaAlertExpandable$1,defineCustomElement=defineCustomElement$1;export{VaAlertExpandable,defineCustomElement};
+import{proxyCustomElement,HTMLElement,createEvent,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{d as defineCustomElement$2}from"./va-icon2.js";const vaAlertExpandableCss="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}.sr-only{border:0;clip:rect(0, 0, 0, 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role='option']:focus,*[tabindex]:focus{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)}:host{display:block}:host([status='warning']){background-color:var(--vads-color-gold-lightest)}:host([status='info']){background-color:var(--vads-color-primary-alt-lightest)}:host([status='error']){background-color:var(--vads-color-secondary-lightest)}:host([status='success']){background-color:var(--vads-color-success-lighter)}:host([status='continue']){background-color:var(--vads-color-base-lightest)}.alert-expandable-trigger{-ms-flex-align:start;align-items:flex-start;cursor:pointer;display:-ms-flexbox;display:flex;padding:0.75rem}div.warning .alert-expandable-trigger:hover{background-color:var(--vads-color-gold-lighter)}div.info .alert-expandable-trigger:hover{background-color:var(--vads-color-primary-alt-light)}div.error .alert-expandable-trigger:hover{background-color:var(--vads-color-secondary-light)}div.success .alert-expandable-trigger:hover{background-color:var(--vads-color-green-lighter)}div.continue .alert-expandable-trigger:hover{background-color:var(--vads-color-base-lighter)}.alert-expandable-title{border-bottom-right-radius:1px;border-bottom:2px dotted var(--vads-color-primary-alt-dark);color:var(--vads-color-base-darker);cursor:pointer;font-weight:600}.alert-expandable-body{overflow:hidden}.alert-expandable-body.closed{opacity:0;max-height:0;visibility:hidden;overflow:hidden}.alert-expandable-body.open{height:auto;opacity:1;-webkit-transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;transition:max-height 700ms 0ms, opacity 500ms 200ms, visibility 500ms 200ms;max-height:var(--calc-max-height)}#slot-wrap{margin:0.75rem}.alert-expandable-icon{display:inline-block;color:var(--vads-color-primary-alt-darkest);font-size:16px;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;line-height:1;vertical-align:bottom}a[aria-expanded='true'] .alert-expandable-icon{-webkit-transform:rotate(270deg);transform:rotate(270deg);-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear}.alert-expandable__status-icon{color:var(--vads-color-base-darker);margin-right:8px}::slotted(*){margin-bottom:0 !important;margin-top:0 !important}",VaAlertExpandableStyle0=vaAlertExpandableCss,VaAlertExpandable$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.open=void 0,this.status=void 0,this.trigger=void 0,this.disableAnalytics=!1,this.iconless=!1}handleResize(){this.updateAlertBodyMaxHeight()}toggleOpen(){this.disableAnalytics||this.componentLibraryAnalytics.emit({componentName:"va-alert-expandable",action:this.open?"collapse":"expand",details:{triggerText:this.trigger}}),this.open=!this.open}handleKeydown(e){" "!==e.key&&"Enter"!==e.key||(e.preventDefault(),this.toggleOpen())}updateAlertBodyMaxHeight(){const e=this.el.shadowRoot.getElementById("alert-body"),a=e.scrollHeight+"px";e.style.setProperty("--calc-max-height","calc("+a+" + 2rem)")}componentDidLoad(){this.updateAlertBodyMaxHeight()}render(){const{status:e,open:a,iconless:t}=this,o=classnames("alert-expandable",e,{"hide-icon":t}),r=classnames("alert-expandable-body",{open:a,closed:!a});return h(Host,{key:"26db6bbcbea9ea238c1b7bb84d1d9acb934c5bd8"},h("div",{key:"40bf39fc9da58493bff11aaf01f0bbe8c2cfb8f0",role:"error"===e?"alert":null,"aria-live":"error"===e?"assertive":null,class:o},h("a",{key:"f7b776f26703d8d399a925bb09f28ba0ea67f773",role:"button","aria-controls":"alert-body","aria-expanded":this.open?"true":"false",tabIndex:0,onClick:this.toggleOpen.bind(this),onKeyDown:this.handleKeydown.bind(this),class:"alert-expandable-trigger"},!t&&h("va-icon",{key:"3a5485f97d1628f07896572464690a9e34e0d443",class:"alert-expandable__status-icon",icon:{continue:"lock",error:"info",warning:"warning",info:"info",success:"check_circle"}[e]||"info",size:3}),h("div",{key:"41431c992924c9b585c92a391880a2a6388ad6c3"},h("span",{key:"f1e527255ad709f8f13c02ef4d7b40d4d69a1593",class:"alert-expandable-title"},h("span",{key:"9a0314fe2efae57110d23169c0b9620827b95161",class:"sr-only"},"Alert: "),this.trigger),h("va-icon",{key:"230fb8504cc844e63eb91652c89381b2020faadd",class:"alert-expandable-icon",icon:"chevron_right",size:3}))),h("div",{key:"b7031951ae9f3338253791b69477bb1d5aac627f",id:"alert-body",class:r},h("div",{key:"1e2d7408aeac6fdd44543a8cfba9ca31f8d89f33",id:"slot-wrap"},h("slot",{key:"1cf8610ea84c547a5726186068297b2237e5bd6a"})))))}get el(){return this}static get style(){return VaAlertExpandableStyle0}},[1,"va-alert-expandable",{status:[1],trigger:[1],disableAnalytics:[4,"disable-analytics"],iconless:[4],open:[32]},[[9,"resize","handleResize"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-alert-expandable","va-icon"].forEach((e=>{switch(e){case"va-alert-expandable":customElements.get(e)||customElements.define(e,VaAlertExpandable$1);break;case"va-icon":customElements.get(e)||defineCustomElement$2()}}))}const VaAlertExpandable=VaAlertExpandable$1,defineCustomElement=defineCustomElement$1;export{VaAlertExpandable,defineCustomElement};

package/dist/components/va-alert-sign-in.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{a as getHeaderLevel}from"./utils.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";var AlertSignInVariants;!function(e){e.signInRequired="signInRequired",e.signInOptional="signInOptional",e.verifyIdMe="verifyIdMe",e.verifyLoginGov="verifyLoginGov",e.signInEither="signInEither"}(AlertSignInVariants||(AlertSignInVariants={}));const vaAlertSignInCss='p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-alert>.usa-list,.usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-alert>.usa-list:last-child,.usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-alert .usa-alert__body{padding-left:1.25rem;padding-right:1.25rem}.usa-alert .usa-alert__body::before{left:1.0833333333rem}*+.usa-alert{margin-top:1rem}.usa-alert--success{background-color:#ecf3ec;border-left-color:#00a91c}.usa-alert--success .usa-alert__body{color:#1b1b1b;background-color:#ecf3ec;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--success .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--success .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--success .usa-alert__body>*{margin-left:2.5rem}.usa-alert--success .usa-alert__body .usa-link{color:#005ea2}.usa-alert--success .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--success .usa-alert__body .usa-link:hover,.usa-alert--success .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--warning{background-color:#faf3d1;border-left-color:#ffbe2e}.usa-alert--warning .usa-alert__body{color:#1b1b1b;background-color:#faf3d1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--warning .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--warning .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--warning .usa-alert__body>*{margin-left:2.5rem}.usa-alert--warning .usa-alert__body .usa-link{color:#005ea2}.usa-alert--warning .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--warning .usa-alert__body .usa-link:hover,.usa-alert--warning .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--error{background-color:#f4e3db;border-left-color:#d54309}.usa-alert--error .usa-alert__body{color:#1b1b1b;background-color:#f4e3db;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--error .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--error .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--error .usa-alert__body>*{margin-left:2.5rem}.usa-alert--error .usa-alert__body .usa-link{color:#005ea2}.usa-alert--error .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--error .usa-alert__body .usa-link:hover,.usa-alert--error .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--info{background-color:#e7f6f8;border-left-color:#00bde3}.usa-alert--info .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--info .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--info .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--info .usa-alert__body>*{margin-left:2.5rem}.usa-alert--info .usa-alert__body .usa-link{color:#005ea2}.usa-alert--info .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--info .usa-alert__body .usa-link:hover,.usa-alert--info .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--emergency{background-color:#9c3d10;border-left-color:#9c3d10}.usa-alert--emergency .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--emergency .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--emergency .usa-alert__body::before{background:none;background-color:white;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--emergency .usa-alert__body>*{margin-left:2.5rem}.usa-alert--emergency .usa-alert__body .usa-link{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:hover,.usa-alert--emergency .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-alert--slim .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-alert--slim .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--slim .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-alert--slim .usa-alert__body>*{margin-left:2rem}.usa-alert--slim .usa-alert__body::before{left:1.125rem}.usa-alert--no-icon .usa-alert__body{min-height:0}.usa-alert--no-icon .usa-alert__body:before{display:none}.usa-alert--no-icon .usa-alert__body>*{margin-left:0}.usa-alert--validation .usa-checklist{margin-top:1rem}:host{display:block;position:relative}.usa-alert--info .usa-alert__body::before,.usa-alert--warning .usa-alert__body::before{-webkit-mask:none;mask:none;background:transparent}.va-alert-sign-in__lock-icon{position:absolute;top:12px;left:24px}@media screen and (max-width: 64em){.va-alert-sign-in__lock-icon{left:12px}}:host .headline{font-size:21.28px;margin-top:0;margin-bottom:8px;font-family:var(--font-serif)}:host ul{-webkit-padding-start:1.2em;padding-inline-start:1.2em}',VaAlertSignInStyle0=vaAlertSignInCss,VaAlertSignIn$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.variant=AlertSignInVariants.signInRequired,this.headingLevel=2,this.visible=!0,this.timeLimit="15 minutes",this.noSignInLink=void 0}render(){const{visible:e}=this;let{variant:t}=this;if(Object.values(AlertSignInVariants).includes(t)||(console.error("A non-allowed variant name was provided, please check your spelling."),t=AlertSignInVariants.signInRequired),!e)return h("div",{"aria-live":"polite"});const a=classnames("usa-alert",`va-alert-sign-in--${t}`,{"usa-alert--info":t===AlertSignInVariants.signInRequired||t===AlertSignInVariants.signInOptional,"usa-alert--warning":t!==AlertSignInVariants.signInRequired&&t!==AlertSignInVariants.signInOptional}),r=getHeaderLevel(this.headingLevel),n={[AlertSignInVariants.signInEither]:()=>h("div",{class:"va-alert-sign-in__body"},h(r,{class:"headline"},"You need to sign in with a different account"),h("p",null,"We need you to sign in with an identity-verified account. This helps us protect all Veterans' information and prevent scammers from stealing your benefits. You have 2 options: a verified"," ",h("strong",null,"Login.gov")," or a verified ",h("strong",null,"ID.me")," ","account."),h("p",null,h("strong",null,"If you already have a Login.gov or ID.me account,")," ","sign in with that account. If you still need to verify your identity for your account, we'll help you do that now."),h("p",null,h("strong",null,"If you don't have a Login.gov or ID.me account,")," ","create one now. We'll help you verify your identity."),h("p",null,h("slot",{name:"LoginGovSignInButton"})),h("p",null,h("slot",{name:"IdMeSignInButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/creating-an-account-for-vagov",text:"Learn about creating an account",disableAnalytics:!0}))),[AlertSignInVariants.signInOptional]:()=>h("div",{class:"va-alert-sign-in__body"},h(r,{class:"headline"},"Sign in with a verified account"),h("p",null,"Here's how signing in with an identity-verified account helps you:"),h("ul",null,h("li",null,"We can fill in some of your information for you to save you time."),h("li",null,"You can save your work in progress. You'll have ",this.timeLimit," ","from when you start or make changes to submit your form.")),h("p",null,h("strong",null,"Don't yet have a verified account?")," Create a"," ",h("strong",null,"Login.gov")," or ",h("strong",null,"ID.me")," account. We'll help you verify your identity for your account now."),h("p",null,h("strong",null,"Not sure if your account is verified?")," Sign in here. If you still need to verify your identity, we'll help you do that now."),h("p",null,h("strong",null,"Note:")," You can sign in after you start filling out your form. But you'll lose any information you already filled in."),h("p",null,h("slot",{name:"SignInButton"})),h("p",null,h("va-link",{href:this.noSignInLink,text:"Start your form without signing in",disableAnalytics:!0}))),[AlertSignInVariants.signInRequired]:()=>h("div",{class:"va-alert-sign-in__body"},h(r,{class:"headline"},"Sign in with a verified account"),h("p",null,"You'll need to sign in with an identity-verified account through one of our account providers. Identity verification helps us protect all Veterans' information and prevent scammers from stealing your benefits."),h("p",null,h("strong",null,"Don't yet have a verified account?")," Create a"," ",h("strong",null,"Login.gov")," or ",h("strong",null,"ID.me")," account. We'll help you verify your identity for your account now."),h("p",null,h("strong",null,"Not sure if your account is verified?")," Sign in here. If you still need to verify your identity, we'll help you do that now."),h("p",null,h("slot",{name:"SignInButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/creating-an-account-for-vagov",text:"Learn about creating an account",disableAnalytics:!0}))),[AlertSignInVariants.verifyIdMe]:()=>h("div",{class:"va-alert-sign-in__body"},h(r,{class:"headline"},"Verify your identity"),h("p",null,"We need you to verify your identity for your ",h("strong",null,"ID.me")," ","account. This step helps us protect all Veterans' information and prevent scammers from stealing your benefits."),h("p",null,"This one-time process often takes about 10 minutes. You'll need to provide certain personal information and identification."),h("p",null,h("slot",{name:"IdMeVerifyButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/creating-an-account-for-vagov",text:"Learn more about verifying your identity",disableAnalytics:!0}))),[AlertSignInVariants.verifyLoginGov]:()=>h("div",{class:"va-alert-sign-in__body"},h(r,{class:"headline"},"Verify your identity"),h("p",null,"We need you to verify your identity for your"," ",h("strong",null,"Login.gov")," account. This step helps us protect all Veterans' information and prevent scammers from stealing your benefits."),h("p",null,"This one-time process often takes about 10 minutes. You'll need to provide certain personal information and identification."),h("p",null,h("slot",{name:"LoginGovVerifyButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/creating-an-account-for-vagov",text:"Learn more about verifying your identity",disableAnalytics:!0})))}[t];return h(Host,null,h("div",{role:this.el.getAttribute("data-role"),class:a,"aria-label":this.el.getAttribute("data-label")},h("div",{class:"usa-alert__body"},h("div",null,h("va-icon",{class:"va-alert-sign-in__lock-icon",icon:"lock",size:4}),h(n,null)))))}get el(){return this}static get style(){return VaAlertSignInStyle0}},[1,"va-alert-sign-in",{variant:[1],headingLevel:[2,"heading-level"],visible:[4],timeLimit:[1,"time-limit"],noSignInLink:[1,"no-sign-in-link"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-alert-sign-in","va-icon","va-link"].forEach((e=>{switch(e){case"va-alert-sign-in":customElements.get(e)||customElements.define(e,VaAlertSignIn$1);break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}}))}const VaAlertSignIn=VaAlertSignIn$1,defineCustomElement=defineCustomElement$1;export{VaAlertSignIn,defineCustomElement};
+import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import{a as getHeaderLevel}from"./utils.js";import{d as defineCustomElement$3}from"./va-icon2.js";import{d as defineCustomElement$2}from"./va-link2.js";var AlertSignInVariants;!function(e){e.signInRequired="signInRequired",e.signInOptional="signInOptional",e.verifyIdMe="verifyIdMe",e.verifyLoginGov="verifyLoginGov",e.signInEither="signInEither"}(AlertSignInVariants||(AlertSignInVariants={}));const vaAlertSignInCss='p,a,ol,ul,li,dl,dt,dd,form,label,button{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5}.usa-alert{background-color:#f0f0f0;border-left:0.5rem solid #a9aeb1;color:#1b1b1b}.usa-alert .usa-alert__body{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.5;padding-bottom:1rem;padding-top:1rem;position:relative}.usa-alert .usa-alert__text{margin-bottom:0;margin-top:0}.usa-alert .usa-alert__text:only-child{padding-bottom:0;padding-top:0}.usa-alert .usa-alert__heading{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.46rem;line-height:0.9;margin-top:0;margin-bottom:0.5rem}.usa-alert>.usa-list,.usa-alert .usa-alert__body>.usa-list{padding-left:2ch}.usa-alert>.usa-list:last-child,.usa-alert .usa-alert__body>.usa-list:last-child{margin-bottom:0}.usa-alert .usa-alert__body{padding-left:1.25rem;padding-right:1.25rem}.usa-alert .usa-alert__body::before{left:1.0833333333rem}*+.usa-alert{margin-top:1rem}.usa-alert--success{background-color:#ecf3ec;border-left-color:#00a91c}.usa-alert--success .usa-alert__body{color:#1b1b1b;background-color:#ecf3ec;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--success .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--success .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--success .usa-alert__body>*{margin-left:2.5rem}.usa-alert--success .usa-alert__body .usa-link{color:#005ea2}.usa-alert--success .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--success .usa-alert__body .usa-link:hover,.usa-alert--success .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--warning{background-color:#faf3d1;border-left-color:#ffbe2e}.usa-alert--warning .usa-alert__body{color:#1b1b1b;background-color:#faf3d1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--warning .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--warning .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--warning .usa-alert__body>*{margin-left:2.5rem}.usa-alert--warning .usa-alert__body .usa-link{color:#005ea2}.usa-alert--warning .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--warning .usa-alert__body .usa-link:hover,.usa-alert--warning .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--error{background-color:#f4e3db;border-left-color:#d54309}.usa-alert--error .usa-alert__body{color:#1b1b1b;background-color:#f4e3db;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--error .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--error .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--error .usa-alert__body>*{margin-left:2.5rem}.usa-alert--error .usa-alert__body .usa-link{color:#005ea2}.usa-alert--error .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--error .usa-alert__body .usa-link:hover,.usa-alert--error .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--info{background-color:#e7f6f8;border-left-color:#00bde3}.usa-alert--info .usa-alert__body{color:#1b1b1b;background-color:#e7f6f8;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--info .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--info .usa-alert__body::before{background:none;background-color:#1b1b1b;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--info .usa-alert__body>*{margin-left:2.5rem}.usa-alert--info .usa-alert__body .usa-link{color:#005ea2}.usa-alert--info .usa-alert__body .usa-link:visited{color:#54278f}.usa-alert--info .usa-alert__body .usa-link:hover,.usa-alert--info .usa-alert__body .usa-link:active{color:#1a4480}.usa-alert--emergency{background-color:#9c3d10;border-left-color:#9c3d10}.usa-alert--emergency .usa-alert__body{color:white;background-color:#9c3d10;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;min-height:3.3333333333rem}.usa-alert--emergency .usa-alert__body::before{background-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22 width%3D%2224%22%3E%3Cpath d%3D%22M0 0h24v24H0z%22 fill%3D%22none%22%2F%3E%3Cpath fill%3D%22%23fff%22 d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:center center;background-size:2rem 2rem;display:inline-block;height:2rem;width:2rem;content:"";display:block;position:absolute;top:0.6666666667rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--emergency .usa-alert__body::before{background:none;background-color:white;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));mask-image:url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E%3Cpath d%3D%22M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z%22%2F%3E%3C%2Fsvg%3E"), linear-gradient(transparent, transparent);-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:2rem 2rem;mask-size:2rem 2rem}}.usa-alert--emergency .usa-alert__body>*{margin-left:2.5rem}.usa-alert--emergency .usa-alert__body .usa-link{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:visited{color:#dfe1e2}.usa-alert--emergency .usa-alert__body .usa-link:hover,.usa-alert--emergency .usa-alert__body .usa-link:active{color:#f0f0f0}.usa-alert--slim .usa-alert__body{padding-bottom:0.5rem;padding-top:0.5rem;min-height:0}.usa-alert--slim .usa-alert__body:before{height:1.5rem;top:0.5rem;width:1.5rem}@supports ((-webkit-mask: url("")) or (mask: url(""))){.usa-alert--slim .usa-alert__body:before{-webkit-mask-size:1.5rem;mask-size:1.5rem}}.usa-alert--slim .usa-alert__body>*{margin-left:2rem}.usa-alert--slim .usa-alert__body::before{left:1.125rem}.usa-alert--no-icon .usa-alert__body{min-height:0}.usa-alert--no-icon .usa-alert__body:before{display:none}.usa-alert--no-icon .usa-alert__body>*{margin-left:0}.usa-alert--validation .usa-checklist{margin-top:1rem}:host{display:block;position:relative}.usa-alert--info .usa-alert__body::before,.usa-alert--warning .usa-alert__body::before{-webkit-mask:none;mask:none;background:transparent}.va-alert-sign-in__lock-icon{position:absolute;top:12px;left:24px}@media screen and (max-width: 64em){.va-alert-sign-in__lock-icon{left:12px}}:host .headline{font-size:1.33rem;margin-top:0;margin-bottom:0.5rem;font-family:var(--font-serif)}:host ul{-webkit-padding-start:1.2em;padding-inline-start:1.2em}',VaAlertSignInStyle0=vaAlertSignInCss,VaAlertSignIn$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.variant=AlertSignInVariants.signInRequired,this.headingLevel=2,this.visible=!0,this.timeLimit="15 minutes",this.noSignInLink=void 0}render(){const{visible:e}=this;let{variant:t}=this;if(Object.values(AlertSignInVariants).includes(t)||(console.error("A non-allowed variant name was provided, please check your spelling."),t=AlertSignInVariants.signInRequired),!e)return h("div",{"aria-live":"polite"});const a=classnames("usa-alert",`va-alert-sign-in--${t}`,{"usa-alert--info":t===AlertSignInVariants.signInRequired||t===AlertSignInVariants.signInOptional,"usa-alert--warning":t!==AlertSignInVariants.signInRequired&&t!==AlertSignInVariants.signInOptional}),r=getHeaderLevel(this.headingLevel),n={[AlertSignInVariants.signInEither]:()=>h("div",{class:"va-alert-sign-in__body"},h(r,{class:"headline"},"You need to sign in with a different account"),h("p",null,"We need you to sign in with an identity-verified account. This helps us protect all Veterans' information and prevent scammers from stealing your benefits. You have 2 options: a verified"," ",h("strong",null,"Login.gov")," or a verified ",h("strong",null,"ID.me")," ","account."),h("p",null,h("strong",null,"If you already have a Login.gov or ID.me account,")," ","sign in with that account. If you still need to verify your identity for your account, we'll help you do that now."),h("p",null,h("strong",null,"If you don't have a Login.gov or ID.me account,")," ","create one now. We'll help you verify your identity."),h("p",null,h("slot",{name:"LoginGovSignInButton"})),h("p",null,h("slot",{name:"IdMeSignInButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/creating-an-account-for-vagov",text:"Learn about creating an account",disableAnalytics:!0}))),[AlertSignInVariants.signInOptional]:()=>h("div",{class:"va-alert-sign-in__body"},h(r,{class:"headline"},"Sign in with a verified account"),h("p",null,"Here's how signing in with an identity-verified account helps you:"),h("ul",null,h("li",null,"We can fill in some of your information for you to save you time."),h("li",null,"You can save your work in progress. You'll have ",this.timeLimit," ","from when you start or make changes to submit your form.")),h("p",null,h("strong",null,"Don't yet have a verified account?")," Create a"," ",h("strong",null,"Login.gov")," or ",h("strong",null,"ID.me")," account. We'll help you verify your identity for your account now."),h("p",null,h("strong",null,"Not sure if your account is verified?")," Sign in here. If you still need to verify your identity, we'll help you do that now."),h("p",null,h("strong",null,"Note:")," You can sign in after you start filling out your form. But you'll lose any information you already filled in."),h("p",null,h("slot",{name:"SignInButton"})),this.noSignInLink&&h("p",null,h("va-link",{href:this.noSignInLink,text:"Start your form without signing in",disableAnalytics:!0}))),[AlertSignInVariants.signInRequired]:()=>h("div",{class:"va-alert-sign-in__body"},h(r,{class:"headline"},"Sign in with a verified account"),h("p",null,"You'll need to sign in with an identity-verified account through one of our account providers. Identity verification helps us protect all Veterans' information and prevent scammers from stealing your benefits."),h("p",null,h("strong",null,"Don't yet have a verified account?")," Create a"," ",h("strong",null,"Login.gov")," or ",h("strong",null,"ID.me")," account. We'll help you verify your identity for your account now."),h("p",null,h("strong",null,"Not sure if your account is verified?")," Sign in here. If you still need to verify your identity, we'll help you do that now."),h("p",null,h("slot",{name:"SignInButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/creating-an-account-for-vagov",text:"Learn about creating an account",disableAnalytics:!0}))),[AlertSignInVariants.verifyIdMe]:()=>h("div",{class:"va-alert-sign-in__body"},h(r,{class:"headline"},"Verify your identity"),h("p",null,"We need you to verify your identity for your ",h("strong",null,"ID.me")," ","account. This step helps us protect all Veterans' information and prevent scammers from stealing your benefits."),h("p",null,"This one-time process often takes about 10 minutes. You'll need to provide certain personal information and identification."),h("p",null,h("slot",{name:"IdMeVerifyButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/creating-an-account-for-vagov",text:"Learn more about verifying your identity",disableAnalytics:!0}))),[AlertSignInVariants.verifyLoginGov]:()=>h("div",{class:"va-alert-sign-in__body"},h(r,{class:"headline"},"Verify your identity"),h("p",null,"We need you to verify your identity for your"," ",h("strong",null,"Login.gov")," account. This step helps us protect all Veterans' information and prevent scammers from stealing your benefits."),h("p",null,"This one-time process often takes about 10 minutes. You'll need to provide certain personal information and identification."),h("p",null,h("slot",{name:"LoginGovVerifyButton"})),h("p",null,h("va-link",{href:"https://www.va.gov/resources/creating-an-account-for-vagov",text:"Learn more about verifying your identity",disableAnalytics:!0})))}[t];return h(Host,null,h("div",{role:this.el.getAttribute("data-role"),class:a,"aria-label":this.el.getAttribute("data-label")},h("div",{class:"usa-alert__body"},h("div",null,h("va-icon",{class:"va-alert-sign-in__lock-icon",icon:"lock",size:4}),h(n,null)))))}get el(){return this}static get style(){return VaAlertSignInStyle0}},[1,"va-alert-sign-in",{variant:[1],headingLevel:[2,"heading-level"],visible:[4],timeLimit:[1,"time-limit"],noSignInLink:[1,"no-sign-in-link"]}]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-alert-sign-in","va-icon","va-link"].forEach((e=>{switch(e){case"va-alert-sign-in":customElements.get(e)||customElements.define(e,VaAlertSignIn$1);break;case"va-icon":customElements.get(e)||defineCustomElement$3();break;case"va-link":customElements.get(e)||defineCustomElement$2()}}))}const VaAlertSignIn=VaAlertSignIn$1,defineCustomElement=defineCustomElement$1;export{VaAlertSignIn,defineCustomElement};

package/dist/components/va-button-icon2.js

@@ -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 vaButtonIconCss='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-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 .usa-button{background:var(--vads-button-color-background-secondary-on-light, #FFFFFF);color:var(--vads-color-link);text-transform:uppercase}:host .usa-button:hover,:host .usa-button:focus,:host .usa-button:active{color:var(--vads-color-primary-dark);background:var(--vads-color-primary-lighter)}:host .usa-button.va-button-icon--destructive{color:var(--vads-color-secondary-dark)}:host .usa-button.va-button-icon--destructive:hover,:host .usa-button.va-button-icon--destructive:focus,:host .usa-button.va-button-icon--destructive:active{color:var(--vads-color-secondary-darkest);background:var(--vads-color-secondary-lightest)}',VaButtonIconStyle0=vaButtonIconCss,VaButtonIcon=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.buttonTypeMap={"change-file":{icon:"attach_file",text:"Change File"},delete:{icon:"delete",text:"Delete"},cancel:{icon:"cancel",text:"Cancel"}},this.disableAnalytics=!1,this.label=void 0,this.buttonType=void 0}handleClick(t){if(!this.disableAnalytics){const t={componentName:"va-button",action:"click",details:{type:"tertiary",label:this.buttonTypeMap[this.buttonType].text}};this.componentLibraryAnalytics.emit(t)}}render(){const{label:t,buttonType:u}=this,o=classnames({"usa-button":!0,"va-button-icon--destructive":"cancel"===u||"delete"===u});return h(Host,{key:"e610fa396de08e5d4eb4bd7428b0bb6afd574ac4"},h("button",{key:"95af5dcd4ed5b2219863c3dfe22e6f09ea870a08",class:o,"aria-label":t,type:"button",part:"button"},h("va-icon",{key:"4c8a449d7be3847d858ac2d82e99192b9388558c",icon:this.buttonTypeMap[u].icon,size:2}),this.buttonTypeMap[u].text))}get el(){return this}static get style(){return VaButtonIconStyle0}},[1,"va-button-icon",{disableAnalytics:[4,"disable-analytics"],label:[1],buttonType:[1,"button-type"]},[[0,"click","handleClick"]]]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-button-icon","va-icon"].forEach((t=>{switch(t){case"va-button-icon":customElements.get(t)||customElements.define(t,VaButtonIcon);break;case"va-icon":customElements.get(t)||defineCustomElement$1()}}))}export{VaButtonIcon as V,defineCustomElement as d};
+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 vaButtonIconCss='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-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 .usa-button{background:var(--vads-button-color-background-secondary-on-light, #FFFFFF);color:var(--vads-color-link);text-transform:uppercase}:host .usa-button:hover,:host .usa-button:focus,:host .usa-button:active{color:var(--vads-color-primary-dark);background:var(--vads-color-primary-lighter)}:host .usa-button.va-button-icon--destructive{color:var(--vads-color-secondary-dark)}:host .usa-button.va-button-icon--destructive:hover,:host .usa-button.va-button-icon--destructive:focus,:host .usa-button.va-button-icon--destructive:active{color:var(--vads-color-secondary-darkest);background:var(--vads-color-secondary-lightest)}',VaButtonIconStyle0=vaButtonIconCss,VaButtonIcon=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.buttonTypeMap={"change-file":{icon:"attach_file",text:"Change File"},delete:{icon:"delete",text:"Delete"},cancel:{icon:"cancel",text:"Cancel"}},this.disableAnalytics=!1,this.label=void 0,this.buttonType=void 0}handleClick(t){if(!this.disableAnalytics){const t={componentName:"va-button",action:"click",details:{type:"tertiary",label:this.buttonTypeMap[this.buttonType].text}};this.componentLibraryAnalytics.emit(t)}}render(){const{label:t,buttonType:u}=this,o=classnames({"usa-button":!0,"va-button-icon--destructive":"cancel"===u||"delete"===u});return h(Host,{key:"bc16a0f05ee12c1e0985eb04f458a47935ac51fe"},h("button",{key:"0de52ceb0a3565c7deeed86d6efb01a5760c6683",class:o,"aria-label":t,type:"button",part:"button"},h("va-icon",{key:"5fd59b38ea787c8a01bb9b2e2abe75db3718ad44",icon:this.buttonTypeMap[u].icon,size:2}),this.buttonTypeMap[u].text))}get el(){return this}static get style(){return VaButtonIconStyle0}},[1,"va-button-icon",{disableAnalytics:[4,"disable-analytics"],label:[1],buttonType:[1,"button-type"]},[[0,"click","handleClick"]]]);function defineCustomElement(){"undefined"!=typeof customElements&&["va-button-icon","va-icon"].forEach((t=>{switch(t){case"va-button-icon":customElements.get(t)||customElements.define(t,VaButtonIcon);break;case"va-icon":customElements.get(t)||defineCustomElement$1()}}))}export{VaButtonIcon as V,defineCustomElement as d};

package/dist/components/va-button2.js

@@ -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([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.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.text,this.back=!1,this.big=!1,this.continue=!1,this.disableAnalytics=!1,this.disabled=!1,this.label=void 0,this.primaryAlternate=!1,this.secondary=!1,this.submit=void 0,this.text=void 0,this.messageAriaDescribedby=void 0}handleSubmit(){if(void 0===this.submit)return;const t=this.el.closest("form");if(!t)return;const u=new CustomEvent("submit",{bubbles:!0,cancelable:!0,composed:!0});"skip"!==this.submit&&t.dispatchEvent(u),"prevent"!==this.submit&&t.submit()}handleClickOverride(t){if(this.disabled)return t.preventDefault(),void t.stopPropagation();this.handleClick(),this.handleSubmit()}render(){const{back:t,continue:u,disabled:o,getButtonText:a,label:e,submit:s,secondary:n,primaryAlternate:i,big:b,messageAriaDescribedby:r}=this,d=(r?"button-description":"").trim()||null,l=o?"true":void 0,c=a(),v=void 0!==s?"submit":"button",f=classnames({"usa-button":!0,"usa-button--big":b,"usa-button--outline":t||n,"va-button-primary--alternate":i});return h(Host,{key:"62e45ff82229c98a3917c0fbcc6280c22da9a37b"},h("button",{key:"aff1f9a0ce358f582c39471a014519e7b6080c94",class:f,"aria-disabled":l,"aria-label":e,"aria-describedby":d,type:v,part:"button"},t&&!u&&h("va-icon",{key:"fc8c8d493fe967074b2f905ee4a38912f7b5384c",icon:"navigate_far_before"}),c,u&&!t&&h("va-icon",{key:"f1c20f165d2106d643c32259e8ecb56889bb05df",icon:"navigate_far_next"})),r&&h("span",{key:"fda5cbe483f17b8e2fb1921b6b7a55ffed46e778",id:"button-description",class:"usa-sr-only"},r))}get el(){return this}static get style(){return VaButtonStyle0}},[1,"va-button",{back:[516],big:[516],continue:[516],disableAnalytics:[4,"disable-analytics"],disabled:[516],label:[1],primaryAlternate:[4,"primary-alternate"],secondary:[516],submit:[1],text:[1],messageAriaDescribedby:[1,"message-aria-describedby"]},[[0,"click","handleClickOverride"]]]);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};
+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};

package/dist/components/va-card2.js

@@ -1 +1 @@
-import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";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 HTMLElement{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};
+import{proxyCustomElement,HTMLElement,h,Host}from"@stencil/core/internal/client";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 HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.showShadow=!1,this.background=!1}render(){return h(Host,{key:"9c3e6745042e88f3261a05a1927995a6d1ded659"},h("slot",{key:"5a0e542d2c0b0567834e96975188c66c293c2386"}))}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};

package/dist/components/va-checkbox-group.js

@@ -1 +1 @@
-import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{a as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaCheckboxGroupCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-fieldset{border:none;margin:0;padding:0}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px}',VaCheckboxGroupStyle0=vaCheckboxGroupCss;Build.isTesting&&instance.init({lng:"cimode"});const VaCheckboxGroup$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.label=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.hint=void 0,this.labelHeaderLevel=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}vaChangeHandler(e){const t=e.target;this.enableAnalytics&&this.fireAnalyticsEvent(t.label)}fireAnalyticsEvent(e){this.componentLibraryAnalytics.emit({componentName:"va-checkbox-group",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})}getHeaderLevel(){const e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?`h${e}`:null}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,required:t,error:a,hint:r,messageAriaDescribedby:i,useFormsPattern:o,formHeadingLevel:s,formHeading:n}=this,l=this.getHeaderLevel(),d=`${o&&n?"form-question":""} ${o?"form-description":""} ${"multiple"===o?"header-message":""}`.trim()||null,m=i?"description-message":null,c=classnames({"usa-legend":!0,"usa-label--error":a});let f=null;if("single"===o||"multiple"===o){const e=getHeaderLevel(s);f=h(Fragment,{key:"8fb7824ff53963fb5e6981077c784566ec17e4a8"},n&&h(e,{key:"d475600c5d0af03c870039c04ad454772d6fd1dc",id:"form-question",part:"form-header"},n),h("div",{key:"d3239b0c68dc526ed4163cc57955114ad5c9050d",id:"form-description"},h("slot",{key:"85d2efbf6da0d5780d4f699c989ef3b06491450d",name:"form-description"})))}return h(Host,{key:"909f07618d22eee17856b3292e17897e255d256c",role:"group"},f,h("div",{key:"1e797a55018f9d37c3fc6299c2e1889cb71ee9b8",class:"input-wrap"},h("fieldset",{key:"679733b6b5e508ffdb8d59aaec0ea58cf297286f",class:"usa-fieldset","aria-labelledby":d},h("legend",{key:"d10173163a53ebf861332e4019815b1dcaf17e29",class:c,"aria-describedby":m},l?h(l,{part:"header"},e):e," ","multiple"===o&&h("span",{key:"b8531a5bdf7a061945de0f309fad06d50deb65d6",id:"header-message",class:"usa-sr-only"},e),i&&h("span",{key:"cc927da977780eeeac8ca1d18c55ef08fbf58add",id:"description-message",class:"usa-sr-only"},i),t&&h("span",{key:"e91a258fbef40861dc88371904a54cf14fdca2eb",class:"usa-label--required"},instance.t("required")),r&&h("div",{key:"ab215f4ae3b96ed701a5a8eb36147fdbdf236089",class:"usa-hint"},r)),h("span",{key:"5e0d05ba52c2c79ec0661ebe794eff3e9e71c504",id:"checkbox-error-message",role:"alert"},a&&h(Fragment,{key:"7cc8f93cabbe6b155bcb4aaadd5e9d8d107d6097"},h("span",{key:"7a1dfc7275f7657b7dd44c629b63de60cb416d1f",class:"usa-sr-only"},instance.t("error")),h("span",{key:"425cc804f0de77ddd17bac7b648b26a2cd59cff5",class:"usa-error-message"},a))),h("slot",{key:"684117a5c78c0edabfbc157a2fbde51f8cd78468"}))))}get el(){return this}static get style(){return VaCheckboxGroupStyle0}},[1,"va-checkbox-group",{label:[1],required:[4],error:[1],enableAnalytics:[4,"enable-analytics"],hint:[1],labelHeaderLevel:[1,"label-header-level"],messageAriaDescribedby:[1,"message-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"]},[[0,"vaChange","vaChangeHandler"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-checkbox-group"].forEach((e=>{"va-checkbox-group"===e&&(customElements.get(e)||customElements.define(e,VaCheckboxGroup$1))}))}const VaCheckboxGroup=VaCheckboxGroup$1,defineCustomElement=defineCustomElement$1;export{VaCheckboxGroup,defineCustomElement};
+import{Build,proxyCustomElement,HTMLElement,createEvent,forceUpdate,h,Fragment,Host}from"@stencil/core/internal/client";import{c as classnames}from"./index2.js";import"./i18n-setup.js";import"./contacts.js";import{a as getHeaderLevel}from"./utils.js";import{i as instance}from"./i18next.js";const vaCheckboxGroupCss='button:not([disabled]):focus,select:not([disabled]):focus,a:not([disabled]):focus,h1:focus,input:not([disabled]):focus,textarea:not([disabled]):focus,#form-question [role=\'option\']:focus,*[tabindex]:focus{outline:2px solid var(--vads-color-action-focus-on-light);outline-offset:2px}h1{margin-top:0}h1,h2,h3,h4,h5,h6{margin-bottom:0;margin-top:0;clear:both}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:1.5em}h1+*,h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:1em}h1{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:2.44rem;line-height:1.2;font-weight:700}h2{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.95rem;line-height:1.2;font-weight:700}h3{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:1.34rem;line-height:1.2;font-weight:700}h4{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.98rem;line-height:1.2;font-weight:700}h5{font-family:Merriweather Web, Georgia, Cambria, Times New Roman, Times, serif;font-size:0.91rem;line-height:1.2;font-weight:700}h6{font-family:Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;font-size:0.87rem;line-height:1.1;font-weight:normal;letter-spacing:0.025em;text-transform:uppercase}h1,h2,h3,h4,h5{font-family:Bitter, Georgia, Cambria, "Times New Roman", Times, serif;font-weight:700}h6{font-family:"Source Sans Pro Web", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;font-weight:700}h1{margin-top:0;font-size:2.5rem}h2{font-size:1.875rem}h3{font-size:1.25rem}h4{font-size:1.0625rem}h5{font-size:0.9375rem}h6{font-size:0.9375rem}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}@media (max-width: 481px){h1{font-size:30px}h2{font-size:24px}}h6{margin:0.5em 0 0;text-transform:none;font-weight:700}:host legend :is(h1,h2,h3,h4,h5,h6),:host label :is(h1,h2,h3,h4,h5,h6){display:inline;margin:0px}:host legend :is(h1,h2,h3,h4,h5),:host label :is(h1,h2,h3,h4,h5){font-family:var(--font-serif)}:host h1+*,:host h2+*,:host h3+*,:host h4+*,:host h5+*,:host h6+*{margin-top:unset}:host #form-question{margin-bottom:1rem}.usa-hint,.usa-fieldset{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3}.usa-sr-only{position:absolute;left:-999em;right:auto}.usa-fieldset{border:none;margin:0;padding:0}.usa-label{font-family:Source Sans Pro Web, "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans;font-size:1.06rem;line-height:1.3;display:block;font-weight:normal;margin-top:1.5rem;max-width:30rem}.usa-label--error{font-weight:700;margin-top:0}.usa-label--required{color:#b50909}.usa-hint{color:#71767a}.usa-hint--required{color:#b50909}.usa-error-message{padding-bottom:0.25rem;padding-top:0.25rem;color:#b50909;display:block;font-weight:700}.usa-error-message{font-size:1.06rem}:host([error]:not([error=""])){border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}:host([error]:not([error=""])[use-forms-pattern=multiple]){border-left:none}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{border-left:0.25rem solid #b50909;padding-left:1rem;position:relative}@media screen and (min-width: 1008px){:host([error]:not([error=""])){margin-left:-0.9rem}:host([error]:not([error=""])[use-forms-pattern=multiple]) .input-wrap{margin-left:-0.9rem}}@media screen and (max-width: 1008px){:host([error]:not([error=""])[use-forms-pattern=multiple]){padding-left:0}}:host{display:block;border:none;padding:0;margin-top:24px}',VaCheckboxGroupStyle0=vaCheckboxGroupCss;Build.isTesting&&instance.init({lng:"cimode"});const VaCheckboxGroup$1=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.componentLibraryAnalytics=createEvent(this,"component-library-analytics",7),this.label=void 0,this.required=!1,this.error=void 0,this.enableAnalytics=!1,this.hint=void 0,this.labelHeaderLevel=void 0,this.messageAriaDescribedby=void 0,this.useFormsPattern=void 0,this.formHeadingLevel=3,this.formHeading=void 0}vaChangeHandler(e){const t=e.target;this.enableAnalytics&&this.fireAnalyticsEvent(t.label)}fireAnalyticsEvent(e){this.componentLibraryAnalytics.emit({componentName:"va-checkbox-group",action:"change",details:{label:this.label,optionLabel:e,required:this.required}})}getHeaderLevel(){const e=parseInt(this.labelHeaderLevel,10);return e>=1&&e<=6?`h${e}`:null}connectedCallback(){instance.on("languageChanged",(()=>{forceUpdate(this.el)}))}disconnectedCallback(){instance.off("languageChanged")}render(){const{label:e,required:t,error:a,hint:r,messageAriaDescribedby:i,useFormsPattern:o,formHeadingLevel:s,formHeading:n}=this,l=this.getHeaderLevel(),m=`${o&&n?"form-question":""} ${o?"form-description":""} ${"multiple"===o?"header-message":""}`.trim()||null,d=i?"description-message":null,f=classnames({"usa-legend":!0,"usa-label--error":a});let c=null;if("single"===o||"multiple"===o){const e=getHeaderLevel(s);c=h(Fragment,{key:"d91bf5e7e318dbbbdf6600335f7e09f3cabc9791"},n&&h(e,{key:"ed28108816231b33b141e31b03b4b11fdcf32db4",id:"form-question",part:"form-header"},n),h("div",{key:"b83ea1a52c19279c2e7d0d7b8a1b82f87fab067b",id:"form-description"},h("slot",{key:"090dfb89722ce3c57b22544721ddc03b5f741cf9",name:"form-description"})))}return h(Host,{key:"75ed9d6dd6b1f86b49c2be41e9b1041f2e8905f5",role:"group"},c,h("div",{key:"6fc9c4f86c31f433a3c42f177236baf35dd28c49",class:"input-wrap"},h("fieldset",{key:"eadd348a5bf32652f947ed9a7e4f6e5aa50d42aa",class:"usa-fieldset","aria-labelledby":m},h("legend",{key:"aad41659714a60c41c0039c2d2a739d9c4bd551a",class:f,"aria-describedby":d},l?h(l,{part:"header"},e):e," ","multiple"===o&&h("span",{key:"761ef3fc75138e38e061495fbee57602afdcb287",id:"header-message",class:"usa-sr-only"},e),i&&h("span",{key:"4283788e3bfdc6f49bc7c0d155fe771d89489602",id:"description-message",class:"usa-sr-only"},i),t&&h("span",{key:"90bfd46b223ed408663f9d1f60226ab7c0812d80",class:"usa-label--required"},instance.t("required")),r&&h("div",{key:"c2c028877e99e85f26cd715d6001c4b2920b49a3",class:"usa-hint"},r)),h("span",{key:"766049078bf0d15b3dfe5a9603f4ebf2f6c5070c",id:"checkbox-error-message",role:"alert"},a&&h(Fragment,{key:"422558893e721cf6a16d03e503569d185b091fd0"},h("span",{key:"1772f65d7f31dea0d44de0bc29052ad59aa24f6b",class:"usa-sr-only"},instance.t("error")),h("span",{key:"cd514b646ec2ef2d28d997538b0a3be3e1cabab5",class:"usa-error-message"},a))),h("slot",{key:"a76aca79cf428aa630b0cb562f9ff96f2a620770"}))))}get el(){return this}static get style(){return VaCheckboxGroupStyle0}},[1,"va-checkbox-group",{label:[1],required:[4],error:[1],enableAnalytics:[4,"enable-analytics"],hint:[1],labelHeaderLevel:[1,"label-header-level"],messageAriaDescribedby:[1,"message-aria-describedby"],useFormsPattern:[1,"use-forms-pattern"],formHeadingLevel:[2,"form-heading-level"],formHeading:[1,"form-heading"]},[[0,"vaChange","vaChangeHandler"]]]);function defineCustomElement$1(){"undefined"!=typeof customElements&&["va-checkbox-group"].forEach((e=>{"va-checkbox-group"===e&&(customElements.get(e)||customElements.define(e,VaCheckboxGroup$1))}))}const VaCheckboxGroup=VaCheckboxGroup$1,defineCustomElement=defineCustomElement$1;export{VaCheckboxGroup,defineCustomElement};