@phila/phila-ui-app-header 0.2.0-beta.1 → 0.2.0-beta.2

package/dist/components/NavBar/NavbarBrandLogo.vue.d.ts

@@ -1,4 +1,6 @@
 import { BrandingImage } from '../../index';
-declare const _default: import('vue').DefineComponent<BrandingImage, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BrandingImage> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: import('vue').DefineComponent<BrandingImage, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<BrandingImage> & Readonly<{}>, {
+    href: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=NavbarBrandLogo.vue.d.ts.map

package/dist/components/NavBar/NavbarBrandLogo.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NavbarBrandLogo.vue.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/NavbarBrandLogo.vue"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;;AAuDjD,wBAMG"}
+{"version":3,"file":"NavbarBrandLogo.vue.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/NavbarBrandLogo.vue"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;;;;AAoEjD,wBAQG"}

package/dist/index.css

@@ -1 +1 @@
-#trusted-site[data-v-5d964269]{width:100%;height:3rem;padding:0 var(--spacing-l);box-sizing:border-box}#trusted-site .content[data-v-5d964269]{color:var(--Schemes-On-Surface);font-size:var(--component-banner-font-size)}#trusted-site button[data-v-5d964269]{--Schemes-Surface-Container-Lowest: transparent;font-size:var(--component-banner-font-size, .75)!important}#trusted-site .trusted-toggle[data-v-5d964269]{height:100%}#trusted-site-info .circle-icon[data-v-5d964269]{border:solid 1px var(--Schemes-On-Surface);border-radius:100%;font-size:var(--scale-250);aspect-ratio:1;display:inline-flex;justify-content:center;align-content:center}body:has(.phila-navbar .phila-navbar-item-flyout-active){overflow:hidden}.phila-navbar[data-v-f2a05d03]{display:flex;justify-content:space-between;column-gap:var(--spacing-3xl);height:5rem}.phila-navbar .phila-navbar-brand[data-v-f2a05d03],.phila-navbar .phila-navbar-list[data-v-f2a05d03],.phila-navbar .phila-navbar-search[data-v-f2a05d03],.phila-navbar .phila-navbar-item[data-v-f2a05d03],.phila-navbar .phila-navbar-burger[data-v-f2a05d03]{display:flex}[data-v-f2a05d03] a.phila-navbar-link,.phila-navbar a.phila-navbar-link[data-v-f2a05d03]{text-decoration:none;color:var(--Schemes-On-Inverse-Surface-Bright)}[data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]{list-style:none;padding:0;margin:0;column-gap:var(--spacing-l)}:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item{height:100%;display:flex;align-items:center}:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link{display:flex;align-items:center;height:100%}:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link:hover,:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{color:var(--Schemes-Primary-Container);background-color:var(--Palettes-Secondary-Secondary-650)}:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{outline-offset:0!important}:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link:focus{outline:2px solid var(--Schemes-Outline);outline-offset:2px}[data-v-f2a05d03] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-f2a05d03]{flex:0 0 auto;aspect-ratio:1;height:5rem!important;width:5rem!important;align-items:center;justify-content:center;background-color:var(--orange-400-orange);border-radius:0!important;font-size:var(--scale-400);color:var(--Schemes-On-Surface)}:is([data-v-f2a05d03] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-f2a05d03]).phila-navbar-item-flyout-active{color:var(--Schemes-Primary, #2176d2);background-color:var(--Schemes-Surface-Container-Low)}[data-v-f2a05d03] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-f2a05d03]{flex:1 1 auto;align-items:center;column-gap:var(--spacing-l)}:is([data-v-f2a05d03] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-f2a05d03]) a{font-weight:400}:is([data-v-f2a05d03] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-f2a05d03]) img:hover{opacity:.8}[data-v-f2a05d03] .nav-flyout,.phila-navbar .nav-flyout[data-v-f2a05d03]{position:absolute;top:var(--nav-height);left:0;width:100%;z-index:9999;overflow-y:auto;max-height:calc(100vh - var(--nav-bottom))}[data-v-f2a05d03] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-f2a05d03]{flex:0 0 auto;align-items:center}:is([data-v-f2a05d03] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-f2a05d03]) button{background-color:var(--Schemes-Primary)}
+#trusted-site[data-v-5d964269]{width:100%;height:3rem;padding:0 var(--spacing-l);box-sizing:border-box}#trusted-site .content[data-v-5d964269]{color:var(--Schemes-On-Surface);font-size:var(--component-banner-font-size)}#trusted-site button[data-v-5d964269]{--Schemes-Surface-Container-Lowest: transparent;font-size:var(--component-banner-font-size, .75)!important}#trusted-site .trusted-toggle[data-v-5d964269]{height:100%}#trusted-site-info .circle-icon[data-v-5d964269]{border:solid 1px var(--Schemes-On-Surface);border-radius:100%;font-size:var(--scale-250);aspect-ratio:1;display:inline-flex;justify-content:center;align-content:center}.phila-navbar-logo[data-v-7dabdf6b]{font-size:1.2rem}body:has(.phila-navbar .phila-navbar-item-flyout-active){overflow:hidden}.phila-navbar[data-v-f2a05d03]{display:flex;justify-content:space-between;column-gap:var(--spacing-3xl);height:5rem}.phila-navbar .phila-navbar-brand[data-v-f2a05d03],.phila-navbar .phila-navbar-list[data-v-f2a05d03],.phila-navbar .phila-navbar-search[data-v-f2a05d03],.phila-navbar .phila-navbar-item[data-v-f2a05d03],.phila-navbar .phila-navbar-burger[data-v-f2a05d03]{display:flex}[data-v-f2a05d03] a.phila-navbar-link,.phila-navbar a.phila-navbar-link[data-v-f2a05d03]{text-decoration:none;color:var(--Schemes-On-Inverse-Surface-Bright)}[data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]{list-style:none;padding:0;margin:0;column-gap:var(--spacing-l)}:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item{height:100%;display:flex;align-items:center}:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link{display:flex;align-items:center;height:100%}:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link:hover,:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{color:var(--Schemes-Primary-Container);background-color:var(--Palettes-Secondary-Secondary-650)}:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{outline-offset:0!important}:is([data-v-f2a05d03] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-f2a05d03]) .phila-navbar-link-list-item .phila-navbar-link:focus{outline:2px solid var(--Schemes-Outline);outline-offset:2px}[data-v-f2a05d03] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-f2a05d03]{flex:0 0 auto;aspect-ratio:1;height:5rem!important;width:5rem!important;align-items:center;justify-content:center;background-color:var(--orange-400-orange);border-radius:0!important;font-size:var(--scale-400);color:var(--Schemes-On-Surface)}:is([data-v-f2a05d03] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-f2a05d03]).phila-navbar-item-flyout-active{color:var(--Schemes-Primary, #2176d2);background-color:var(--Schemes-Surface-Container-Low)}[data-v-f2a05d03] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-f2a05d03]{flex:1 1 auto;align-items:center;column-gap:var(--spacing-l)}:is([data-v-f2a05d03] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-f2a05d03]) a{font-weight:400}:is([data-v-f2a05d03] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-f2a05d03]) img:hover{opacity:.8}[data-v-f2a05d03] .nav-flyout,.phila-navbar .nav-flyout[data-v-f2a05d03]{position:absolute;top:var(--nav-height);left:0;width:100%;z-index:9999;overflow-y:auto;max-height:calc(100vh - var(--nav-bottom))}[data-v-f2a05d03] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-f2a05d03]{flex:0 0 auto;align-items:center}:is([data-v-f2a05d03] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-f2a05d03]) button{background-color:var(--Schemes-Primary)}

package/dist/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),y=require("@fortawesome/vue-fontawesome");var K={prefix:"fas",iconName:"magnifying-glass",icon:[512,512,[128269,"search"],"f002","M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376C296.3 401.1 253.9 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"]},q=K,F={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},Q=F,D=F,R={prefix:"fas",iconName:"lock",icon:[384,512,[128274],"f023","M128 96l0 64 128 0 0-64c0-35.3-28.7-64-64-64s-64 28.7-64 64zM64 160l0-64C64 25.3 121.3-32 192-32S320 25.3 320 96l0 64c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64z"]},U={prefix:"fas",iconName:"caret-up",icon:[320,512,[],"f0d8","M140.3 135.2c12.6-10.3 31.1-9.5 42.8 2.2l128 128c9.2 9.2 11.9 22.9 6.9 34.9S301.4 320 288.5 320l-256 0c-12.9 0-24.6-7.8-29.6-19.8S.7 274.5 9.9 265.4l128-128 2.4-2.2z"]},j={prefix:"fas",iconName:"caret-down",icon:[320,512,[],"f0d7","M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"]},X={prefix:"fas",iconName:"building-columns",icon:[512,512,["bank","institution","museum","university"],"f19c","M271.9 20.2c-9.8-5.6-21.9-5.6-31.8 0l-224 128c-12.6 7.2-18.8 22-15.1 36S17.5 208 32 208l32 0 0 208 0 0-51.2 38.4C4.7 460.4 0 469.9 0 480 0 497.7 14.3 512 32 512l448 0c17.7 0 32-14.3 32-32 0-10.1-4.7-19.6-12.8-25.6l-51.2-38.4 0-208 32 0c14.5 0 27.2-9.8 30.9-23.8s-2.5-28.8-15.1-36l-224-128zM400 208l0 208-64 0 0-208 64 0zm-112 0l0 208-64 0 0-208 64 0zm-112 0l0 208-64 0 0-208 64 0zM256 96a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"]},Y={prefix:"fas",iconName:"bars",icon:[448,512,["navicon"],"f0c9","M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]},Z={prefix:"fas",iconName:"circle-info",icon:[512,512,["info-circle"],"f05a","M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"]},P=Z;const W="data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%200%2016%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='16'%20height='11'%20fill='url(%23pattern0_61022_1867)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_61022_1867'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_61022_1867'%20transform='scale(0.0625%200.0909091)'/%3e%3c/pattern%3e%3cimage%20id='image0_61022_1867'%20width='16'%20height='11'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e";e.ref("");e.reactive({validateOnBlur:!1,validateOnInput:!1,validateOnChange:!1,validateOnMount:!1,required:!1,isValid:!0,errors:[]});const g=e.ref({}),k=e.ref(),N=400,M=e.ref(null);function G(t){const o=t?.group??"global",l=(a,d)=>{g.value[o][a]=d},n=(a,d)=>{g.value[o]={[a]:d}},c=a=>g.value[o][a]??!1,r=a=>{l(a,!c(a))},s=a=>{n(a,!c(a))},i=()=>{g.value[o]={}},u=a=>{a.key==="Escape"&&(l(t.id,!1),m())},v=a=>{if(!t)return;const d=a.target,[f]=Object.keys(g.value[o]).filter($=>g.value[o][$]===!0),E=document.getElementById(f),T=document.querySelector(`[aria-controls="${f}"]`),L=d.getAttribute("aria-controls")===f||T?.contains(a.target);E&&!E.contains(d)&&!L&&(l(t.id,!1),m())},p=()=>{t&&(k.value=setTimeout(()=>{l(t.id,!1),m()},N))},h=()=>{t&&t.mouseOverToggle===!0&&(M.value=t.id,k.value=setTimeout(()=>{B()},N))},w=()=>{t&&t.mouseOverToggle===!0&&(M.value=null,clearTimeout(k.value),k.value=setTimeout(()=>{M.value!==t.id&&(l(t.id,!1),m())},N))},_=a=>{if(!t)return;const{relatedTarget:d}=a;if(!d||d.getAttribute("aria-controls")===t.id)return;const f=document.getElementById(t.id);f&&f.contains(d)||(clearTimeout(k.value),k.value=setTimeout(()=>{t.openSingle?n(t.id,!1):l(t.id,!1),m()},N))},A=()=>{t&&(t.outsideClickClose&&(document.addEventListener("click",v),document.addEventListener("touchend",v)),t.escapeKeyClose&&document.addEventListener("keydown",u))},m=()=>{document.removeEventListener("click",v),document.removeEventListener("touchend",v),document.removeEventListener("keydown",u),document.removeEventListener("scroll",p)},x=a=>{t&&(a?.preventDefault(),clearTimeout(k.value),A())},S=a=>{t&&(x(a),t.openSingle?s(t.id):r(t.id))},B=a=>{t&&(x(a),t.openSingle?n(t.id,!0):l(t.id,!0))};return e.onBeforeMount(()=>{g.value[o]||i()}),e.onUnmounted(()=>{m()}),{state:g,timeout:k,toggle:r,toggleSingle:s,setCollapsed:l,setSingleCollapsed:n,isCollapsed:c,reset:i,onMouseEnter:h,onMouseLeave:w,focusChange:_,onClickToggle:S,onClickOpen:B}}const J={id:"trusted-site",class:"has-background-ghost-gray is-flex is-justify-space-between"},ee={class:"trusted-wrap"},te={class:"hidden-tablet trusted-toggle is-flex is-align-center"},ne=["src"],ae=["aria-label","aria-expanded"],oe={class:"icon","aria-hidden":"true"},le={class:"hidden-desktop trusted-toggle is-flex is-align-center"},ie=["aria-label","aria-expanded"],se={class:"icon","aria-hidden":"true"},re={key:0,class:"trusted-translation is-flex is-align-center"},ce=["hidden"],de={class:"trusted-site-info-content content has-text-body-small is-flex is-justify-space-between"},ue={class:"info-item-wrap is-flex"},me={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},fe={class:"trusted-icon is-flex is-flex-column has-text-center"},ve={class:"icon circle-icon p-3 mb-2"},pe={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},he={class:"trusted-icon is-flex is-flex-column has-text-center"},ge={class:"icon circle-icon p-3 mb-2"},ke={class:"info-content-close mt-4"},be=e.defineComponent({__name:"TrustedSite",setup(t){const o=e.useSlots(),{isCollapsed:l,onClickToggle:n}=G({id:"trusted-site-info",escapeKeyClose:!0}),c=e.computed(()=>l("trusted-site-info"));return(r,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",J,[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[e.createElementVNode("img",{src:e.unref(W),alt:"",class:"icon"},null,8,ne),s[4]||(s[4]=e.createElementVNode("div",{class:"content mx-2"},"An official website of the City of Philadelphia government",-1)),e.createElementVNode("button",{class:"phila-button is-extra-small","aria-label":`${c.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":c.value,onClick:s[0]||(s[0]=(...i)=>e.unref(n)&&e.unref(n)(...i))},[s[3]||(s[3]=e.createTextVNode(" Here's how you know ",-1)),e.createElementVNode("span",oe,[e.createVNode(e.unref(y.FontAwesomeIcon),{icon:c.value?e.unref(U):e.unref(j)},null,8,["icon"])])],8,ae)]),e.createElementVNode("div",le,[e.createElementVNode("button",{class:"phila-button is-extra-small","aria-label":`${c.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":c.value,onClick:s[1]||(s[1]=(...i)=>e.unref(n)&&e.unref(n)(...i))},[s[5]||(s[5]=e.createTextVNode(" An official website ",-1)),e.createElementVNode("span",se,[e.createVNode(e.unref(y.FontAwesomeIcon),{icon:e.unref(P)},null,8,["icon"])])],8,ie)])]),e.unref(o).translation?(e.openBlock(),e.createElementBlock("div",re,[e.renderSlot(r.$slots,"translation",{},void 0,!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{id:"trusted-site-info",class:"has-background-secondary px-6",hidden:!c.value},[e.createElementVNode("div",de,[e.createElementVNode("div",ue,[e.createElementVNode("div",me,[e.createElementVNode("div",fe,[e.createElementVNode("div",ve,[e.createVNode(e.unref(y.FontAwesomeIcon),{icon:e.unref(R)},null,8,["icon"])]),s[6]||(s[6]=e.createElementVNode("span",{class:"has-text-bold"},"https://",-1))]),s[7]||(s[7]=e.createElementVNode("div",{class:"trusted-text m-4"},[e.createTextVNode(" The "),e.createElementVNode("strong",null,"https://"),e.createTextVNode(" in the address bar means your information is encrypted and can not be accessed by anyone else ")],-1))]),e.createElementVNode("div",pe,[e.createElementVNode("div",he,[e.createElementVNode("span",ge,[e.createVNode(e.unref(y.FontAwesomeIcon),{icon:e.unref(X)},null,8,["icon"])]),s[8]||(s[8]=e.createElementVNode("span",{class:"has-text-bold"},".gov",-1))]),s[9]||(s[9]=e.createElementVNode("div",{class:"trusted-text m-4"},"Only government entities in the U.S. can end in .gov",-1))])]),e.createElementVNode("div",ke,[e.createElementVNode("button",{class:"phila-button phila-button--primary icon-button is-extra-small","aria-label":"Close Trusted Site information panel",onClick:s[2]||(s[2]=(...i)=>e.unref(n)&&e.unref(n)(...i))},[e.createVNode(e.unref(y.FontAwesomeIcon),{icon:e.unref(Q)},null,8,["icon"])])])])],8,ce)],64))}}),H=(t,o)=>{const l=t.__vccOpts||t;for(const[n,c]of o)l[n]=c;return l},Ce=H(be,[["__scopeId","data-v-5d964269"]]);e.ref("");e.reactive({validateOnBlur:!1,validateOnInput:!1,validateOnChange:!1,validateOnMount:!1,required:!1,isValid:!0,errors:[]});const b=e.ref({}),C=e.ref(),V=400,O=e.ref(null);function ye(t){const o=t?.group??"global",l=(a,d)=>{b.value[o][a]=d},n=(a,d)=>{b.value[o]={[a]:d}},c=a=>b.value[o][a]??!1,r=a=>{l(a,!c(a))},s=a=>{n(a,!c(a))},i=()=>{b.value[o]={}},u=a=>{a.key==="Escape"&&(l(t.id,!1),m())},v=a=>{if(!t)return;const d=a.target,[f]=Object.keys(b.value[o]).filter($=>b.value[o][$]===!0),E=document.getElementById(f),T=document.querySelector(`[aria-controls="${f}"]`),L=d.getAttribute("aria-controls")===f||T?.contains(a.target);E&&!E.contains(d)&&!L&&(l(t.id,!1),m())},p=()=>{t&&(C.value=setTimeout(()=>{l(t.id,!1),m()},V))},h=()=>{t&&t.mouseOverToggle===!0&&(O.value=t.id,C.value=setTimeout(()=>{B()},V))},w=()=>{t&&t.mouseOverToggle===!0&&(O.value=null,clearTimeout(C.value),C.value=setTimeout(()=>{O.value!==t.id&&(l(t.id,!1),m())},V))},_=a=>{if(!t)return;const{relatedTarget:d}=a;if(!d||d.getAttribute("aria-controls")===t.id)return;const f=document.getElementById(t.id);f&&f.contains(d)||(clearTimeout(C.value),C.value=setTimeout(()=>{t.openSingle?n(t.id,!1):l(t.id,!1),m()},V))},A=()=>{t&&(t.outsideClickClose&&(document.addEventListener("click",v),document.addEventListener("touchend",v)),t.escapeKeyClose&&document.addEventListener("keydown",u))},m=()=>{document.removeEventListener("click",v),document.removeEventListener("touchend",v),document.removeEventListener("keydown",u),document.removeEventListener("scroll",p)},x=a=>{t&&(a?.preventDefault(),clearTimeout(C.value),A())},S=a=>{t&&(x(a),t.openSingle?s(t.id):r(t.id))},B=a=>{t&&(x(a),t.openSingle?n(t.id,!0):l(t.id,!0))};return e.onBeforeMount(()=>{b.value[o]||i()}),e.onUnmounted(()=>{m()}),{state:b,timeout:C,toggle:r,toggleSingle:s,setCollapsed:l,setSingleCollapsed:n,isCollapsed:c,reset:i,onMouseEnter:h,onMouseLeave:w,focusChange:_,onClickToggle:S,onClickOpen:B}}const xe=["data-toggle","aria-label","aria-expanded","aria-controls"],z=e.defineComponent({__name:"CollapsePanel",props:{className:{},id:{},group:{default:void 0},blurClose:{type:Boolean,default:!1},openSingle:{type:Boolean,default:!1},mouseOverToggle:{type:Boolean,default:!1},outsideClickClose:{type:Boolean,default:!1},escapeKeyClose:{type:Boolean,default:!1},toggleAttrs:{default:void 0}},setup(t){const o=t,{isCollapsed:l,onMouseEnter:n,onMouseLeave:c,onClickToggle:r,onClickOpen:s,focusChange:i}=ye(o),u=e.computed(()=>l(o.id));return(v,p)=>(e.openBlock(),e.createElementBlock("div",{onMouseenter:p[1]||(p[1]=(...h)=>e.unref(n)&&e.unref(n)(...h)),onMouseleave:p[2]||(p[2]=(...h)=>e.unref(c)&&e.unref(c)(...h)),onFocusout:p[3]||(p[3]=(...h)=>e.unref(i)&&e.unref(i)(...h))},[e.renderSlot(v.$slots,"toggle",e.normalizeProps(e.guardReactiveProps({open:u.value,ariaLabel:u.value?"Close panel":"Open panel",ariaExpanded:u.value,ariaControls:t.id,onClickToggle:e.unref(r),onClickOpen:e.unref(s),focusChange:e.unref(i),onClick:e.unref(r)})),()=>[e.createElementVNode("button",e.mergeProps({"data-toggle":t.id,"aria-label":u.value?"Close panel":"Open panel","aria-expanded":u.value,"aria-controls":t.id},t.toggleAttrs,{onClick:p[0]||(p[0]=e.withModifiers((...h)=>e.unref(r)&&e.unref(r)(...h),["prevent"]))}),null,16,xe)]),e.renderSlot(v.$slots,"default",e.normalizeProps(e.guardReactiveProps({id:t.id,open:u.value,onClickToggle:e.unref(r),focusChange:e.unref(i),hidden:!u.value})))],32))}}),Be=["aria-controls","aria-expanded","aria-label","onClick"],Ee={class:"icon"},Ne=["id","hidden"],Ve=e.defineComponent({__name:"NavbarBurger",props:{mobileNav:{},collapseGroup:{}},setup(t){return(o,l)=>(e.openBlock(),e.createBlock(e.unref(z),{id:"mobile-nav",group:t.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(n=>[e.createElementVNode("button",{class:e.normalizeClass(["phila-navbar-burger phila-button icon-button",{"phila-navbar-item-flyout-active":n.open}]),"aria-controls":n.ariaControls,"aria-expanded":n.open,"aria-label":`${n.open?"Close":"Open"} mobile navigation panel`,onClick:n.onClick},[e.createElementVNode("span",Ee,[e.createVNode(e.unref(y.FontAwesomeIcon),{icon:n.open?e.unref(D):e.unref(Y)},null,8,["icon"])])],10,Be)]),default:e.withCtx(n=>[e.createElementVNode("div",{id:n.id,class:"phila-mobile-nav",hidden:!n.open},[e.renderSlot(o.$slots,"mobile-nav",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.mobileNav)))])],8,Ne)]),_:3},8,["group"]))}}),we=["href"],_e=["href","aria-controls","aria-expanded","onKeypress","onTouchend","onClick"],Ae=["id","hidden"],Se={key:0,class:"content nav-flyout has-background-ghost-gray px-6 py-4",tabindex:"-1"},Te={class:"is-flex is-flex-column is-flex-wrap-wrap",style:{gap:"var(--spacing-4xl)"}},Le=["href"],$e=e.defineComponent({__name:"NavbarLinks",props:{links:{},collapseGroup:{}},setup(t){const o=n=>!!(n.subLinks||n.subNav),l=n=>`main-nav-${n.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g,"")}`;return(n,c)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.links,(r,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o(r)?(e.openBlock(),e.createBlock(e.unref(z),{id:l(r),key:`collapse-${s}`,group:t.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","mouse-over-toggle":"","open-single":"",class:"phila-navbar-link-list-item"},{toggle:e.withCtx(i=>[e.createElementVNode("a",{href:r.href,class:e.normalizeClass(["phila-navbar-link px-4",{"phila-navbar-item-flyout-active":i.open}]),"aria-controls":i.ariaControls,"aria-expanded":i.open,tabindex:"0",onKeypress:e.withKeys(i.onClick,["enter"]),onTouchend:i.onClick,onClick:i.onClick},[e.createTextVNode(e.toDisplayString(r.text)+" ",1),e.createVNode(e.unref(y.FontAwesomeIcon),{class:"ml-1",icon:i.open?e.unref(U):e.unref(j)},null,8,["icon"])],42,_e)]),default:e.withCtx(i=>[(e.openBlock(),e.createElementBlock("div",{id:i.id,key:r.text,hidden:!i.open},[r.subLinks?(e.openBlock(),e.createElementBlock("div",Se,[e.createElementVNode("ul",Te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.subLinks,u=>(e.openBlock(),e.createElementBlock("li",{key:u.text,class:"sub-nav-link is-flex is-align-center",style:{width:"150px"}},[e.createElementVNode("a",{href:u.href,class:"has-text-link has-text-weight-medium",tabindex:"0"},e.toDisplayString(u.text),9,Le)]))),128))])])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.subNav),{key:1}))],8,Ae))]),_:2},1032,["id","group"])):(e.openBlock(),e.createElementBlock("div",{key:`link-${s}`,class:"phila-navbar-link-list-item"},[e.createElementVNode("a",{href:r.href,class:"phila-navbar-link px-4",tabindex:"0"},e.toDisplayString(r.text),9,we)]))],64))),256))}}),Me={href:"/",class:"phila-navbar-item phila-navbar-brand-logo",tabindex:"0"},Oe=["src","alt"],ze=e.defineComponent({inheritAttrs:!1,__name:"NavbarBrandLogo",props:{src:{},href:{},altText:{}},setup(t){const o=e.useAttrs();return(l,n)=>(e.openBlock(),e.createElementBlock("a",Me,[e.createElementVNode("img",e.mergeProps({src:t.src,alt:t.altText,class:"phila-navbar-logo",width:"150"},e.unref(o)),null,16,Oe)]))}}),Ie={class:"pr-4"},Fe=["aria-controls","aria-expanded","aria-label","onClick"],De={class:"icon"},Ue=["id","hidden"],je=e.defineComponent({__name:"NavbarSearch",props:{search:{},collapseGroup:{}},setup(t){return(o,l)=>(e.openBlock(),e.createBlock(e.unref(z),{id:"navbar-search",group:t.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(n=>[e.createElementVNode("div",Ie,[e.createElementVNode("button",{class:e.normalizeClass(["phila-button phila-button--primary icon-button is-small",{"phila-navbar-item-flyout-active":n.open}]),"aria-controls":n.ariaControls,"aria-expanded":n.open,"aria-label":`${n.open?"Close":"Open"} search panel`,onClick:n.onClick},[e.createElementVNode("span",De,[e.createVNode(e.unref(y.FontAwesomeIcon),{icon:n.open?e.unref(D):e.unref(q)},null,8,["icon"])])],10,Fe)])]),default:e.withCtx(n=>[e.createElementVNode("div",{id:n.id,class:"nav-flyout is-12",hidden:!n.open},[e.renderSlot(o.$slots,"default",{},()=>[t.search&&n.open?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.search),{key:0})):e.createCommentVNode("",!0)])],8,Ue)]),_:3},8,["group"]))}});function Ge(t,o){let l;return(...n)=>{l!==void 0&&window.clearTimeout(l),l=window.setTimeout(()=>{t(...n)},o)}}const He={class:"phila-navbar-brand"},Ke={class:"phila-navbar-item phila-navbar-brand-link hidden-tablet"},qe={key:0,class:"content"},Qe=["href"],Re={class:"phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet"},Xe={class:"phila-navbar-search"},I="5rem",Ye=e.defineComponent({__name:"index",props:{id:{},sticky:{type:Boolean},navbarBrand:{},mobileNav:{},collapseGroup:{},search:{},links:{default:()=>[{text:"Home",href:"#"}]}},setup(t){const o=t,{state:l}=G(),n=e.useTemplateRef("navBarElement"),c=e.ref(I),r=e.ref(0),s=Ge(()=>{const i=(n.value?.offsetTop||0)+(n.value?.offsetHeight||0);c.value=!o.sticky||window.innerWidth<1024?i+"px":I,r.value=i},100);return e.watch(()=>l.value,s,{deep:!0,immediate:!0}),e.onMounted(()=>{window.addEventListener("resize",s)}),e.onUnmounted(()=>{window.removeEventListener("resize",s)}),(i,u)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"navBarElement",ref:n,class:e.normalizeClass(["phila-navbar has-background-primary",{"is-sticky-desktop":t.sticky}]),"aria-label":"Main navigation",style:e.normalizeStyle(`--nav-height:${c.value};--nav-bottom:${r.value}px`)},[e.renderSlot(i.$slots,"navbar-burger",{},()=>[t.mobileNav?(e.openBlock(),e.createBlock(Ve,{key:0,"mobile-nav":t.mobileNav,"collapse-group":t.id},null,8,["mobile-nav","collapse-group"])):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",He,[e.renderSlot(i.$slots,"navbar-logo",{},()=>[t.navbarBrand?.brandingImage?(e.openBlock(),e.createBlock(ze,e.normalizeProps(e.mergeProps({key:0},t.navbarBrand.brandingImage)),null,16)):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",Ke,[e.renderSlot(i.$slots,"navbar-brand-link",{},()=>[t.navbarBrand?.brandingLink?(e.openBlock(),e.createElementBlock("div",qe,[e.createElementVNode("a",{tabindex:"0",href:t.navbarBrand.brandingLink.href,class:"has-text-underline"},e.toDisplayString(t.navbarBrand.brandingLink.text),9,Qe)])):e.createCommentVNode("",!0)],!0)])]),e.createElementVNode("div",Re,[e.renderSlot(i.$slots,"navbar-links",{},()=>[t.links?(e.openBlock(),e.createBlock($e,{key:0,links:t.links,"collapse-group":t.id},null,8,["links","collapse-group"])):e.createCommentVNode("",!0)],!0)]),e.createElementVNode("div",Xe,[e.renderSlot(i.$slots,"navbar-search",{},()=>[t.search?(e.openBlock(),e.createBlock(je,{key:0,search:t.search,"collapse-group":t.id},null,8,["search","collapse-group"])):e.createCommentVNode("",!0)],!0)])],6))}}),Ze=H(Ye,[["__scopeId","data-v-f2a05d03"]]),Pe=e.defineComponent({__name:"AppHeader",props:{showTrustedSite:{type:Boolean,default:!0},translations:{default:void 0},className:{},id:{default:"main-nav"},sticky:{type:Boolean,default:!0},navbarBrand:{default:void 0},mobileNav:{default:void 0},collapseGroup:{},search:{default:void 0},links:{default:void 0}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.showTrustedSite?(e.openBlock(),e.createBlock(Ce,{key:0},{translation:e.withCtx(()=>[e.renderSlot(o.$slots,"translations",{},()=>[t.translations?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.translations),{key:0})):e.createCommentVNode("",!0)])]),_:3})):e.createCommentVNode("",!0),e.createVNode(Ze,{id:t.id,sticky:t.sticky,"mobile-nav":t.mobileNav,links:t.links,"navbar-brand":t.navbarBrand,search:t.search},null,8,["id","sticky","mobile-nav","links","navbar-brand","search"])],64))}});exports.AppHeader=Pe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),f=require("@fortawesome/vue-fontawesome"),x=require("@phila/phila-ui-collapse-panel"),U=require("@phila/phila-ui-logo");var j={prefix:"fas",iconName:"magnifying-glass",icon:[512,512,[128269,"search"],"f002","M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376C296.3 401.1 253.9 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"]},G=j,V={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},H=V,w=V,q={prefix:"fas",iconName:"lock",icon:[384,512,[128274],"f023","M128 96l0 64 128 0 0-64c0-35.3-28.7-64-64-64s-64 28.7-64 64zM64 160l0-64C64 25.3 121.3-32 192-32S320 25.3 320 96l0 64c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64z"]},_={prefix:"fas",iconName:"caret-up",icon:[320,512,[],"f0d8","M140.3 135.2c12.6-10.3 31.1-9.5 42.8 2.2l128 128c9.2 9.2 11.9 22.9 6.9 34.9S301.4 320 288.5 320l-256 0c-12.9 0-24.6-7.8-29.6-19.8S.7 274.5 9.9 265.4l128-128 2.4-2.2z"]},A={prefix:"fas",iconName:"caret-down",icon:[320,512,[],"f0d7","M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"]},K={prefix:"fas",iconName:"building-columns",icon:[512,512,["bank","institution","museum","university"],"f19c","M271.9 20.2c-9.8-5.6-21.9-5.6-31.8 0l-224 128c-12.6 7.2-18.8 22-15.1 36S17.5 208 32 208l32 0 0 208 0 0-51.2 38.4C4.7 460.4 0 469.9 0 480 0 497.7 14.3 512 32 512l448 0c17.7 0 32-14.3 32-32 0-10.1-4.7-19.6-12.8-25.6l-51.2-38.4 0-208 32 0c14.5 0 27.2-9.8 30.9-23.8s-2.5-28.8-15.1-36l-224-128zM400 208l0 208-64 0 0-208 64 0zm-112 0l0 208-64 0 0-208 64 0zm-112 0l0 208-64 0 0-208 64 0zM256 96a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"]},Q={prefix:"fas",iconName:"bars",icon:[448,512,["navicon"],"f0c9","M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]},R={prefix:"fas",iconName:"circle-info",icon:[512,512,["info-circle"],"f05a","M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"]},X=R;const Y="data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%200%2016%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='16'%20height='11'%20fill='url(%23pattern0_61022_1867)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_61022_1867'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_61022_1867'%20transform='scale(0.0625%200.0909091)'/%3e%3c/pattern%3e%3cimage%20id='image0_61022_1867'%20width='16'%20height='11'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e";e.ref("");e.reactive({validateOnBlur:!1,validateOnInput:!1,validateOnChange:!1,validateOnMount:!1,required:!1,isValid:!0,errors:[]});const u=e.ref({}),m=e.ref(),k=400,g=e.ref(null);function S(t){const l=t?.group??"global",i=(s,d)=>{u.value[l][s]=d},n=(s,d)=>{u.value[l]={[s]:d}},c=s=>u.value[l][s]??!1,r=s=>{i(s,!c(s))},a=s=>{n(s,!c(s))},o=()=>{u.value[l]={}},v=s=>{s.key==="Escape"&&(i(t.id,!1),p())},b=s=>{if(!t)return;const d=s.target,[h]=Object.keys(u.value[l]).filter(D=>u.value[l][D]===!0),C=document.getElementById(h),O=document.querySelector(`[aria-controls="${h}"]`),F=d.getAttribute("aria-controls")===h||O?.contains(s.target);C&&!C.contains(d)&&!F&&(i(t.id,!1),p())},$=()=>{t&&(m.value=setTimeout(()=>{i(t.id,!1),p()},k))},L=()=>{t&&t.mouseOverToggle===!0&&(g.value=t.id,m.value=setTimeout(()=>{B()},k))},T=()=>{t&&t.mouseOverToggle===!0&&(g.value=null,clearTimeout(m.value),m.value=setTimeout(()=>{g.value!==t.id&&(i(t.id,!1),p())},k))},M=s=>{if(!t)return;const{relatedTarget:d}=s;if(!d||d.getAttribute("aria-controls")===t.id)return;const h=document.getElementById(t.id);h&&h.contains(d)||(clearTimeout(m.value),m.value=setTimeout(()=>{t.openSingle?n(t.id,!1):i(t.id,!1),p()},k))},z=()=>{t&&(t.outsideClickClose&&(document.addEventListener("click",b),document.addEventListener("touchend",b)),t.escapeKeyClose&&document.addEventListener("keydown",v))},p=()=>{document.removeEventListener("click",b),document.removeEventListener("touchend",b),document.removeEventListener("keydown",v),document.removeEventListener("scroll",$)},y=s=>{t&&(s?.preventDefault(),clearTimeout(m.value),z())},I=s=>{t&&(y(s),t.openSingle?a(t.id):r(t.id))},B=s=>{t&&(y(s),t.openSingle?n(t.id,!0):i(t.id,!0))};return e.onBeforeMount(()=>{u.value[l]||o()}),e.onUnmounted(()=>{p()}),{state:u,timeout:m,toggle:r,toggleSingle:a,setCollapsed:i,setSingleCollapsed:n,isCollapsed:c,reset:o,onMouseEnter:L,onMouseLeave:T,focusChange:M,onClickToggle:I,onClickOpen:B}}const Z={id:"trusted-site",class:"has-background-ghost-gray is-flex is-justify-space-between"},W={class:"trusted-wrap"},J={class:"hidden-tablet trusted-toggle is-flex is-align-center"},P=["src"],ee=["aria-label","aria-expanded"],te={class:"icon","aria-hidden":"true"},ne={class:"hidden-desktop trusted-toggle is-flex is-align-center"},ae=["aria-label","aria-expanded"],oe={class:"icon","aria-hidden":"true"},le={key:0,class:"trusted-translation is-flex is-align-center"},ie=["hidden"],se={class:"trusted-site-info-content content has-text-body-small is-flex is-justify-space-between"},re={class:"info-item-wrap is-flex"},ce={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},de={class:"trusted-icon is-flex is-flex-column has-text-center"},ue={class:"icon circle-icon p-3 mb-2"},me={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},fe={class:"trusted-icon is-flex is-flex-column has-text-center"},ve={class:"icon circle-icon p-3 mb-2"},pe={class:"info-content-close mt-4"},he=e.defineComponent({__name:"TrustedSite",setup(t){const l=e.useSlots(),{isCollapsed:i,onClickToggle:n}=S({id:"trusted-site-info",escapeKeyClose:!0}),c=e.computed(()=>i("trusted-site-info"));return(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Z,[e.createElementVNode("div",W,[e.createElementVNode("div",J,[e.createElementVNode("img",{src:e.unref(Y),alt:"",class:"icon"},null,8,P),a[4]||(a[4]=e.createElementVNode("div",{class:"content mx-2"},"An official website of the City of Philadelphia government",-1)),e.createElementVNode("button",{class:"phila-button is-extra-small","aria-label":`${c.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":c.value,onClick:a[0]||(a[0]=(...o)=>e.unref(n)&&e.unref(n)(...o))},[a[3]||(a[3]=e.createTextVNode(" Here's how you know ",-1)),e.createElementVNode("span",te,[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:c.value?e.unref(_):e.unref(A)},null,8,["icon"])])],8,ee)]),e.createElementVNode("div",ne,[e.createElementVNode("button",{class:"phila-button is-extra-small","aria-label":`${c.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":c.value,onClick:a[1]||(a[1]=(...o)=>e.unref(n)&&e.unref(n)(...o))},[a[5]||(a[5]=e.createTextVNode(" An official website ",-1)),e.createElementVNode("span",oe,[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:e.unref(X)},null,8,["icon"])])],8,ae)])]),e.unref(l).translation?(e.openBlock(),e.createElementBlock("div",le,[e.renderSlot(r.$slots,"translation",{},void 0,!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{id:"trusted-site-info",class:"has-background-secondary px-6",hidden:!c.value},[e.createElementVNode("div",se,[e.createElementVNode("div",re,[e.createElementVNode("div",ce,[e.createElementVNode("div",de,[e.createElementVNode("div",ue,[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:e.unref(q)},null,8,["icon"])]),a[6]||(a[6]=e.createElementVNode("span",{class:"has-text-bold"},"https://",-1))]),a[7]||(a[7]=e.createElementVNode("div",{class:"trusted-text m-4"},[e.createTextVNode(" The "),e.createElementVNode("strong",null,"https://"),e.createTextVNode(" in the address bar means your information is encrypted and can not be accessed by anyone else ")],-1))]),e.createElementVNode("div",me,[e.createElementVNode("div",fe,[e.createElementVNode("span",ve,[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:e.unref(K)},null,8,["icon"])]),a[8]||(a[8]=e.createElementVNode("span",{class:"has-text-bold"},".gov",-1))]),a[9]||(a[9]=e.createElementVNode("div",{class:"trusted-text m-4"},"Only government entities in the U.S. can end in .gov",-1))])]),e.createElementVNode("div",pe,[e.createElementVNode("button",{class:"phila-button phila-button--primary icon-button is-extra-small","aria-label":"Close Trusted Site information panel",onClick:a[2]||(a[2]=(...o)=>e.unref(n)&&e.unref(n)(...o))},[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:e.unref(H)},null,8,["icon"])])])])],8,ie)],64))}}),N=(t,l)=>{const i=t.__vccOpts||t;for(const[n,c]of l)i[n]=c;return i},be=N(he,[["__scopeId","data-v-5d964269"]]),ke=["aria-controls","aria-expanded","aria-label","onClick"],ge={class:"icon"},xe=["id","hidden"],Ne=e.defineComponent({__name:"NavbarBurger",props:{mobileNav:{},collapseGroup:{}},setup(t){return(l,i)=>(e.openBlock(),e.createBlock(e.unref(x.CollapsePanel),{id:"mobile-nav",group:t.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(n=>[e.createElementVNode("button",{class:e.normalizeClass(["phila-navbar-burger phila-button icon-button",{"phila-navbar-item-flyout-active":n.open}]),"aria-controls":n.ariaControls,"aria-expanded":n.open,"aria-label":`${n.open?"Close":"Open"} mobile navigation panel`,onClick:n.onClick},[e.createElementVNode("span",ge,[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:n.open?e.unref(w):e.unref(Q)},null,8,["icon"])])],10,ke)]),default:e.withCtx(n=>[e.createElementVNode("div",{id:n.id,class:"phila-mobile-nav",hidden:!n.open},[e.renderSlot(l.$slots,"mobile-nav",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.mobileNav)))])],8,xe)]),_:3},8,["group"]))}}),ye=["href"],Be=["href","aria-controls","aria-expanded","onKeypress","onTouchend","onClick"],Ce=["id","hidden"],Ee={key:0,class:"content nav-flyout has-background-ghost-gray px-6 py-4",tabindex:"-1"},Ve={class:"is-flex is-flex-column is-flex-wrap-wrap",style:{gap:"var(--spacing-4xl)"}},we=["href"],_e=e.defineComponent({__name:"NavbarLinks",props:{links:{},collapseGroup:{}},setup(t){const l=n=>!!(n.subLinks||n.subNav),i=n=>`main-nav-${n.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g,"")}`;return(n,c)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.links,(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l(r)?(e.openBlock(),e.createBlock(e.unref(x.CollapsePanel),{id:i(r),key:`collapse-${a}`,group:t.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","mouse-over-toggle":"","open-single":"",class:"phila-navbar-link-list-item"},{toggle:e.withCtx(o=>[e.createElementVNode("a",{href:r.href,class:e.normalizeClass(["phila-navbar-link px-4",{"phila-navbar-item-flyout-active":o.open}]),"aria-controls":o.ariaControls,"aria-expanded":o.open,tabindex:"0",onKeypress:e.withKeys(o.onClick,["enter"]),onTouchend:o.onClick,onClick:o.onClick},[e.createTextVNode(e.toDisplayString(r.text)+" ",1),e.createVNode(e.unref(f.FontAwesomeIcon),{class:"ml-1",icon:o.open?e.unref(_):e.unref(A)},null,8,["icon"])],42,Be)]),default:e.withCtx(o=>[(e.openBlock(),e.createElementBlock("div",{id:o.id,key:r.text,hidden:!o.open},[r.subLinks?(e.openBlock(),e.createElementBlock("div",Ee,[e.createElementVNode("ul",Ve,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.subLinks,v=>(e.openBlock(),e.createElementBlock("li",{key:v.text,class:"sub-nav-link is-flex is-align-center",style:{width:"150px"}},[e.createElementVNode("a",{href:v.href,class:"has-text-link has-text-weight-medium",tabindex:"0"},e.toDisplayString(v.text),9,we)]))),128))])])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.subNav),{key:1}))],8,Ce))]),_:2},1032,["id","group"])):(e.openBlock(),e.createElementBlock("div",{key:`link-${a}`,class:"phila-navbar-link-list-item"},[e.createElementVNode("a",{href:r.href,class:"phila-navbar-link px-4",tabindex:"0"},e.toDisplayString(r.text),9,ye)]))],64))),256))}}),Ae=e.defineComponent({__name:"NavbarBrandLogo",props:{src:{},href:{default:"/"},altText:{}},setup(t){const l=t;return(i,n)=>(e.openBlock(),e.createBlock(e.unref(U.Logo),{href:l.href,variant:"city",layout:"stacked","color-scheme":"on-primary",class:"phila-navbar-logo"},null,8,["href"]))}}),Se=N(Ae,[["__scopeId","data-v-7dabdf6b"]]),$e={class:"pr-4"},Le=["aria-controls","aria-expanded","aria-label","onClick"],Te={class:"icon"},Me=["id","hidden"],ze=e.defineComponent({__name:"NavbarSearch",props:{search:{},collapseGroup:{}},setup(t){return(l,i)=>(e.openBlock(),e.createBlock(e.unref(x.CollapsePanel),{id:"navbar-search",group:t.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(n=>[e.createElementVNode("div",$e,[e.createElementVNode("button",{class:e.normalizeClass(["phila-button phila-button--primary icon-button is-small",{"phila-navbar-item-flyout-active":n.open}]),"aria-controls":n.ariaControls,"aria-expanded":n.open,"aria-label":`${n.open?"Close":"Open"} search panel`,onClick:n.onClick},[e.createElementVNode("span",Te,[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:n.open?e.unref(w):e.unref(G)},null,8,["icon"])])],10,Le)])]),default:e.withCtx(n=>[e.createElementVNode("div",{id:n.id,class:"nav-flyout is-12",hidden:!n.open},[e.renderSlot(l.$slots,"default",{},()=>[t.search&&n.open?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.search),{key:0})):e.createCommentVNode("",!0)])],8,Me)]),_:3},8,["group"]))}});function Ie(t,l){let i;return(...n)=>{i!==void 0&&window.clearTimeout(i),i=window.setTimeout(()=>{t(...n)},l)}}const Oe={class:"phila-navbar-brand"},Fe={class:"phila-navbar-item phila-navbar-brand-link hidden-tablet"},De={key:0,class:"content"},Ue=["href"],je={class:"phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet"},Ge={class:"phila-navbar-search"},E="5rem",He=e.defineComponent({__name:"index",props:{id:{},sticky:{type:Boolean},navbarBrand:{},mobileNav:{},collapseGroup:{},search:{},links:{default:()=>[{text:"Home",href:"#"}]}},setup(t){const l=t,{state:i}=S(),n=e.useTemplateRef("navBarElement"),c=e.ref(E),r=e.ref(0),a=Ie(()=>{const o=(n.value?.offsetTop||0)+(n.value?.offsetHeight||0);c.value=!l.sticky||window.innerWidth<1024?o+"px":E,r.value=o},100);return e.watch(()=>i.value,a,{deep:!0,immediate:!0}),e.onMounted(()=>{window.addEventListener("resize",a)}),e.onUnmounted(()=>{window.removeEventListener("resize",a)}),(o,v)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"navBarElement",ref:n,class:e.normalizeClass(["phila-navbar has-background-primary",{"is-sticky-desktop":t.sticky}]),"aria-label":"Main navigation",style:e.normalizeStyle(`--nav-height:${c.value};--nav-bottom:${r.value}px`)},[e.renderSlot(o.$slots,"navbar-burger",{},()=>[t.mobileNav?(e.openBlock(),e.createBlock(Ne,{key:0,"mobile-nav":t.mobileNav,"collapse-group":t.id},null,8,["mobile-nav","collapse-group"])):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",Oe,[e.renderSlot(o.$slots,"navbar-logo",{},()=>[t.navbarBrand?.brandingImage?(e.openBlock(),e.createBlock(Se,e.normalizeProps(e.mergeProps({key:0},t.navbarBrand.brandingImage)),null,16)):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",Fe,[e.renderSlot(o.$slots,"navbar-brand-link",{},()=>[t.navbarBrand?.brandingLink?(e.openBlock(),e.createElementBlock("div",De,[e.createElementVNode("a",{tabindex:"0",href:t.navbarBrand.brandingLink.href,class:"has-text-underline"},e.toDisplayString(t.navbarBrand.brandingLink.text),9,Ue)])):e.createCommentVNode("",!0)],!0)])]),e.createElementVNode("div",je,[e.renderSlot(o.$slots,"navbar-links",{},()=>[t.links?(e.openBlock(),e.createBlock(_e,{key:0,links:t.links,"collapse-group":t.id},null,8,["links","collapse-group"])):e.createCommentVNode("",!0)],!0)]),e.createElementVNode("div",Ge,[e.renderSlot(o.$slots,"navbar-search",{},()=>[t.search?(e.openBlock(),e.createBlock(ze,{key:0,search:t.search,"collapse-group":t.id},null,8,["search","collapse-group"])):e.createCommentVNode("",!0)],!0)])],6))}}),qe=N(He,[["__scopeId","data-v-f2a05d03"]]),Ke=e.defineComponent({__name:"AppHeader",props:{showTrustedSite:{type:Boolean,default:!0},translations:{default:void 0},className:{},id:{default:"main-nav"},sticky:{type:Boolean,default:!0},navbarBrand:{default:void 0},mobileNav:{default:void 0},collapseGroup:{},search:{default:void 0},links:{default:void 0}},setup(t){return(l,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.showTrustedSite?(e.openBlock(),e.createBlock(be,{key:0},{translation:e.withCtx(()=>[e.renderSlot(l.$slots,"translations",{},()=>[t.translations?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.translations),{key:0})):e.createCommentVNode("",!0)])]),_:3})):e.createCommentVNode("",!0),e.createVNode(qe,{id:t.id,sticky:t.sticky,"mobile-nav":t.mobileNav,links:t.links,"navbar-brand":t.navbarBrand,search:t.search},null,8,["id","sticky","mobile-nav","links","navbar-brand","search"])],64))}});exports.AppHeader=Ke;

package/dist/index.mjs

@@ -1,41 +1,43 @@
-import { ref as C, reactive as ie, onBeforeMount as se, onUnmounted as J, defineComponent as E, useSlots as fe, computed as le, createElementBlock as m, openBlock as d, Fragment as I, createElementVNode as i, createCommentVNode as _, unref as n, createTextVNode as z, createVNode as w, renderSlot as x, normalizeProps as W, guardReactiveProps as ae, mergeProps as P, withModifiers as me, createBlock as k, withCtx as M, resolveDynamicComponent as U, normalizeClass as j, renderList as te, toDisplayString as H, withKeys as pe, useAttrs as he, useTemplateRef as ge, watch as be, onMounted as ke, normalizeStyle as ye } from "vue";
-import { FontAwesomeIcon as A } from "@fortawesome/vue-fontawesome";
-import './index.css';var xe = {
+import { ref as $, reactive as te, onBeforeMount as ie, onUnmounted as V, defineComponent as C, useSlots as se, computed as oe, createElementBlock as f, openBlock as r, Fragment as A, createElementVNode as n, createCommentVNode as h, unref as t, createTextVNode as L, createVNode as p, renderSlot as b, createBlock as v, withCtx as _, resolveDynamicComponent as S, normalizeClass as E, renderList as H, toDisplayString as M, withKeys as le, useTemplateRef as re, watch as ce, onMounted as de, normalizeStyle as ue, normalizeProps as ve, mergeProps as fe } from "vue";
+import { FontAwesomeIcon as x } from "@fortawesome/vue-fontawesome";
+import { CollapsePanel as I } from "@phila/phila-ui-collapse-panel";
+import { Logo as me } from "@phila/phila-ui-logo";
+import './index.css';var he = {
   prefix: "fas",
   iconName: "magnifying-glass",
   icon: [512, 512, [128269, "search"], "f002", "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376C296.3 401.1 253.9 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"]
-}, Ce = xe, oe = {
+}, pe = he, K = {
   prefix: "fas",
   iconName: "xmark",
   icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
-}, _e = oe, re = oe, we = {
+}, be = K, Q = K, ge = {
   prefix: "fas",
   iconName: "lock",
   icon: [384, 512, [128274], "f023", "M128 96l0 64 128 0 0-64c0-35.3-28.7-64-64-64s-64 28.7-64 64zM64 160l0-64C64 25.3 121.3-32 192-32S320 25.3 320 96l0 64c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64z"]
-}, ce = {
+}, F = {
   prefix: "fas",
   iconName: "caret-up",
   icon: [320, 512, [], "f0d8", "M140.3 135.2c12.6-10.3 31.1-9.5 42.8 2.2l128 128c9.2 9.2 11.9 22.9 6.9 34.9S301.4 320 288.5 320l-256 0c-12.9 0-24.6-7.8-29.6-19.8S.7 274.5 9.9 265.4l128-128 2.4-2.2z"]
-}, de = {
+}, q = {
   prefix: "fas",
   iconName: "caret-down",
   icon: [320, 512, [], "f0d7", "M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"]
-}, Be = {
+}, ke = {
   prefix: "fas",
   iconName: "building-columns",
   icon: [512, 512, ["bank", "institution", "museum", "university"], "f19c", "M271.9 20.2c-9.8-5.6-21.9-5.6-31.8 0l-224 128c-12.6 7.2-18.8 22-15.1 36S17.5 208 32 208l32 0 0 208 0 0-51.2 38.4C4.7 460.4 0 469.9 0 480 0 497.7 14.3 512 32 512l448 0c17.7 0 32-14.3 32-32 0-10.1-4.7-19.6-12.8-25.6l-51.2-38.4 0-208 32 0c14.5 0 27.2-9.8 30.9-23.8s-2.5-28.8-15.1-36l-224-128zM400 208l0 208-64 0 0-208 64 0zm-112 0l0 208-64 0 0-208 64 0zm-112 0l0 208-64 0 0-208 64 0zM256 96a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"]
-}, Le = {
+}, xe = {
   prefix: "fas",
   iconName: "bars",
   icon: [448, 512, ["navicon"], "f0c9", "M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]
-}, $e = {
+}, ye = {
   prefix: "fas",
   iconName: "circle-info",
   icon: [512, 512, ["info-circle"], "f05a", "M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"]
-}, Te = $e;
-const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%200%2016%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='16'%20height='11'%20fill='url(%23pattern0_61022_1867)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_61022_1867'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_61022_1867'%20transform='scale(0.0625%200.0909091)'/%3e%3c/pattern%3e%3cimage%20id='image0_61022_1867'%20width='16'%20height='11'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e";
-C("");
-ie({
+}, _e = ye;
+const Ce = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%200%2016%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='16'%20height='11'%20fill='url(%23pattern0_61022_1867)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_61022_1867'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_61022_1867'%20transform='scale(0.0625%200.0909091)'/%3e%3c/pattern%3e%3cimage%20id='image0_61022_1867'%20width='16'%20height='11'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e";
+$("");
+te({
   validateOnBlur: !1,
   validateOnInput: !1,
   validateOnChange: !1,
@@ -44,328 +46,198 @@ ie({
   isValid: !0,
   errors: []
 });
-const B = C({}), L = C(), D = 400, Y = C(null);
-function ue(e) {
-  const s = e?.group ?? "global", l = (t, v) => {
-    B.value[s][t] = v;
-  }, a = (t, v) => {
-    B.value[s] = { [t]: v };
-  }, u = (t) => B.value[s][t] ?? !1, c = (t) => {
-    l(t, !u(t));
-  }, r = (t) => {
-    a(t, !u(t));
-  }, o = () => {
-    B.value[s] = {};
-  }, f = (t) => {
-    t.key === "Escape" && (l(e.id, !1), p());
-  }, g = (t) => {
+const g = $({}), k = $(), T = 400, z = $(null);
+function R(e) {
+  const o = e?.group ?? "global", l = (c, m) => {
+    g.value[o][c] = m;
+  }, a = (c, m) => {
+    g.value[o] = { [c]: m };
+  }, u = (c) => g.value[o][c] ?? !1, d = (c) => {
+    l(c, !u(c));
+  }, i = (c) => {
+    a(c, !u(c));
+  }, s = () => {
+    g.value[o] = {};
+  }, y = (c) => {
+    c.key === "Escape" && (l(e.id, !1), w());
+  }, N = (c) => {
     if (!e) return;
-    const v = t.target, [h] = Object.keys(B.value[s]).filter((X) => B.value[s][X] === !0), O = document.getElementById(h), F = document.querySelector(`[aria-controls="${h}"]`), R = v.getAttribute("aria-controls") === h || F?.contains(t.target);
-    O && !O.contains(v) && !R && (l(e.id, !1), p());
-  }, b = () => {
-    e && (L.value = setTimeout(() => {
-      l(e.id, !1), p();
-    }, D));
-  }, y = () => {
-    e && e.mouseOverToggle === !0 && (Y.value = e.id, L.value = setTimeout(() => {
-      N();
-    }, D));
-  }, V = () => {
-    e && e.mouseOverToggle === !0 && (Y.value = null, clearTimeout(L.value), L.value = setTimeout(() => {
-      Y.value !== e.id && (l(e.id, !1), p());
-    }, D));
-  }, K = (t) => {
+    const m = c.target, [B] = Object.keys(g.value[o]).filter((ne) => g.value[o][ne] === !0), G = document.getElementById(B), ee = document.querySelector(`[aria-controls="${B}"]`), ae = m.getAttribute("aria-controls") === B || ee?.contains(c.target);
+    G && !G.contains(m) && !ae && (l(e.id, !1), w());
+  }, X = () => {
+    e && (k.value = setTimeout(() => {
+      l(e.id, !1), w();
+    }, T));
+  }, Y = () => {
+    e && e.mouseOverToggle === !0 && (z.value = e.id, k.value = setTimeout(() => {
+      D();
+    }, T));
+  }, Z = () => {
+    e && e.mouseOverToggle === !0 && (z.value = null, clearTimeout(k.value), k.value = setTimeout(() => {
+      z.value !== e.id && (l(e.id, !1), w());
+    }, T));
+  }, W = (c) => {
     if (!e) return;
-    const { relatedTarget: v } = t;
-    if (!v || v.getAttribute("aria-controls") === e.id)
+    const { relatedTarget: m } = c;
+    if (!m || m.getAttribute("aria-controls") === e.id)
       return;
-    const h = document.getElementById(e.id);
-    h && h.contains(v) || (clearTimeout(L.value), L.value = setTimeout(() => {
-      e.openSingle ? a(e.id, !1) : l(e.id, !1), p();
-    }, D));
-  }, Q = () => {
-    e && (e.outsideClickClose && (document.addEventListener("click", g), document.addEventListener("touchend", g)), e.escapeKeyClose && document.addEventListener("keydown", f));
-  }, p = () => {
-    document.removeEventListener("click", g), document.removeEventListener("touchend", g), document.removeEventListener("keydown", f), document.removeEventListener("scroll", b);
-  }, S = (t) => {
-    e && (t?.preventDefault(), clearTimeout(L.value), Q());
-  }, q = (t) => {
-    e && (S(t), e.openSingle ? r(e.id) : c(e.id));
-  }, N = (t) => {
-    e && (S(t), e.openSingle ? a(e.id, !0) : l(e.id, !0));
+    const B = document.getElementById(e.id);
+    B && B.contains(m) || (clearTimeout(k.value), k.value = setTimeout(() => {
+      e.openSingle ? a(e.id, !1) : l(e.id, !1), w();
+    }, T));
+  }, J = () => {
+    e && (e.outsideClickClose && (document.addEventListener("click", N), document.addEventListener("touchend", N)), e.escapeKeyClose && document.addEventListener("keydown", y));
+  }, w = () => {
+    document.removeEventListener("click", N), document.removeEventListener("touchend", N), document.removeEventListener("keydown", y), document.removeEventListener("scroll", X);
+  }, U = (c) => {
+    e && (c?.preventDefault(), clearTimeout(k.value), J());
+  }, P = (c) => {
+    e && (U(c), e.openSingle ? i(e.id) : d(e.id));
+  }, D = (c) => {
+    e && (U(c), e.openSingle ? a(e.id, !0) : l(e.id, !0));
   };
-  return se(() => {
-    B.value[s] || o();
-  }), J(() => {
-    p();
+  return ie(() => {
+    g.value[o] || s();
+  }), V(() => {
+    w();
   }), {
-    state: B,
-    timeout: L,
-    toggle: c,
-    toggleSingle: r,
+    state: g,
+    timeout: k,
+    toggle: d,
+    toggleSingle: i,
     setCollapsed: l,
     setSingleCollapsed: a,
     isCollapsed: u,
-    reset: o,
-    onMouseEnter: y,
-    onMouseLeave: V,
-    focusChange: K,
-    onClickToggle: q,
-    onClickOpen: N
+    reset: s,
+    onMouseEnter: Y,
+    onMouseLeave: Z,
+    focusChange: W,
+    onClickToggle: P,
+    onClickOpen: D
   };
 }
-const Ee = {
+const we = {
   id: "trusted-site",
   class: "has-background-ghost-gray is-flex is-justify-space-between"
-}, Me = { class: "trusted-wrap" }, Se = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, Ne = ["src"], Oe = ["aria-label", "aria-expanded"], ze = {
+}, Be = { class: "trusted-wrap" }, $e = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, Le = ["src"], Ae = ["aria-label", "aria-expanded"], Ne = {
   class: "icon",
   "aria-hidden": "true"
-}, Ie = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, De = ["aria-label", "aria-expanded"], Ge = {
+}, Te = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, Me = ["aria-label", "aria-expanded"], Se = {
   class: "icon",
   "aria-hidden": "true"
-}, He = {
+}, Ee = {
   key: 0,
   class: "trusted-translation is-flex is-align-center"
-}, Ue = ["hidden"], je = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, Ve = { class: "info-item-wrap is-flex" }, Ke = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, Qe = { class: "trusted-icon is-flex is-flex-column has-text-center" }, qe = { class: "icon circle-icon p-3 mb-2" }, Fe = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, Re = { class: "trusted-icon is-flex is-flex-column has-text-center" }, Xe = { class: "icon circle-icon p-3 mb-2" }, Ye = { class: "info-content-close mt-4" }, Ze = /* @__PURE__ */ E({
+}, ze = ["hidden"], Ie = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, Oe = { class: "info-item-wrap is-flex" }, Ue = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, De = { class: "trusted-icon is-flex is-flex-column has-text-center" }, Ge = { class: "icon circle-icon p-3 mb-2" }, He = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, je = { class: "trusted-icon is-flex is-flex-column has-text-center" }, Ve = { class: "icon circle-icon p-3 mb-2" }, Ke = { class: "info-content-close mt-4" }, Qe = /* @__PURE__ */ C({
   __name: "TrustedSite",
   setup(e) {
-    const s = fe(), { isCollapsed: l, onClickToggle: a } = ue({
+    const o = se(), { isCollapsed: l, onClickToggle: a } = R({
       id: "trusted-site-info",
       escapeKeyClose: !0
-    }), u = le(() => l("trusted-site-info"));
-    return (c, r) => (d(), m(I, null, [
-      i("div", Ee, [
-        i("div", Me, [
-          i("div", Se, [
-            i("img", {
-              src: n(Ae),
+    }), u = oe(() => l("trusted-site-info"));
+    return (d, i) => (r(), f(A, null, [
+      n("div", we, [
+        n("div", Be, [
+          n("div", $e, [
+            n("img", {
+              src: t(Ce),
               alt: "",
               class: "icon"
-            }, null, 8, Ne),
-            r[4] || (r[4] = i("div", { class: "content mx-2" }, "An official website of the City of Philadelphia government", -1)),
-            i("button", {
+            }, null, 8, Le),
+            i[4] || (i[4] = n("div", { class: "content mx-2" }, "An official website of the City of Philadelphia government", -1)),
+            n("button", {
               class: "phila-button is-extra-small",
               "aria-label": `${u.value ? "Close" : "Open"} Trusted Site information panel`,
               "aria-controls": "trusted-site-info",
               "aria-expanded": u.value,
-              onClick: r[0] || (r[0] = //@ts-ignore
-              (...o) => n(a) && n(a)(...o))
+              onClick: i[0] || (i[0] = //@ts-ignore
+              (...s) => t(a) && t(a)(...s))
             }, [
-              r[3] || (r[3] = z(" Here's how you know ", -1)),
-              i("span", ze, [
-                w(n(A), {
-                  icon: u.value ? n(ce) : n(de)
+              i[3] || (i[3] = L(" Here's how you know ", -1)),
+              n("span", Ne, [
+                p(t(x), {
+                  icon: u.value ? t(F) : t(q)
                 }, null, 8, ["icon"])
               ])
-            ], 8, Oe)
+            ], 8, Ae)
           ]),
-          i("div", Ie, [
-            i("button", {
+          n("div", Te, [
+            n("button", {
               class: "phila-button is-extra-small",
               "aria-label": `${u.value ? "Close" : "Open"} Trusted Site information panel`,
               "aria-controls": "trusted-site-info",
               "aria-expanded": u.value,
-              onClick: r[1] || (r[1] = //@ts-ignore
-              (...o) => n(a) && n(a)(...o))
+              onClick: i[1] || (i[1] = //@ts-ignore
+              (...s) => t(a) && t(a)(...s))
             }, [
-              r[5] || (r[5] = z(" An official website ", -1)),
-              i("span", Ge, [
-                w(n(A), { icon: n(Te) }, null, 8, ["icon"])
+              i[5] || (i[5] = L(" An official website ", -1)),
+              n("span", Se, [
+                p(t(x), { icon: t(_e) }, null, 8, ["icon"])
               ])
-            ], 8, De)
+            ], 8, Me)
           ])
         ]),
-        n(s).translation ? (d(), m("div", He, [
-          x(c.$slots, "translation", {}, void 0, !0)
-        ])) : _("", !0)
+        t(o).translation ? (r(), f("div", Ee, [
+          b(d.$slots, "translation", {}, void 0, !0)
+        ])) : h("", !0)
       ]),
-      i("div", {
+      n("div", {
         id: "trusted-site-info",
         class: "has-background-secondary px-6",
         hidden: !u.value
       }, [
-        i("div", je, [
-          i("div", Ve, [
-            i("div", Ke, [
-              i("div", Qe, [
-                i("div", qe, [
-                  w(n(A), { icon: n(we) }, null, 8, ["icon"])
+        n("div", Ie, [
+          n("div", Oe, [
+            n("div", Ue, [
+              n("div", De, [
+                n("div", Ge, [
+                  p(t(x), { icon: t(ge) }, null, 8, ["icon"])
                 ]),
-                r[6] || (r[6] = i("span", { class: "has-text-bold" }, "https://", -1))
+                i[6] || (i[6] = n("span", { class: "has-text-bold" }, "https://", -1))
               ]),
-              r[7] || (r[7] = i("div", { class: "trusted-text m-4" }, [
-                z(" The "),
-                i("strong", null, "https://"),
-                z(" in the address bar means your information is encrypted and can not be accessed by anyone else ")
+              i[7] || (i[7] = n("div", { class: "trusted-text m-4" }, [
+                L(" The "),
+                n("strong", null, "https://"),
+                L(" in the address bar means your information is encrypted and can not be accessed by anyone else ")
               ], -1))
             ]),
-            i("div", Fe, [
-              i("div", Re, [
-                i("span", Xe, [
-                  w(n(A), { icon: n(Be) }, null, 8, ["icon"])
+            n("div", He, [
+              n("div", je, [
+                n("span", Ve, [
+                  p(t(x), { icon: t(ke) }, null, 8, ["icon"])
                 ]),
-                r[8] || (r[8] = i("span", { class: "has-text-bold" }, ".gov", -1))
+                i[8] || (i[8] = n("span", { class: "has-text-bold" }, ".gov", -1))
               ]),
-              r[9] || (r[9] = i("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
+              i[9] || (i[9] = n("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
             ])
           ]),
-          i("div", Ye, [
-            i("button", {
+          n("div", Ke, [
+            n("button", {
               class: "phila-button phila-button--primary icon-button is-extra-small",
               "aria-label": "Close Trusted Site information panel",
-              onClick: r[2] || (r[2] = //@ts-ignore
-              (...o) => n(a) && n(a)(...o))
+              onClick: i[2] || (i[2] = //@ts-ignore
+              (...s) => t(a) && t(a)(...s))
             }, [
-              w(n(A), { icon: n(_e) }, null, 8, ["icon"])
+              p(t(x), { icon: t(be) }, null, 8, ["icon"])
             ])
           ])
         ])
-      ], 8, Ue)
+      ], 8, ze)
     ], 64));
   }
-}), ve = (e, s) => {
+}), O = (e, o) => {
   const l = e.__vccOpts || e;
-  for (const [a, u] of s)
+  for (const [a, u] of o)
     l[a] = u;
   return l;
-}, We = /* @__PURE__ */ ve(Ze, [["__scopeId", "data-v-5d964269"]]);
-C("");
-ie({
-  validateOnBlur: !1,
-  validateOnInput: !1,
-  validateOnChange: !1,
-  validateOnMount: !1,
-  required: !1,
-  isValid: !0,
-  errors: []
-});
-const $ = C({}), T = C(), G = 400, Z = C(null);
-function Je(e) {
-  const s = e?.group ?? "global", l = (t, v) => {
-    $.value[s][t] = v;
-  }, a = (t, v) => {
-    $.value[s] = { [t]: v };
-  }, u = (t) => $.value[s][t] ?? !1, c = (t) => {
-    l(t, !u(t));
-  }, r = (t) => {
-    a(t, !u(t));
-  }, o = () => {
-    $.value[s] = {};
-  }, f = (t) => {
-    t.key === "Escape" && (l(e.id, !1), p());
-  }, g = (t) => {
-    if (!e) return;
-    const v = t.target, [h] = Object.keys($.value[s]).filter((X) => $.value[s][X] === !0), O = document.getElementById(h), F = document.querySelector(`[aria-controls="${h}"]`), R = v.getAttribute("aria-controls") === h || F?.contains(t.target);
-    O && !O.contains(v) && !R && (l(e.id, !1), p());
-  }, b = () => {
-    e && (T.value = setTimeout(() => {
-      l(e.id, !1), p();
-    }, G));
-  }, y = () => {
-    e && e.mouseOverToggle === !0 && (Z.value = e.id, T.value = setTimeout(() => {
-      N();
-    }, G));
-  }, V = () => {
-    e && e.mouseOverToggle === !0 && (Z.value = null, clearTimeout(T.value), T.value = setTimeout(() => {
-      Z.value !== e.id && (l(e.id, !1), p());
-    }, G));
-  }, K = (t) => {
-    if (!e) return;
-    const { relatedTarget: v } = t;
-    if (!v || v.getAttribute("aria-controls") === e.id)
-      return;
-    const h = document.getElementById(e.id);
-    h && h.contains(v) || (clearTimeout(T.value), T.value = setTimeout(() => {
-      e.openSingle ? a(e.id, !1) : l(e.id, !1), p();
-    }, G));
-  }, Q = () => {
-    e && (e.outsideClickClose && (document.addEventListener("click", g), document.addEventListener("touchend", g)), e.escapeKeyClose && document.addEventListener("keydown", f));
-  }, p = () => {
-    document.removeEventListener("click", g), document.removeEventListener("touchend", g), document.removeEventListener("keydown", f), document.removeEventListener("scroll", b);
-  }, S = (t) => {
-    e && (t?.preventDefault(), clearTimeout(T.value), Q());
-  }, q = (t) => {
-    e && (S(t), e.openSingle ? r(e.id) : c(e.id));
-  }, N = (t) => {
-    e && (S(t), e.openSingle ? a(e.id, !0) : l(e.id, !0));
-  };
-  return se(() => {
-    $.value[s] || o();
-  }), J(() => {
-    p();
-  }), {
-    state: $,
-    timeout: T,
-    toggle: c,
-    toggleSingle: r,
-    setCollapsed: l,
-    setSingleCollapsed: a,
-    isCollapsed: u,
-    reset: o,
-    onMouseEnter: y,
-    onMouseLeave: V,
-    focusChange: K,
-    onClickToggle: q,
-    onClickOpen: N
-  };
-}
-const Pe = ["data-toggle", "aria-label", "aria-expanded", "aria-controls"], ee = /* @__PURE__ */ E({
-  __name: "CollapsePanel",
-  props: {
-    className: {},
-    id: {},
-    group: { default: void 0 },
-    blurClose: { type: Boolean, default: !1 },
-    openSingle: { type: Boolean, default: !1 },
-    mouseOverToggle: { type: Boolean, default: !1 },
-    outsideClickClose: { type: Boolean, default: !1 },
-    escapeKeyClose: { type: Boolean, default: !1 },
-    toggleAttrs: { default: void 0 }
-  },
-  setup(e) {
-    const s = e, { isCollapsed: l, onMouseEnter: a, onMouseLeave: u, onClickToggle: c, onClickOpen: r, focusChange: o } = Je(s), f = le(() => l(s.id));
-    return (g, b) => (d(), m("div", {
-      onMouseenter: b[1] || (b[1] = //@ts-ignore
-      (...y) => n(a) && n(a)(...y)),
-      onMouseleave: b[2] || (b[2] = //@ts-ignore
-      (...y) => n(u) && n(u)(...y)),
-      onFocusout: b[3] || (b[3] = //@ts-ignore
-      (...y) => n(o) && n(o)(...y))
-    }, [
-      x(g.$slots, "toggle", W(ae({
-        open: f.value,
-        ariaLabel: f.value ? "Close panel" : "Open panel",
-        ariaExpanded: f.value,
-        ariaControls: e.id,
-        onClickToggle: n(c),
-        onClickOpen: n(r),
-        focusChange: n(o),
-        onClick: n(c)
-      })), () => [
-        i("button", P({
-          "data-toggle": e.id,
-          "aria-label": f.value ? "Close panel" : "Open panel",
-          "aria-expanded": f.value,
-          "aria-controls": e.id
-        }, e.toggleAttrs, {
-          onClick: b[0] || (b[0] = me(
-            //@ts-ignore
-            (...y) => n(c) && n(c)(...y),
-            ["prevent"]
-          ))
-        }), null, 16, Pe)
-      ]),
-      x(g.$slots, "default", W(ae({ id: e.id, open: f.value, onClickToggle: n(c), focusChange: n(o), hidden: !f.value })))
-    ], 32));
-  }
-}), ea = ["aria-controls", "aria-expanded", "aria-label", "onClick"], aa = { class: "icon" }, ta = ["id", "hidden"], na = /* @__PURE__ */ E({
+}, Fe = /* @__PURE__ */ O(Qe, [["__scopeId", "data-v-5d964269"]]), qe = ["aria-controls", "aria-expanded", "aria-label", "onClick"], Re = { class: "icon" }, Xe = ["id", "hidden"], Ye = /* @__PURE__ */ C({
   __name: "NavbarBurger",
   props: {
     mobileNav: {},
     collapseGroup: {}
   },
   setup(e) {
-    return (s, l) => (d(), k(n(ee), {
+    return (o, l) => (r(), v(t(I), {
       id: "mobile-nav",
       group: e.collapseGroup,
       "outside-click-close": "",
@@ -373,54 +245,54 @@ const Pe = ["data-toggle", "aria-label", "aria-expanded", "aria-controls"], ee =
       "blur-close": "",
       "open-single": ""
     }, {
-      toggle: M((a) => [
-        i("button", {
-          class: j(["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": a.open }]),
+      toggle: _((a) => [
+        n("button", {
+          class: E(["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": a.open }]),
           "aria-controls": a.ariaControls,
           "aria-expanded": a.open,
           "aria-label": `${a.open ? "Close" : "Open"} mobile navigation panel`,
           onClick: a.onClick
         }, [
-          i("span", aa, [
-            w(n(A), {
-              icon: a.open ? n(re) : n(Le)
+          n("span", Re, [
+            p(t(x), {
+              icon: a.open ? t(Q) : t(xe)
             }, null, 8, ["icon"])
           ])
-        ], 10, ea)
+        ], 10, qe)
       ]),
-      default: M((a) => [
-        i("div", {
+      default: _((a) => [
+        n("div", {
           id: a.id,
           class: "phila-mobile-nav",
           hidden: !a.open
         }, [
-          x(s.$slots, "mobile-nav", {}, () => [
-            (d(), k(U(e.mobileNav)))
+          b(o.$slots, "mobile-nav", {}, () => [
+            (r(), v(S(e.mobileNav)))
           ])
-        ], 8, ta)
+        ], 8, Xe)
       ]),
       _: 3
     }, 8, ["group"]));
   }
-}), ia = ["href"], sa = ["href", "aria-controls", "aria-expanded", "onKeypress", "onTouchend", "onClick"], la = ["id", "hidden"], oa = {
+}), Ze = ["href"], We = ["href", "aria-controls", "aria-expanded", "onKeypress", "onTouchend", "onClick"], Je = ["id", "hidden"], Pe = {
   key: 0,
   class: "content nav-flyout has-background-ghost-gray px-6 py-4",
   tabindex: "-1"
-}, ra = {
+}, ea = {
   class: "is-flex is-flex-column is-flex-wrap-wrap",
   style: { gap: "var(--spacing-4xl)" }
-}, ca = ["href"], da = /* @__PURE__ */ E({
+}, aa = ["href"], na = /* @__PURE__ */ C({
   __name: "NavbarLinks",
   props: {
     links: {},
     collapseGroup: {}
   },
   setup(e) {
-    const s = (a) => !!(a.subLinks || a.subNav), l = (a) => `main-nav-${a.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g, "")}`;
-    return (a, u) => (d(!0), m(I, null, te(e.links, (c, r) => (d(), m(I, null, [
-      s(c) ? (d(), k(n(ee), {
-        id: l(c),
-        key: `collapse-${r}`,
+    const o = (a) => !!(a.subLinks || a.subNav), l = (a) => `main-nav-${a.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g, "")}`;
+    return (a, u) => (r(!0), f(A, null, H(e.links, (d, i) => (r(), f(A, null, [
+      o(d) ? (r(), v(t(I), {
+        id: l(d),
+        key: `collapse-${i}`,
         group: e.collapseGroup,
         "outside-click-close": "",
         "escape-key-close": "",
@@ -429,91 +301,85 @@ const Pe = ["data-toggle", "aria-label", "aria-expanded", "aria-controls"], ee =
         "open-single": "",
         class: "phila-navbar-link-list-item"
       }, {
-        toggle: M((o) => [
-          i("a", {
-            href: c.href,
-            class: j(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": o.open }]),
-            "aria-controls": o.ariaControls,
-            "aria-expanded": o.open,
+        toggle: _((s) => [
+          n("a", {
+            href: d.href,
+            class: E(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": s.open }]),
+            "aria-controls": s.ariaControls,
+            "aria-expanded": s.open,
             tabindex: "0",
-            onKeypress: pe(o.onClick, ["enter"]),
-            onTouchend: o.onClick,
-            onClick: o.onClick
+            onKeypress: le(s.onClick, ["enter"]),
+            onTouchend: s.onClick,
+            onClick: s.onClick
           }, [
-            z(H(c.text) + " ", 1),
-            w(n(A), {
+            L(M(d.text) + " ", 1),
+            p(t(x), {
               class: "ml-1",
-              icon: o.open ? n(ce) : n(de)
+              icon: s.open ? t(F) : t(q)
             }, null, 8, ["icon"])
-          ], 42, sa)
+          ], 42, We)
         ]),
-        default: M((o) => [
-          (d(), m("div", {
-            id: o.id,
-            key: c.text,
-            hidden: !o.open
+        default: _((s) => [
+          (r(), f("div", {
+            id: s.id,
+            key: d.text,
+            hidden: !s.open
           }, [
-            c.subLinks ? (d(), m("div", oa, [
-              i("ul", ra, [
-                (d(!0), m(I, null, te(c.subLinks, (f) => (d(), m("li", {
-                  key: f.text,
+            d.subLinks ? (r(), f("div", Pe, [
+              n("ul", ea, [
+                (r(!0), f(A, null, H(d.subLinks, (y) => (r(), f("li", {
+                  key: y.text,
                   class: "sub-nav-link is-flex is-align-center",
                   style: { width: "150px" }
                 }, [
-                  i("a", {
-                    href: f.href,
+                  n("a", {
+                    href: y.href,
                     class: "has-text-link has-text-weight-medium",
                     tabindex: "0"
-                  }, H(f.text), 9, ca)
+                  }, M(y.text), 9, aa)
                 ]))), 128))
               ])
-            ])) : (d(), k(U(c.subNav), { key: 1 }))
-          ], 8, la))
+            ])) : (r(), v(S(d.subNav), { key: 1 }))
+          ], 8, Je))
         ]),
         _: 2
-      }, 1032, ["id", "group"])) : (d(), m("div", {
-        key: `link-${r}`,
+      }, 1032, ["id", "group"])) : (r(), f("div", {
+        key: `link-${i}`,
         class: "phila-navbar-link-list-item"
       }, [
-        i("a", {
-          href: c.href,
+        n("a", {
+          href: d.href,
           class: "phila-navbar-link px-4",
           tabindex: "0"
-        }, H(c.text), 9, ia)
+        }, M(d.text), 9, Ze)
       ]))
     ], 64))), 256));
   }
-}), ua = {
-  href: "/",
-  class: "phila-navbar-item phila-navbar-brand-logo",
-  tabindex: "0"
-}, va = ["src", "alt"], fa = /* @__PURE__ */ E({
-  inheritAttrs: !1,
+}), ta = /* @__PURE__ */ C({
   __name: "NavbarBrandLogo",
   props: {
     src: {},
-    href: {},
+    href: { default: "/" },
     altText: {}
   },
   setup(e) {
-    const s = he();
-    return (l, a) => (d(), m("a", ua, [
-      i("img", P({
-        src: e.src,
-        alt: e.altText,
-        class: "phila-navbar-logo",
-        width: "150"
-      }, n(s)), null, 16, va)
-    ]));
+    const o = e;
+    return (l, a) => (r(), v(t(me), {
+      href: o.href,
+      variant: "city",
+      layout: "stacked",
+      "color-scheme": "on-primary",
+      class: "phila-navbar-logo"
+    }, null, 8, ["href"]));
   }
-}), ma = { class: "pr-4" }, pa = ["aria-controls", "aria-expanded", "aria-label", "onClick"], ha = { class: "icon" }, ga = ["id", "hidden"], ba = /* @__PURE__ */ E({
+}), ia = /* @__PURE__ */ O(ta, [["__scopeId", "data-v-7dabdf6b"]]), sa = { class: "pr-4" }, oa = ["aria-controls", "aria-expanded", "aria-label", "onClick"], la = { class: "icon" }, ra = ["id", "hidden"], ca = /* @__PURE__ */ C({
   __name: "NavbarSearch",
   props: {
     search: {},
     collapseGroup: {}
   },
   setup(e) {
-    return (s, l) => (d(), k(n(ee), {
+    return (o, l) => (r(), v(t(I), {
       id: "navbar-search",
       group: e.collapseGroup,
       "outside-click-close": "",
@@ -521,50 +387,50 @@ const Pe = ["data-toggle", "aria-label", "aria-expanded", "aria-controls"], ee =
       "blur-close": "",
       "open-single": ""
     }, {
-      toggle: M((a) => [
-        i("div", ma, [
-          i("button", {
-            class: j(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": a.open }]),
+      toggle: _((a) => [
+        n("div", sa, [
+          n("button", {
+            class: E(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": a.open }]),
             "aria-controls": a.ariaControls,
             "aria-expanded": a.open,
             "aria-label": `${a.open ? "Close" : "Open"} search panel`,
             onClick: a.onClick
           }, [
-            i("span", ha, [
-              w(n(A), {
-                icon: a.open ? n(re) : n(Ce)
+            n("span", la, [
+              p(t(x), {
+                icon: a.open ? t(Q) : t(pe)
               }, null, 8, ["icon"])
             ])
-          ], 10, pa)
+          ], 10, oa)
         ])
       ]),
-      default: M((a) => [
-        i("div", {
+      default: _((a) => [
+        n("div", {
           id: a.id,
           class: "nav-flyout is-12",
           hidden: !a.open
         }, [
-          x(s.$slots, "default", {}, () => [
-            e.search && a.open ? (d(), k(U(e.search), { key: 0 })) : _("", !0)
+          b(o.$slots, "default", {}, () => [
+            e.search && a.open ? (r(), v(S(e.search), { key: 0 })) : h("", !0)
           ])
-        ], 8, ga)
+        ], 8, ra)
       ]),
       _: 3
     }, 8, ["group"]));
   }
 });
-function ka(e, s) {
+function da(e, o) {
   let l;
   return (...a) => {
     l !== void 0 && window.clearTimeout(l), l = window.setTimeout(() => {
       e(...a);
-    }, s);
+    }, o);
   };
 }
-const ya = { class: "phila-navbar-brand" }, xa = { class: "phila-navbar-item phila-navbar-brand-link hidden-tablet" }, Ca = {
+const ua = { class: "phila-navbar-brand" }, va = { class: "phila-navbar-item phila-navbar-brand-link hidden-tablet" }, fa = {
   key: 0,
   class: "content"
-}, _a = ["href"], wa = { class: "phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet" }, Ba = { class: "phila-navbar-search" }, ne = "5rem", La = /* @__PURE__ */ E({
+}, ma = ["href"], ha = { class: "phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet" }, pa = { class: "phila-navbar-search" }, j = "5rem", ba = /* @__PURE__ */ C({
   __name: "index",
   props: {
     id: {},
@@ -576,65 +442,65 @@ const ya = { class: "phila-navbar-brand" }, xa = { class: "phila-navbar-item phi
     links: { default: () => [{ text: "Home", href: "#" }] }
   },
   setup(e) {
-    const s = e, { state: l } = ue(), a = ge("navBarElement"), u = C(ne), c = C(0), r = ka(() => {
-      const o = (a.value?.offsetTop || 0) + (a.value?.offsetHeight || 0);
-      u.value = !s.sticky || window.innerWidth < 1024 ? o + "px" : ne, c.value = o;
+    const o = e, { state: l } = R(), a = re("navBarElement"), u = $(j), d = $(0), i = da(() => {
+      const s = (a.value?.offsetTop || 0) + (a.value?.offsetHeight || 0);
+      u.value = !o.sticky || window.innerWidth < 1024 ? s + "px" : j, d.value = s;
     }, 100);
-    return be(() => l.value, r, { deep: !0, immediate: !0 }), ke(() => {
-      window.addEventListener("resize", r);
-    }), J(() => {
-      window.removeEventListener("resize", r);
-    }), (o, f) => (d(), m("nav", {
+    return ce(() => l.value, i, { deep: !0, immediate: !0 }), de(() => {
+      window.addEventListener("resize", i);
+    }), V(() => {
+      window.removeEventListener("resize", i);
+    }), (s, y) => (r(), f("nav", {
       ref_key: "navBarElement",
       ref: a,
-      class: j(["phila-navbar has-background-primary", { "is-sticky-desktop": e.sticky }]),
+      class: E(["phila-navbar has-background-primary", { "is-sticky-desktop": e.sticky }]),
       "aria-label": "Main navigation",
-      style: ye(`--nav-height:${u.value};--nav-bottom:${c.value}px`)
+      style: ue(`--nav-height:${u.value};--nav-bottom:${d.value}px`)
     }, [
-      x(o.$slots, "navbar-burger", {}, () => [
-        e.mobileNav ? (d(), k(na, {
+      b(s.$slots, "navbar-burger", {}, () => [
+        e.mobileNav ? (r(), v(Ye, {
           key: 0,
           "mobile-nav": e.mobileNav,
           "collapse-group": e.id
-        }, null, 8, ["mobile-nav", "collapse-group"])) : _("", !0)
+        }, null, 8, ["mobile-nav", "collapse-group"])) : h("", !0)
       ], !0),
-      i("div", ya, [
-        x(o.$slots, "navbar-logo", {}, () => [
-          e.navbarBrand?.brandingImage ? (d(), k(fa, W(P({ key: 0 }, e.navbarBrand.brandingImage)), null, 16)) : _("", !0)
+      n("div", ua, [
+        b(s.$slots, "navbar-logo", {}, () => [
+          e.navbarBrand?.brandingImage ? (r(), v(ia, ve(fe({ key: 0 }, e.navbarBrand.brandingImage)), null, 16)) : h("", !0)
         ], !0),
-        i("div", xa, [
-          x(o.$slots, "navbar-brand-link", {}, () => [
-            e.navbarBrand?.brandingLink ? (d(), m("div", Ca, [
-              i("a", {
+        n("div", va, [
+          b(s.$slots, "navbar-brand-link", {}, () => [
+            e.navbarBrand?.brandingLink ? (r(), f("div", fa, [
+              n("a", {
                 tabindex: "0",
                 href: e.navbarBrand.brandingLink.href,
                 class: "has-text-underline"
-              }, H(e.navbarBrand.brandingLink.text), 9, _a)
-            ])) : _("", !0)
+              }, M(e.navbarBrand.brandingLink.text), 9, ma)
+            ])) : h("", !0)
           ], !0)
         ])
       ]),
-      i("div", wa, [
-        x(o.$slots, "navbar-links", {}, () => [
-          e.links ? (d(), k(da, {
+      n("div", ha, [
+        b(s.$slots, "navbar-links", {}, () => [
+          e.links ? (r(), v(na, {
             key: 0,
             links: e.links,
             "collapse-group": e.id
-          }, null, 8, ["links", "collapse-group"])) : _("", !0)
+          }, null, 8, ["links", "collapse-group"])) : h("", !0)
         ], !0)
       ]),
-      i("div", Ba, [
-        x(o.$slots, "navbar-search", {}, () => [
-          e.search ? (d(), k(ba, {
+      n("div", pa, [
+        b(s.$slots, "navbar-search", {}, () => [
+          e.search ? (r(), v(ca, {
             key: 0,
             search: e.search,
             "collapse-group": e.id
-          }, null, 8, ["search", "collapse-group"])) : _("", !0)
+          }, null, 8, ["search", "collapse-group"])) : h("", !0)
         ], !0)
       ])
     ], 6));
   }
-}), $a = /* @__PURE__ */ ve(La, [["__scopeId", "data-v-f2a05d03"]]), Ea = /* @__PURE__ */ E({
+}), ga = /* @__PURE__ */ O(ba, [["__scopeId", "data-v-f2a05d03"]]), Ca = /* @__PURE__ */ C({
   __name: "AppHeader",
   props: {
     showTrustedSite: { type: Boolean, default: !0 },
@@ -649,16 +515,16 @@ const ya = { class: "phila-navbar-brand" }, xa = { class: "phila-navbar-item phi
     links: { default: void 0 }
   },
   setup(e) {
-    return (s, l) => (d(), m(I, null, [
-      e.showTrustedSite ? (d(), k(We, { key: 0 }, {
-        translation: M(() => [
-          x(s.$slots, "translations", {}, () => [
-            e.translations ? (d(), k(U(e.translations), { key: 0 })) : _("", !0)
+    return (o, l) => (r(), f(A, null, [
+      e.showTrustedSite ? (r(), v(Fe, { key: 0 }, {
+        translation: _(() => [
+          b(o.$slots, "translations", {}, () => [
+            e.translations ? (r(), v(S(e.translations), { key: 0 })) : h("", !0)
           ])
         ]),
         _: 3
-      })) : _("", !0),
-      w($a, {
+      })) : h("", !0),
+      p(ga, {
         id: e.id,
         sticky: e.sticky,
         "mobile-nav": e.mobileNav,
@@ -670,5 +536,5 @@ const ya = { class: "phila-navbar-brand" }, xa = { class: "phila-navbar-item phi
   }
 });
 export {
-  Ea as AppHeader
+  Ca as AppHeader
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@phila/phila-ui-app-header",
-  "version": "0.2.0-beta.1",
+  "version": "0.2.0-beta.2",
   "type": "module",
   "description": "A header component for site info and main navigation.",
   "main": "./dist/index.js",
@@ -30,7 +30,8 @@
   },
   "dependencies": {
     "@phila/phila-ui-core": "2.3.0-beta.1",
-    "@phila/phila-ui-collapse-panel": "0.0.2-beta.1"
+    "@phila/phila-ui-collapse-panel": "0.0.2-beta.1",
+    "@phila/phila-ui-logo": "0.1.0-beta.0"
   },
   "devDependencies": {
     "@types/node": "^24.0.0",