UNPKG

vue-uswds

Version:

Vue 3 implementation of the USWDS (U.S. Web Design System) component library

1 lines 205 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),zt=require("just-kebab-case"),jt=require("just-split"),J=require("@vueuse/core"),We=require("focus-trap"),O=require("date-fns"),Rt=require("fast-sort"),ye=require("@floating-ui/dom"),oe={__name:"BaseHeading",props:{tag:{type:String,default:"h2",validator(t){const a=["h1","h2","h3","h4","h5","h6"].includes(t);return a||console.warn(`'${t}' is not a valid HTML heading element`),a}}},setup(t){return(a,n)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.tag),null,{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3}))}},me=":",re="grid-",Ce="/assets/img",Re="/assets/img/sprite.svg",Je=null,Qe="64em",Pt="30em",Ft="0000-01-01",qt="9999-12-31",Yt=/^(0[1-9]|1[0-2])\/(0[1-9]|[12][0-9]|3[01])\/\d{4}$/,Ht=/^\d{4}-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])$/,Kt=["January","February","March","April","May","June","July","August","September","October","November","December"],Gt=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],Wt=["S","M","T","W","Th","Fr","S"],ge=12,Xe="vuswds-id-",he=(t,a)=>{const n=t.__vccOpts||t;for(const[o,s]of a)n[o]=s;return n},Jt={name:"BaseLink",inject:{globalRouterComponentName:{from:"vueUswds.routerComponentName",default:Je}},inheritAttrs:!1,props:{href:{type:String,default:""},to:{type:[String,Object],default:""},routerComponentName:{type:[String,Object],default:""}},data(){return{isNuxt:this==null?void 0:this.$nuxt,isVueRouter:this==null?void 0:this.$router}},computed:{isHrefLink(){return!!this.href||typeof this.to=="string"&&this.to.startsWith("http")},linkComponent(){return this.routerComponentName?this.routerComponentName:this.globalRouterComponentName?this.globalRouterComponentName:this.isNuxt?"nuxt-link":this.isVueRouter?"router-link":"a"}},methods:{handleSpaceKeydown(t){var a,n;(n=(a=this.$attrs)==null?void 0:a.class)!=null&&n.includes("usa-button")&&t.target.click()}}},Qt=["href"];function Xt(t,a,n,o,s,l){return l.isHrefLink?(e.openBlock(),e.createElementBlock("a",e.mergeProps({key:0},t.$attrs,{href:n.href||n.to,onKeydown:a[0]||(a[0]=e.withKeys(e.withModifiers((...i)=>l.handleSpaceKeydown&&l.handleSpaceKeydown(...i),["prevent"]),["space"]))}),[e.renderSlot(t.$slots,"default")],16,Qt)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l.linkComponent),e.mergeProps({key:1},t.$attrs,{to:n.to,onKeydown:e.withKeys(e.withModifiers(l.handleSpaceKeydown,["prevent"]),["space"])}),{default:e.withCtx(()=>[e.renderSlot(t.$slots,"default")]),_:3},16,["to","onKeydown"]))}const ae=he(Jt,[["render",Xt]]);function Pe(t,a=!1){const n=e.ref(a),o=e.reactive(t),s=(m,v)=>{if(o[m]===void 0&&(o[m]=v),!n.value)for(const c in o)c!==m&&v&&(o[c]=!1)},l=m=>{delete o[m]},i=m=>{o[m]=!1},r=m=>{if(o[m]=!0,!n.value)for(const v in o)v!==m&&i(v)};return{registerAccordionItem:s,unregisterAccordionItem:l,openItem:r,closeItem:i,toggleItem:m=>{o[m]?i(m):r(m)},closeAllItems:()=>{for(const m in o)i(m)}}}const Zt=["aria-multiselectable"],ea={__name:"UsaAccordion",props:{bordered:{type:Boolean,default:!1},multiselectable:{type:Boolean,default:!1},headingTag:{type:String,default:"h2"}},emits:["update:accordionItems"],setup(t,{expose:a,emit:n}){const o=n,s=t,l=e.reactive({}),i=e.toRef(s,"multiselectable"),{registerAccordionItem:r,unregisterAccordionItem:d,openItem:u,closeItem:m,toggleItem:v}=Pe(l,i);e.watch(l,()=>{o("update:accordionItems",l)}),e.provide("accordionHeadingTag",e.computed(()=>s.headingTag)),e.provide("registerAccordionItem",r),e.provide("unregisterAccordionItem",d),e.provide("toggleItem",v),e.provide("accordionItems",l);const c=e.computed(()=>[{"usa-accordion--bordered":s.bordered}]);return a({openItem:u,closeItem:m,toggleItem:v}),(p,g)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["usa-accordion",c.value]),"aria-multiselectable":i.value||null},[e.renderSlot(p.$slots,"default")],10,Zt))}},Se=(t,a)=>Object.prototype.hasOwnProperty.call(t,a),ve=t=>zt(t),Ie=t=>t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),Fe=(t,a)=>jt(t,a),De={};function Z(t=""){var s,l,i;const a=e.getCurrentInstance(),n=(i=(l=(s=a==null?void 0:a.appContext)==null?void 0:s.config)==null?void 0:l.globalProperties)==null?void 0:i.$route,o=n!=null&&n.path&&ve(n.path)?ve(n.path):"global";return De[o]||(De[o]=0),`${Xe}${o}-${ve(t)}-${++De[o]}`}const ta=["aria-expanded","aria-controls"],aa=["id","hidden"],na={__name:"UsaAccordionItem",props:{id:{type:String,default:""},label:{type:String,default:""},open:{type:Boolean,default:!1},customClasses:{type:Object,default:()=>({heading:[],button:[],content:[]})}},setup(t){const a=e.inject("accordionHeadingTag"),n=e.inject("registerAccordionItem"),o=e.inject("unregisterAccordionItem"),s=e.inject("toggleItem"),l=e.inject("accordionItems"),i=t,r=e.computed(()=>i.id||Z("usa-accordion-item")),d=e.toRef(l,r.value);return n(r.value,i.open),e.onBeforeUnmount(()=>{o(r.value)}),(u,m)=>{var v,c;return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(oe),e.mergeProps(u.$attrs,{class:["usa-accordion__heading",(v=t.customClasses)==null?void 0:v.heading],tag:e.unref(a)}),{default:e.withCtx(()=>{var p;return[e.createElementVNode("button",{type:"button",class:e.normalizeClass(["usa-accordion__button",(p=t.customClasses)==null?void 0:p.button]),"aria-expanded":d.value,"aria-controls":r.value,onClick:m[0]||(m[0]=g=>e.unref(s)(r.value))},[e.renderSlot(u.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])],10,ta)]}),_:3},16,["class","tag"]),e.createElementVNode("div",{id:r.value,class:e.normalizeClass(["usa-accordion__content",(c=t.customClasses)==null?void 0:c.content]),hidden:!d.value},[e.renderSlot(u.$slots,"default")],10,aa)],64)}}},oa=["role"],sa={class:"usa-alert__text"},qe={__name:"UsaAlert",props:{variant:{type:String,default:"",validator(t){const a=["","info","warning","error","success","emergency","validation"].includes(t);return a||console.warn(`'${t}' is not a valid alert variant`),a}},slim:{type:Boolean,default:!1},noIcon:{type:Boolean,default:!1},role:{type:String,default:""},heading:{type:String,default:""},headingTag:{type:String,default:"h2"},customClasses:{type:Object,default:()=>({body:[],heading:[]})}},setup(t){const a=t,n=e.computed(()=>({"usa-alert--no-icon":a.noIcon,"usa-alert--slim":a.slim,"usa-alert--info":a.variant==="info"||a.variant==="validation","usa-alert--warning":a.variant==="warning","usa-alert--error":a.variant==="error","usa-alert--success":a.variant==="success","usa-alert--emergency":a.variant==="emergency","usa-alert--validation":a.variant==="validation"})),o=e.computed(()=>a.role?a.role:!a.role&&a.variant==="error"?"alert":null);return(s,l)=>{var i,r;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["usa-alert",n.value]),role:o.value},[e.createElementVNode("div",{class:e.normalizeClass(["usa-alert__body",(i=t.customClasses)==null?void 0:i.body])},[t.heading||s.$slots.heading?(e.openBlock(),e.createBlock(e.unref(oe),{key:0,tag:t.headingTag,class:e.normalizeClass(["usa-alert__heading",[{"usa-sr-only":t.slim},(r=t.customClasses)==null?void 0:r.heading]])},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"heading",{},()=>[e.createTextVNode(e.toDisplayString(t.heading),1)])]),_:3},8,["tag","class"])):e.createCommentVNode("",!0),e.renderSlot(s.$slots,"message",{},()=>[e.createElementVNode("p",sa,[e.renderSlot(s.$slots,"default")])])],2)],10,oa)}}};function Ze(t,a="",n=!1,o){const s=e.ref(n),l=e.computed(()=>t||Z(a)),i=()=>{s.value=!1,o&&o("update:open",s.value)},r=()=>{s.value=!0,o&&o("update:open",s.value)},d=()=>{s.value?i():r()};return e.watch(s,u=>{s.value!==u&&d()}),{isOpen:e.readonly(s),toggleId:e.readonly(l),closeContent:i,openContent:r,toggleContent:d}}const la=["src"],ra={class:"usa-media-block__body"},ia={key:2},ua=["src"],ca={class:"usa-media-block__body"},da={key:2},et={__name:"UsaBannerContent",setup(t){const a=e.useSlots();a!=null&&a.tldIcon&&console.warn("The 'tldIcon' slot is deprecated, use 'tld-icon' instead."),a!=null&&a.tldDescription&&console.warn("The 'tldDescription' slot is deprecated, use 'tld-description' instead."),a!=null&&a.httpsIcon&&console.warn("The 'httpsIcon' slot is deprecated, use 'https-icon' instead."),a!=null&&a.httpsDescription&&console.warn("The 'httpsDescription' slot is deprecated, use 'https-description' instead.");const n=e.inject("vueUswds.prefixSeparator",me),o=e.inject("vueUswds.gridNamespace",re),s=e.inject("vueUswds.imagePath",Ce);return(l,i)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(`${e.unref(o)}row ${e.unref(o)}gap-lg`)},[e.createElementVNode("div",{class:e.normalizeClass(`usa-banner__guidance tablet${e.unref(n)}${e.unref(o)}col-6`)},[l.$slots["tld-icon"]?e.renderSlot(l.$slots,"tld-icon",{key:0}):l.$slots.tldIcon?e.renderSlot(l.$slots,"tldIcon",{key:1}):(e.openBlock(),e.createElementBlock("img",{key:2,class:"usa-banner__icon usa-media-block__img",src:`${e.unref(s)}/icon-dot-gov.svg`,role:"img",alt:"","aria-hidden":"true"},null,8,la)),e.createElementVNode("div",ra,[l.$slots["tld-description"]?e.renderSlot(l.$slots,"tld-description",{key:0}):l.$slots.tldDescription?e.renderSlot(l.$slots,"tldDescription",{key:1}):(e.openBlock(),e.createElementBlock("p",ia,i[0]||(i[0]=[e.createElementVNode("strong",null,"Official websites use .gov",-1),e.createElementVNode("br",null,null,-1),e.createTextVNode(" A "),e.createElementVNode("strong",null,".gov",-1),e.createTextVNode(" website belongs to an official government organization in the United States. ")])))])],2),e.createElementVNode("div",{class:e.normalizeClass(`usa-banner__guidance tablet${e.unref(n)}${e.unref(o)}col-6`)},[l.$slots["https-icon"]?e.renderSlot(l.$slots,"https-icon",{key:0}):l.$slots.httpsIcon?e.renderSlot(l.$slots,"httpsIcon",{key:1}):(e.openBlock(),e.createElementBlock("img",{key:2,class:"usa-banner__icon usa-media-block__img",src:`${e.unref(s)}/icon-https.svg`,role:"img",alt:"","aria-hidden":"true"},null,8,ua)),e.createElementVNode("div",ca,[l.$slots["https-description"]?e.renderSlot(l.$slots,"https-description",{key:0}):l.$slots.httpsDescription?e.renderSlot(l.$slots,"httpsDescription",{key:1}):(e.openBlock(),e.createElementBlock("p",da,i[1]||(i[1]=[e.createElementVNode("strong",null,"Secure .gov websites use HTTPS",-1),e.createElementVNode("br",null,null,-1),e.createTextVNode(" A "),e.createElementVNode("strong",null,"lock",-1),e.createTextVNode(" ( "),e.createElementVNode("span",{class:"icon-lock"},[e.createElementVNode("svg",{xmlns:"http://www.w3.org/2000/svg",width:"52",height:"64",viewBox:"0 0 52 64",class:"usa-banner__lock-image",role:"img","aria-labelledby":"banner-lock-description",focusable:"false"},[e.createElementVNode("title",{id:"banner-lock-title"},"Lock"),e.createElementVNode("desc",{id:"banner-lock-description"},"Locked padlock icon"),e.createElementVNode("path",{fill:"#000000","fill-rule":"evenodd",d:"M26 0c10.493 0 19 8.507 19 19v9h3a4 4 0 0 1 4 4v28a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V32a4 4 0 0 1 4-4h3v-9C7 8.507 15.507 0 26 0zm0 8c-5.979 0-10.843 4.77-10.996 10.712L15 19v9h22v-9c0-6.075-4.925-11-11-11z"})])],-1),e.createTextVNode(" ) or "),e.createElementVNode("strong",null,"https://",-1),e.createTextVNode(" means you've safely connected to the .gov website. Share sensitive information only on official, secure websites. ")])))])],2)],2))}},ma=["aria-label"],pa=["src"],fa={class:"usa-banner__header-text"},ga={class:"usa-banner__header-action"},va=["aria-expanded","aria-controls"],ha={class:"usa-banner__button-text"},ya=["id","hidden"],ba={__name:"UsaBanner",props:{open:{type:Boolean,default:!1},id:{type:String,default:""},ariaLabel:{type:String,default:"Official website of the United States government"},headerText:{type:String,default:"An official website of the United States government"},actionText:{type:String,default:"Here's how you know"},customClasses:{type:Object,default:()=>({accordion:[],bannerHeader:[],bannerInner:[],button:[],bannerContent:[]})}},emits:["update:open"],setup(t,{expose:a,emit:n}){const o=e.inject("vueUswds.prefixSeparator",me),s=e.inject("vueUswds.gridNamespace",re),l=e.inject("vueUswds.imagePath",Ce),i=n,r=t,{isOpen:d,toggleId:u,openContent:m,closeContent:v,toggleContent:c}=Ze(r.id,"usa-banner",r.open,i),p=e.computed(()=>{var g;return[{"usa-banner__header--expanded":d.value},...((g=r.customClasses)==null?void 0:g.bannerHeader)||[]]});return a({openContent:m,closeContent:v,toggleContent:c}),(g,b)=>{var f,h,y,B;return e.openBlock(),e.createElementBlock("section",{class:"usa-banner","aria-label":t.ariaLabel},[e.createElementVNode("div",{class:e.normalizeClass(["usa-accordion",(f=t.customClasses)==null?void 0:f.accordion])},[e.createElementVNode("header",{class:e.normalizeClass(["usa-banner__header",p.value])},[e.createElementVNode("div",{class:e.normalizeClass(["usa-banner__inner",(h=t.customClasses)==null?void 0:h.bannerInner])},[e.createElementVNode("div",{class:e.normalizeClass(`${e.unref(s)}col-auto`)},[e.renderSlot(g.$slots,"flag",{},()=>[e.createElementVNode("img",{"aria-hidden":"true",class:"usa-banner__header-flag",src:`${e.unref(l)}/us_flag_small.png`,alt:""},null,8,pa)])],2),e.createElementVNode("div",{"aria-hidden":"true",class:e.normalizeClass(`${e.unref(s)}col-fill tablet${e.unref(o)}${e.unref(s)}col-auto`)},[e.createElementVNode("p",fa,e.toDisplayString(t.headerText),1),e.createElementVNode("p",ga,e.toDisplayString(t.actionText),1)],2),e.createElementVNode("button",{type:"button",class:e.normalizeClass(["usa-accordion__button usa-banner__button",(y=t.customClasses)==null?void 0:y.button]),"aria-expanded":e.unref(d),"aria-controls":e.unref(u),onClick:b[0]||(b[0]=w=>e.unref(c)())},[e.renderSlot(g.$slots,"button",{isOpen:e.unref(d),actionText:t.actionText},()=>[e.createElementVNode("span",ha,e.toDisplayString(t.actionText),1)])],10,va)],2)],2),e.createElementVNode("div",{id:e.unref(u),hidden:!e.unref(d),class:e.normalizeClass(["usa-banner__content usa-accordion__content",(B=t.customClasses)==null?void 0:B.bannerContent])},[e.renderSlot(g.$slots,"default",{},()=>[e.createVNode(e.unref(et))])],10,ya)],2)],8,ma)}}},ka=["aria-current"],tt={__name:"UsaBreadcrumbItem",props:{href:{type:String,default:""},to:{type:[String,Object],default:""},routerComponentName:{type:[String,Object],default:""},current:{type:Boolean,default:!1},customClasses:{type:Object,default:()=>({link:[],span:[]})}},setup(t){const a=t,n=e.computed(()=>a.current?"page":null);return(o,s)=>{var l,i;return e.openBlock(),e.createElementBlock("li",{class:"usa-breadcrumb__list-item","aria-current":n.value},[t.current?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass((l=t.customClasses)==null?void 0:l.span)},[e.renderSlot(o.$slots,"default")],2)):(e.openBlock(),e.createBlock(e.unref(ae),{key:1,href:t.href,to:t.to,"router-component-name":t.routerComponentName,class:e.normalizeClass(["usa-breadcrumb__link",(i=t.customClasses)==null?void 0:i.link])},{default:e.withCtx(()=>{var r;return[e.createElementVNode("span",{class:e.normalizeClass((r=t.customClasses)==null?void 0:r.span)},[e.renderSlot(o.$slots,"default")],2)]}),_:3},8,["href","to","router-component-name","class"]))],8,ka)}}},$a=["aria-label"],Sa={__name:"UsaBreadcrumb",props:{items:{type:Array,default:()=>[]},wrap:{type:Boolean,default:!1},ariaLabel:{type:String,default:"Breadcrumbs"},customClasses:{type:Object,default:()=>({list:[],item:[],link:[],span:[]})}},setup(t){const a=t,n=e.computed(()=>[{"usa-breadcrumb--wrap":a.wrap}]),o=e.computed(()=>a.items.some(l=>l==null?void 0:l.current)),s=e.computed(()=>{if(!a.items.length)return[];if(o.value)return a.items;const l=[...a.items];return l[l.length-1].current=!0,l});return(l,i)=>{var r;return e.openBlock(),e.createElementBlock("nav",{class:e.normalizeClass(["usa-breadcrumb",n.value]),"aria-label":t.ariaLabel},[e.createElementVNode("ol",{class:e.normalizeClass(["usa-breadcrumb__list",(r=t.customClasses)==null?void 0:r.list])},[e.renderSlot(l.$slots,"default",{items:s.value},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.value,d=>{var u,m,v;return e.openBlock(),e.createBlock(e.unref(tt),{key:(d==null?void 0:d.id)||d.text,class:e.normalizeClass((u=t.customClasses)==null?void 0:u.item),to:d.to,href:d.href,"router-component-name":d.routerComponentName,current:d.current,"custom-classes":{link:(m=t.customClasses)==null?void 0:m.link,span:(v=t.customClasses)==null?void 0:v.span}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(d.text),1)]),_:2},1032,["class","to","href","router-component-name","current","custom-classes"])}),128))])],2)],10,$a)}}},Ca=["type","disabled"],be={__name:"UsaButton",props:{variant:{type:String,default:"",validator(t){return["","secondary","accent-cool","accent-warm","base","outline","inverse","unstyled"].includes(t)}},size:{type:String,default:"",validator(t){return["","big"].includes(t)}},type:{type:String,default:"button",validator(t){return["button","submit","reset"].includes(t)}},disabled:{type:Boolean,default:!1}},setup(t){const a=t,n=e.computed(()=>[{"usa-button--secondary":a.variant==="secondary","usa-button--accent-cool":a.variant==="accent-cool","usa-button--accent-warm":a.variant==="accent-warm","usa-button--base":a.variant==="base","usa-button--outline":a.variant==="outline"||a.variant==="inverse","usa-button--inverse":a.variant==="inverse","usa-button--unstyled":a.variant==="unstyled","usa-button--big":a.size==="big"}]);return(o,s)=>(e.openBlock(),e.createElementBlock("button",e.mergeProps(o.$attrs,{class:["usa-button",n.value],type:t.type,disabled:t.disabled}),[e.renderSlot(o.$slots,"before"),e.renderSlot(o.$slots,"default"),e.renderSlot(o.$slots,"after")],16,Ca))}},Ba={__name:"UsaButtonGroup",props:{segmented:{type:Boolean,default:!1}},setup(t){const a=t,n=e.computed(()=>[{"usa-button-group--segmented":a.segmented}]);return(o,s)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(["usa-button-group",n.value])},[e.renderSlot(o.$slots,"default")],2))}},wa={},Na={class:"usa-button-group__item"};function Ea(t,a){return e.openBlock(),e.createElementBlock("li",Na,[e.renderSlot(t.$slots,"default")])}const Va=he(wa,[["render",Ea]]),xa={__name:"UsaCard",props:{cardTag:{type:String,default:"div"},heading:{type:String,default:""},headingTag:{type:String,default:"h2"},flag:{type:Boolean,default:!1},headerFirst:{type:Boolean,default:!1},insetMedia:{type:Boolean,default:!1},mediaPosition:{type:String,default:"left",validator(t){return["left","right"].includes(t)}},headerExdent:{type:Boolean,default:!1},mediaExdent:{type:Boolean,default:!1},bodyExdent:{type:Boolean,default:!1},footerExdent:{type:Boolean,default:!1},customClasses:{type:Object,default:()=>({container:[],header:[],heading:[],media:[],img:[],body:[],footer:[]})}},setup(t){const a=t,n=e.computed(()=>[{"usa-card--header-first":a.headerFirst,"usa-card--flag":a.flag,"usa-card--media-right":a.mediaPosition==="right"}]),o=e.computed(()=>{var r;return[{"usa-card__header--exdent":a.headerExdent},...((r=a.customClasses)==null?void 0:r.header)||[]]}),s=e.computed(()=>{var r;return[{"usa-card__media--inset":a.insetMedia,"usa-card__media--exdent":a.mediaExdent},...((r=a.customClasses)==null?void 0:r.media)||[]]}),l=e.computed(()=>{var r;return[{"usa-card__body--exdent":a.bodyExdent},...((r=a.customClasses)==null?void 0:r.body)||[]]}),i=e.computed(()=>{var r;return[{"usa-card__footer--exdent":a.footerExdent},...((r=a.customClasses)==null?void 0:r.footer)||[]]});return(r,d)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.cardTag),{class:e.normalizeClass(["usa-card",n.value])},{default:e.withCtx(()=>{var u,m,v;return[e.createElementVNode("div",{class:e.normalizeClass(["usa-card__container",(u=t.customClasses)==null?void 0:u.container])},[t.heading||r.$slots.heading?(e.openBlock(),e.createElementBlock("header",{key:0,class:e.normalizeClass(["usa-card__header",o.value])},[e.createVNode(e.unref(oe),{tag:t.headingTag,class:e.normalizeClass(["usa-card__heading",(m=t.customClasses)==null?void 0:m.heading])},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"heading",{},()=>[e.createTextVNode(e.toDisplayString(t.heading),1)])]),_:3},8,["tag","class"])],2)):e.createCommentVNode("",!0),r.$slots.media?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["usa-card__media",s.value])},[e.createElementVNode("div",{class:e.normalizeClass(["usa-card__img",(v=t.customClasses)==null?void 0:v.img])},[e.renderSlot(r.$slots,"media")],2)],2)):e.createCommentVNode("",!0),r.$slots.default?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(["usa-card__body",l.value])},[e.renderSlot(r.$slots,"default")],2)):e.createCommentVNode("",!0),r.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["usa-card__footer",i.value])},[e.renderSlot(r.$slots,"footer")],2)):e.createCommentVNode("",!0)],2)]}),_:3},8,["class"]))}},_a={class:"usa-character-count"},Da=["id"],Ma={class:"usa-character-count__sr-status usa-sr-only","aria-live":"polite"},La={__name:"UsaCharacterCount",props:{maxlength:{type:Number,required:!0,validator(t){const a=t>0;return a||console.warn(`${t} is not a valid maxlength`),a}},id:{type:String,default:""}},setup(t){const a=t,n=e.ref(""),o=e.ref(""),s=e.ref(a.maxlength),l=e.computed(()=>s.value<0?s.value*-1:0),i=e.computed(()=>s.value===a.maxlength?"equal":l.value>0?"over":"under"),r=e.computed(()=>a.id||Z("usa-character-count")),d=e.computed(()=>[{"usa-character-count__message--invalid":i.value==="over"}]),u=m=>s.value=a.maxlength-`${m}`.length;return J.watchDebounced(s,()=>{var m;o.value=(m=n.value)==null?void 0:m.textContent},{debounce:1e3,immediate:!0}),e.provide("updateCharacterCount",u),e.provide("characterCountMaxlength",e.computed(()=>a.maxlength)),e.provide("characterCountMessageId",e.computed(()=>r.value)),(m,v)=>(e.openBlock(),e.createElementBlock("div",_a,[e.renderSlot(m.$slots,"default"),e.createElementVNode("span",{id:r.value,class:"usa-character-count__message usa-sr-only"},[e.renderSlot(m.$slots,"default-message",{},()=>[e.createTextVNode("You can enter up to "+e.toDisplayString(t.maxlength)+" characters",1)])],8,Da),e.createElementVNode("div",{ref_key:"statusMessageRef",ref:n,class:e.normalizeClass(["usa-character-count__status usa-hint",d.value]),"aria-hidden":"true"},[i.value==="equal"?e.renderSlot(m.$slots,"equal-message",{key:0,maxlength:t.maxlength},()=>[e.createTextVNode(e.toDisplayString(t.maxlength)+" character",1),t.maxlength!==1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("s")],64)):e.createCommentVNode("",!0),v[0]||(v[0]=e.createTextVNode(" allowed"))]):i.value==="under"?e.renderSlot(m.$slots,"remaining-message",{key:1,charactersRemaining:s.value,maxlength:t.maxlength},()=>[e.createTextVNode(e.toDisplayString(s.value)+" character",1),s.value!==1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("s")],64)):e.createCommentVNode("",!0),v[1]||(v[1]=e.createTextVNode(" left"))]):i.value==="over"?e.renderSlot(m.$slots,"over-message",{key:2,charactersOver:l.value,maxlength:t.maxlength},()=>[e.createTextVNode(e.toDisplayString(l.value)+" character",1),l.value!==1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode("s")],64)):e.createCommentVNode("",!0),v[2]||(v[2]=e.createTextVNode(" over limit"))]):e.createCommentVNode("",!0)],2),e.createElementVNode("div",Ma,e.toDisplayString(o.value),1)]))}},Ta=["id"],Ia=["htmlFor"],Ua={inheritAttrs:!1},Aa=Object.assign(Ua,{__name:"UsaCheckbox",props:{tile:{type:Boolean,default:!1},modelValue:{type:Boolean,default:!1},label:{type:String,default:""},description:{type:String,default:""},id:{type:String,default:""},customClasses:{type:Object,default:()=>({component:[],label:[],description:[]})}},emits:["update:modelValue"],setup(t,{emit:a}){const n=a,o=t,s=e.computed(()=>o.id||Z("usa-checkbox")),l=e.computed({get(){return o.modelValue},set(r){n("update:modelValue",r)}}),i=e.computed(()=>[{"usa-checkbox__input--tile":o.tile}]);return(r,d)=>{var u,m,v;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["usa-checkbox",(u=t.customClasses)==null?void 0:u.component])},[e.withDirectives(e.createElementVNode("input",e.mergeProps(r.$attrs,{id:s.value,"onUpdate:modelValue":d[0]||(d[0]=c=>l.value=c),class:["usa-checkbox__input",i.value],type:"checkbox"}),null,16,Ta),[[e.vModelCheckbox,l.value]]),e.createElementVNode("label",{class:e.normalizeClass(["usa-checkbox__label",(m=t.customClasses)==null?void 0:m.label]),htmlFor:s.value},[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),t.description||r.$slots.description?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass(["usa-checkbox__label-description",(v=t.customClasses)==null?void 0:v.description])},[e.renderSlot(r.$slots,"description",{},()=>[e.createTextVNode(e.toDisplayString(t.description),1)])],2)):e.createCommentVNode("",!0)],10,Ia)],2)}}}),Oa=["aria-label"],at={__name:"UsaChecklistItem",props:{checked:{type:Boolean,default:!1},ariaLabel:{type:String,default:""}},setup(t){const a=t,n=e.computed(()=>[{"usa-checklist__item--checked":a.checked}]);return(o,s)=>(e.openBlock(),e.createElementBlock("li",{class:e.normalizeClass(["usa-checklist__item",n.value]),"aria-label":t.ariaLabel},[e.renderSlot(o.$slots,"default")],10,Oa))}},za={class:"usa-checklist"},nt={__name:"UsaChecklist",props:{items:{type:Array,default:()=>[]}},setup(t){return(a,n)=>(e.openBlock(),e.createElementBlock("ul",za,[e.renderSlot(a.$slots,"default",{},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.items,o=>(e.openBlock(),e.createBlock(e.unref(at),{key:(o==null?void 0:o.id)||o.text,checked:o.checked,"aria-label":o.ariaLabel},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.text),1)]),_:2},1032,["checked","aria-label"]))),128))])]))}},ja={__name:"UsaCollection",props:{condensed:{type:Boolean,default:!1}},setup(t){const a=t,n=e.computed(()=>[{"usa-collection--condensed":a.condensed}]);return(o,s)=>(e.openBlock(),e.createElementBlock("ul",{class:e.normalizeClass(["usa-collection",n.value])},[e.renderSlot(o.$slots,"default")],2))}},Ra={class:"usa-collection__calendar-date"},Pa={__name:"UsaCollectionCalendar",props:{month:{type:String,required:!0},day:{type:[String,Number],required:!0},datetime:{type:String,default:""},customClasses:{type:Object,default:()=>({datetime:[],month:[],day:[]})}},setup(t){const a=t,n=e.computed(()=>a.datetime?"time":"div");return(o,s)=>{var l;return e.openBlock(),e.createElementBlock("div",Ra,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.value),{datetime:t.datetime||null,class:e.normalizeClass((l=t.customClasses)==null?void 0:l.datetime)},{default:e.withCtx(()=>{var i,r;return[e.createElementVNode("span",{class:e.normalizeClass(["usa-collection__calendar-date-month",(i=t.customClasses)==null?void 0:i.month])},e.toDisplayString(t.month),3),e.createElementVNode("span",{class:e.normalizeClass(["usa-collection__calendar-date-day",(r=t.customClasses)==null?void 0:r.day])},e.toDisplayString(t.day),3)]}),_:1},8,["datetime","class"]))])}}},ot={__name:"UsaCollectionHeading",props:{href:{type:String,default:""},to:{type:[String,Object],default:""},routerComponentName:{type:[String,Object],default:""},headingTag:{type:String,default:"h2"},heading:{type:String,default:""},customClasses:{type:Object,default:()=>({link:[]})}},setup(t){return(a,n)=>(e.openBlock(),e.createBlock(e.unref(oe),{tag:t.headingTag,class:"usa-collection__heading"},{default:e.withCtx(()=>{var o;return[e.createVNode(e.unref(ae),{href:t.href,to:t.to,"router-component-name":t.routerComponentName,class:e.normalizeClass(["usa-link",(o=t.customClasses)==null?void 0:o.link])},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.heading),1)])]),_:3},8,["href","to","router-component-name","class"])]}),_:3},8,["tag"]))}},Fa={class:"usa-collection__item"},qa={class:"usa-collection__body"},Ya={__name:"UsaCollectionItem",props:{heading:{type:String,default:""},headingTag:{type:String,default:"h2"},href:{type:String,default:""},to:{type:[String,Object],default:""},routerComponentName:{type:[String,Object],default:""},customClasses:{type:Object,default:()=>({media:[],heading:[],link:[],description:[]})}},setup(t){return(a,n)=>{var o;return e.openBlock(),e.createElementBlock("li",Fa,[a.$slots.media?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["usa-collection__img",(o=t.customClasses)==null?void 0:o.media])},[e.renderSlot(a.$slots,"media")],2)):e.renderSlot(a.$slots,"calendar",{key:1}),e.createElementVNode("div",qa,[e.renderSlot(a.$slots,"heading",{},()=>{var s,l;return[e.createVNode(e.unref(ot),{heading:t.heading,"heading-tag":t.headingTag,href:t.href,to:t.to,class:e.normalizeClass((s=t.customClasses)==null?void 0:s.heading),"router-component-name":t.routerComponentName,"custom-classes":{link:((l=t.customClasses)==null?void 0:l.link)||[]}},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.heading),1)]),_:1},8,["heading","heading-tag","href","to","class","router-component-name","custom-classes"])]}),e.renderSlot(a.$slots,"description",{},()=>{var s;return[a.$slots.default?(e.openBlock(),e.createElementBlock("p",{key:0,class:e.normalizeClass(["usa-collection__description",(s=t.customClasses)==null?void 0:s.description])},[e.renderSlot(a.$slots,"default")],2)):e.createCommentVNode("",!0)]}),e.renderSlot(a.$slots,"meta")])])}}},Ha=["aria-label"],Ka={__name:"UsaCollectionMeta",props:{ariaLabel:{type:String,required:!0}},setup(t){return(a,n)=>(e.openBlock(),e.createElementBlock("ul",{class:"usa-collection__meta","aria-label":t.ariaLabel},[e.renderSlot(a.$slots,"default")],8,Ha))}},Ga={},Wa={class:"usa-collection__meta-item"};function Ja(t,a){return e.openBlock(),e.createElementBlock("li",Wa,[e.renderSlot(t.$slots,"default")])}const Qa=he(Ga,[["render",Ja]]);function Xa(t,a,n,o,s,l){const i=e.ref(t),r=e.ref(n),d=e.ref(o),u=e.ref(s),m=e.computed({get(){return a.value},set(M){l("update:modelValue",M)}}),v=J.useActiveElement(),c=e.ref(!1),p=e.ref(""),g=e.ref(""),b=e.ref(!1),f=e.computed(()=>{if(m.value==="")return"";const M=r.value.find(K=>K.value===m.value);return(M==null?void 0:M.label)||""});e.watch(f,M=>{M!==""&&(p.value=M)}),e.watch(p,M=>{b.value&&M!==""&&(c.value=!0)}),f.value&&(p.value=f.value);const h=e.computed(()=>p.value===""||!c.value&&p.value===f.value?r.value:r.value.filter(M=>new RegExp(Ie(p.value),"gi").test(M.label))),y=e.computed(()=>{var M;return(M=h.value)==null?void 0:M.length}),B=e.computed(()=>i.value||Z("usa-combo-box")),w=e.computed(()=>`${B.value}-label`),k=e.computed(()=>`${B.value}-error-message`),S=e.computed(()=>`${B.value}-hint`),E=e.computed(()=>`${B.value}-assistive-hint`),V=e.computed(()=>`${B.value}-list`),$=M=>`${V.value}-option-${M}`,C=e.ref(null),U=e.ref(null),I=e.ref(null),q=e.ref([]),T=M=>q.value.find(K=>K.id===M),P=M=>q.value.find(K=>K.dataset.value===M),H=e.computed(()=>y.value?h.value[0].value:""),ee=e.computed(()=>{const M=y.value?q.value[0].id:null;return M?T(M):null}),N=e.computed(()=>{if(m.value==="")return null;const M=q.value.find(K=>K.dataset.value===m.value);return M||null}),x=e.computed(()=>{if(g.value==="")return null;const M=q.value.find(K=>K.dataset.value===g.value);return M||null}),_=e.computed(()=>h.value.findIndex(K=>K.value===g.value)===0),z=e.computed(()=>h.value.findIndex(K=>K.value===g.value)===y.value-1),G=e.computed(()=>{const M=v.value.id;return M===Q.value||y.value&&m.value!==""&&b.value&&M===B.value?Q.value:null}),X=M=>{if(!M||!(I!=null&&I.value))return;const K=M.offsetTop+M.offsetHeight,_e=I.value.scrollTop+I.value.offsetHeight;K>_e&&(I.value.scrollTop=K-I.value.offsetHeight),M.offsetTop<I.value.scrollTop&&(I.value.scrollTop=M.offsetTop)},ne=()=>{U.value.focus()},j=M=>{m.value=M;const K=r.value.find(_e=>_e.value===M);p.value=(K==null?void 0:K.label)||"",c.value=!1},W=()=>{j("")},te=M=>{g.value=M},ie=()=>{g.value=""},L=()=>{!d.value&&!u.value&&(b.value=!0)},F=()=>{b.value=!1,c.value=!1,ie(),I.value.scrollTop=0},R=M=>g.value===M||m.value===M?0:-1,Q=e.computed(()=>{if(!g.value)return null;const M=h.value.findIndex(K=>K.value===g.value);return $(M)}),A=e.computed(()=>m.value!==""&&p.value===f.value&&!d.value&&!u.value),pe=()=>{b.value||L(),m.value!==""?te(m.value):te(H.value)},se=()=>{const M=h.value.find(K=>K.label===p.value);p.value!==""&&M.value&&j(M.value),F()},Et=()=>{b.value?(F(),ie()):(L(),m.value!==""?(te(m.value),e.nextTick(()=>{X(N.value)})):te(H.value)),ne()},Vt=()=>{W(),ie(),ne()},xt=M=>{te(M),x.value&&x.value.focus({preventScroll:!0})},_t=M=>{j(M),F(),ne()},Dt=M=>{j(M),F(),ne()},Mt=M=>{if(!z.value){te(h.value[M+1].value);const K=P(g.value);X(K.value),x.value&&x.value.focus()}},Lt=M=>{if(_.value)F(),ie(),ne();else{te(h.value[M-1].value);const K=P(g.value);X(K.value),x.value&&x.value.focus()}},Tt=()=>{b.value&&(j(m.value),F(),ie())},It=M=>{j(M),F(),ne()},Ut=()=>{j(m.value),F(),ie(),ne()},At=()=>{b.value||L(),y.value&&(m.value?(te(m.value),e.nextTick(()=>{N.value.focus(),X(N.value)})):(te(H.value),e.nextTick(()=>{x.value.focus(),X(x.value)})))},Ot=()=>{b.value||L(),m.value?(te(m.value),e.nextTick(()=>{X(N.value)})):g.value===""&&(te(H.value),e.nextTick(()=>{X(ee.value)}))};return J.onClickOutside(C,()=>Tt()),J.onKeyStroke("Escape",()=>{Ut()}),{activeDescendent:G,clearButtonIsVisible:A,componentElement:C,computedAssistiveHintId:E,computedErrorMessageId:k,computedHintId:S,computedId:B,computedLabelId:w,computedListId:V,filteredOptions:h,getListItemIdByIndex:$,handleClearInput:Vt,handleClickOnInput:Ot,handleClickOnListOption:It,handleDownOnInput:At,handleDownOnListOption:Mt,handleEnterOnInput:se,handleEnterOnListOption:Dt,handleFilterOnInput:pe,handleHoverOnListOption:xt,handleListToggle:Et,handleSpaceOnListOption:_t,handleUpOnListOption:Lt,highlightedOption:e.readonly(g),inputElement:U,isDisabled:e.readonly(d),isOpen:e.readonly(b),isReadonly:e.readonly(u),listElement:I,listItemElements:q,listItemTabIndex:R,searchTerm:p,selectedOption:m,totalFilteredOptions:y}}const Za={inheritAttrs:!1},ce=Object.assign(Za,{__name:"UsaFormGroup",props:{group:{type:Boolean,default:!1},error:{type:Boolean,default:!1}},setup(t){const a=t,n=e.computed(()=>[{"usa-form-group--error":a.error}]);return(o,s)=>t.group?(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:0},o.$attrs,{class:["usa-form-group",n.value]}),[e.renderSlot(o.$slots,"default")],16)):e.renderSlot(o.$slots,"default",{key:1})}}),en=["htmlFor"],de={__name:"UsaLabel",props:{for:{type:String,required:!0},required:{type:Boolean,default:!1},error:{type:Boolean,default:!1}},setup(t){const a=t,n=e.computed(()=>[{"usa-label--error":a.error}]);return(o,s)=>(e.openBlock(),e.createElementBlock("label",{htmlFor:a.for,class:e.normalizeClass(["usa-label",n.value])},[e.renderSlot(o.$slots,"default"),t.required?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[s[1]||(s[1]=e.createTextVNode(" ")),e.renderSlot(o.$slots,"required",{},()=>[s[0]||(s[0]=e.createElementVNode("abbr",{title:"required",class:"usa-hint usa-hint--required"},"*",-1))])],64)):e.createCommentVNode("",!0)],10,en))}},tn=["id"],an=["id"],nn=["id","required","disabled","readonly","aria-owns","aria-controls","aria-describedby","aria-expanded","aria-activedescendant"],on={class:"usa-combo-box__clear-input__wrapper",tabindex:"-1"},sn=["aria-label","disabled"],ln={class:"usa-combo-box__toggle-list__wrapper",tabindex:"-1"},rn=["aria-label","disabled"],un=["id","aria-labelledby","hidden"],cn=["id","aria-setsize","aria-posinset","aria-selected","tabindex","data-value","onClick","onKeydown","onMouseover"],dn={key:1,class:"usa-combo-box__list-option--no-results"},mn={class:"usa-combo-box__status usa-sr-only",role:"status"},pn=["id"],fn={inheritAttrs:!1},st=Object.assign(fn,{__name:"UsaComboBox",props:{options:{type:Array,default:()=>[]},modelValue:{type:[String,Number],default:""},label:{type:String,default:""},required:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},error:{type:Boolean,default:!1},id:{type:String,default:""},clearButtonAriaLabel:{type:String,default:"Clear the select contents"},toggleButtonAriaLabel:{type:String,default:"Toggle the dropdown list"},customClasses:{type:Object,default:()=>({formGroup:[],component:[],label:[],input:[],list:[]})}},emits:["update:modelValue"],setup(t,{emit:a}){const n=e.useSlots(),o=a,s=t,{activeDescendent:l,clearButtonIsVisible:i,componentElement:r,computedAssistiveHintId:d,computedErrorMessageId:u,computedHintId:m,computedId:v,computedLabelId:c,computedListId:p,filteredOptions:g,getListItemIdByIndex:b,handleClearInput:f,handleClickOnInput:h,handleClickOnListOption:y,handleDownOnInput:B,handleDownOnListOption:w,handleEnterOnInput:k,handleEnterOnListOption:S,handleFilterOnInput:E,handleHoverOnListOption:V,handleListToggle:$,handleSpaceOnListOption:C,handleUpOnListOption:U,highlightedOption:I,inputElement:q,isOpen:T,isDisabled:P,isReadonly:H,listElement:ee,listItemElements:N,listItemTabIndex:x,searchTerm:_,selectedOption:z,totalFilteredOptions:G}=Xa(e.toRef(s,"id"),e.toRef(s,"modelValue"),e.toRef(s,"options"),e.toRef(s,"disabled"),e.toRef(s,"readonly"),o),X=e.computed(()=>{const j=[d.value];return n.hint&&j.push(m.value),s.error&&n["error-message"]&&j.push(u.value),j.join(" ")}),ne=e.computed(()=>{var j;return[{"usa-combo-box--pristine":z.value!==""},...((j=s.customClasses)==null?void 0:j.component)||[]]});return(j,W)=>{var te;return e.openBlock(),e.createBlock(e.unref(ce),{group:!!j.$slots.hint||t.error&&!!j.$slots["error-message"],error:t.error,class:e.normalizeClass((te=s.customClasses)==null?void 0:te.formGroup)},{default:e.withCtx(()=>{var ie,L,F;return[t.label||j.$slots.label?(e.openBlock(),e.createBlock(e.unref(de),{key:0,id:e.unref(c),for:e.unref(v),required:t.required,error:t.error,class:e.normalizeClass((ie=t.customClasses)==null?void 0:ie.label)},{default:e.withCtx(()=>[e.renderSlot(j.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},8,["id","for","required","error","class"])):e.createCommentVNode("",!0),j.$slots.hint?(e.openBlock(),e.createElementBlock("span",{key:1,id:e.unref(m),class:"usa-hint"},[e.renderSlot(j.$slots,"hint")],8,tn)):e.createCommentVNode("",!0),t.error&&j.$slots["error-message"]?(e.openBlock(),e.createElementBlock("span",{key:2,id:e.unref(u),class:"usa-error-message"},[e.renderSlot(j.$slots,"error-message")],8,an)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"componentElement",ref:r,class:e.normalizeClass(["usa-combo-box",ne.value]),"data-enhanced":"true"},[e.withDirectives(e.createElementVNode("input",e.mergeProps(j.$attrs,{id:e.unref(v),ref_key:"inputElement",ref:q,"onUpdate:modelValue":W[0]||(W[0]=R=>e.isRef(_)?_.value=R:null),required:t.required,disabled:e.unref(P),readonly:e.unref(H),"aria-owns":e.unref(p),"aria-controls":e.unref(p),"aria-describedby":X.value,"aria-expanded":e.unref(T),"aria-activedescendant":e.unref(l),"aria-autocomplete":"list",autocapitalize:"off",autocomplete:"off",class:["usa-combo-box__input",(L=s.customClasses)==null?void 0:L.input],type:"text",role:"combobox",onClick:W[1]||(W[1]=(...R)=>e.unref(h)&&e.unref(h)(...R)),onInput:W[2]||(W[2]=(...R)=>e.unref(E)&&e.unref(E)(...R)),onKeydown:[W[3]||(W[3]=e.withKeys(e.withModifiers((...R)=>e.unref(k)&&e.unref(k)(...R),["prevent"]),["enter"])),W[4]||(W[4]=e.withKeys(e.withModifiers((...R)=>e.unref(B)&&e.unref(B)(...R),["prevent"]),["down"]))]}),null,16,nn),[[e.vModelText,e.unref(_)]]),e.createElementVNode("span",on,[e.withDirectives(e.createElementVNode("button",{type:"button",class:"usa-combo-box__clear-input","aria-label":t.clearButtonAriaLabel,disabled:e.unref(P)||e.unref(H),onClick:W[5]||(W[5]=(...R)=>e.unref(f)&&e.unref(f)(...R))}," ",8,sn),[[e.vShow,e.unref(i)]])]),W[9]||(W[9]=e.createElementVNode("span",{class:"usa-combo-box__input-button-separator"}," ",-1)),e.createElementVNode("span",ln,[e.createElementVNode("button",{type:"button",tabindex:"-1",class:"usa-combo-box__toggle-list","aria-label":t.toggleButtonAriaLabel,disabled:e.unref(P)||e.unref(H),onClick:W[6]||(W[6]=(...R)=>e.unref($)&&e.unref($)(...R))}," ",8,rn)]),e.createElementVNode("ul",{id:e.unref(p),ref_key:"listElement",ref:ee,tabindex:"-1",class:e.normalizeClass(["usa-combo-box__list",(F=s.customClasses)==null?void 0:F.list]),role:"listbox","aria-labelledby":e.unref(c),hidden:!e.unref(T)},[e.unref(g).length?(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:0},e.renderList(e.unref(g),(R,Q)=>(e.openBlock(),e.createElementBlock("li",{id:e.unref(b)(Q),ref_for:!0,ref_key:"listItemElements",ref:N,key:R.value,"aria-setsize":e.unref(G),"aria-posinset":Q+1,"aria-selected":e.unref(z)===R.value,class:e.normalizeClass(["usa-combo-box__list-option",[{"usa-combo-box__list-option--selected":e.unref(z)===R.value,"usa-combo-box__list-option--focused":e.unref(I)===R.value}]]),tabindex:e.unref(x)(R.value),role:"option","data-value":R.value,onClick:A=>e.unref(y)(R.value),onKeydown:[e.withKeys(e.withModifiers(A=>e.unref(U)(Q),["prevent"]),["up"]),e.withKeys(e.withModifiers(A=>e.unref(w)(Q),["prevent"]),["down"]),e.withKeys(e.withModifiers(A=>e.unref(S)(R.value),["prevent"]),["enter"]),e.withKeys(e.withModifiers(A=>e.unref(C)(R.value),["prevent"]),["space"])],onMouseover:A=>e.unref(V)(R.value)},e.toDisplayString(R.label),43,cn))),128)):(e.openBlock(),e.createElementBlock("li",dn,[e.renderSlot(j.$slots,"no-results",{},()=>[W[7]||(W[7]=e.createTextVNode("No results found"))])]))],10,un),e.createElementVNode("div",mn,[e.unref(T)?e.renderSlot(j.$slots,"status",{key:0,filteredOptions:e.unref(g)},()=>[e.unref(g).length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createTextVNode(e.toDisplayString(e.unref(g).length)+" "+e.toDisplayString(e.unref(g).length>1?"results":"result")+" available.",1)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode("No results.")],64))]):e.createCommentVNode("",!0)]),e.createElementVNode("span",{id:e.unref(d),class:"usa-sr-only"},[e.renderSlot(j.$slots,"assistive-hint",{},()=>[W[8]||(W[8]=e.createTextVNode("When autocomplete results are available use up and down arrows to review and enter to select. Touch device users, explore by touch or with swipe gestures."))])],8,pn)],2)]}),_:3},8,["group","error","class"])}}}),gn=["id"],vn=["id"],hn=["id","type","required","maxlength","aria-describedby"],yn=["id","type","required","maxlength","aria-describedby"],bn={inheritAttrs:!1},ke=Object.assign(bn,{__name:"UsaTextInput",props:{type:{type:String,default:"text"},width:{type:String,default:"",validator(t){const a=["","2xs","xs","sm","small","md","medium","lg","xl","2xl"].includes(t);return a||console.warn(`'${t}' is not a valid text input width`),a}},modelValue:{type:[String,Number],default:""},group:{type:Boolean,default:!1},label:{type:String,default:""},required:{type:Boolean,default:!1},error:{type:Boolean,default:!1},id:{type:String,default:""},customClasses:{type:Object,default:()=>({component:[],label:[],inputGroup:[],inputPrefix:[],inputSuffix:[]})}},emits:["update:modelValue"],setup(t,{emit:a}){const n=e.ref(null),{focused:o}=J.useFocus(n),s=e.useSlots(),l=e.useAttrs(),i=e.inject("updateCharacterCount",null),r=e.inject("characterCountMaxlength",null),d=e.inject("characterCountMessageId",null),u=e.inject("registerInput",null),m=e.inject("unregisterInput",null),v=a,c=t,p=e.computed(()=>c.id||Z("usa-text-input")),g=e.computed(()=>`${p.value}-error-message`),b=e.computed(()=>`${p.value}-hint`),f=e.computed({get(){return c.modelValue},set(k){v("update:modelValue",k),i&&i(k)}});e.onMounted(()=>{i&&i(c.modelValue),u&&u(p.value)}),e.onBeforeUnmount(()=>{m&&m(p.value)});const h=e.computed(()=>s["input-prefix"]||s["input-suffix"]?[]:[{"usa-input--error":c.error,"usa-input--2xs":c.width==="2xs","usa-input--xs":c.width==="xs","usa-input--sm":c.width==="sm","usa-input--small":c.width==="small","usa-input--md":c.width==="md","usa-input--medium":c.width==="medium","usa-input--lg":c.width==="lg","usa-input--xl":c.width==="xl","usa-input--2xl":c.width==="2xl","usa-character-count__field":i}]),y=e.computed(()=>{var k;return!s["input-prefix"]&&!s["input-suffix"]?[]:[{"usa-input-group--error":c.error,"usa-input-group--2xs":c.width==="2xs","usa-input-group--xs":c.width==="xs","usa-input-group--sm":c.width==="sm","usa-input-group--small":c.width==="small","usa-input-group--md":c.width==="md","usa-input-group--medium":c.width==="medium","usa-input-group--lg":c.width==="lg","usa-input-group--xl":c.width==="xl","usa-input-group--2xl":c.width==="2xl","is-focused":o.value===!0},...((k=c.customClasses)==null?void 0:k.inputGroup)||[]]}),B=e.computed(()=>{const k=[];return l["aria-describedby"]&&k.push(l["aria-describedby"]),d&&k.push(d.value),s.hint&&k.push(b.value),c.error&&s["error-message"]&&k.push(g.value),k.length?k.join(" "):null}),w=e.computed(()=>c.group||!!s.hint||c.error&&!!s["error-message"]);return(k,S)=>{var E;return e.openBlock(),e.createBlock(e.unref(ce),{group:w.value,error:t.error,class:e.normalizeClass((E=t.customClasses)==null?void 0:E.component)},{default:e.withCtx(()=>{var V,$,C;return[t.label||k.$slots.label?(e.openBlock(),e.createBlock(e.unref(de),{key:0,for:p.value,required:t.required,error:t.error,class:e.normalizeClass((V=t.customClasses)==null?void 0:V.label)},{default:e.withCtx(()=>[e.renderSlot(k.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},8,["for","required","error","class"])):e.createCommentVNode("",!0),k.$slots.hint?(e.openBlock(),e.createElementBlock("span",{key:1,id:b.value,class:"usa-hint"},[e.renderSlot(k.$slots,"hint")],8,gn)):e.createCommentVNode("",!0),t.error&&k.$slots["error-message"]?(e.openBlock(),e.createElementBlock("span",{key:2,id:g.value,class:"usa-error-message"},[e.renderSlot(k.$slots,"error-message")],8,vn)):e.createCommentVNode("",!0),k.$slots["input-prefix"]||k.$slots["input-suffix"]?(e.openBlock(),e.createElementBlock("div",{key:3,class:e.normalizeClass(["usa-input-group",y.value])},[k.$slots["input-prefix"]?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["usa-input-prefix",($=t.customClasses)==null?void 0:$.inputPrefix]),"aria-hidden":"true",onClick:S[0]||(S[0]=U=>n.value.focus())},[e.renderSlot(k.$slots,"input-prefix")],2)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("input",e.mergeProps(k.$attrs,{id:p.value,ref_key:"inputElement",ref:n,"onUpdate:modelValue":S[1]||(S[1]=U=>f.value=U),type:t.type,class:["usa-input",h.value],required:t.required,maxlength:e.unref(r)||k.$attrs.maxlength,"aria-describedby":B.value}),null,16,hn),[[e.vModelDynamic,f.value]]),k.$slots["input-suffix"]?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["usa-input-suffix",(C=t.customClasses)==null?void 0:C.inputSuffix]),"aria-hidden":"true",onClick:S[2]||(S[2]=U=>n.value.focus())},[e.renderSlot(k.$slots,"input-suffix")],2)):e.createCommentVNode("",!0)],2)):e.withDirectives((e.openBlock(),e.createElementBlock("input",e.mergeProps({key:4},k.$attrs,{id:p.value,ref_key:"inputElement",ref:n,"onUpdate:modelValue":S[3]||(S[3]=U=>f.value=U),type:t.type,class:["usa-input",h.value],required:t.required,maxlength:e.unref(r)||k.$attrs.maxlength,"aria-describedby":B.value}),null,16,yn)),[[e.vModelDynamic,f.value]])]}),_:3},8,["group","error","class"])}}}),kn=["id"],$n=["id"],Sn=["id","required","aria-describedby"],Cn={key:0,value:""},Bn=["value","selected","disabled"],wn=["label","disabled"],Nn=["value","selected","disabled"],En={inheritAttrs:!1},lt=Object.assign(En,{__name:"UsaSelect",props:{options:{type:Array,default:()=>[]},emptyLabel:{type:String,default:"- Select -"},modelValue:{type:[String,Number],default:""},group:{type:Boolean,default:!1},label:{type:String,default:""},required:{type:Boolean,default:!1},error:{type:Boolean,default:!1},id:{type:String,default:""},customClasses:{type:Object,default:()=>({component:[],label:[]})}},emits:["update:modelValue"],setup(t,{emit:a}){const n=e.useSlots(),o=e.useAttrs(),s=a,l=t,i=e.computed(()=>l.id||Z("usa-dropdown")),r=e.computed(()=>`${i.value}-error-message`),d=e.computed(()=>`${i.value}-hint`),u=e.computed({get(){return l.modelValue},set(p){s("update:modelValue",p)}}),m=e.computed(()=>[{"usa-input--error":l.error}]),v=e.computed(()=>{const p=[];return o["aria-describedby"]&&p.push(o["aria-describedby"]),n.hint&&p.push(d.value),l.error&&n["error-message"]&&p.push(r.value),p.length?p.join(" "):null}),c=e.computed(()=>l.group||!!n.hint||l.error&&!!n["error-message"]);return(p,g)=>{var b;return e.openBlock(),e.createBlock(e.unref(ce),{group:c.value,error:t.error,class:e.normalizeClass((b=l.customClasses)==null?void 0:b.component)},{default:e.withCtx(()=>{var f;return[t.label||p.$slots.label?(e.openBlock(),e.createBlock(e.unref(de),{key:0,for:i.value,required:t.required,error:t.error,class:e.normalizeClass((f=t.customClasses)==null?void 0:f.label)},{default:e.withCtx(()=>[e.renderSlot(p.$slots,"label",{},()=>[e.createTextVNode(e.toDisplayString(t.label),1)])]),_:3},8,["for","required","error","class"])):e.createCommentVNode("",!0),p.$slots.hint?(e.openBlock(),e.createElementBlock("span",{key:1,id:d.value,class:"usa-hint"},[e.renderSlot(p.$slots,"hint")],8,kn)):e.createCommentVNode("",!0),t.error&&p.$slots["error-message"]?(e.openBlock(),e.createElementBlock("span",{key:2,id:r.value,class:"usa-error-message"},[e.renderSlot(p.$slots,"error-message")],8,$n)):e.createCommentVNode("",!0),e.withDirectives(e.createElementVNode("select",e.mergeProps(p.$attrs,{id:i.value,"onUpdate:modelValue":g[0]||(g[0]=h=>u.value=h),class:["usa-select",m.value],required:t.required,"aria-describedby":v.value}),[t.options.length?(e.openBlock(),e.createElementBlock("option",Cn,e.toDisplayString(t.emptyLabel),1)):e.createCommentVNode("",!0),e.renderSlot(p.$slots,"default",{options:t.options},()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,h=>(e.openBlock(),e.createElementBlock(e.Fragment,{k