@phila/phila-ui-app-header 0.2.2 → 0.3.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/dist/AppHeader.vue.d.ts +2 -0
  2. package/dist/AppHeader.vue.d.ts.map +1 -1
  3. package/dist/components/AlertBanner.vue.d.ts +4 -0
  4. package/dist/components/AlertBanner.vue.d.ts.map +1 -0
  5. package/dist/components/NavBar/index.vue.d.ts.map +1 -1
  6. package/dist/index.css +1 -1
  7. package/dist/index.d.ts +5 -1
  8. package/dist/index.d.ts.map +1 -1
  9. package/dist/index.js +1 -1
  10. package/dist/index.mjs +179 -146
  11. package/package.json +4 -4
package/dist/AppHeader.vue.d.ts CHANGED
@@ -15,6 +15,8 @@ declare const __VLS_component: import('vue').DefineComponent<AppHeaderProps, {},
15
15
  search: import('vue').Component;
16
16
  sticky: boolean;
17
17
  navbarBrand: import('./index').NavbarBrand;
18
+ bannerTitle: string;
19
+ bannerMessage: string;
18
20
  showTrustedSite: boolean;
19
21
  translations: import('vue').Component;
20
22
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
package/dist/AppHeader.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"AppHeader.vue.d.ts","sourceRoot":"","sources":["../src/AppHeader.vue"],"names":[],"mappings":"AAsCA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AA4B9C,iBAAS,cAAc;WAiET,OAAO,IAA6B;;8BAVhB,GAAG;;;;EAepC;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"AppHeader.vue.d.ts","sourceRoot":"","sources":["../src/AppHeader.vue"],"names":[],"mappings":"AA0CA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAiC9C,iBAAS,cAAc;WA8ET,OAAO,IAA6B;;8BAVhB,GAAG;;;;EAepC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
package/dist/components/AlertBanner.vue.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import { AlertBannerProps } from '..';
2
+ declare const _default: import('vue').DefineComponent<AlertBannerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AlertBannerProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
3
+ export default _default;
4
+ //# sourceMappingURL=AlertBanner.vue.d.ts.map
package/dist/components/AlertBanner.vue.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"AlertBanner.vue.d.ts","sourceRoot":"","sources":["../../src/components/AlertBanner.vue"],"names":[],"mappings":"AA0CA,OAAO,EAAE,gBAAgB,EAAE,MAAM,IAAI,CAAC;;AAyEtC,wBAOG"}
package/dist/components/NavBar/index.vue.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/index.vue"],"names":[],"mappings":"AA2LA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAkC1C,iBAAS,cAAc;WAiIT,OAAO,IAA6B;;iCAfb,GAAG;+BACL,GAAG;qCACI,GAAG;gCACR,GAAG;iCACF,GAAG;;;;;;EAgBxC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;eASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/index.vue"],"names":[],"mappings":"AA4LA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAkC1C,iBAAS,cAAc;WAiIT,OAAO,IAA6B;;iCAfb,GAAG;+BACL,GAAG;qCACI,GAAG;gCACR,GAAG;iCACF,GAAG;;;;;;EAgBxC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;eASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- #trusted-site[data-v-117bdb56]{width:100%;height:3rem;padding:0 var(--spacing-l);box-sizing:border-box}#trusted-site .content[data-v-117bdb56]{color:var(--Schemes-On-Surface);font-size:var(--component-banner-font-size)}#trusted-site button[data-v-117bdb56]{--Schemes-Surface-Container-Lowest: transparent;font-size:var(--component-banner-font-size, .75)!important}#trusted-site .trusted-toggle[data-v-117bdb56]{height:100%}#trusted-site-info .circle-icon[data-v-117bdb56]{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-26fd958d]{display:flex;justify-content:space-between;column-gap:var(--spacing-3xl);height:5rem}.phila-navbar .phila-navbar-brand[data-v-26fd958d],.phila-navbar .phila-navbar-list[data-v-26fd958d],.phila-navbar .phila-navbar-search[data-v-26fd958d],.phila-navbar .phila-navbar-item[data-v-26fd958d],.phila-navbar .phila-navbar-burger[data-v-26fd958d]{display:flex}[data-v-26fd958d] a.phila-navbar-link,.phila-navbar a.phila-navbar-link[data-v-26fd958d]{text-decoration:none;color:var(--Schemes-On-Inverse-Surface-Bright)}[data-v-26fd958d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-26fd958d]{list-style:none;padding:0;margin:0;column-gap:var(--spacing-l)}:is([data-v-26fd958d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-26fd958d]) .phila-navbar-link-list-item{height:100%;display:flex;align-items:center}:is([data-v-26fd958d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-26fd958d]) .phila-navbar-link-list-item .phila-navbar-link{display:flex;align-items:center;height:100%}:is([data-v-26fd958d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-26fd958d]) .phila-navbar-link-list-item .phila-navbar-link:hover,:is([data-v-26fd958d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-26fd958d]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-26fd958d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-26fd958d]) .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-26fd958d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-26fd958d]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-26fd958d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-26fd958d]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{outline-offset:0!important}:is([data-v-26fd958d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-26fd958d]) .phila-navbar-link-list-item .phila-navbar-link:focus{outline:2px solid var(--Schemes-Outline);outline-offset:2px}[data-v-26fd958d] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-26fd958d]{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-26fd958d] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-26fd958d]).phila-navbar-item-flyout-active{color:var(--Schemes-Primary, #2176d2);background-color:var(--Schemes-Surface-Container-Low)}[data-v-26fd958d] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-26fd958d]{flex:1 1 auto;align-items:center;column-gap:var(--spacing-l)}:is([data-v-26fd958d] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-26fd958d]) a{font-weight:400}:is([data-v-26fd958d] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-26fd958d]) img:hover{opacity:.8}[data-v-26fd958d] .nav-flyout,.phila-navbar .nav-flyout[data-v-26fd958d]{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-26fd958d] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-26fd958d]{flex:0 0 auto;align-items:center}:is([data-v-26fd958d] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-26fd958d]) button{background-color:var(--Schemes-Primary)}
1
+ #trusted-site[data-v-117bdb56]{width:100%;height:3rem;padding:0 var(--spacing-l);box-sizing:border-box}#trusted-site .content[data-v-117bdb56]{color:var(--Schemes-On-Surface);font-size:var(--component-banner-font-size)}#trusted-site button[data-v-117bdb56]{--Schemes-Surface-Container-Lowest: transparent;font-size:var(--component-banner-font-size, .75)!important}#trusted-site .trusted-toggle[data-v-117bdb56]{height:100%}#trusted-site-info .circle-icon[data-v-117bdb56]{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-ea2fc313]{display:flex;justify-content:space-between;column-gap:var(--spacing-3xl);height:5rem}.phila-navbar .phila-navbar-brand[data-v-ea2fc313],.phila-navbar .phila-navbar-list[data-v-ea2fc313],.phila-navbar .phila-navbar-search[data-v-ea2fc313],.phila-navbar .phila-navbar-item[data-v-ea2fc313],.phila-navbar .phila-navbar-burger[data-v-ea2fc313]{display:flex}[data-v-ea2fc313] a.phila-navbar-link,.phila-navbar a.phila-navbar-link[data-v-ea2fc313]{text-decoration:none;color:var(--Schemes-On-Inverse-Surface-Bright)}[data-v-ea2fc313] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-ea2fc313]{list-style:none;padding:0;margin:0;column-gap:var(--spacing-l)}:is([data-v-ea2fc313] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-ea2fc313]) .phila-navbar-link-list-item{height:100%;display:flex;align-items:center}:is([data-v-ea2fc313] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-ea2fc313]) .phila-navbar-link-list-item .phila-navbar-link{display:flex;align-items:center;height:100%}:is([data-v-ea2fc313] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-ea2fc313]) .phila-navbar-link-list-item .phila-navbar-link:hover,:is([data-v-ea2fc313] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-ea2fc313]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-ea2fc313] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-ea2fc313]) .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-ea2fc313] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-ea2fc313]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-ea2fc313] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-ea2fc313]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{outline-offset:0!important}:is([data-v-ea2fc313] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-ea2fc313]) .phila-navbar-link-list-item .phila-navbar-link:focus{outline:2px solid var(--Schemes-Outline);outline-offset:2px}[data-v-ea2fc313] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-ea2fc313]{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);box-shadow:none}:is([data-v-ea2fc313] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-ea2fc313]).phila-navbar-item-flyout-active{color:var(--Schemes-Primary, #2176d2);background-color:var(--Schemes-Surface-Container-Low)}[data-v-ea2fc313] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-ea2fc313]{flex:1 1 auto;align-items:center;column-gap:var(--spacing-l)}:is([data-v-ea2fc313] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-ea2fc313]) a{font-weight:400}:is([data-v-ea2fc313] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-ea2fc313]) img:hover{opacity:.8}[data-v-ea2fc313] .nav-flyout,.phila-navbar .nav-flyout[data-v-ea2fc313]{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-ea2fc313] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-ea2fc313]{flex:0 0 auto;align-items:center}:is([data-v-ea2fc313] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-ea2fc313]) button{background-color:var(--Schemes-Primary)}.site-wide-alert{display:flex;align-items:center;gap:var(--spacing-m, 1rem);align-self:stretch;background:var(--Schemes-Alert-Container, #ffe9b0)}.alert-content{display:flex;max-width:60rem;padding:var(--spacing-m, 1rem) var(--spacing-l, 1.5rem);align-items:flex-start;gap:var(--spacing-m, 1rem);flex:1 0 0}
package/dist/index.d.ts CHANGED
@@ -37,7 +37,11 @@ export interface NavBarProps extends NavbarBurgerProps, NavbarSearchProps, Navba
37
37
  sticky?: boolean;
38
38
  navbarBrand?: NavbarBrand;
39
39
  }
40
- export interface AppHeaderProps extends BaseProps, NavBarProps {
40
+ export interface AlertBannerProps {
41
+ bannerTitle?: string;
42
+ bannerMessage?: string;
43
+ }
44
+ export interface AppHeaderProps extends BaseProps, NavBarProps, AlertBannerProps {
41
45
  showTrustedSite?: boolean;
42
46
  translations?: Component;
43
47
  }
package/dist/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC,MAAM,WAAW,aAAa;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AACD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AACD,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;CACnB;AACD,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,WAAW;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB;IACzF,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,WAAW;IAC5D,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC,MAAM,WAAW,aAAa;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AACD,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AACD,MAAM,WAAW,gBAAiB,SAAQ,aAAa;IACrD,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;CACnB;AACD,MAAM,WAAW,aAAa;IAC5B,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AACD,MAAM,WAAW,WAAW;IAC1B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,MAAM,WAAW,WAAY,SAAQ,iBAAiB,EAAE,iBAAiB,EAAE,gBAAgB;IACzF,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,gBAAgB;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,cAAe,SAAQ,SAAS,EAAE,WAAW,EAAE,gBAAgB;IAC9E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B"}
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),c=require("@fortawesome/vue-fontawesome"),u=require("@phila/phila-ui-core"),m=require("@phila/phila-ui-collapse-panel"),x=require("@phila/phila-ui-logo");var N={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=N,h={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"]},B=h,v=h,y={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"]},b={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"]},k={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"]},C={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"]},V={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={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"]},w=E;const _="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",A={id:"trusted-site",class:"has-background-ghost-gray is-flex is-justify-space-between"},$={class:"trusted-wrap"},S={class:"hidden-tablet trusted-toggle is-flex is-align-center"},L=["src"],z=["aria-label","aria-expanded"],M={class:"icon","aria-hidden":"true"},T={class:"hidden-desktop trusted-toggle is-flex is-align-center"},I=["aria-label","aria-expanded"],F={class:"icon","aria-hidden":"true"},D={key:0,class:"trusted-translation is-flex is-align-center"},U=["hidden"],G={class:"trusted-site-info-content content has-text-body-small is-flex is-justify-space-between"},H={class:"info-item-wrap is-flex"},O={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},j={class:"trusted-icon is-flex is-flex-column has-text-center"},q={class:"icon circle-icon p-3 mb-2"},Q={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},K={class:"trusted-icon is-flex is-flex-column has-text-center"},R={class:"icon circle-icon p-3 mb-2"},W={class:"info-content-close mt-4"},X=e.defineComponent({__name:"TrustedSite",setup(n){const l=e.useSlots(),{isCollapsed:s,onClickToggle:t}=u.useCollapse({id:"trusted-site-info",escapeKeyClose:!0}),r=e.computed(()=>s("trusted-site-info"));return(i,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",A,[e.createElementVNode("div",$,[e.createElementVNode("div",S,[e.createElementVNode("img",{src:e.unref(_),alt:"",class:"icon"},null,8,L),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":`${r.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":r.value,onClick:a[0]||(a[0]=(...o)=>e.unref(t)&&e.unref(t)(...o))},[a[3]||(a[3]=e.createTextVNode(" Here's how you know ",-1)),e.createElementVNode("span",M,[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:r.value?e.unref(b):e.unref(k)},null,8,["icon"])])],8,z)]),e.createElementVNode("div",T,[e.createElementVNode("button",{class:"phila-button is-extra-small","aria-label":`${r.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":r.value,onClick:a[1]||(a[1]=(...o)=>e.unref(t)&&e.unref(t)(...o))},[a[5]||(a[5]=e.createTextVNode(" An official website ",-1)),e.createElementVNode("span",F,[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:e.unref(w)},null,8,["icon"])])],8,I)])]),e.unref(l).translation?(e.openBlock(),e.createElementBlock("div",D,[e.renderSlot(i.$slots,"translation",{},void 0,!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{id:"trusted-site-info",class:"has-background-secondary px-6",hidden:!r.value},[e.createElementVNode("div",G,[e.createElementVNode("div",H,[e.createElementVNode("div",O,[e.createElementVNode("div",j,[e.createElementVNode("div",q,[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:e.unref(y)},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",Q,[e.createElementVNode("div",K,[e.createElementVNode("span",R,[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:e.unref(C)},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",W,[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(t)&&e.unref(t)(...o))},[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:e.unref(B)},null,8,["icon"])])])])],8,U)],64))}}),f=(n,l)=>{const s=n.__vccOpts||n;for(const[t,r]of l)s[t]=r;return s},Y=f(X,[["__scopeId","data-v-117bdb56"]]),Z=["aria-controls","aria-expanded","aria-label","onClick"],J={class:"icon"},P=["id","hidden"],ee=e.defineComponent({__name:"NavbarBurger",props:{mobileNav:{},collapseGroup:{}},setup(n){return(l,s)=>(e.openBlock(),e.createBlock(e.unref(m.CollapsePanel),{id:"mobile-nav",group:n.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(t=>[e.createElementVNode("button",{class:e.normalizeClass(["phila-navbar-burger phila-button icon-button",{"phila-navbar-item-flyout-active":t.open}]),"aria-controls":t.ariaControls,"aria-expanded":t.open,"aria-label":`${t.open?"Close":"Open"} mobile navigation panel`,onClick:t.onClick},[e.createElementVNode("span",J,[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:t.open?e.unref(v):e.unref(V)},null,8,["icon"])])],10,Z)]),default:e.withCtx(t=>[e.createElementVNode("div",{id:t.id,class:"phila-mobile-nav",hidden:!t.open},[e.renderSlot(l.$slots,"mobile-nav",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.mobileNav)))])],8,P)]),_:3},8,["group"]))}}),ne=["href"],te=["href","aria-controls","aria-expanded","onKeypress","onTouchend","onClick"],ae=["id","hidden"],oe={key:0,class:"content nav-flyout has-background-ghost-gray px-6 py-4",tabindex:"-1"},le={class:"is-flex is-flex-column is-flex-wrap-wrap",style:{gap:"var(--spacing-4xl)"}},ie=["href"],se=e.defineComponent({__name:"NavbarLinks",props:{links:{},collapseGroup:{}},setup(n){const l=t=>!!(t.subLinks||t.subNav),s=t=>`main-nav-${t.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g,"")}`;return(t,r)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.links,(i,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l(i)?(e.openBlock(),e.createBlock(e.unref(m.CollapsePanel),{id:s(i),key:`collapse-${a}`,group:n.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:i.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(i.text)+" ",1),e.createVNode(e.unref(c.FontAwesomeIcon),{class:"ml-1",icon:o.open?e.unref(b):e.unref(k)},null,8,["icon"])],42,te)]),default:e.withCtx(o=>[(e.openBlock(),e.createElementBlock("div",{id:o.id,key:i.text,hidden:!o.open},[i.subLinks?(e.openBlock(),e.createElementBlock("div",oe,[e.createElementVNode("ul",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.subLinks,d=>(e.openBlock(),e.createElementBlock("li",{key:d.text,class:"sub-nav-link is-flex is-align-center",style:{width:"150px"}},[e.createElementVNode("a",{href:d.href,class:"has-text-link has-text-weight-medium",tabindex:"0"},e.toDisplayString(d.text),9,ie)]))),128))])])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.subNav),{key:1}))],8,ae))]),_:2},1032,["id","group"])):(e.openBlock(),e.createElementBlock("div",{key:`link-${a}`,class:"phila-navbar-link-list-item"},[e.createElementVNode("a",{href:i.href,class:"phila-navbar-link px-4",tabindex:"0"},e.toDisplayString(i.text),9,ne)]))],64))),256))}}),re=e.defineComponent({__name:"NavbarBrandLogo",props:{src:{},href:{default:"/"},altText:{}},setup(n){const l=n;return(s,t)=>(e.openBlock(),e.createBlock(e.unref(x.Logo),{href:l.href,variant:"city",layout:"stacked","color-scheme":"on-primary",class:"phila-navbar-logo"},null,8,["href"]))}}),ce=f(re,[["__scopeId","data-v-7dabdf6b"]]),de={class:"pr-4"},ue=["aria-controls","aria-expanded","aria-label","onClick"],me={class:"icon"},fe=["id","hidden"],pe=e.defineComponent({__name:"NavbarSearch",props:{search:{},collapseGroup:{}},setup(n){return(l,s)=>(e.openBlock(),e.createBlock(e.unref(m.CollapsePanel),{id:"navbar-search",group:n.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(t=>[e.createElementVNode("div",de,[e.createElementVNode("button",{class:e.normalizeClass(["phila-button phila-button--primary icon-button is-small",{"phila-navbar-item-flyout-active":t.open}]),"aria-controls":t.ariaControls,"aria-expanded":t.open,"aria-label":`${t.open?"Close":"Open"} search panel`,onClick:t.onClick},[e.createElementVNode("span",me,[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:t.open?e.unref(v):e.unref(g)},null,8,["icon"])])],10,ue)])]),default:e.withCtx(t=>[e.createElementVNode("div",{id:t.id,class:"nav-flyout is-12",hidden:!t.open},[e.renderSlot(l.$slots,"default",{},()=>[n.search&&t.open?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.search),{key:0})):e.createCommentVNode("",!0)])],8,fe)]),_:3},8,["group"]))}}),he={class:"phila-navbar-brand"},ve={class:"phila-navbar-item phila-navbar-brand-link hidden-tablet"},be={key:0,class:"content"},ke=["href"],xe={class:"phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet"},Ne={class:"phila-navbar-search"},p="5rem",ge=e.defineComponent({__name:"index",props:{id:{},sticky:{type:Boolean},navbarBrand:{},mobileNav:{},collapseGroup:{},search:{},links:{default:()=>[{text:"Home",href:"#"}]}},setup(n){const l=n,{state:s}=u.useCollapse(),t=e.useTemplateRef("navBarElement"),r=e.ref(p),i=e.ref(0),a=u.debounce(()=>{const o=(t.value?.offsetTop||0)+(t.value?.offsetHeight||0),d=typeof window<"u"?window.innerWidth:1024;r.value=!l.sticky||d<1024?o+"px":p,i.value=o},100);return e.watch(()=>s.value,a,{deep:!0,immediate:!0}),e.onMounted(()=>{window.addEventListener("resize",a)}),e.onUnmounted(()=>{window.removeEventListener("resize",a)}),(o,d)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"navBarElement",ref:t,class:e.normalizeClass(["phila-navbar has-background-primary",{"is-sticky-desktop":n.sticky}]),"aria-label":"Main navigation",style:e.normalizeStyle(`--nav-height:${r.value};--nav-bottom:${i.value}px`)},[e.renderSlot(o.$slots,"navbar-burger",{},()=>[n.mobileNav?(e.openBlock(),e.createBlock(ee,{key:0,"mobile-nav":n.mobileNav,"collapse-group":n.id},null,8,["mobile-nav","collapse-group"])):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",he,[e.renderSlot(o.$slots,"navbar-logo",{},()=>[n.navbarBrand?.brandingImage?(e.openBlock(),e.createBlock(ce,e.normalizeProps(e.mergeProps({key:0},n.navbarBrand.brandingImage)),null,16)):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",ve,[e.renderSlot(o.$slots,"navbar-brand-link",{},()=>[n.navbarBrand?.brandingLink?(e.openBlock(),e.createElementBlock("div",be,[e.createElementVNode("a",{tabindex:"0",href:n.navbarBrand.brandingLink.href,class:"has-text-underline"},e.toDisplayString(n.navbarBrand.brandingLink.text),9,ke)])):e.createCommentVNode("",!0)],!0)])]),e.createElementVNode("div",xe,[e.renderSlot(o.$slots,"navbar-links",{},()=>[n.links?(e.openBlock(),e.createBlock(se,{key:0,links:n.links,"collapse-group":n.id},null,8,["links","collapse-group"])):e.createCommentVNode("",!0)],!0)]),e.createElementVNode("div",Ne,[e.renderSlot(o.$slots,"navbar-search",{},()=>[n.search?(e.openBlock(),e.createBlock(pe,{key:0,search:n.search,"collapse-group":n.id},null,8,["search","collapse-group"])):e.createCommentVNode("",!0)],!0)])],6))}}),Be=f(ge,[["__scopeId","data-v-26fd958d"]]),ye=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(n){return(l,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.showTrustedSite?(e.openBlock(),e.createBlock(Y,{key:0},{translation:e.withCtx(()=>[e.renderSlot(l.$slots,"translations",{},()=>[n.translations?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.translations),{key:0})):e.createCommentVNode("",!0)])]),_:3})):e.createCommentVNode("",!0),e.createVNode(Be,{id:n.id,sticky:n.sticky,"mobile-nav":n.mobileNav,links:n.links,"navbar-brand":n.navbarBrand,search:n.search},null,8,["id","sticky","mobile-nav","links","navbar-brand","search"])],64))}});exports.AppHeader=ye;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),c=require("@fortawesome/vue-fontawesome"),u=require("@phila/phila-ui-core"),m=require("@phila/phila-ui-collapse-panel"),x=require("@phila/phila-ui-logo");var N={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=N,B={prefix:"fas",iconName:"circle-exclamation",icon:[512,512,["exclamation-circle"],"f06a","M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]},h={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"]},y=h,v=h,C={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"]},b={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"]},k={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"]},V={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"]},E={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"]},_={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"]},w=_;const $="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",A={id:"trusted-site",class:"has-background-ghost-gray is-flex is-justify-space-between"},S={class:"trusted-wrap"},z={class:"hidden-tablet trusted-toggle is-flex is-align-center"},L=["src"],M=["aria-label","aria-expanded"],T={class:"icon","aria-hidden":"true"},I={class:"hidden-desktop trusted-toggle is-flex is-align-center"},D=["aria-label","aria-expanded"],F={class:"icon","aria-hidden":"true"},U={key:0,class:"trusted-translation is-flex is-align-center"},G=["hidden"],H={class:"trusted-site-info-content content has-text-body-small is-flex is-justify-space-between"},O={class:"info-item-wrap is-flex"},j={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},q={class:"trusted-icon is-flex is-flex-column has-text-center"},Q={class:"icon circle-icon p-3 mb-2"},K={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},R={class:"trusted-icon is-flex is-flex-column has-text-center"},W={class:"icon circle-icon p-3 mb-2"},X={class:"info-content-close mt-4"},Y=e.defineComponent({__name:"TrustedSite",setup(n){const l=e.useSlots(),{isCollapsed:s,onClickToggle:t}=u.useCollapse({id:"trusted-site-info",escapeKeyClose:!0}),r=e.computed(()=>s("trusted-site-info"));return(i,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",A,[e.createElementVNode("div",S,[e.createElementVNode("div",z,[e.createElementVNode("img",{src:e.unref($),alt:"",class:"icon"},null,8,L),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":`${r.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":r.value,onClick:a[0]||(a[0]=(...o)=>e.unref(t)&&e.unref(t)(...o))},[a[3]||(a[3]=e.createTextVNode(" Here's how you know ",-1)),e.createElementVNode("span",T,[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:r.value?e.unref(b):e.unref(k)},null,8,["icon"])])],8,M)]),e.createElementVNode("div",I,[e.createElementVNode("button",{class:"phila-button is-extra-small","aria-label":`${r.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":r.value,onClick:a[1]||(a[1]=(...o)=>e.unref(t)&&e.unref(t)(...o))},[a[5]||(a[5]=e.createTextVNode(" An official website ",-1)),e.createElementVNode("span",F,[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:e.unref(w)},null,8,["icon"])])],8,D)])]),e.unref(l).translation?(e.openBlock(),e.createElementBlock("div",U,[e.renderSlot(i.$slots,"translation",{},void 0,!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{id:"trusted-site-info",class:"has-background-secondary px-6",hidden:!r.value},[e.createElementVNode("div",H,[e.createElementVNode("div",O,[e.createElementVNode("div",j,[e.createElementVNode("div",q,[e.createElementVNode("div",Q,[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:e.unref(C)},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",K,[e.createElementVNode("div",R,[e.createElementVNode("span",W,[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:e.unref(V)},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",X,[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(t)&&e.unref(t)(...o))},[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:e.unref(y)},null,8,["icon"])])])])],8,G)],64))}}),f=(n,l)=>{const s=n.__vccOpts||n;for(const[t,r]of l)s[t]=r;return s},Z=f(Y,[["__scopeId","data-v-117bdb56"]]),J=["aria-controls","aria-expanded","aria-label","onClick"],P={class:"icon"},ee=["id","hidden"],ne=e.defineComponent({__name:"NavbarBurger",props:{mobileNav:{},collapseGroup:{}},setup(n){return(l,s)=>(e.openBlock(),e.createBlock(e.unref(m.CollapsePanel),{id:"mobile-nav",group:n.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(t=>[e.createElementVNode("button",{class:e.normalizeClass(["phila-navbar-burger phila-button icon-button",{"phila-navbar-item-flyout-active":t.open}]),"aria-controls":t.ariaControls,"aria-expanded":t.open,"aria-label":`${t.open?"Close":"Open"} mobile navigation panel`,onClick:t.onClick},[e.createElementVNode("span",P,[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:t.open?e.unref(v):e.unref(E)},null,8,["icon"])])],10,J)]),default:e.withCtx(t=>[e.createElementVNode("div",{id:t.id,class:"phila-mobile-nav",hidden:!t.open},[e.renderSlot(l.$slots,"mobile-nav",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.mobileNav)))])],8,ee)]),_:3},8,["group"]))}}),te=["href"],ae=["href","aria-controls","aria-expanded","onKeypress","onTouchend","onClick"],oe=["id","hidden"],le={key:0,class:"content nav-flyout has-background-ghost-gray px-6 py-4",tabindex:"-1"},ie={class:"is-flex is-flex-column is-flex-wrap-wrap",style:{gap:"var(--spacing-4xl)"}},se=["href"],re=e.defineComponent({__name:"NavbarLinks",props:{links:{},collapseGroup:{}},setup(n){const l=t=>!!(t.subLinks||t.subNav),s=t=>`main-nav-${t.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g,"")}`;return(t,r)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.links,(i,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[l(i)?(e.openBlock(),e.createBlock(e.unref(m.CollapsePanel),{id:s(i),key:`collapse-${a}`,group:n.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:i.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(i.text)+" ",1),e.createVNode(e.unref(c.FontAwesomeIcon),{class:"ml-1",icon:o.open?e.unref(b):e.unref(k)},null,8,["icon"])],42,ae)]),default:e.withCtx(o=>[(e.openBlock(),e.createElementBlock("div",{id:o.id,key:i.text,hidden:!o.open},[i.subLinks?(e.openBlock(),e.createElementBlock("div",le,[e.createElementVNode("ul",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.subLinks,d=>(e.openBlock(),e.createElementBlock("li",{key:d.text,class:"sub-nav-link is-flex is-align-center",style:{width:"150px"}},[e.createElementVNode("a",{href:d.href,class:"has-text-link has-text-weight-medium",tabindex:"0"},e.toDisplayString(d.text),9,se)]))),128))])])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.subNav),{key:1}))],8,oe))]),_:2},1032,["id","group"])):(e.openBlock(),e.createElementBlock("div",{key:`link-${a}`,class:"phila-navbar-link-list-item"},[e.createElementVNode("a",{href:i.href,class:"phila-navbar-link px-4",tabindex:"0"},e.toDisplayString(i.text),9,te)]))],64))),256))}}),ce=e.defineComponent({__name:"NavbarBrandLogo",props:{src:{},href:{default:"/"},altText:{}},setup(n){const l=n;return(s,t)=>(e.openBlock(),e.createBlock(e.unref(x.Logo),{href:l.href,variant:"city",layout:"stacked","color-scheme":"on-primary",class:"phila-navbar-logo"},null,8,["href"]))}}),de=f(ce,[["__scopeId","data-v-7dabdf6b"]]),ue={class:"pr-4"},me=["aria-controls","aria-expanded","aria-label","onClick"],fe={class:"icon"},pe=["id","hidden"],he=e.defineComponent({__name:"NavbarSearch",props:{search:{},collapseGroup:{}},setup(n){return(l,s)=>(e.openBlock(),e.createBlock(e.unref(m.CollapsePanel),{id:"navbar-search",group:n.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(t=>[e.createElementVNode("div",ue,[e.createElementVNode("button",{class:e.normalizeClass(["phila-button phila-button--primary icon-button is-small",{"phila-navbar-item-flyout-active":t.open}]),"aria-controls":t.ariaControls,"aria-expanded":t.open,"aria-label":`${t.open?"Close":"Open"} search panel`,onClick:t.onClick},[e.createElementVNode("span",fe,[e.createVNode(e.unref(c.FontAwesomeIcon),{icon:t.open?e.unref(v):e.unref(g)},null,8,["icon"])])],10,me)])]),default:e.withCtx(t=>[e.createElementVNode("div",{id:t.id,class:"nav-flyout is-12",hidden:!t.open},[e.renderSlot(l.$slots,"default",{},()=>[n.search&&t.open?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.search),{key:0})):e.createCommentVNode("",!0)])],8,pe)]),_:3},8,["group"]))}}),ve={class:"phila-navbar-brand"},be={class:"phila-navbar-item phila-navbar-brand-link hidden-tablet"},ke={key:0,class:"content"},xe=["href"],Ne={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"},p="5rem",Be=e.defineComponent({__name:"index",props:{id:{},sticky:{type:Boolean},navbarBrand:{},mobileNav:{},collapseGroup:{},search:{},links:{default:()=>[{text:"Home",href:"#"}]}},setup(n){const l=n,{state:s}=u.useCollapse(),t=e.useTemplateRef("navBarElement"),r=e.ref(p),i=e.ref(0),a=u.debounce(()=>{const o=(t.value?.offsetTop||0)+(t.value?.offsetHeight||0),d=typeof window<"u"?window.innerWidth:1024;r.value=!l.sticky||d<1024?o+"px":p,i.value=o},100);return e.watch(()=>s.value,a,{deep:!0,immediate:!0}),e.onMounted(()=>{window.addEventListener("resize",a)}),e.onUnmounted(()=>{window.removeEventListener("resize",a)}),(o,d)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"navBarElement",ref:t,class:e.normalizeClass(["phila-navbar has-background-primary",{"is-sticky-desktop":n.sticky}]),"aria-label":"Main navigation",style:e.normalizeStyle(`--nav-height:${r.value};--nav-bottom:${i.value}px`)},[e.renderSlot(o.$slots,"navbar-burger",{},()=>[n.mobileNav?(e.openBlock(),e.createBlock(ne,{key:0,"mobile-nav":n.mobileNav,"collapse-group":n.id},null,8,["mobile-nav","collapse-group"])):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",ve,[e.renderSlot(o.$slots,"navbar-logo",{},()=>[n.navbarBrand?.brandingImage?(e.openBlock(),e.createBlock(de,e.normalizeProps(e.mergeProps({key:0},n.navbarBrand.brandingImage)),null,16)):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",be,[e.renderSlot(o.$slots,"navbar-brand-link",{},()=>[n.navbarBrand?.brandingLink?(e.openBlock(),e.createElementBlock("div",ke,[e.createElementVNode("a",{tabindex:"0",href:n.navbarBrand.brandingLink.href,class:"has-text-underline"},e.toDisplayString(n.navbarBrand.brandingLink.text),9,xe)])):e.createCommentVNode("",!0)],!0)])]),e.createElementVNode("div",Ne,[e.renderSlot(o.$slots,"navbar-links",{},()=>[n.links?(e.openBlock(),e.createBlock(re,{key:0,links:n.links,"collapse-group":n.id},null,8,["links","collapse-group"])):e.createCommentVNode("",!0)],!0)]),e.createElementVNode("div",ge,[e.renderSlot(o.$slots,"navbar-search",{},()=>[n.search?(e.openBlock(),e.createBlock(he,{key:0,search:n.search,"collapse-group":n.id},null,8,["search","collapse-group"])):e.createCommentVNode("",!0)],!0)])],6))}}),ye=f(Be,[["__scopeId","data-v-ea2fc313"]]),Ce={class:"site-wide-alert content"},Ve={class:"alert-content"},Ee={class:"content-text"},_e={class:"title"},we={class:"body"},$e=e.defineComponent({__name:"AlertBanner",props:{bannerTitle:{},bannerMessage:{}},setup(n){const l=n;return(s,t)=>(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",Ve,[e.createVNode(e.unref(u.Icon),{iconDefinition:e.unref(B),size:"small",decorative:!0},null,8,["iconDefinition"]),e.createElementVNode("div",Ee,[e.createElementVNode("h6",_e,e.toDisplayString(l.bannerTitle),1),e.createElementVNode("div",we,e.toDisplayString(l.bannerMessage),1)])])]))}}),Ae=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},bannerTitle:{default:void 0},bannerMessage:{default:void 0}},setup(n){return(l,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.showTrustedSite?(e.openBlock(),e.createBlock(Z,{key:0},{translation:e.withCtx(()=>[e.renderSlot(l.$slots,"translations",{},()=>[n.translations?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.translations),{key:0})):e.createCommentVNode("",!0)])]),_:3})):e.createCommentVNode("",!0),e.createVNode(ye,{id:n.id,sticky:n.sticky,"mobile-nav":n.mobileNav,links:n.links,"navbar-brand":n.navbarBrand,search:n.search},null,8,["id","sticky","mobile-nav","links","navbar-brand","search"]),n.bannerTitle||n.bannerMessage?(e.openBlock(),e.createBlock($e,{key:1,"banner-title":n.bannerTitle,"banner-message":n.bannerMessage},null,8,["banner-title","banner-message"])):e.createCommentVNode("",!0)],64))}});exports.AppHeader=Ae;
package/dist/index.mjs CHANGED
@@ -1,17 +1,21 @@
1
- import { defineComponent as x, useSlots as I, computed as U, createElementBlock as h, openBlock as o, Fragment as y, createElementVNode as a, createCommentVNode as f, unref as t, createTextVNode as g, createVNode as v, renderSlot as m, createBlock as c, withCtx as b, resolveDynamicComponent as C, normalizeClass as w, renderList as A, toDisplayString as _, withKeys as G, useTemplateRef as H, ref as N, watch as O, onMounted as j, onUnmounted as D, normalizeStyle as V, normalizeProps as Q, mergeProps as K } from "vue";
2
- import { FontAwesomeIcon as p } from "@fortawesome/vue-fontawesome";
3
- import { useCollapse as z, debounce as F } from "@phila/phila-ui-core";
1
+ import { defineComponent as p, useSlots as I, computed as U, createElementBlock as u, openBlock as s, Fragment as _, createElementVNode as a, createCommentVNode as f, unref as t, createTextVNode as y, createVNode as v, renderSlot as m, createBlock as c, withCtx as x, resolveDynamicComponent as C, normalizeClass as w, renderList as A, toDisplayString as k, withKeys as D, useTemplateRef as G, ref as N, watch as H, onMounted as O, onUnmounted as j, normalizeStyle as V, normalizeProps as Q, mergeProps as K } from "vue";
2
+ import { FontAwesomeIcon as b } from "@fortawesome/vue-fontawesome";
3
+ import { useCollapse as L, debounce as F, Icon as R } from "@phila/phila-ui-core";
4
4
  import { CollapsePanel as $ } from "@phila/phila-ui-collapse-panel";
5
- import { Logo as R } from "@phila/phila-ui-logo";
6
- import './index.css';var q = {
5
+ import { Logo as q } from "@phila/phila-ui-logo";
6
+ import './index.css';var W = {
7
7
  prefix: "fas",
8
8
  iconName: "magnifying-glass",
9
9
  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"]
10
- }, W = q, M = {
10
+ }, X = W, Y = {
11
+ prefix: "fas",
12
+ iconName: "circle-exclamation",
13
+ icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]
14
+ }, z = {
11
15
  prefix: "fas",
12
16
  iconName: "xmark",
13
17
  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"]
14
- }, X = M, S = M, Y = {
18
+ }, Z = z, S = z, J = {
15
19
  prefix: "fas",
16
20
  iconName: "lock",
17
21
  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"]
@@ -23,141 +27,141 @@ import './index.css';var q = {
23
27
  prefix: "fas",
24
28
  iconName: "caret-down",
25
29
  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"]
26
- }, Z = {
30
+ }, P = {
27
31
  prefix: "fas",
28
32
  iconName: "building-columns",
29
33
  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"]
30
- }, J = {
34
+ }, ee = {
31
35
  prefix: "fas",
32
36
  iconName: "bars",
33
37
  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"]
34
- }, P = {
38
+ }, ae = {
35
39
  prefix: "fas",
36
40
  iconName: "circle-info",
37
41
  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"]
38
- }, ee = P;
39
- 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", ne = {
42
+ }, ne = ae;
43
+ const te = "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", ie = {
40
44
  id: "trusted-site",
41
45
  class: "has-background-ghost-gray is-flex is-justify-space-between"
42
- }, te = { class: "trusted-wrap" }, ie = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, se = ["src"], oe = ["aria-label", "aria-expanded"], le = {
46
+ }, se = { class: "trusted-wrap" }, oe = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, le = ["src"], re = ["aria-label", "aria-expanded"], ce = {
43
47
  class: "icon",
44
48
  "aria-hidden": "true"
45
- }, re = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, ce = ["aria-label", "aria-expanded"], de = {
49
+ }, de = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, ue = ["aria-label", "aria-expanded"], he = {
46
50
  class: "icon",
47
51
  "aria-hidden": "true"
48
- }, ue = {
52
+ }, fe = {
49
53
  key: 0,
50
54
  class: "trusted-translation is-flex is-align-center"
51
- }, he = ["hidden"], fe = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, ve = { class: "info-item-wrap is-flex" }, me = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, pe = { class: "trusted-icon is-flex is-flex-column has-text-center" }, be = { class: "icon circle-icon p-3 mb-2" }, xe = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, ke = { class: "trusted-icon is-flex is-flex-column has-text-center" }, ge = { class: "icon circle-icon p-3 mb-2" }, ye = { class: "info-content-close mt-4" }, _e = /* @__PURE__ */ x({
55
+ }, ve = ["hidden"], me = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, be = { class: "info-item-wrap is-flex" }, pe = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, xe = { class: "trusted-icon is-flex is-flex-column has-text-center" }, ge = { class: "icon circle-icon p-3 mb-2" }, ke = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, ye = { class: "trusted-icon is-flex is-flex-column has-text-center" }, _e = { class: "icon circle-icon p-3 mb-2" }, Ce = { class: "info-content-close mt-4" }, we = /* @__PURE__ */ p({
52
56
  __name: "TrustedSite",
53
57
  setup(e) {
54
- const l = I(), { isCollapsed: d, onClickToggle: n } = z({
58
+ const l = I(), { isCollapsed: d, onClickToggle: n } = L({
55
59
  id: "trusted-site-info",
56
60
  escapeKeyClose: !0
57
- }), u = U(() => d("trusted-site-info"));
58
- return (r, i) => (o(), h(y, null, [
59
- a("div", ne, [
60
- a("div", te, [
61
- a("div", ie, [
61
+ }), h = U(() => d("trusted-site-info"));
62
+ return (r, i) => (s(), u(_, null, [
63
+ a("div", ie, [
64
+ a("div", se, [
65
+ a("div", oe, [
62
66
  a("img", {
63
- src: t(ae),
67
+ src: t(te),
64
68
  alt: "",
65
69
  class: "icon"
66
- }, null, 8, se),
70
+ }, null, 8, le),
67
71
  i[4] || (i[4] = a("div", { class: "content mx-2" }, "An official website of the City of Philadelphia government", -1)),
68
72
  a("button", {
69
73
  class: "phila-button is-extra-small",
70
- "aria-label": `${u.value ? "Close" : "Open"} Trusted Site information panel`,
74
+ "aria-label": `${h.value ? "Close" : "Open"} Trusted Site information panel`,
71
75
  "aria-controls": "trusted-site-info",
72
- "aria-expanded": u.value,
76
+ "aria-expanded": h.value,
73
77
  onClick: i[0] || (i[0] = //@ts-ignore
74
- (...s) => t(n) && t(n)(...s))
78
+ (...o) => t(n) && t(n)(...o))
75
79
  }, [
76
- i[3] || (i[3] = g(" Here's how you know ", -1)),
77
- a("span", le, [
78
- v(t(p), {
79
- icon: u.value ? t(T) : t(E)
80
+ i[3] || (i[3] = y(" Here's how you know ", -1)),
81
+ a("span", ce, [
82
+ v(t(b), {
83
+ icon: h.value ? t(T) : t(E)
80
84
  }, null, 8, ["icon"])
81
85
  ])
82
- ], 8, oe)
86
+ ], 8, re)
83
87
  ]),
84
- a("div", re, [
88
+ a("div", de, [
85
89
  a("button", {
86
90
  class: "phila-button is-extra-small",
87
- "aria-label": `${u.value ? "Close" : "Open"} Trusted Site information panel`,
91
+ "aria-label": `${h.value ? "Close" : "Open"} Trusted Site information panel`,
88
92
  "aria-controls": "trusted-site-info",
89
- "aria-expanded": u.value,
93
+ "aria-expanded": h.value,
90
94
  onClick: i[1] || (i[1] = //@ts-ignore
91
- (...s) => t(n) && t(n)(...s))
95
+ (...o) => t(n) && t(n)(...o))
92
96
  }, [
93
- i[5] || (i[5] = g(" An official website ", -1)),
94
- a("span", de, [
95
- v(t(p), { icon: t(ee) }, null, 8, ["icon"])
97
+ i[5] || (i[5] = y(" An official website ", -1)),
98
+ a("span", he, [
99
+ v(t(b), { icon: t(ne) }, null, 8, ["icon"])
96
100
  ])
97
- ], 8, ce)
101
+ ], 8, ue)
98
102
  ])
99
103
  ]),
100
- t(l).translation ? (o(), h("div", ue, [
104
+ t(l).translation ? (s(), u("div", fe, [
101
105
  m(r.$slots, "translation", {}, void 0, !0)
102
106
  ])) : f("", !0)
103
107
  ]),
104
108
  a("div", {
105
109
  id: "trusted-site-info",
106
110
  class: "has-background-secondary px-6",
107
- hidden: !u.value
111
+ hidden: !h.value
108
112
  }, [
109
- a("div", fe, [
110
- a("div", ve, [
111
- a("div", me, [
112
- a("div", pe, [
113
- a("div", be, [
114
- v(t(p), { icon: t(Y) }, null, 8, ["icon"])
113
+ a("div", me, [
114
+ a("div", be, [
115
+ a("div", pe, [
116
+ a("div", xe, [
117
+ a("div", ge, [
118
+ v(t(b), { icon: t(J) }, null, 8, ["icon"])
115
119
  ]),
116
120
  i[6] || (i[6] = a("span", { class: "has-text-bold" }, "https://", -1))
117
121
  ]),
118
122
  i[7] || (i[7] = a("div", { class: "trusted-text m-4" }, [
119
- g(" The "),
123
+ y(" The "),
120
124
  a("strong", null, "https://"),
121
- g(" in the address bar means your information is encrypted and can not be accessed by anyone else ")
125
+ y(" in the address bar means your information is encrypted and can not be accessed by anyone else ")
122
126
  ], -1))
123
127
  ]),
124
- a("div", xe, [
125
- a("div", ke, [
126
- a("span", ge, [
127
- v(t(p), { icon: t(Z) }, null, 8, ["icon"])
128
+ a("div", ke, [
129
+ a("div", ye, [
130
+ a("span", _e, [
131
+ v(t(b), { icon: t(P) }, null, 8, ["icon"])
128
132
  ]),
129
133
  i[8] || (i[8] = a("span", { class: "has-text-bold" }, ".gov", -1))
130
134
  ]),
131
135
  i[9] || (i[9] = a("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
132
136
  ])
133
137
  ]),
134
- a("div", ye, [
138
+ a("div", Ce, [
135
139
  a("button", {
136
140
  class: "phila-button phila-button--primary icon-button is-extra-small",
137
141
  "aria-label": "Close Trusted Site information panel",
138
142
  onClick: i[2] || (i[2] = //@ts-ignore
139
- (...s) => t(n) && t(n)(...s))
143
+ (...o) => t(n) && t(n)(...o))
140
144
  }, [
141
- v(t(p), { icon: t(X) }, null, 8, ["icon"])
145
+ v(t(b), { icon: t(Z) }, null, 8, ["icon"])
142
146
  ])
143
147
  ])
144
148
  ])
145
- ], 8, he)
149
+ ], 8, ve)
146
150
  ], 64));
147
151
  }
148
152
  }), B = (e, l) => {
149
153
  const d = e.__vccOpts || e;
150
- for (const [n, u] of l)
151
- d[n] = u;
154
+ for (const [n, h] of l)
155
+ d[n] = h;
152
156
  return d;
153
- }, Ce = /* @__PURE__ */ B(_e, [["__scopeId", "data-v-117bdb56"]]), we = ["aria-controls", "aria-expanded", "aria-label", "onClick"], $e = { class: "icon" }, Be = ["id", "hidden"], Ae = /* @__PURE__ */ x({
157
+ }, $e = /* @__PURE__ */ B(we, [["__scopeId", "data-v-117bdb56"]]), Be = ["aria-controls", "aria-expanded", "aria-label", "onClick"], Ae = { class: "icon" }, Ne = ["id", "hidden"], Me = /* @__PURE__ */ p({
154
158
  __name: "NavbarBurger",
155
159
  props: {
156
160
  mobileNav: {},
157
161
  collapseGroup: {}
158
162
  },
159
163
  setup(e) {
160
- return (l, d) => (o(), c(t($), {
164
+ return (l, d) => (s(), c(t($), {
161
165
  id: "mobile-nav",
162
166
  group: e.collapseGroup,
163
167
  "outside-click-close": "",
@@ -165,7 +169,7 @@ const ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
165
169
  "blur-close": "",
166
170
  "open-single": ""
167
171
  }, {
168
- toggle: b((n) => [
172
+ toggle: x((n) => [
169
173
  a("button", {
170
174
  class: w(["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": n.open }]),
171
175
  "aria-controls": n.ariaControls,
@@ -173,35 +177,35 @@ const ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
173
177
  "aria-label": `${n.open ? "Close" : "Open"} mobile navigation panel`,
174
178
  onClick: n.onClick
175
179
  }, [
176
- a("span", $e, [
177
- v(t(p), {
178
- icon: n.open ? t(S) : t(J)
180
+ a("span", Ae, [
181
+ v(t(b), {
182
+ icon: n.open ? t(S) : t(ee)
179
183
  }, null, 8, ["icon"])
180
184
  ])
181
- ], 10, we)
185
+ ], 10, Be)
182
186
  ]),
183
- default: b((n) => [
187
+ default: x((n) => [
184
188
  a("div", {
185
189
  id: n.id,
186
190
  class: "phila-mobile-nav",
187
191
  hidden: !n.open
188
192
  }, [
189
193
  m(l.$slots, "mobile-nav", {}, () => [
190
- (o(), c(C(e.mobileNav)))
194
+ (s(), c(C(e.mobileNav)))
191
195
  ])
192
- ], 8, Be)
196
+ ], 8, Ne)
193
197
  ]),
194
198
  _: 3
195
199
  }, 8, ["group"]));
196
200
  }
197
- }), Ne = ["href"], Le = ["href", "aria-controls", "aria-expanded", "onKeypress", "onTouchend", "onClick"], ze = ["id", "hidden"], Me = {
201
+ }), Le = ["href"], ze = ["href", "aria-controls", "aria-expanded", "onKeypress", "onTouchend", "onClick"], Se = ["id", "hidden"], Te = {
198
202
  key: 0,
199
203
  class: "content nav-flyout has-background-ghost-gray px-6 py-4",
200
204
  tabindex: "-1"
201
- }, Se = {
205
+ }, Ee = {
202
206
  class: "is-flex is-flex-column is-flex-wrap-wrap",
203
207
  style: { gap: "var(--spacing-4xl)" }
204
- }, Te = ["href"], Ee = /* @__PURE__ */ x({
208
+ }, Ie = ["href"], Ue = /* @__PURE__ */ p({
205
209
  __name: "NavbarLinks",
206
210
  props: {
207
211
  links: {},
@@ -209,8 +213,8 @@ const ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
209
213
  },
210
214
  setup(e) {
211
215
  const l = (n) => !!(n.subLinks || n.subNav), d = (n) => `main-nav-${n.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g, "")}`;
212
- return (n, u) => (o(!0), h(y, null, A(e.links, (r, i) => (o(), h(y, null, [
213
- l(r) ? (o(), c(t($), {
216
+ return (n, h) => (s(!0), u(_, null, A(e.links, (r, i) => (s(), u(_, null, [
217
+ l(r) ? (s(), c(t($), {
214
218
  id: d(r),
215
219
  key: `collapse-${i}`,
216
220
  group: e.collapseGroup,
@@ -221,49 +225,49 @@ const ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
221
225
  "open-single": "",
222
226
  class: "phila-navbar-link-list-item"
223
227
  }, {
224
- toggle: b((s) => [
228
+ toggle: x((o) => [
225
229
  a("a", {
226
230
  href: r.href,
227
- class: w(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": s.open }]),
228
- "aria-controls": s.ariaControls,
229
- "aria-expanded": s.open,
231
+ class: w(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": o.open }]),
232
+ "aria-controls": o.ariaControls,
233
+ "aria-expanded": o.open,
230
234
  tabindex: "0",
231
- onKeypress: G(s.onClick, ["enter"]),
232
- onTouchend: s.onClick,
233
- onClick: s.onClick
235
+ onKeypress: D(o.onClick, ["enter"]),
236
+ onTouchend: o.onClick,
237
+ onClick: o.onClick
234
238
  }, [
235
- g(_(r.text) + " ", 1),
236
- v(t(p), {
239
+ y(k(r.text) + " ", 1),
240
+ v(t(b), {
237
241
  class: "ml-1",
238
- icon: s.open ? t(T) : t(E)
242
+ icon: o.open ? t(T) : t(E)
239
243
  }, null, 8, ["icon"])
240
- ], 42, Le)
244
+ ], 42, ze)
241
245
  ]),
242
- default: b((s) => [
243
- (o(), h("div", {
244
- id: s.id,
246
+ default: x((o) => [
247
+ (s(), u("div", {
248
+ id: o.id,
245
249
  key: r.text,
246
- hidden: !s.open
250
+ hidden: !o.open
247
251
  }, [
248
- r.subLinks ? (o(), h("div", Me, [
249
- a("ul", Se, [
250
- (o(!0), h(y, null, A(r.subLinks, (k) => (o(), h("li", {
251
- key: k.text,
252
+ r.subLinks ? (s(), u("div", Te, [
253
+ a("ul", Ee, [
254
+ (s(!0), u(_, null, A(r.subLinks, (g) => (s(), u("li", {
255
+ key: g.text,
252
256
  class: "sub-nav-link is-flex is-align-center",
253
257
  style: { width: "150px" }
254
258
  }, [
255
259
  a("a", {
256
- href: k.href,
260
+ href: g.href,
257
261
  class: "has-text-link has-text-weight-medium",
258
262
  tabindex: "0"
259
- }, _(k.text), 9, Te)
263
+ }, k(g.text), 9, Ie)
260
264
  ]))), 128))
261
265
  ])
262
- ])) : (o(), c(C(r.subNav), { key: 1 }))
263
- ], 8, ze))
266
+ ])) : (s(), c(C(r.subNav), { key: 1 }))
267
+ ], 8, Se))
264
268
  ]),
265
269
  _: 2
266
- }, 1032, ["id", "group"])) : (o(), h("div", {
270
+ }, 1032, ["id", "group"])) : (s(), u("div", {
267
271
  key: `link-${i}`,
268
272
  class: "phila-navbar-link-list-item"
269
273
  }, [
@@ -271,11 +275,11 @@ const ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
271
275
  href: r.href,
272
276
  class: "phila-navbar-link px-4",
273
277
  tabindex: "0"
274
- }, _(r.text), 9, Ne)
278
+ }, k(r.text), 9, Le)
275
279
  ]))
276
280
  ], 64))), 256));
277
281
  }
278
- }), Ie = /* @__PURE__ */ x({
282
+ }), De = /* @__PURE__ */ p({
279
283
  __name: "NavbarBrandLogo",
280
284
  props: {
281
285
  src: {},
@@ -284,7 +288,7 @@ const ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
284
288
  },
285
289
  setup(e) {
286
290
  const l = e;
287
- return (d, n) => (o(), c(t(R), {
291
+ return (d, n) => (s(), c(t(q), {
288
292
  href: l.href,
289
293
  variant: "city",
290
294
  layout: "stacked",
@@ -292,14 +296,14 @@ const ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
292
296
  class: "phila-navbar-logo"
293
297
  }, null, 8, ["href"]));
294
298
  }
295
- }), Ue = /* @__PURE__ */ B(Ie, [["__scopeId", "data-v-7dabdf6b"]]), Ge = { class: "pr-4" }, He = ["aria-controls", "aria-expanded", "aria-label", "onClick"], Oe = { class: "icon" }, je = ["id", "hidden"], De = /* @__PURE__ */ x({
299
+ }), Ge = /* @__PURE__ */ B(De, [["__scopeId", "data-v-7dabdf6b"]]), He = { class: "pr-4" }, Oe = ["aria-controls", "aria-expanded", "aria-label", "onClick"], je = { class: "icon" }, Ve = ["id", "hidden"], Qe = /* @__PURE__ */ p({
296
300
  __name: "NavbarSearch",
297
301
  props: {
298
302
  search: {},
299
303
  collapseGroup: {}
300
304
  },
301
305
  setup(e) {
302
- return (l, d) => (o(), c(t($), {
306
+ return (l, d) => (s(), c(t($), {
303
307
  id: "navbar-search",
304
308
  group: e.collapseGroup,
305
309
  "outside-click-close": "",
@@ -307,8 +311,8 @@ const ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
307
311
  "blur-close": "",
308
312
  "open-single": ""
309
313
  }, {
310
- toggle: b((n) => [
311
- a("div", Ge, [
314
+ toggle: x((n) => [
315
+ a("div", He, [
312
316
  a("button", {
313
317
  class: w(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": n.open }]),
314
318
  "aria-controls": n.ariaControls,
@@ -316,32 +320,32 @@ const ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
316
320
  "aria-label": `${n.open ? "Close" : "Open"} search panel`,
317
321
  onClick: n.onClick
318
322
  }, [
319
- a("span", Oe, [
320
- v(t(p), {
321
- icon: n.open ? t(S) : t(W)
323
+ a("span", je, [
324
+ v(t(b), {
325
+ icon: n.open ? t(S) : t(X)
322
326
  }, null, 8, ["icon"])
323
327
  ])
324
- ], 10, He)
328
+ ], 10, Oe)
325
329
  ])
326
330
  ]),
327
- default: b((n) => [
331
+ default: x((n) => [
328
332
  a("div", {
329
333
  id: n.id,
330
334
  class: "nav-flyout is-12",
331
335
  hidden: !n.open
332
336
  }, [
333
337
  m(l.$slots, "default", {}, () => [
334
- e.search && n.open ? (o(), c(C(e.search), { key: 0 })) : f("", !0)
338
+ e.search && n.open ? (s(), c(C(e.search), { key: 0 })) : f("", !0)
335
339
  ])
336
- ], 8, je)
340
+ ], 8, Ve)
337
341
  ]),
338
342
  _: 3
339
343
  }, 8, ["group"]));
340
344
  }
341
- }), Ve = { class: "phila-navbar-brand" }, Qe = { class: "phila-navbar-item phila-navbar-brand-link hidden-tablet" }, Ke = {
345
+ }), Ke = { class: "phila-navbar-brand" }, Fe = { class: "phila-navbar-item phila-navbar-brand-link hidden-tablet" }, Re = {
342
346
  key: 0,
343
347
  class: "content"
344
- }, Fe = ["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" }, qe = { class: "phila-navbar-search" }, L = "5rem", We = /* @__PURE__ */ x({
348
+ }, qe = ["href"], We = { 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" }, M = "5rem", Ye = /* @__PURE__ */ p({
345
349
  __name: "index",
346
350
  props: {
347
351
  id: {},
@@ -353,56 +357,56 @@ const ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
353
357
  links: { default: () => [{ text: "Home", href: "#" }] }
354
358
  },
355
359
  setup(e) {
356
- const l = e, { state: d } = z(), n = H("navBarElement"), u = N(L), r = N(0), i = F(() => {
357
- const s = (n.value?.offsetTop || 0) + (n.value?.offsetHeight || 0), k = typeof window < "u" ? window.innerWidth : 1024;
358
- u.value = !l.sticky || k < 1024 ? s + "px" : L, r.value = s;
360
+ const l = e, { state: d } = L(), n = G("navBarElement"), h = N(M), r = N(0), i = F(() => {
361
+ const o = (n.value?.offsetTop || 0) + (n.value?.offsetHeight || 0), g = typeof window < "u" ? window.innerWidth : 1024;
362
+ h.value = !l.sticky || g < 1024 ? o + "px" : M, r.value = o;
359
363
  }, 100);
360
- return O(() => d.value, i, { deep: !0, immediate: !0 }), j(() => {
364
+ return H(() => d.value, i, { deep: !0, immediate: !0 }), O(() => {
361
365
  window.addEventListener("resize", i);
362
- }), D(() => {
366
+ }), j(() => {
363
367
  window.removeEventListener("resize", i);
364
- }), (s, k) => (o(), h("nav", {
368
+ }), (o, g) => (s(), u("nav", {
365
369
  ref_key: "navBarElement",
366
370
  ref: n,
367
371
  class: w(["phila-navbar has-background-primary", { "is-sticky-desktop": e.sticky }]),
368
372
  "aria-label": "Main navigation",
369
- style: V(`--nav-height:${u.value};--nav-bottom:${r.value}px`)
373
+ style: V(`--nav-height:${h.value};--nav-bottom:${r.value}px`)
370
374
  }, [
371
- m(s.$slots, "navbar-burger", {}, () => [
372
- e.mobileNav ? (o(), c(Ae, {
375
+ m(o.$slots, "navbar-burger", {}, () => [
376
+ e.mobileNav ? (s(), c(Me, {
373
377
  key: 0,
374
378
  "mobile-nav": e.mobileNav,
375
379
  "collapse-group": e.id
376
380
  }, null, 8, ["mobile-nav", "collapse-group"])) : f("", !0)
377
381
  ], !0),
378
- a("div", Ve, [
379
- m(s.$slots, "navbar-logo", {}, () => [
380
- e.navbarBrand?.brandingImage ? (o(), c(Ue, Q(K({ key: 0 }, e.navbarBrand.brandingImage)), null, 16)) : f("", !0)
382
+ a("div", Ke, [
383
+ m(o.$slots, "navbar-logo", {}, () => [
384
+ e.navbarBrand?.brandingImage ? (s(), c(Ge, Q(K({ key: 0 }, e.navbarBrand.brandingImage)), null, 16)) : f("", !0)
381
385
  ], !0),
382
- a("div", Qe, [
383
- m(s.$slots, "navbar-brand-link", {}, () => [
384
- e.navbarBrand?.brandingLink ? (o(), h("div", Ke, [
386
+ a("div", Fe, [
387
+ m(o.$slots, "navbar-brand-link", {}, () => [
388
+ e.navbarBrand?.brandingLink ? (s(), u("div", Re, [
385
389
  a("a", {
386
390
  tabindex: "0",
387
391
  href: e.navbarBrand.brandingLink.href,
388
392
  class: "has-text-underline"
389
- }, _(e.navbarBrand.brandingLink.text), 9, Fe)
393
+ }, k(e.navbarBrand.brandingLink.text), 9, qe)
390
394
  ])) : f("", !0)
391
395
  ], !0)
392
396
  ])
393
397
  ]),
394
- a("div", Re, [
395
- m(s.$slots, "navbar-links", {}, () => [
396
- e.links ? (o(), c(Ee, {
398
+ a("div", We, [
399
+ m(o.$slots, "navbar-links", {}, () => [
400
+ e.links ? (s(), c(Ue, {
397
401
  key: 0,
398
402
  links: e.links,
399
403
  "collapse-group": e.id
400
404
  }, null, 8, ["links", "collapse-group"])) : f("", !0)
401
405
  ], !0)
402
406
  ]),
403
- a("div", qe, [
404
- m(s.$slots, "navbar-search", {}, () => [
405
- e.search ? (o(), c(De, {
407
+ a("div", Xe, [
408
+ m(o.$slots, "navbar-search", {}, () => [
409
+ e.search ? (s(), c(Qe, {
406
410
  key: 0,
407
411
  search: e.search,
408
412
  "collapse-group": e.id
@@ -411,7 +415,29 @@ const ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
411
415
  ])
412
416
  ], 6));
413
417
  }
414
- }), Xe = /* @__PURE__ */ B(We, [["__scopeId", "data-v-26fd958d"]]), aa = /* @__PURE__ */ x({
418
+ }), Ze = /* @__PURE__ */ B(Ye, [["__scopeId", "data-v-ea2fc313"]]), Je = { class: "site-wide-alert content" }, Pe = { class: "alert-content" }, ea = { class: "content-text" }, aa = { class: "title" }, na = { class: "body" }, ta = /* @__PURE__ */ p({
419
+ __name: "AlertBanner",
420
+ props: {
421
+ bannerTitle: {},
422
+ bannerMessage: {}
423
+ },
424
+ setup(e) {
425
+ const l = e;
426
+ return (d, n) => (s(), u("div", Je, [
427
+ a("div", Pe, [
428
+ v(t(R), {
429
+ iconDefinition: t(Y),
430
+ size: "small",
431
+ decorative: !0
432
+ }, null, 8, ["iconDefinition"]),
433
+ a("div", ea, [
434
+ a("h6", aa, k(l.bannerTitle), 1),
435
+ a("div", na, k(l.bannerMessage), 1)
436
+ ])
437
+ ])
438
+ ]));
439
+ }
440
+ }), ca = /* @__PURE__ */ p({
415
441
  __name: "AppHeader",
416
442
  props: {
417
443
  showTrustedSite: { type: Boolean, default: !0 },
@@ -423,29 +449,36 @@ const ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
423
449
  mobileNav: { default: void 0 },
424
450
  collapseGroup: {},
425
451
  search: { default: void 0 },
426
- links: { default: void 0 }
452
+ links: { default: void 0 },
453
+ bannerTitle: { default: void 0 },
454
+ bannerMessage: { default: void 0 }
427
455
  },
428
456
  setup(e) {
429
- return (l, d) => (o(), h(y, null, [
430
- e.showTrustedSite ? (o(), c(Ce, { key: 0 }, {
431
- translation: b(() => [
457
+ return (l, d) => (s(), u(_, null, [
458
+ e.showTrustedSite ? (s(), c($e, { key: 0 }, {
459
+ translation: x(() => [
432
460
  m(l.$slots, "translations", {}, () => [
433
- e.translations ? (o(), c(C(e.translations), { key: 0 })) : f("", !0)
461
+ e.translations ? (s(), c(C(e.translations), { key: 0 })) : f("", !0)
434
462
  ])
435
463
  ]),
436
464
  _: 3
437
465
  })) : f("", !0),
438
- v(Xe, {
466
+ v(Ze, {
439
467
  id: e.id,
440
468
  sticky: e.sticky,
441
469
  "mobile-nav": e.mobileNav,
442
470
  links: e.links,
443
471
  "navbar-brand": e.navbarBrand,
444
472
  search: e.search
445
- }, null, 8, ["id", "sticky", "mobile-nav", "links", "navbar-brand", "search"])
473
+ }, null, 8, ["id", "sticky", "mobile-nav", "links", "navbar-brand", "search"]),
474
+ e.bannerTitle || e.bannerMessage ? (s(), c(ta, {
475
+ key: 1,
476
+ "banner-title": e.bannerTitle,
477
+ "banner-message": e.bannerMessage
478
+ }, null, 8, ["banner-title", "banner-message"])) : f("", !0)
446
479
  ], 64));
447
480
  }
448
481
  });
449
482
  export {
450
- aa as AppHeader
483
+ ca as AppHeader
451
484
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phila/phila-ui-app-header",
3
- "version": "0.2.2",
3
+ "version": "0.3.0-beta.1",
4
4
  "type": "module",
5
5
  "description": "A header component for site info and main navigation.",
6
6
  "main": "./dist/index.js",
@@ -29,9 +29,9 @@
29
29
  "vue": "^3.0.0"
30
30
  },
31
31
  "dependencies": {
32
- "@phila/phila-ui-core": "2.3.2",
33
- "@phila/phila-ui-collapse-panel": "0.1.0",
34
- "@phila/phila-ui-logo": "0.1.2"
32
+ "@phila/phila-ui-core": "2.3.3-beta.0",
33
+ "@phila/phila-ui-collapse-panel": "0.1.1-beta.0",
34
+ "@phila/phila-ui-logo": "0.1.3-beta.0"
35
35
  },
36
36
  "devDependencies": {
37
37
  "@types/node": "^24.0.0",