@phila/phila-ui-app-header 1.0.0-beta.10 → 1.0.0-beta.12

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.
@@ -18,6 +18,7 @@ declare function __VLS_template(): {
18
18
  };
19
19
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
20
20
  declare const __VLS_component: import('vue').DefineComponent<AppHeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<AppHeaderProps> & Readonly<{}>, {
21
+ compactMobile: boolean;
21
22
  id: string;
22
23
  sticky: boolean;
23
24
  navbarBrand: import('./index').NavbarBrandProps;
@@ -1 +1 @@
1
- {"version":3,"file":"AppHeader.vue.d.ts","sourceRoot":"","sources":["../src/AppHeader.vue"],"names":[],"mappings":"AAuEA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAiC9C,iBAAS,cAAc;WAoLT,OAAO,IAA6B;;8BAnBhB,GAAG;iCACC,GAAG;8BACN,GAAG;+BACF,GAAG;gCACF,GAAG;gCACH,GAAG;gCACH,GAAG;iCACF,GAAG;gCACJ,GAAG;8BACL,GAAG;;;;EAerC;AAgBD,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":"AAwEA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAmC9C,iBAAS,cAAc;WAwLT,OAAO,IAA6B;;8BAnBhB,GAAG;iCACC,GAAG;8BACN,GAAG;+BACF,GAAG;gCACF,GAAG;gCACH,GAAG;gCACH,GAAG;iCACF,GAAG;gCACJ,GAAG;8BACL,GAAG;;;;EAerC;AAgBD,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"}
@@ -14,6 +14,7 @@ declare function __VLS_template(): {
14
14
  };
15
15
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
16
16
  declare const __VLS_component: import('vue').DefineComponent<NavBarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NavBarProps> & Readonly<{}>, {
17
+ compactMobile: boolean;
17
18
  links: import('../../index').NavLink[];
18
19
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
19
20
  navBarElement: HTMLElement;
@@ -1 +1 @@
1
- {"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/index.vue"],"names":[],"mappings":"AA8KA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAgC1C,iBAAS,cAAc;WA4DT,OAAO,IAA6B;;iCAdb,GAAG;+BACL,GAAG;gCACF,GAAG;8BACL,GAAG;;;;;;EAgBpC;AAYD,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":"AA+LA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAkC1C,iBAAS,cAAc;WA+DT,OAAO,IAA6B;;iCAdb,GAAG;+BACL,GAAG;gCACF,GAAG;8BACL,GAAG;;;;;;EAgBpC;AAYD,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,3 +1,4 @@
1
+ import { TrustedSiteProps } from '../index';
1
2
  declare function __VLS_template(): {
2
3
  attrs: Partial<{}>;
3
4
  slots: {
@@ -11,7 +12,7 @@ declare function __VLS_template(): {
11
12
  rootEl: any;
12
13
  };
13
14
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
14
- declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
15
+ declare const __VLS_component: import('vue').DefineComponent<TrustedSiteProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<TrustedSiteProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
15
16
  infoToggle: HTMLButtonElement;
16
17
  infoToggleMobile: HTMLButtonElement;
17
18
  closeInfoToggle: HTMLButtonElement;
@@ -1 +1 @@
1
- {"version":3,"file":"TrustedSite.vue.d.ts","sourceRoot":"","sources":["../../src/components/TrustedSite.vue"],"names":[],"mappings":"AA6LA,iBAAS,cAAc;WAyLT,OAAO,IAA6B;;6BAbhB,GAAG;;;;;;;;EAkBpC;AAsBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;OAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"TrustedSite.vue.d.ts","sourceRoot":"","sources":["../../src/components/TrustedSite.vue"],"names":[],"mappings":"AA2KA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAC;AA4BjD,iBAAS,cAAc;WA2LT,OAAO,IAA6B;;6BAbhB,GAAG;;;;;;;;EAkBpC;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;OAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,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-adf7cbee]{width:100%;height:3rem;padding:0 var(--spacing-l);box-sizing:border-box;background-color:var(--ghost-grey-500-ghost-grey)}#trusted-site .content[data-v-adf7cbee]{color:var(--Schemes-On-Surface);font-size:var(--Body-ExtraSmall-font-body-xs-size)}#trusted-site button[data-v-adf7cbee]{--Schemes-Surface-Container-Lowest: transparent;font-size:var(--Body-ExtraSmall-font-body-xs-size)!important}#trusted-site .trusted-toggle[data-v-adf7cbee]{height:100%}#trusted-site-info[data-v-adf7cbee]{background-color:var(--ghost-grey-500-ghost-grey)}#trusted-site-info .circle-icon[data-v-adf7cbee]{border:solid 1px currentColor;border-radius:100%;font-size:var(--scale-250);aspect-ratio:1;display:inline-flex;justify-content:center;align-content:center}#trusted-site-info .info-item:first-child .trusted-icon[data-v-adf7cbee]{color:var(--Schemes-Secondary)}#trusted-site-info .info-item:last-child .trusted-icon[data-v-adf7cbee]{color:var(--Palettes-Success-Success-400)}body:has(.phila-navbar .phila-navbar-item-flyout-active){overflow:hidden}.phila-navbar[data-v-23ed37fb]{display:flex;justify-content:space-between;background-color:var(--union-blue-500-union-blue);column-gap:var(--spacing-3xl);height:5rem;overflow-x:clip;overflow-y:visible}.phila-navbar .phila-navbar-brand[data-v-23ed37fb],.phila-navbar .phila-navbar-list[data-v-23ed37fb],.phila-navbar .phila-navbar-search[data-v-23ed37fb],.phila-navbar .phila-navbar-end[data-v-23ed37fb],.phila-navbar .phila-navbar-item[data-v-23ed37fb],.phila-navbar .phila-navbar-burger[data-v-23ed37fb]{display:flex}[data-v-23ed37fb] a.phila-navbar-link,.phila-navbar a.phila-navbar-link[data-v-23ed37fb]{text-decoration:none;color:var(--Schemes-On-Inverse-Surface-Bright)}[data-v-23ed37fb] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-23ed37fb]{list-style:none;padding:0;margin:0;column-gap:var(--spacing-l)}:is([data-v-23ed37fb] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-23ed37fb]) .phila-navbar-link-list-item{height:100%;display:flex;align-items:center}:is([data-v-23ed37fb] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-23ed37fb]) .phila-navbar-link-list-item .phila-navbar-link{display:flex;align-items:center;height:100%}:is([data-v-23ed37fb] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-23ed37fb]) .phila-navbar-link-list-item .phila-navbar-link:hover,:is([data-v-23ed37fb] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-23ed37fb]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-23ed37fb] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-23ed37fb]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{color:var(--union-blue-200-union-blue);background-color:var(--Palettes-Secondary-Secondary-650)}:is([data-v-23ed37fb] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-23ed37fb]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-23ed37fb] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-23ed37fb]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{outline-offset:0!important}:is([data-v-23ed37fb] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-23ed37fb]) .phila-navbar-link-list-item .phila-navbar-link:focus{outline:2px solid var(--Focus-Ring-Color);outline-offset:2px}[data-v-23ed37fb] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-23ed37fb]{flex:0 0 auto;aspect-ratio:1;height:5rem!important;width:5rem!important;align-items:center;justify-content:center;background-color:var(--flyers-orange-450-flyers-orange);border-radius:0!important;font-size:var(--scale-400);color:var(--Schemes-On-Surface);box-shadow:none}:is([data-v-23ed37fb] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-23ed37fb]).phila-navbar-item-flyout-active{color:var(--Schemes-Primary, #2176d2);background-color:var(--Schemes-Surface-Container-Low)}[data-v-23ed37fb] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-23ed37fb]{flex:1 1 auto;align-items:center}:is([data-v-23ed37fb] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-23ed37fb]) a{font-weight:400}:is([data-v-23ed37fb] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-23ed37fb]) img:hover{opacity:.8}:is([data-v-23ed37fb] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-23ed37fb]) .phila-navbar-brand-link{margin-left:var(--spacing-xl)}[data-v-23ed37fb] .nav-flyout,.phila-navbar .nav-flyout[data-v-23ed37fb]{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-23ed37fb] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-23ed37fb]{flex:0 0 auto;align-items:center}:is([data-v-23ed37fb] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-23ed37fb]) button{background-color:var(--Schemes-Primary);box-shadow:none}[data-v-23ed37fb] .phila-navbar-end,.phila-navbar .phila-navbar-end[data-v-23ed37fb]{flex:0 0 auto;align-items:center;padding-right:var(--spacing-l)}.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}.phila-navbar-logo[data-v-3011c249]{font-size:1.2rem}.phila-navbar-logo.logo--single-line[data-v-3011c249]{font-size:1.6rem}.tooltip[data-v-7ccd7c7d]{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;border-radius:var(--border-radius-xs);filter:drop-shadow(0px 1px 2px rgba(0,0,0,.3)) drop-shadow(0px 1px 3px rgba(0,0,0,.15));--tooltip-bg: var(--Schemes-On-Primary);background-color:var(--tooltip-bg);color:var(--Schemes-On-Background)}.tooltip.tooltip--grey[data-v-7ccd7c7d]{--tooltip-bg: var(--Schemes-Surface-Container-Lowest);color:var(--Schemes-On-Surface)}.tooltip.tooltip--plain[data-v-7ccd7c7d]{--tail-height: 10px;padding:var(--spacing-2xs) var(--spacing-xs);justify-content:center}.tooltip.tooltip--rich[data-v-7ccd7c7d]{--tail-height: 12px;padding:var(--spacing-s) var(--spacing-m);width:max-content;min-width:11.25rem;max-width:min(25rem,calc(100vw - 3rem));gap:var(--spacing-xs)}.tooltip .tooltip__tail[data-v-7ccd7c7d]{position:absolute;width:20px;height:var(--tail-height);background-color:var(--tooltip-bg)}.tooltip.tooltip--top-left .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--top-right .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--top-center .tooltip__tail[data-v-7ccd7c7d]{clip-path:polygon(0 0,100% 0,50% 100%);bottom:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--bottom-left .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-7ccd7c7d]{clip-path:polygon(50% 0,0 100%,100% 100%);top:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--top-left .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-left .tooltip__tail[data-v-7ccd7c7d]{left:8px}.tooltip.tooltip--top-right .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-7ccd7c7d]{right:8px}.tooltip.tooltip--top-center .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-7ccd7c7d]{left:50%;transform:translate(-50%)}.tooltip__plain-row[data-v-7ccd7c7d],.tooltip__title-row[data-v-7ccd7c7d]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xs);width:100%}.tooltip__title-row h6[data-v-7ccd7c7d]{flex:1}.tooltip__dismiss[data-v-7ccd7c7d]{margin-left:auto;flex-shrink:0}.tooltip-trigger[data-v-b3f93b8c]{position:relative;display:inline-block}.tooltip-trigger__positioner[data-v-b3f93b8c]{position:absolute;z-index:1000}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-left[data-v-b3f93b8c]{bottom:100%;left:-8px;padding-bottom:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-right[data-v-b3f93b8c]{bottom:100%;right:-8px;padding-bottom:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-center[data-v-b3f93b8c]{bottom:100%;left:50%;transform:translate(calc(-50% + var(--adjust-x, 0px)));padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-left[data-v-b3f93b8c]{top:100%;left:-8px;padding-top:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-right[data-v-b3f93b8c]{top:100%;right:-8px;padding-top:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-center[data-v-b3f93b8c]{top:100%;left:50%;transform:translate(calc(-50% + var(--adjust-x, 0px)));padding-top:var(--positioner-gap)}.navbar-info[data-v-c3989251]{display:flex;align-items:center;cursor:pointer}.navbar-info [data-v-c3989251] .navbar-info__trigger.icon-button--standard{color:var(--Schemes-On-Primary)}.navbar-info .navbar-info__group[data-v-c3989251]:not(:hover) .navbar-info__trigger.icon-button--standard{color:#fff}.navbar-info .navbar-info__group[data-v-c3989251]:hover .navbar-info__trigger.icon-button--standard{background:var(--Schemes-Surface-Container)}.navbar-info .navbar-info__group[data-v-c3989251] .navbar-info__trigger.icon-button--standard[aria-pressed=true]{color:#fff;background:transparent}.navbar-info__group[data-v-c3989251]{display:flex;align-items:center}.navbar-info__label[data-v-c3989251]{color:var(--Extended-Colors-link-default);text-decoration:underline;font-weight:400;margin-left:var(--spacing-xs);-webkit-user-select:none;user-select:none}.navbar-info__group:hover .navbar-info__label[data-v-c3989251]{color:var(--Extended-Colors-link-hover);text-decoration-color:var(--Extended-Colors-link-hover)}
1
+ #trusted-site[data-v-7ba68309]{width:100%;height:3rem;padding:0 var(--spacing-l);box-sizing:border-box;background-color:var(--ghost-grey-500-ghost-grey)}#trusted-site .content[data-v-7ba68309]{color:var(--Schemes-On-Surface);font-size:var(--Body-ExtraSmall-font-body-xs-size)}#trusted-site button[data-v-7ba68309]{--Schemes-Surface-Container-Lowest: transparent;font-size:var(--Body-ExtraSmall-font-body-xs-size)!important}#trusted-site .trusted-toggle[data-v-7ba68309]{height:100%}@media(max-width:1024px){#trusted-site.is-compact-mobile[data-v-7ba68309]{height:40px}}#trusted-site-info[data-v-7ba68309]{background-color:var(--ghost-grey-500-ghost-grey)}#trusted-site-info .circle-icon[data-v-7ba68309]{border:solid 1px currentColor;border-radius:100%;font-size:var(--scale-250);aspect-ratio:1;display:inline-flex;justify-content:center;align-content:center}#trusted-site-info .info-item:first-child .trusted-icon[data-v-7ba68309]{color:var(--Schemes-Secondary)}#trusted-site-info .info-item:last-child .trusted-icon[data-v-7ba68309]{color:var(--Palettes-Success-Success-400)}body:has(.phila-navbar .phila-navbar-item-flyout-active){overflow:hidden}.phila-navbar[data-v-8a07f1df]{display:flex;justify-content:space-between;background-color:var(--union-blue-500-union-blue);column-gap:var(--spacing-3xl);height:5rem;overflow-x:clip;overflow-y:visible}.phila-navbar .phila-navbar-brand[data-v-8a07f1df],.phila-navbar .phila-navbar-list[data-v-8a07f1df],.phila-navbar .phila-navbar-search[data-v-8a07f1df],.phila-navbar .phila-navbar-end[data-v-8a07f1df],.phila-navbar .phila-navbar-item[data-v-8a07f1df],.phila-navbar .phila-navbar-burger[data-v-8a07f1df]{display:flex}[data-v-8a07f1df] a.phila-navbar-link,.phila-navbar a.phila-navbar-link[data-v-8a07f1df]{text-decoration:none;color:var(--Schemes-On-Inverse-Surface-Bright)}[data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]{list-style:none;padding:0;margin:0;column-gap:var(--spacing-l)}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item{height:100%;display:flex;align-items:center}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link{display:flex;align-items:center;height:100%}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link:hover,:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{color:var(--union-blue-200-union-blue);background-color:var(--Palettes-Secondary-Secondary-650)}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{outline-offset:0!important}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link:focus{outline:2px solid var(--Focus-Ring-Color);outline-offset:2px}[data-v-8a07f1df] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-8a07f1df]{flex:0 0 auto;aspect-ratio:1;height:5rem!important;width:5rem!important;align-items:center;justify-content:center;background-color:var(--flyers-orange-450-flyers-orange);border-radius:0!important;font-size:var(--scale-400);color:var(--Schemes-On-Surface);box-shadow:none}:is([data-v-8a07f1df] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-8a07f1df]).phila-navbar-item-flyout-active{color:var(--Schemes-Primary, #2176d2);background-color:var(--Schemes-Surface-Container-Low)}[data-v-8a07f1df] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-8a07f1df]{flex:1 1 auto;align-items:center}:is([data-v-8a07f1df] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-8a07f1df]) a{font-weight:400}:is([data-v-8a07f1df] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-8a07f1df]) img:hover{opacity:.8}:is([data-v-8a07f1df] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-8a07f1df]) .phila-navbar-brand-link{margin-left:var(--spacing-xl)}[data-v-8a07f1df] .nav-flyout,.phila-navbar .nav-flyout[data-v-8a07f1df]{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-8a07f1df] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-8a07f1df]{flex:0 0 auto;align-items:center}:is([data-v-8a07f1df] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-8a07f1df]) button{background-color:var(--Schemes-Primary);box-shadow:none}[data-v-8a07f1df] .phila-navbar-end,.phila-navbar .phila-navbar-end[data-v-8a07f1df]{flex:0 0 auto;align-items:center;padding-right:var(--spacing-l)}@media(max-width:1024px){.phila-navbar.is-compact-mobile[data-v-8a07f1df]{height:3rem}.phila-navbar.is-compact-mobile[data-v-8a07f1df] .phila-navbar-burger{height:3rem!important;width:3rem!important;font-size:1.2rem}.phila-navbar.is-compact-mobile[data-v-8a07f1df] .phila-navbar-logo.logo--stacked{font-size:.875rem}}.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}.phila-navbar-logo[data-v-3011c249]{font-size:1.2rem}.phila-navbar-logo.logo--single-line[data-v-3011c249]{font-size:1.6rem}.tooltip[data-v-7ccd7c7d]{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;border-radius:var(--border-radius-xs);filter:drop-shadow(0px 1px 2px rgba(0,0,0,.3)) drop-shadow(0px 1px 3px rgba(0,0,0,.15));--tooltip-bg: var(--Schemes-On-Primary);background-color:var(--tooltip-bg);color:var(--Schemes-On-Background)}.tooltip.tooltip--grey[data-v-7ccd7c7d]{--tooltip-bg: var(--Schemes-Surface-Container-Lowest);color:var(--Schemes-On-Surface)}.tooltip.tooltip--plain[data-v-7ccd7c7d]{--tail-height: 10px;padding:var(--spacing-2xs) var(--spacing-xs);justify-content:center}.tooltip.tooltip--rich[data-v-7ccd7c7d]{--tail-height: 12px;padding:var(--spacing-s) var(--spacing-m);width:max-content;min-width:11.25rem;max-width:min(25rem,calc(100vw - 3rem));gap:var(--spacing-xs)}.tooltip .tooltip__tail[data-v-7ccd7c7d]{position:absolute;width:20px;height:var(--tail-height);background-color:var(--tooltip-bg)}.tooltip.tooltip--top-left .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--top-right .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--top-center .tooltip__tail[data-v-7ccd7c7d]{clip-path:polygon(0 0,100% 0,50% 100%);bottom:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--bottom-left .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-7ccd7c7d]{clip-path:polygon(50% 0,0 100%,100% 100%);top:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--top-left .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-left .tooltip__tail[data-v-7ccd7c7d]{left:8px}.tooltip.tooltip--top-right .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-7ccd7c7d]{right:8px}.tooltip.tooltip--top-center .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-7ccd7c7d]{left:50%;transform:translate(-50%)}.tooltip__plain-row[data-v-7ccd7c7d],.tooltip__title-row[data-v-7ccd7c7d]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xs);width:100%}.tooltip__title-row h6[data-v-7ccd7c7d]{flex:1}.tooltip__dismiss[data-v-7ccd7c7d]{margin-left:auto;flex-shrink:0}.tooltip-trigger[data-v-b3f93b8c]{position:relative;display:inline-block}.tooltip-trigger__positioner[data-v-b3f93b8c]{position:absolute;z-index:1000}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-left[data-v-b3f93b8c]{bottom:100%;left:-8px;padding-bottom:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-right[data-v-b3f93b8c]{bottom:100%;right:-8px;padding-bottom:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-center[data-v-b3f93b8c]{bottom:100%;left:50%;transform:translate(calc(-50% + var(--adjust-x, 0px)));padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-left[data-v-b3f93b8c]{top:100%;left:-8px;padding-top:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-right[data-v-b3f93b8c]{top:100%;right:-8px;padding-top:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-center[data-v-b3f93b8c]{top:100%;left:50%;transform:translate(calc(-50% + var(--adjust-x, 0px)));padding-top:var(--positioner-gap)}.navbar-info[data-v-c3989251]{display:flex;align-items:center;cursor:pointer}.navbar-info [data-v-c3989251] .navbar-info__trigger.icon-button--standard{color:var(--Schemes-On-Primary)}.navbar-info .navbar-info__group[data-v-c3989251]:not(:hover) .navbar-info__trigger.icon-button--standard{color:#fff}.navbar-info .navbar-info__group[data-v-c3989251]:hover .navbar-info__trigger.icon-button--standard{background:var(--Schemes-Surface-Container)}.navbar-info .navbar-info__group[data-v-c3989251] .navbar-info__trigger.icon-button--standard[aria-pressed=true]{color:#fff;background:transparent}.navbar-info__group[data-v-c3989251]{display:flex;align-items:center}.navbar-info__label[data-v-c3989251]{color:var(--Extended-Colors-link-default);text-decoration:underline;font-weight:400;margin-left:var(--spacing-xs);-webkit-user-select:none;user-select:none}.navbar-info__group:hover .navbar-info__label[data-v-c3989251]{color:var(--Extended-Colors-link-hover);text-decoration-color:var(--Extended-Colors-link-hover)}
package/dist/index.d.ts CHANGED
@@ -56,6 +56,12 @@ export interface NavBarProps extends NavbarBurgerProps, NavbarSearchProps, Navba
56
56
  id: string;
57
57
  sticky?: boolean;
58
58
  navbarBrand?: NavbarBrandProps;
59
+ /** When true, the header uses the shorter mobile sizing (navbar, burger, logo) below 1024px. */
60
+ compactMobile?: boolean;
61
+ }
62
+ export interface TrustedSiteProps {
63
+ /** When true, the trusted banner uses the shorter mobile height below 1024px. */
64
+ compactMobile?: boolean;
59
65
  }
60
66
  export interface AlertBannerProps {
61
67
  bannerTitle?: string;
@@ -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,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC,MAAM,WAAW,eAAe;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AACD,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AACD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,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,gBAAgB;IAC/B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,uGAAuG;IACvG,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;CAC3B;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,eAAe;IAC9B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gGAAgG;IAChG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;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,gBAAgB,CAAC;CAChC;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"}
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,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,yCAAyC,CAAC;AACrF,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC,MAAM,WAAW,eAAe;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AACD,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AACD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD,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,gBAAgB;IAC/B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,uGAAuG;IACvG,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;CAC3B;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,eAAe;IAC9B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kGAAkG;IAClG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gGAAgG;IAChG,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;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,gBAAgB,CAAC;IAC/B,gGAAgG;IAChG,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,gBAAgB;IAC/B,iFAAiF;IACjF,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;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"),g=require("@fortawesome/vue-fontawesome"),u=require("@phila/phila-ui-core"),Q=require("@phila/phila-ui-logo");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"]},W=K,X={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"]},E={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=E,w=E,Z={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"]},S={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"]},z={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"]},J={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"]},ee={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"]},te={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"]},T=te;const ne="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",oe={id:"trusted-site",class:"is-flex is-justify-space-between"},ae={class:"trusted-wrap"},ie={class:"hidden-tablet trusted-toggle is-flex is-align-center"},le=["src"],se=["aria-label","aria-expanded"],re={class:"icon","aria-hidden":"true"},ce={class:"hidden-desktop trusted-toggle is-flex is-align-center"},de=["aria-label","aria-expanded"],ue={class:"icon","aria-hidden":"true"},fe={key:0,class:"trusted-translation is-flex is-align-center"},me=["hidden"],pe={class:"trusted-site-info-content content has-text-body-small is-flex is-justify-space-between"},ve={class:"info-item-wrap is-flex"},be={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"},ye={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"},Be={class:"icon circle-icon p-3 mb-2"},_e={class:"info-content-close mt-4"},Ne=e.defineComponent({__name:"TrustedSite",setup(n){const t=e.useSlots(),{isVisible:o,setVisibility:a,toggleProps:l}=u.useVisibility({id:"trusted-site-info",escapeKeyHide:!0}),s=e.useTemplateRef("infoToggle"),i=e.useTemplateRef("closeInfoToggle"),p=e.useTemplateRef("infoToggleMobile"),c=e.computed(()=>o());return e.watch(()=>c.value,m=>{m?e.nextTick(()=>{i.value?.focus()}):(s.value?.focus(),p.value?.focus())}),(m,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",oe,[e.createElementVNode("div",ae,[e.createElementVNode("div",ie,[e.createElementVNode("img",{src:e.unref(ne),alt:"",class:"icon"},null,8,le),d[2]||(d[2]=e.createElementVNode("div",{class:"content mx-2"},"An official website of the City of Philadelphia government",-1)),e.createElementVNode("button",e.mergeProps({ref_key:"infoToggle",ref:s,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},e.unref(l)),[d[1]||(d[1]=e.createTextVNode(" Here's how you know ",-1)),e.createElementVNode("span",re,[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:c.value?e.unref(S):e.unref(z)},null,8,["icon"])])],16,se)]),e.createElementVNode("div",ce,[e.createElementVNode("button",e.mergeProps({ref_key:"infoToggleMobile",ref:p,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},e.unref(l)),[d[3]||(d[3]=e.createTextVNode(" An official website ",-1)),e.createElementVNode("span",ue,[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:e.unref(T)},null,8,["icon"])])],16,de)])]),e.unref(t).translation?(e.openBlock(),e.createElementBlock("div",fe,[e.renderSlot(m.$slots,"translation",{},void 0,!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{id:"trusted-site-info",class:"px-6",hidden:!c.value},[e.createElementVNode("div",pe,[e.createElementVNode("div",ve,[e.createElementVNode("div",be,[e.createElementVNode("div",he,[e.createElementVNode("span",ge,[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:e.unref(J)},null,8,["icon"])]),d[4]||(d[4]=e.createElementVNode("span",{class:"has-text-bold"},".gov",-1))]),d[5]||(d[5]=e.createElementVNode("div",{class:"trusted-text m-4"},"Only government entities in the U.S. can end in .gov",-1))]),e.createElementVNode("div",ye,[e.createElementVNode("div",ke,[e.createElementVNode("div",Be,[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:e.unref(Z)},null,8,["icon"])]),d[6]||(d[6]=e.createElementVNode("span",{class:"has-text-bold"},"https://",-1))]),d[7]||(d[7]=e.createElementVNode("div",{class:"trusted-text m-4"}," The https:// in the address bar means your information is encrypted and can not be accessed by anyone else ",-1))])]),e.createElementVNode("div",_e,[e.createElementVNode("button",{ref_key:"closeInfoToggle",ref:i,class:"phila-button phila-button--primary icon-button is-extra-small","aria-label":"Close Trusted Site information panel",onClick:d[0]||(d[0]=r=>e.unref(a)(!1))},[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:e.unref(Y)},null,8,["icon"])],512)])])],8,me)],64))}}),B=(n,t)=>{const o=n.__vccOpts||n;for(const[a,l]of t)o[a]=l;return o},A=B(Ne,[["__scopeId","data-v-adf7cbee"]]),xe={key:0,class:"phila-navbar-end"},$="5rem",$e=e.defineComponent({__name:"index",props:{id:{},sticky:{type:Boolean},navbarBrand:{},mobileNav:{},visibilityGroup:{},search:{},links:{default:()=>[{text:"Home",href:"#"}]}},setup(n){const t=n,{visibilityState:o}=u.useVisibility({group:"app-header"}),a=e.useTemplateRef("navBarElement"),l=e.ref($),s=e.ref(0),i=u.debounce(()=>{const c=(a.value?.offsetTop||0)+(a.value?.offsetHeight||0),m=typeof window<"u"?window.innerWidth:1024;l.value=!t.sticky||m<1024?c+"px":$,s.value=c},100),p=e.computed(()=>o.value?.appHeader);return e.watch(()=>p.value,i,{deep:!0,immediate:!0}),e.onMounted(()=>{window.addEventListener("resize",i)}),e.onUnmounted(()=>{window.removeEventListener("resize",i)}),(c,m)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"navBarElement",ref:a,class:e.normalizeClass(["phila-navbar has-links-on-primary",{"is-sticky-desktop":n.sticky}]),"aria-label":"Main navigation",style:e.normalizeStyle(`--nav-height:${l.value};--nav-bottom:${s.value}px`)},[e.renderSlot(c.$slots,"navbar-toggle",{},void 0,!0),e.renderSlot(c.$slots,"navbar-left",{},void 0,!0),e.renderSlot(c.$slots,"navbar-right",{},void 0,!0),c.$slots["navbar-end"]?(e.openBlock(),e.createElementBlock("div",xe,[e.renderSlot(c.$slots,"navbar-end",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}}),M=B($e,[["__scopeId","data-v-23ed37fb"]]),Ce={class:"site-wide-alert content"},Ve={class:"alert-content"},Ee={class:"content-text"},we={class:"title"},Se={class:"body"},L=e.defineComponent({__name:"AlertBanner",props:{bannerTitle:{},bannerMessage:{}},setup(n){const t=n;return(o,a)=>(e.openBlock(),e.createElementBlock("div",Ce,[e.createElementVNode("div",Ve,[e.createVNode(e.unref(u.Icon),{"icon-definition":e.unref(X),size:"small",decorative:!0},null,8,["icon-definition"]),e.createElementVNode("div",Ee,[e.createElementVNode("h6",we,e.toDisplayString(t.bannerTitle),1),e.createElementVNode("div",Se,e.toDisplayString(t.bannerMessage),1)])])]))}}),ze={class:"phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet"},Te=["href"],Ae=["id","onMouseenter","onMouseleave"],Me=["href","aria-controls","aria-expanded","data-toggle","onTouchend","onClick"],Le={key:0,class:"content nav-flyout has-background-ghost-gray px-6 py-4",tabindex:"-1"},Pe={class:"is-flex is-flex-column is-flex-wrap-wrap",style:{gap:"var(--spacing-4xl)"}},Ie=["href"],P=e.defineComponent({__name:"NavbarLinks",props:{links:{},visibilityGroup:{}},setup(n){const t=m=>!!(m.subLinks||m.subNav),o=m=>`main-nav-${m.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g,"")}`,a=n,{setVisibility:l,create:s,isVisible:i,onMouseEnter:p,onMouseLeave:c}=u.useVisibility({group:a.visibilityGroup,outsideClickHide:!0,escapeKeyHide:!0,mouseOverToggle:!0,blurHide:!0,showSingle:!0});return e.onBeforeMount(()=>{a.links?.forEach(m=>{if(t(m)){const d=o(m);s(d)}})}),(m,d)=>(e.openBlock(),e.createElementBlock("div",ze,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.links,(r,y)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t(r)?(e.openBlock(),e.createElementBlock("div",{id:`${a.visibilityGroup}-item-${o(r)}`,key:`navbar-link-${y}`,class:"phila-navbar-link-list-item",onMouseenter:v=>e.unref(p)(o(r)),onMouseleave:v=>e.unref(c)(o(r))},[e.createElementVNode("a",{href:r.href,class:e.normalizeClass(["phila-navbar-link px-4",{"phila-navbar-item-flyout-active":e.unref(i)(o(r))}]),"aria-controls":o(r),"aria-expanded":e.unref(i)(o(r)),"data-toggle":`visibility-${o(r)}`,tabindex:"0",onTouchend:v=>e.unref(l)(!e.unref(i)(o(r)),o(r)),onClick:e.withModifiers(v=>e.unref(l)(!e.unref(i)(o(r)),o(r)),["prevent"])},[e.createTextVNode(e.toDisplayString(r.text)+" ",1),e.createVNode(e.unref(g.FontAwesomeIcon),{class:"ml-1",icon:e.unref(i)(o(r))?e.unref(S):e.unref(z)},null,8,["icon"])],42,Me),(e.openBlock(),e.createBlock(e.unref(u.FocusTrap),{id:o(r),key:r.text,"allow-escape":"",hidden:!e.unref(i)(o(r)),onEscape:v=>e.unref(l)(!1,o(r))},{default:e.withCtx(()=>[r.subLinks?(e.openBlock(),e.createElementBlock("div",Le,[e.createElementVNode("ul",Pe,[(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,Ie)]))),128))])])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.subNav),{key:1}))]),_:2},1032,["id","hidden","onEscape"]))],40,Ae)):(e.openBlock(),e.createElementBlock("div",{key:`link-${y}`,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,Te)]))],64))),256))]))}}),De={class:"phila-navbar-search is-flex"},He={id:"navbar-search"},Oe={class:"pr-4"},Re=["aria-controls","data-toggle","aria-expanded","aria-label"],Fe={class:"icon"},I=e.defineComponent({__name:"NavbarSearch",props:{search:{},visibilityGroup:{}},setup(n){const t=n,{setVisibility:o,isVisible:a}=u.useVisibility({id:`${t.visibilityGroup}-flyout-navbar-search`,group:t.visibilityGroup,outsideClickHide:!0,escapeKeyHide:!0,blurHide:!0,showSingle:!0});return(l,s)=>(e.openBlock(),e.createElementBlock("div",De,[e.createElementVNode("div",He,[e.createElementVNode("div",Oe,[e.createElementVNode("button",{class:e.normalizeClass(["phila-button phila-button--primary icon-button is-small",{"phila-navbar-item-flyout-active":e.unref(a)()}]),"aria-controls":`${t.visibilityGroup}-flyout-navbar-search`,"data-toggle":`visibility-${t.visibilityGroup}-flyout-navbar-search`,"aria-expanded":e.unref(a)(),"aria-label":`${e.unref(a)()?"Close":"Open"} search panel`,onClick:s[0]||(s[0]=i=>e.unref(o)(!e.unref(a)()))},[e.createElementVNode("span",Fe,[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:e.unref(a)()?e.unref(w):e.unref(W)},null,8,["icon"])])],10,Re)])]),e.createVNode(e.unref(u.FocusTrap),{id:`${t.visibilityGroup}-flyout-navbar-search`,"allow-escape":"",class:"nav-flyout is-12",hidden:!e.unref(a)(),onEscape:s[1]||(s[1]=i=>e.unref(o)(!1,`${t.visibilityGroup}-flyout-navbar-search`))},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"search-panel")]),_:3},8,["id","hidden"])]))}}),Ge=e.defineComponent({__name:"NavbarBrandLogo",props:{logo:{},src:{},href:{},altText:{}},setup(n){const t=n,o=e.computed(()=>({variant:"city",layout:"stacked",colorScheme:"on-primary",href:t.href,...t.logo}));return(a,l)=>(e.openBlock(),e.createBlock(e.unref(Q.Logo),e.mergeProps(o.value,{class:"phila-navbar-logo"}),null,16))}}),D=B(Ge,[["__scopeId","data-v-3011c249"]]),Ue={class:"phila-navbar-brand is-flex"},je={key:0,class:"phila-navbar-item phila-navbar-brand-link hidden-tablet"},qe={key:0,class:"content"},Qe=["href"],H=e.defineComponent({__name:"NavbarBrand",props:{brandingImage:{},brandingLink:{},logo:{}},setup(n){return(t,o)=>(e.openBlock(),e.createElementBlock("div",Ue,[e.renderSlot(t.$slots,"navbar-logo",{},()=>[n.brandingImage?(e.openBlock(),e.createBlock(D,e.mergeProps({key:0},n.brandingImage,{logo:n.logo}),null,16,["logo"])):e.createCommentVNode("",!0)]),t.$slots["navbar-brand-link"]||n.brandingLink?(e.openBlock(),e.createElementBlock("div",je,[e.renderSlot(t.$slots,"navbar-brand-link",{},()=>[n.brandingLink?(e.openBlock(),e.createElementBlock("div",qe,[e.createElementVNode("a",{tabindex:"0",href:n.brandingLink.href,class:"has-text-underline"},e.toDisplayString(n.brandingLink.text),9,Qe)])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]))}}),Ke={id:"mobile-nav"},We=["aria-controls","aria-expanded","aria-label"],Xe={class:"icon"},Ye=["id","hidden"],O=e.defineComponent({__name:"NavbarBurger",props:{mobileNav:{},visibilityGroup:{}},setup(n){const t=n,{isVisible:o,toggleProps:a}=u.useVisibility({id:"mobile-nav",group:t.visibilityGroup,outsideClickHide:!0,escapeKeyHide:!0,blurHide:!1,showSingle:!0}),l=e.computed(()=>o("mobile-nav"));return(s,i)=>(e.openBlock(),e.createElementBlock("div",Ke,[e.createElementVNode("button",e.mergeProps({class:["phila-navbar-burger phila-button icon-button",{"phila-navbar-item-flyout-active":l.value}],"aria-controls":`navbar-burger-flyout-${t.visibilityGroup}`,"aria-expanded":l.value,"aria-label":`${l.value?"Close":"Open"} mobile navigation panel`},e.unref(a)),[e.createElementVNode("span",Xe,[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:l.value?e.unref(w):e.unref(ee)},null,8,["icon"])])],16,We),e.createElementVNode("div",{id:`navbar-burger-flyout-${t.visibilityGroup}`,class:"phila-mobile-nav",hidden:!l.value},[e.renderSlot(s.$slots,"mobile-nav")],8,Ye)]))}}),Ze=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:{},visibilityGroup:{},search:{},links:{default:void 0},bannerTitle:{default:void 0},bannerMessage:{default:void 0}},setup(n){return(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.showTrustedSite?(e.openBlock(),e.createBlock(A,{key:0},{translation:e.withCtx(()=>[e.renderSlot(t.$slots,"translations",{},()=>[n.translations?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.translations),{key:0})):e.createCommentVNode("",!0)])]),_:3})):e.createCommentVNode("",!0),e.createVNode(M,{id:n.id,sticky:n.sticky},e.createSlots({"navbar-toggle":e.withCtx(()=>[e.renderSlot(t.$slots,"navbar-toggle",{},()=>[e.createVNode(O,{"visibility-group":n.id},e.createSlots({_:2},[t.$slots["mobile-nav"]?{name:"mobile-nav",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"mobile-nav")]),key:"0"}:void 0]),1032,["visibility-group"])])]),"navbar-left":e.withCtx(()=>[e.renderSlot(t.$slots,"navbar-left",{},()=>[e.renderSlot(t.$slots,"navbar-brand",{},()=>[n.navbarBrand?(e.openBlock(),e.createBlock(H,e.normalizeProps(e.mergeProps({key:0},n.navbarBrand)),null,16)):e.createCommentVNode("",!0)])])]),"navbar-right":e.withCtx(()=>[e.renderSlot(t.$slots,"navbar-right",{},()=>[e.renderSlot(t.$slots,"navbar-links",{},()=>[n.links?(e.openBlock(),e.createBlock(P,{key:0,links:n.links,"visibility-group":n.id},null,8,["links","visibility-group"])):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"navbar-search",{},()=>[e.createVNode(I,{"visibility-group":n.id},{"search-panel":e.withCtx(()=>[e.renderSlot(t.$slots,"search-panel")]),_:3},8,["visibility-group"])])])]),_:2},[t.$slots["navbar-end"]?{name:"navbar-end",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"navbar-end")]),key:"0"}:void 0]),1032,["id","sticky"]),n.bannerTitle||n.bannerMessage?(e.openBlock(),e.createBlock(L,{key:1,"banner-title":n.bannerTitle,"banner-message":n.bannerMessage},null,8,["banner-title","banner-message"])):e.createCommentVNode("",!0)],64))}}),Je=["disabled"],C=e.defineComponent({inheritAttrs:!1,__name:"PhlButton",props:{href:{},to:{},target:{},rel:{},disabled:{type:Boolean,default:!1},clickTarget:{},variant:{default:"primary"},size:{default:"medium"},iconOnly:{type:Boolean,default:!1},iconRight:{type:Boolean},text:{},className:{},iconDefinition:{},iconClass:{},src:{},svgRaw:{}},setup(n){const t=n,o=i=>"href"in i&&i.href!==void 0||"to"in i&&i.to!==void 0,a=e.computed(()=>u.cn("phila-button",`phila-button--${t.variant}`,t.size&&`is-${t.size}`,t.iconOnly&&"icon-button",t.iconOnly&&t.variant==="standard"&&"icon-button--standard",t.className)),l=e.computed(()=>o(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:a.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:a.value}:{}),s=e.computed(()=>({iconDefinition:t.iconDefinition,iconClass:t.iconClass,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size}));return(i,p)=>o(t)?(e.openBlock(),e.createBlock(e.unref(u.BaseLink),e.mergeProps({key:0},{...l.value,...i.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(u.ActionContent),e.normalizeProps(e.guardReactiveProps(s.value)),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:"button",disabled:t.disabled,class:a.value},i.$attrs),[e.createVNode(e.unref(u.ActionContent),e.normalizeProps(e.guardReactiveProps(s.value)),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,Je))}});var 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"]};const et=["id"],tt={key:0,class:"tooltip__tail","aria-hidden":"true"},nt={key:1,class:"tooltip__plain-row has-text-body-small"},ot={key:0,class:"tooltip__title-row"},at={key:0},it=e.defineComponent({__name:"TooltipBubble",props:{id:{},type:{default:"plain"},color:{default:"default"},tail:{type:Boolean,default:!1},placement:{default:"top-center"},title:{},dismissable:{type:Boolean,default:!1},className:{}},emits:["dismiss"],setup(n){const t=n,o=e.computed(()=>u.cn("tooltip","content","resets-link-colors",`tooltip--${t.type}`,`tooltip--${t.color}`,t.tail&&`tooltip--${t.placement}`,t.className));return(a,l)=>(e.openBlock(),e.createElementBlock("div",{id:n.id,class:e.normalizeClass(o.value),role:"tooltip"},[n.tail?(e.openBlock(),e.createElementBlock("div",tt)):e.createCommentVNode("",!0),n.type==="plain"?(e.openBlock(),e.createElementBlock("div",nt,[e.renderSlot(a.$slots,"default",{},void 0,!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(C),{key:0,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,"icon-definition":e.unref(V),"aria-label":"Dismiss tooltip",onClick:l[0]||(l[0]=s=>a.$emit("dismiss"))},null,8,["icon-definition"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[n.title||n.dismissable?(e.openBlock(),e.createElementBlock("div",ot,[n.title?(e.openBlock(),e.createElementBlock("h6",at,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(C),{key:1,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,"icon-definition":e.unref(V),"aria-label":"Dismiss tooltip",onClick:l[1]||(l[1]=s=>a.$emit("dismiss"))},null,8,["icon-definition"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default",{},void 0,!0)],64))],10,et))}}),R=(n,t)=>{const o=n.__vccOpts||n;for(const[a,l]of t)o[a]=l;return o},lt=R(it,[["__scopeId","data-v-7ccd7c7d"]]),st=e.defineComponent({__name:"Tooltip",props:{trigger:{default:"hover"},type:{default:"plain"},color:{default:"default"},tail:{type:Boolean,default:!1},placement:{default:"auto"},title:{},dismissable:{type:Boolean},className:{}},setup(n,{expose:t}){const o=n,a=e.useId(),l=e.ref(!1),s=e.ref(null),i=e.ref(null),p=e.ref("top-center"),c=e.ref(0),m=()=>{const f=s.value?.getBoundingClientRect();if(!f)return"top-center";const{innerWidth:h,innerHeight:_}=window,k=f.top,U=_-f.bottom,N=i.value?.firstElementChild?.getBoundingClientRect().height??0,j=(N>0?k>=N:k>=U)?"top":"bottom",x=f.left+f.width/2,q=x<h/3?"left":x>h*2/3?"right":"center";return`${j}-${q}`},d=f=>{f.key==="Escape"&&b()},r=f=>{s.value&&!s.value.contains(f.target)&&b()};function y(){const f=i.value?.firstElementChild?.getBoundingClientRect();if(!f)return;const h=8,_=f.right-(window.innerWidth-h),k=h-f.left;_<=0&&k<=0||(c.value=window.innerWidth/2-(f.left+f.width/2))}const v=async()=>{o.placement==="auto"?p.value=m():p.value=o.placement,c.value=0,l.value=!0,document.addEventListener("keydown",d),o.trigger==="click"&&document.addEventListener("click",r),await e.nextTick(),y()},b=()=>{l.value=!1,document.removeEventListener("keydown",d),document.removeEventListener("click",r)},F=()=>{l.value?b():v()};e.onUnmounted(b),t({show:v,hide:b});const G=e.computed(()=>({type:o.type,color:o.color,tail:o.tail,placement:p.value,title:o.title,dismissable:o.dismissable}));return(f,h)=>(e.openBlock(),e.createElementBlock("span",e.mergeProps({ref_key:"wrapperEl",ref:s,class:e.unref(u.cn)("tooltip-trigger",o.className)},n.trigger==="click"?{onClick:F}:{onMouseenter:v,onMouseleave:b,onFocusin:v,onFocusout:b}),[e.renderSlot(f.$slots,"default",{tooltipId:e.unref(a),isOpen:l.value},void 0,!0),e.createElementVNode("span",{ref_key:"positionerEl",ref:i,class:e.normalizeClass(["tooltip-trigger__positioner",`tooltip-trigger__positioner--${p.value}`]),style:e.normalizeStyle({visibility:l.value?"visible":"hidden","--positioner-gap":n.tail?"var(--spacing-l)":"0.5rem","--adjust-x":`${c.value}px`}),onClick:h[0]||(h[0]=e.withModifiers(()=>{},["stop"]))},[e.createVNode(lt,e.mergeProps(G.value,{id:e.unref(a),onDismiss:b}),{default:e.withCtx(()=>[e.renderSlot(f.$slots,"body",{},void 0,!0)]),_:3},16,["id"])],6)],16))}}),rt=R(st,[["__scopeId","data-v-b3f93b8c"]]),ct=["disabled"],dt=e.defineComponent({inheritAttrs:!1,__name:"PhlButton",props:{href:{},to:{},target:{},rel:{},disabled:{type:Boolean,default:!1},clickTarget:{},variant:{default:"primary"},size:{default:"medium"},iconOnly:{type:Boolean,default:!1},iconRight:{type:Boolean},text:{},className:{},iconDefinition:{},iconClass:{},src:{},svgRaw:{}},setup(n){const t=n,o=i=>"href"in i&&i.href!==void 0||"to"in i&&i.to!==void 0,a=e.computed(()=>u.cn("phila-button",`phila-button--${t.variant}`,t.size&&`is-${t.size}`,t.iconOnly&&"icon-button",t.iconOnly&&t.variant==="standard"&&"icon-button--standard",t.className)),l=e.computed(()=>o(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:a.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:a.value}:{}),s=e.computed(()=>({iconDefinition:t.iconDefinition,iconClass:t.iconClass,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size}));return(i,p)=>o(t)?(e.openBlock(),e.createBlock(e.unref(u.BaseLink),e.mergeProps({key:0},{...l.value,...i.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(u.ActionContent),e.normalizeProps(e.guardReactiveProps(s.value)),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:"button",disabled:t.disabled,class:a.value},i.$attrs),[e.createVNode(e.unref(u.ActionContent),e.normalizeProps(e.guardReactiveProps(s.value)),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,ct))}}),ut={class:"navbar-info"},ft={class:"navbar-info__group"},mt={key:0,class:"navbar-info__label has-text-body-default hidden-tablet","aria-hidden":"true"},pt={class:"has-text-body-small"},vt=e.defineComponent({__name:"NavbarInfo",props:{infoTitle:{},infoMessage:{},label:{}},setup(n,{expose:t}){const o=e.useTemplateRef("tooltip");return t({show:()=>o.value?.show(),hide:()=>o.value?.hide()}),(a,l)=>(e.openBlock(),e.createElementBlock("div",ut,[e.createVNode(e.unref(rt),{ref_key:"tooltip",ref:o,type:"rich",title:n.infoTitle,trigger:"click",dismissable:!0},{default:e.withCtx(({tooltipId:s,isOpen:i})=>[e.createElementVNode("span",ft,[e.createVNode(e.unref(dt),{class:"navbar-info__trigger",variant:"standard",size:"small","icon-only":!0,"icon-definition":e.unref(T),"aria-label":"More information","aria-describedby":s,"aria-pressed":i},null,8,["icon-definition","aria-describedby","aria-pressed"]),n.label?(e.openBlock(),e.createElementBlock("span",mt,e.toDisplayString(n.label),1)):e.createCommentVNode("",!0)])]),body:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createElementVNode("div",pt,e.toDisplayString(n.infoMessage),1)],!0)]),_:3},8,["title"])]))}}),bt=B(vt,[["__scopeId","data-v-c3989251"]]);exports.AlertBanner=L;exports.AppHeader=Ze;exports.NavBar=M;exports.NavbarBrand=H;exports.NavbarBrandLogo=D;exports.NavbarBurger=O;exports.NavbarInfo=bt;exports.NavbarLinks=P;exports.NavbarSearch=I;exports.TrustedSite=A;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),g=require("@fortawesome/vue-fontawesome"),u=require("@phila/phila-ui-core"),Q=require("@phila/phila-ui-logo");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"]},W=K,X={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"]},E={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=E,w=E,Z={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"]},S={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"]},M={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"]},J={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"]},ee={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"]},te={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"]},z=te;const oe="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={class:"trusted-wrap"},ae={class:"hidden-tablet trusted-toggle is-flex is-align-center"},ie=["src"],le=["aria-label","aria-expanded"],se={class:"icon","aria-hidden":"true"},re={class:"hidden-desktop trusted-toggle is-flex is-align-center"},ce=["aria-label","aria-expanded"],de={class:"icon","aria-hidden":"true"},ue={key:0,class:"trusted-translation is-flex is-align-center"},me=["hidden"],fe={class:"trusted-site-info-content content has-text-body-small is-flex is-justify-space-between"},pe={class:"info-item-wrap is-flex"},ve={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},be={class:"trusted-icon is-flex is-flex-column has-text-center"},he={class:"icon circle-icon p-3 mb-2"},ge={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"},ke={class:"icon circle-icon p-3 mb-2"},Be={class:"info-content-close mt-4"},Ne=e.defineComponent({__name:"TrustedSite",props:{compactMobile:{type:Boolean}},setup(o){const t=e.useSlots(),{isVisible:n,setVisibility:a,toggleProps:l}=u.useVisibility({id:"trusted-site-info",escapeKeyHide:!0}),s=e.useTemplateRef("infoToggle"),i=e.useTemplateRef("closeInfoToggle"),p=e.useTemplateRef("infoToggleMobile"),c=e.computed(()=>n());return e.watch(()=>c.value,f=>{f?e.nextTick(()=>{i.value?.focus()}):(s.value?.focus(),p.value?.focus())}),(f,d)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{id:"trusted-site",class:e.normalizeClass(["is-flex is-justify-space-between",{"is-compact-mobile":o.compactMobile}])},[e.createElementVNode("div",ne,[e.createElementVNode("div",ae,[e.createElementVNode("img",{src:e.unref(oe),alt:"",class:"icon"},null,8,ie),d[2]||(d[2]=e.createElementVNode("div",{class:"content mx-2"},"An official website of the City of Philadelphia government",-1)),e.createElementVNode("button",e.mergeProps({ref_key:"infoToggle",ref:s,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},e.unref(l)),[d[1]||(d[1]=e.createTextVNode(" Here's how you know ",-1)),e.createElementVNode("span",se,[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:c.value?e.unref(S):e.unref(M)},null,8,["icon"])])],16,le)]),e.createElementVNode("div",re,[e.createElementVNode("button",e.mergeProps({ref_key:"infoToggleMobile",ref:p,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},e.unref(l)),[d[3]||(d[3]=e.createTextVNode(" An official website ",-1)),e.createElementVNode("span",de,[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:e.unref(z)},null,8,["icon"])])],16,ce)])]),e.unref(t).translation?(e.openBlock(),e.createElementBlock("div",ue,[e.renderSlot(f.$slots,"translation",{},void 0,!0)])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{id:"trusted-site-info",class:"px-6",hidden:!c.value},[e.createElementVNode("div",fe,[e.createElementVNode("div",pe,[e.createElementVNode("div",ve,[e.createElementVNode("div",be,[e.createElementVNode("span",he,[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:e.unref(J)},null,8,["icon"])]),d[4]||(d[4]=e.createElementVNode("span",{class:"has-text-bold"},".gov",-1))]),d[5]||(d[5]=e.createElementVNode("div",{class:"trusted-text m-4"},"Only government entities in the U.S. can end in .gov",-1))]),e.createElementVNode("div",ge,[e.createElementVNode("div",ye,[e.createElementVNode("div",ke,[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:e.unref(Z)},null,8,["icon"])]),d[6]||(d[6]=e.createElementVNode("span",{class:"has-text-bold"},"https://",-1))]),d[7]||(d[7]=e.createElementVNode("div",{class:"trusted-text m-4"}," The https:// in the address bar means your information is encrypted and can not be accessed by anyone else ",-1))])]),e.createElementVNode("div",Be,[e.createElementVNode("button",{ref_key:"closeInfoToggle",ref:i,class:"phila-button phila-button--primary icon-button is-extra-small","aria-label":"Close Trusted Site information panel",onClick:d[0]||(d[0]=r=>e.unref(a)(!1))},[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:e.unref(Y)},null,8,["icon"])],512)])])],8,me)],64))}}),B=(o,t)=>{const n=o.__vccOpts||o;for(const[a,l]of t)n[a]=l;return n},T=B(Ne,[["__scopeId","data-v-7ba68309"]]),_e={key:0,class:"phila-navbar-end"},$="5rem",xe=e.defineComponent({__name:"index",props:{id:{},sticky:{type:Boolean},navbarBrand:{},compactMobile:{type:Boolean,default:!1},mobileNav:{},visibilityGroup:{},search:{},links:{default:()=>[{text:"Home",href:"#"}]}},setup(o){const t=o,{visibilityState:n}=u.useVisibility({group:"app-header"}),a=e.useTemplateRef("navBarElement"),l=e.ref($),s=e.ref(0),i=u.debounce(()=>{const c=(a.value?.offsetTop||0)+(a.value?.offsetHeight||0),f=typeof window<"u"?window.innerWidth:1024;l.value=!t.sticky||f<1024?c+"px":$,s.value=c},100),p=e.computed(()=>n.value?.appHeader);return e.watch(()=>p.value,i,{deep:!0,immediate:!0}),e.onMounted(()=>{window.addEventListener("resize",i)}),e.onUnmounted(()=>{window.removeEventListener("resize",i)}),(c,f)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"navBarElement",ref:a,class:e.normalizeClass(["phila-navbar has-links-on-primary",{"is-sticky-desktop":o.sticky,"is-compact-mobile":o.compactMobile}]),"aria-label":"Main navigation",style:e.normalizeStyle(`--nav-height:${l.value};--nav-bottom:${s.value}px`)},[e.renderSlot(c.$slots,"navbar-toggle",{},void 0,!0),e.renderSlot(c.$slots,"navbar-left",{},void 0,!0),e.renderSlot(c.$slots,"navbar-right",{},void 0,!0),c.$slots["navbar-end"]?(e.openBlock(),e.createElementBlock("div",_e,[e.renderSlot(c.$slots,"navbar-end",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}}),A=B(xe,[["__scopeId","data-v-8a07f1df"]]),$e={class:"site-wide-alert content"},Ce={class:"alert-content"},Ve={class:"content-text"},Ee={class:"title"},we={class:"body"},L=e.defineComponent({__name:"AlertBanner",props:{bannerTitle:{},bannerMessage:{}},setup(o){const t=o;return(n,a)=>(e.openBlock(),e.createElementBlock("div",$e,[e.createElementVNode("div",Ce,[e.createVNode(e.unref(u.Icon),{"icon-definition":e.unref(X),size:"small",decorative:!0},null,8,["icon-definition"]),e.createElementVNode("div",Ve,[e.createElementVNode("h6",Ee,e.toDisplayString(t.bannerTitle),1),e.createElementVNode("div",we,e.toDisplayString(t.bannerMessage),1)])])]))}}),Se={class:"phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet"},Me=["href"],ze=["id","onMouseenter","onMouseleave"],Te=["href","aria-controls","aria-expanded","data-toggle","onTouchend","onClick"],Ae={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)"}},Pe=["href"],P=e.defineComponent({__name:"NavbarLinks",props:{links:{},visibilityGroup:{}},setup(o){const t=f=>!!(f.subLinks||f.subNav),n=f=>`main-nav-${f.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g,"")}`,a=o,{setVisibility:l,create:s,isVisible:i,onMouseEnter:p,onMouseLeave:c}=u.useVisibility({group:a.visibilityGroup,outsideClickHide:!0,escapeKeyHide:!0,mouseOverToggle:!0,blurHide:!0,showSingle:!0});return e.onBeforeMount(()=>{a.links?.forEach(f=>{if(t(f)){const d=n(f);s(d)}})}),(f,d)=>(e.openBlock(),e.createElementBlock("div",Se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.links,(r,y)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t(r)?(e.openBlock(),e.createElementBlock("div",{id:`${a.visibilityGroup}-item-${n(r)}`,key:`navbar-link-${y}`,class:"phila-navbar-link-list-item",onMouseenter:v=>e.unref(p)(n(r)),onMouseleave:v=>e.unref(c)(n(r))},[e.createElementVNode("a",{href:r.href,class:e.normalizeClass(["phila-navbar-link px-4",{"phila-navbar-item-flyout-active":e.unref(i)(n(r))}]),"aria-controls":n(r),"aria-expanded":e.unref(i)(n(r)),"data-toggle":`visibility-${n(r)}`,tabindex:"0",onTouchend:v=>e.unref(l)(!e.unref(i)(n(r)),n(r)),onClick:e.withModifiers(v=>e.unref(l)(!e.unref(i)(n(r)),n(r)),["prevent"])},[e.createTextVNode(e.toDisplayString(r.text)+" ",1),e.createVNode(e.unref(g.FontAwesomeIcon),{class:"ml-1",icon:e.unref(i)(n(r))?e.unref(S):e.unref(M)},null,8,["icon"])],42,Te),(e.openBlock(),e.createBlock(e.unref(u.FocusTrap),{id:n(r),key:r.text,"allow-escape":"",hidden:!e.unref(i)(n(r)),onEscape:v=>e.unref(l)(!1,n(r))},{default:e.withCtx(()=>[r.subLinks?(e.openBlock(),e.createElementBlock("div",Ae,[e.createElementVNode("ul",Le,[(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,Pe)]))),128))])])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.subNav),{key:1}))]),_:2},1032,["id","hidden","onEscape"]))],40,ze)):(e.openBlock(),e.createElementBlock("div",{key:`link-${y}`,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,Me)]))],64))),256))]))}}),Ie={class:"phila-navbar-search is-flex"},De={id:"navbar-search"},He={class:"pr-4"},Oe=["aria-controls","data-toggle","aria-expanded","aria-label"],Re={class:"icon"},I=e.defineComponent({__name:"NavbarSearch",props:{search:{},visibilityGroup:{}},setup(o){const t=o,{setVisibility:n,isVisible:a}=u.useVisibility({id:`${t.visibilityGroup}-flyout-navbar-search`,group:t.visibilityGroup,outsideClickHide:!0,escapeKeyHide:!0,blurHide:!0,showSingle:!0});return(l,s)=>(e.openBlock(),e.createElementBlock("div",Ie,[e.createElementVNode("div",De,[e.createElementVNode("div",He,[e.createElementVNode("button",{class:e.normalizeClass(["phila-button phila-button--primary icon-button is-small",{"phila-navbar-item-flyout-active":e.unref(a)()}]),"aria-controls":`${t.visibilityGroup}-flyout-navbar-search`,"data-toggle":`visibility-${t.visibilityGroup}-flyout-navbar-search`,"aria-expanded":e.unref(a)(),"aria-label":`${e.unref(a)()?"Close":"Open"} search panel`,onClick:s[0]||(s[0]=i=>e.unref(n)(!e.unref(a)()))},[e.createElementVNode("span",Re,[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:e.unref(a)()?e.unref(w):e.unref(W)},null,8,["icon"])])],10,Oe)])]),e.createVNode(e.unref(u.FocusTrap),{id:`${t.visibilityGroup}-flyout-navbar-search`,"allow-escape":"",class:"nav-flyout is-12",hidden:!e.unref(a)(),onEscape:s[1]||(s[1]=i=>e.unref(n)(!1,`${t.visibilityGroup}-flyout-navbar-search`))},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"search-panel")]),_:3},8,["id","hidden"])]))}}),Fe=e.defineComponent({__name:"NavbarBrandLogo",props:{logo:{},src:{},href:{},altText:{}},setup(o){const t=o,n=e.computed(()=>({variant:"city",layout:"stacked",colorScheme:"on-primary",href:t.href,...t.logo}));return(a,l)=>(e.openBlock(),e.createBlock(e.unref(Q.Logo),e.mergeProps(n.value,{class:"phila-navbar-logo"}),null,16))}}),D=B(Fe,[["__scopeId","data-v-3011c249"]]),Ge={class:"phila-navbar-brand is-flex"},Ue={key:0,class:"phila-navbar-item phila-navbar-brand-link hidden-tablet"},je={key:0,class:"content"},qe=["href"],H=e.defineComponent({__name:"NavbarBrand",props:{brandingImage:{},brandingLink:{},logo:{}},setup(o){return(t,n)=>(e.openBlock(),e.createElementBlock("div",Ge,[e.renderSlot(t.$slots,"navbar-logo",{},()=>[o.brandingImage?(e.openBlock(),e.createBlock(D,e.mergeProps({key:0},o.brandingImage,{logo:o.logo}),null,16,["logo"])):e.createCommentVNode("",!0)]),t.$slots["navbar-brand-link"]||o.brandingLink?(e.openBlock(),e.createElementBlock("div",Ue,[e.renderSlot(t.$slots,"navbar-brand-link",{},()=>[o.brandingLink?(e.openBlock(),e.createElementBlock("div",je,[e.createElementVNode("a",{tabindex:"0",href:o.brandingLink.href,class:"has-text-underline"},e.toDisplayString(o.brandingLink.text),9,qe)])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]))}}),Qe={id:"mobile-nav"},Ke=["aria-controls","aria-expanded","aria-label"],We={class:"icon"},Xe=["id","hidden"],O=e.defineComponent({__name:"NavbarBurger",props:{mobileNav:{},visibilityGroup:{}},setup(o){const t=o,{isVisible:n,toggleProps:a}=u.useVisibility({id:"mobile-nav",group:t.visibilityGroup,outsideClickHide:!0,escapeKeyHide:!0,blurHide:!1,showSingle:!0}),l=e.computed(()=>n("mobile-nav"));return(s,i)=>(e.openBlock(),e.createElementBlock("div",Qe,[e.createElementVNode("button",e.mergeProps({class:["phila-navbar-burger phila-button icon-button",{"phila-navbar-item-flyout-active":l.value}],"aria-controls":`navbar-burger-flyout-${t.visibilityGroup}`,"aria-expanded":l.value,"aria-label":`${l.value?"Close":"Open"} mobile navigation panel`},e.unref(a)),[e.createElementVNode("span",We,[e.createVNode(e.unref(g.FontAwesomeIcon),{icon:l.value?e.unref(w):e.unref(ee)},null,8,["icon"])])],16,Ke),e.createElementVNode("div",{id:`navbar-burger-flyout-${t.visibilityGroup}`,class:"phila-mobile-nav",hidden:!l.value},[e.renderSlot(s.$slots,"mobile-nav")],8,Xe)]))}}),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},compactMobile:{type:Boolean,default:!1},mobileNav:{},visibilityGroup:{},search:{},links:{default:void 0},bannerTitle:{default:void 0},bannerMessage:{default:void 0}},setup(o){return(t,n)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o.showTrustedSite?(e.openBlock(),e.createBlock(T,{key:0,"compact-mobile":o.compactMobile},{translation:e.withCtx(()=>[e.renderSlot(t.$slots,"translations",{},()=>[o.translations?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.translations),{key:0})):e.createCommentVNode("",!0)])]),_:3},8,["compact-mobile"])):e.createCommentVNode("",!0),e.createVNode(A,{id:o.id,sticky:o.sticky,"compact-mobile":o.compactMobile},e.createSlots({"navbar-toggle":e.withCtx(()=>[e.renderSlot(t.$slots,"navbar-toggle",{},()=>[e.createVNode(O,{"visibility-group":o.id},e.createSlots({_:2},[t.$slots["mobile-nav"]?{name:"mobile-nav",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"mobile-nav")]),key:"0"}:void 0]),1032,["visibility-group"])])]),"navbar-left":e.withCtx(()=>[e.renderSlot(t.$slots,"navbar-left",{},()=>[e.renderSlot(t.$slots,"navbar-brand",{},()=>[o.navbarBrand?(e.openBlock(),e.createBlock(H,e.normalizeProps(e.mergeProps({key:0},o.navbarBrand)),null,16)):e.createCommentVNode("",!0)])])]),"navbar-right":e.withCtx(()=>[e.renderSlot(t.$slots,"navbar-right",{},()=>[e.renderSlot(t.$slots,"navbar-links",{},()=>[o.links?(e.openBlock(),e.createBlock(P,{key:0,links:o.links,"visibility-group":o.id},null,8,["links","visibility-group"])):e.createCommentVNode("",!0)]),e.renderSlot(t.$slots,"navbar-search",{},()=>[e.createVNode(I,{"visibility-group":o.id},{"search-panel":e.withCtx(()=>[e.renderSlot(t.$slots,"search-panel")]),_:3},8,["visibility-group"])])])]),_:2},[t.$slots["navbar-end"]?{name:"navbar-end",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"navbar-end")]),key:"0"}:void 0]),1032,["id","sticky","compact-mobile"]),o.bannerTitle||o.bannerMessage?(e.openBlock(),e.createBlock(L,{key:1,"banner-title":o.bannerTitle,"banner-message":o.bannerMessage},null,8,["banner-title","banner-message"])):e.createCommentVNode("",!0)],64))}}),Ze=["disabled"],C=e.defineComponent({inheritAttrs:!1,__name:"PhlButton",props:{href:{},to:{},target:{},rel:{},disabled:{type:Boolean,default:!1},clickTarget:{},variant:{default:"primary"},size:{default:"medium"},iconOnly:{type:Boolean,default:!1},iconRight:{type:Boolean},text:{},className:{},iconDefinition:{},iconClass:{},src:{},svgRaw:{}},setup(o){const t=o,n=i=>"href"in i&&i.href!==void 0||"to"in i&&i.to!==void 0,a=e.computed(()=>u.cn("phila-button",`phila-button--${t.variant}`,t.size&&`is-${t.size}`,t.iconOnly&&"icon-button",t.iconOnly&&t.variant==="standard"&&"icon-button--standard",t.className)),l=e.computed(()=>n(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:a.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:a.value}:{}),s=e.computed(()=>({iconDefinition:t.iconDefinition,iconClass:t.iconClass,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size}));return(i,p)=>n(t)?(e.openBlock(),e.createBlock(e.unref(u.BaseLink),e.mergeProps({key:0},{...l.value,...i.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(u.ActionContent),e.normalizeProps(e.guardReactiveProps(s.value)),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:"button",disabled:t.disabled,class:a.value},i.$attrs),[e.createVNode(e.unref(u.ActionContent),e.normalizeProps(e.guardReactiveProps(s.value)),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,Ze))}});var 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"]};const Je=["id"],et={key:0,class:"tooltip__tail","aria-hidden":"true"},tt={key:1,class:"tooltip__plain-row has-text-body-small"},ot={key:0,class:"tooltip__title-row"},nt={key:0},at=e.defineComponent({__name:"TooltipBubble",props:{id:{},type:{default:"plain"},color:{default:"default"},tail:{type:Boolean,default:!1},placement:{default:"top-center"},title:{},dismissable:{type:Boolean,default:!1},className:{}},emits:["dismiss"],setup(o){const t=o,n=e.computed(()=>u.cn("tooltip","content","resets-link-colors",`tooltip--${t.type}`,`tooltip--${t.color}`,t.tail&&`tooltip--${t.placement}`,t.className));return(a,l)=>(e.openBlock(),e.createElementBlock("div",{id:o.id,class:e.normalizeClass(n.value),role:"tooltip"},[o.tail?(e.openBlock(),e.createElementBlock("div",et)):e.createCommentVNode("",!0),o.type==="plain"?(e.openBlock(),e.createElementBlock("div",tt,[e.renderSlot(a.$slots,"default",{},void 0,!0),o.dismissable?(e.openBlock(),e.createBlock(e.unref(C),{key:0,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,"icon-definition":e.unref(V),"aria-label":"Dismiss tooltip",onClick:l[0]||(l[0]=s=>a.$emit("dismiss"))},null,8,["icon-definition"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[o.title||o.dismissable?(e.openBlock(),e.createElementBlock("div",ot,[o.title?(e.openBlock(),e.createElementBlock("h6",nt,e.toDisplayString(o.title),1)):e.createCommentVNode("",!0),o.dismissable?(e.openBlock(),e.createBlock(e.unref(C),{key:1,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,"icon-definition":e.unref(V),"aria-label":"Dismiss tooltip",onClick:l[1]||(l[1]=s=>a.$emit("dismiss"))},null,8,["icon-definition"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default",{},void 0,!0)],64))],10,Je))}}),R=(o,t)=>{const n=o.__vccOpts||o;for(const[a,l]of t)n[a]=l;return n},it=R(at,[["__scopeId","data-v-7ccd7c7d"]]),lt=e.defineComponent({__name:"Tooltip",props:{trigger:{default:"hover"},type:{default:"plain"},color:{default:"default"},tail:{type:Boolean,default:!1},placement:{default:"auto"},title:{},dismissable:{type:Boolean},className:{}},setup(o,{expose:t}){const n=o,a=e.useId(),l=e.ref(!1),s=e.ref(null),i=e.ref(null),p=e.ref("top-center"),c=e.ref(0),f=()=>{const m=s.value?.getBoundingClientRect();if(!m)return"top-center";const{innerWidth:h,innerHeight:N}=window,k=m.top,U=N-m.bottom,_=i.value?.firstElementChild?.getBoundingClientRect().height??0,j=(_>0?k>=_:k>=U)?"top":"bottom",x=m.left+m.width/2,q=x<h/3?"left":x>h*2/3?"right":"center";return`${j}-${q}`},d=m=>{m.key==="Escape"&&b()},r=m=>{s.value&&!s.value.contains(m.target)&&b()};function y(){const m=i.value?.firstElementChild?.getBoundingClientRect();if(!m)return;const h=8,N=m.right-(window.innerWidth-h),k=h-m.left;N<=0&&k<=0||(c.value=window.innerWidth/2-(m.left+m.width/2))}const v=async()=>{n.placement==="auto"?p.value=f():p.value=n.placement,c.value=0,l.value=!0,document.addEventListener("keydown",d),n.trigger==="click"&&document.addEventListener("click",r),await e.nextTick(),y()},b=()=>{l.value=!1,document.removeEventListener("keydown",d),document.removeEventListener("click",r)},F=()=>{l.value?b():v()};e.onUnmounted(b),t({show:v,hide:b});const G=e.computed(()=>({type:n.type,color:n.color,tail:n.tail,placement:p.value,title:n.title,dismissable:n.dismissable}));return(m,h)=>(e.openBlock(),e.createElementBlock("span",e.mergeProps({ref_key:"wrapperEl",ref:s,class:e.unref(u.cn)("tooltip-trigger",n.className)},o.trigger==="click"?{onClick:F}:{onMouseenter:v,onMouseleave:b,onFocusin:v,onFocusout:b}),[e.renderSlot(m.$slots,"default",{tooltipId:e.unref(a),isOpen:l.value},void 0,!0),e.createElementVNode("span",{ref_key:"positionerEl",ref:i,class:e.normalizeClass(["tooltip-trigger__positioner",`tooltip-trigger__positioner--${p.value}`]),style:e.normalizeStyle({visibility:l.value?"visible":"hidden","--positioner-gap":o.tail?"var(--spacing-l)":"0.5rem","--adjust-x":`${c.value}px`}),onClick:h[0]||(h[0]=e.withModifiers(()=>{},["stop"]))},[e.createVNode(it,e.mergeProps(G.value,{id:e.unref(a),onDismiss:b}),{default:e.withCtx(()=>[e.renderSlot(m.$slots,"body",{},void 0,!0)]),_:3},16,["id"])],6)],16))}}),st=R(lt,[["__scopeId","data-v-b3f93b8c"]]),rt=["disabled"],ct=e.defineComponent({inheritAttrs:!1,__name:"PhlButton",props:{href:{},to:{},target:{},rel:{},disabled:{type:Boolean,default:!1},clickTarget:{},variant:{default:"primary"},size:{default:"medium"},iconOnly:{type:Boolean,default:!1},iconRight:{type:Boolean},text:{},className:{},iconDefinition:{},iconClass:{},src:{},svgRaw:{}},setup(o){const t=o,n=i=>"href"in i&&i.href!==void 0||"to"in i&&i.to!==void 0,a=e.computed(()=>u.cn("phila-button",`phila-button--${t.variant}`,t.size&&`is-${t.size}`,t.iconOnly&&"icon-button",t.iconOnly&&t.variant==="standard"&&"icon-button--standard",t.className)),l=e.computed(()=>n(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:a.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:a.value}:{}),s=e.computed(()=>({iconDefinition:t.iconDefinition,iconClass:t.iconClass,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size}));return(i,p)=>n(t)?(e.openBlock(),e.createBlock(e.unref(u.BaseLink),e.mergeProps({key:0},{...l.value,...i.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(u.ActionContent),e.normalizeProps(e.guardReactiveProps(s.value)),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:"button",disabled:t.disabled,class:a.value},i.$attrs),[e.createVNode(e.unref(u.ActionContent),e.normalizeProps(e.guardReactiveProps(s.value)),{default:e.withCtx(()=>[e.renderSlot(i.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,rt))}}),dt={class:"navbar-info"},ut={class:"navbar-info__group"},mt={key:0,class:"navbar-info__label has-text-body-default hidden-tablet","aria-hidden":"true"},ft={class:"has-text-body-small"},pt=e.defineComponent({__name:"NavbarInfo",props:{infoTitle:{},infoMessage:{},label:{}},setup(o,{expose:t}){const n=e.useTemplateRef("tooltip");return t({show:()=>n.value?.show(),hide:()=>n.value?.hide()}),(a,l)=>(e.openBlock(),e.createElementBlock("div",dt,[e.createVNode(e.unref(st),{ref_key:"tooltip",ref:n,type:"rich",title:o.infoTitle,trigger:"click",dismissable:!0},{default:e.withCtx(({tooltipId:s,isOpen:i})=>[e.createElementVNode("span",ut,[e.createVNode(e.unref(ct),{class:"navbar-info__trigger",variant:"standard",size:"small","icon-only":!0,"icon-definition":e.unref(z),"aria-label":"More information","aria-describedby":s,"aria-pressed":i},null,8,["icon-definition","aria-describedby","aria-pressed"]),o.label?(e.openBlock(),e.createElementBlock("span",mt,e.toDisplayString(o.label),1)):e.createCommentVNode("",!0)])]),body:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createElementVNode("div",ft,e.toDisplayString(o.infoMessage),1)],!0)]),_:3},8,["title"])]))}}),vt=B(pt,[["__scopeId","data-v-c3989251"]]);exports.AlertBanner=L;exports.AppHeader=Ye;exports.NavBar=A;exports.NavbarBrand=H;exports.NavbarBrandLogo=D;exports.NavbarBurger=O;exports.NavbarInfo=vt;exports.NavbarLinks=P;exports.NavbarSearch=I;exports.TrustedSite=T;
package/dist/index.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as _, useSlots as he, useTemplateRef as S, computed as B, watch as Y, nextTick as Z, createElementBlock as c, openBlock as n, Fragment as T, createElementVNode as s, createCommentVNode as y, unref as i, mergeProps as C, createTextVNode as A, createVNode as p, renderSlot as v, ref as z, onMounted as me, onUnmounted as J, normalizeStyle as ee, normalizeClass as I, toDisplayString as w, onBeforeMount as ge, renderList as Q, createBlock as k, withModifiers as te, withCtx as m, resolveDynamicComponent as ie, createSlots as K, normalizeProps as E, useId as ye, guardReactiveProps as D } from "vue";
1
+ import { defineComponent as _, useSlots as me, useTemplateRef as E, computed as B, watch as Y, nextTick as Z, createElementBlock as c, openBlock as n, Fragment as T, createElementVNode as s, normalizeClass as S, createCommentVNode as y, unref as i, mergeProps as M, createTextVNode as A, createVNode as p, renderSlot as v, ref as z, onMounted as he, onUnmounted as J, normalizeStyle as ee, toDisplayString as w, onBeforeMount as ge, renderList as Q, createBlock as k, withModifiers as te, withCtx as h, resolveDynamicComponent as ie, createSlots as K, normalizeProps as I, useId as ye, guardReactiveProps as D } from "vue";
2
2
  import { FontAwesomeIcon as L } from "@fortawesome/vue-fontawesome";
3
3
  import { useVisibility as H, debounce as _e, Icon as $e, FocusTrap as ae, cn as R, BaseLink as se, ActionContent as P } from "@phila/phila-ui-core";
4
4
  import { Logo as xe } from "@phila/phila-ui-logo";
@@ -14,7 +14,7 @@ import './index.css';var ke = {
14
14
  prefix: "fas",
15
15
  iconName: "xmark",
16
16
  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"]
17
- }, Ce = ne, oe = ne, Ne = {
17
+ }, Me = ne, oe = ne, Ce = {
18
18
  prefix: "fas",
19
19
  iconName: "lock",
20
20
  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"]
@@ -26,7 +26,7 @@ import './index.css';var ke = {
26
26
  prefix: "fas",
27
27
  iconName: "caret-down",
28
28
  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"]
29
- }, Me = {
29
+ }, Ne = {
30
30
  prefix: "fas",
31
31
  iconName: "building-columns",
32
32
  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"]
@@ -39,25 +39,25 @@ import './index.css';var ke = {
39
39
  iconName: "circle-info",
40
40
  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"]
41
41
  }, ce = ze;
42
- 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", Te = {
43
- id: "trusted-site",
44
- class: "is-flex is-justify-space-between"
45
- }, Se = { class: "trusted-wrap" }, Ee = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, Ie = ["src"], He = ["aria-label", "aria-expanded"], Oe = {
42
+ 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", Te = { class: "trusted-wrap" }, Se = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, Ee = ["src"], Ie = ["aria-label", "aria-expanded"], He = {
46
43
  class: "icon",
47
44
  "aria-hidden": "true"
48
- }, Ge = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, De = ["aria-label", "aria-expanded"], Pe = {
45
+ }, Oe = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, Ge = ["aria-label", "aria-expanded"], De = {
49
46
  class: "icon",
50
47
  "aria-hidden": "true"
51
- }, Re = {
48
+ }, Pe = {
52
49
  key: 0,
53
50
  class: "trusted-translation is-flex is-align-center"
54
- }, Ve = ["hidden"], Ue = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, je = { class: "info-item-wrap is-flex" }, Fe = { 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" }, Ke = { class: "icon circle-icon p-3 mb-2" }, We = { 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" }, Xe = { class: "icon circle-icon p-3 mb-2" }, Ye = { class: "info-content-close mt-4" }, Ze = /* @__PURE__ */ _({
51
+ }, Re = ["hidden"], Ve = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, Ue = { class: "info-item-wrap is-flex" }, je = { 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" }, Qe = { 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" }, We = { class: "trusted-icon is-flex is-flex-column has-text-center" }, qe = { class: "icon circle-icon p-3 mb-2" }, Xe = { class: "info-content-close mt-4" }, Ye = /* @__PURE__ */ _({
55
52
  __name: "TrustedSite",
53
+ props: {
54
+ compactMobile: { type: Boolean }
55
+ },
56
56
  setup(t) {
57
- const e = he(), { isVisible: a, setVisibility: o, toggleProps: r } = H({
57
+ const e = me(), { isVisible: a, setVisibility: o, toggleProps: r } = H({
58
58
  id: "trusted-site-info",
59
59
  escapeKeyHide: !0
60
- }), d = S("infoToggle"), l = S("closeInfoToggle"), $ = S("infoToggleMobile"), f = B(() => a());
60
+ }), d = E("infoToggle"), l = E("closeInfoToggle"), $ = E("infoToggleMobile"), f = B(() => a());
61
61
  return Y(
62
62
  () => f.value,
63
63
  (g) => {
@@ -66,16 +66,19 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
66
66
  }) : (d.value?.focus(), $.value?.focus());
67
67
  }
68
68
  ), (g, b) => (n(), c(T, null, [
69
- s("div", Te, [
70
- s("div", Se, [
71
- s("div", Ee, [
69
+ s("div", {
70
+ id: "trusted-site",
71
+ class: S(["is-flex is-justify-space-between", { "is-compact-mobile": t.compactMobile }])
72
+ }, [
73
+ s("div", Te, [
74
+ s("div", Se, [
72
75
  s("img", {
73
76
  src: i(Ae),
74
77
  alt: "",
75
78
  class: "icon"
76
- }, null, 8, Ie),
79
+ }, null, 8, Ee),
77
80
  b[2] || (b[2] = s("div", { class: "content mx-2" }, "An official website of the City of Philadelphia government", -1)),
78
- s("button", C({
81
+ s("button", M({
79
82
  ref_key: "infoToggle",
80
83
  ref: d,
81
84
  class: "phila-button is-extra-small",
@@ -84,15 +87,15 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
84
87
  "aria-expanded": f.value
85
88
  }, i(r)), [
86
89
  b[1] || (b[1] = A(" Here's how you know ", -1)),
87
- s("span", Oe, [
90
+ s("span", He, [
88
91
  p(i(L), {
89
92
  icon: f.value ? i(le) : i(re)
90
93
  }, null, 8, ["icon"])
91
94
  ])
92
- ], 16, He)
95
+ ], 16, Ie)
93
96
  ]),
94
- s("div", Ge, [
95
- s("button", C({
97
+ s("div", Oe, [
98
+ s("button", M({
96
99
  ref_key: "infoToggleMobile",
97
100
  ref: $,
98
101
  class: "phila-button is-extra-small",
@@ -101,43 +104,43 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
101
104
  "aria-expanded": f.value
102
105
  }, i(r)), [
103
106
  b[3] || (b[3] = A(" An official website ", -1)),
104
- s("span", Pe, [
107
+ s("span", De, [
105
108
  p(i(L), { icon: i(ce) }, null, 8, ["icon"])
106
109
  ])
107
- ], 16, De)
110
+ ], 16, Ge)
108
111
  ])
109
112
  ]),
110
- i(e).translation ? (n(), c("div", Re, [
113
+ i(e).translation ? (n(), c("div", Pe, [
111
114
  v(g.$slots, "translation", {}, void 0, !0)
112
115
  ])) : y("", !0)
113
- ]),
116
+ ], 2),
114
117
  s("div", {
115
118
  id: "trusted-site-info",
116
119
  class: "px-6",
117
120
  hidden: !f.value
118
121
  }, [
119
- s("div", Ue, [
120
- s("div", je, [
121
- s("div", Fe, [
122
- s("div", Qe, [
123
- s("span", Ke, [
124
- p(i(L), { icon: i(Me) }, null, 8, ["icon"])
122
+ s("div", Ve, [
123
+ s("div", Ue, [
124
+ s("div", je, [
125
+ s("div", Fe, [
126
+ s("span", Qe, [
127
+ p(i(L), { icon: i(Ne) }, null, 8, ["icon"])
125
128
  ]),
126
129
  b[4] || (b[4] = s("span", { class: "has-text-bold" }, ".gov", -1))
127
130
  ]),
128
131
  b[5] || (b[5] = s("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
129
132
  ]),
130
- s("div", We, [
131
- s("div", qe, [
132
- s("div", Xe, [
133
- p(i(L), { icon: i(Ne) }, null, 8, ["icon"])
133
+ s("div", Ke, [
134
+ s("div", We, [
135
+ s("div", qe, [
136
+ p(i(L), { icon: i(Ce) }, null, 8, ["icon"])
134
137
  ]),
135
138
  b[6] || (b[6] = s("span", { class: "has-text-bold" }, "https://", -1))
136
139
  ]),
137
140
  b[7] || (b[7] = s("div", { class: "trusted-text m-4" }, " The https:// in the address bar means your information is encrypted and can not be accessed by anyone else ", -1))
138
141
  ])
139
142
  ]),
140
- s("div", Ye, [
143
+ s("div", Xe, [
141
144
  s("button", {
142
145
  ref_key: "closeInfoToggle",
143
146
  ref: l,
@@ -145,11 +148,11 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
145
148
  "aria-label": "Close Trusted Site information panel",
146
149
  onClick: b[0] || (b[0] = (u) => i(o)(!1))
147
150
  }, [
148
- p(i(L), { icon: i(Ce) }, null, 8, ["icon"])
151
+ p(i(L), { icon: i(Me) }, null, 8, ["icon"])
149
152
  ], 512)
150
153
  ])
151
154
  ])
152
- ], 8, Ve)
155
+ ], 8, Re)
153
156
  ], 64));
154
157
  }
155
158
  }), V = (t, e) => {
@@ -157,45 +160,46 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
157
160
  for (const [o, r] of e)
158
161
  a[o] = r;
159
162
  return a;
160
- }, Je = /* @__PURE__ */ V(Ze, [["__scopeId", "data-v-adf7cbee"]]), et = {
163
+ }, Ze = /* @__PURE__ */ V(Ye, [["__scopeId", "data-v-7ba68309"]]), Je = {
161
164
  key: 0,
162
165
  class: "phila-navbar-end"
163
- }, W = "5rem", tt = /* @__PURE__ */ _({
166
+ }, W = "5rem", et = /* @__PURE__ */ _({
164
167
  __name: "index",
165
168
  props: {
166
169
  id: {},
167
170
  sticky: { type: Boolean },
168
171
  navbarBrand: {},
172
+ compactMobile: { type: Boolean, default: !1 },
169
173
  mobileNav: {},
170
174
  visibilityGroup: {},
171
175
  search: {},
172
176
  links: { default: () => [{ text: "Home", href: "#" }] }
173
177
  },
174
178
  setup(t) {
175
- const e = t, { visibilityState: a } = H({ group: "app-header" }), o = S("navBarElement"), r = z(W), d = z(0), l = _e(() => {
179
+ const e = t, { visibilityState: a } = H({ group: "app-header" }), o = E("navBarElement"), r = z(W), d = z(0), l = _e(() => {
176
180
  const f = (o.value?.offsetTop || 0) + (o.value?.offsetHeight || 0), g = typeof window < "u" ? window.innerWidth : 1024;
177
181
  r.value = !e.sticky || g < 1024 ? f + "px" : W, d.value = f;
178
182
  }, 100), $ = B(() => a.value?.appHeader);
179
- return Y(() => $.value, l, { deep: !0, immediate: !0 }), me(() => {
183
+ return Y(() => $.value, l, { deep: !0, immediate: !0 }), he(() => {
180
184
  window.addEventListener("resize", l);
181
185
  }), J(() => {
182
186
  window.removeEventListener("resize", l);
183
187
  }), (f, g) => (n(), c("nav", {
184
188
  ref_key: "navBarElement",
185
189
  ref: o,
186
- class: I(["phila-navbar has-links-on-primary", { "is-sticky-desktop": t.sticky }]),
190
+ class: S(["phila-navbar has-links-on-primary", { "is-sticky-desktop": t.sticky, "is-compact-mobile": t.compactMobile }]),
187
191
  "aria-label": "Main navigation",
188
192
  style: ee(`--nav-height:${r.value};--nav-bottom:${d.value}px`)
189
193
  }, [
190
194
  v(f.$slots, "navbar-toggle", {}, void 0, !0),
191
195
  v(f.$slots, "navbar-left", {}, void 0, !0),
192
196
  v(f.$slots, "navbar-right", {}, void 0, !0),
193
- f.$slots["navbar-end"] ? (n(), c("div", et, [
197
+ f.$slots["navbar-end"] ? (n(), c("div", Je, [
194
198
  v(f.$slots, "navbar-end", {}, void 0, !0)
195
199
  ])) : y("", !0)
196
200
  ], 6));
197
201
  }
198
- }), it = /* @__PURE__ */ V(tt, [["__scopeId", "data-v-23ed37fb"]]), at = { class: "site-wide-alert content" }, st = { class: "alert-content" }, nt = { class: "content-text" }, ot = { class: "title" }, lt = { class: "body" }, rt = /* @__PURE__ */ _({
202
+ }), tt = /* @__PURE__ */ V(et, [["__scopeId", "data-v-8a07f1df"]]), it = { class: "site-wide-alert content" }, at = { class: "alert-content" }, st = { class: "content-text" }, nt = { class: "title" }, ot = { class: "body" }, lt = /* @__PURE__ */ _({
199
203
  __name: "AlertBanner",
200
204
  props: {
201
205
  bannerTitle: {},
@@ -203,28 +207,28 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
203
207
  },
204
208
  setup(t) {
205
209
  const e = t;
206
- return (a, o) => (n(), c("div", at, [
207
- s("div", st, [
210
+ return (a, o) => (n(), c("div", it, [
211
+ s("div", at, [
208
212
  p(i($e), {
209
213
  "icon-definition": i(Be),
210
214
  size: "small",
211
215
  decorative: !0
212
216
  }, null, 8, ["icon-definition"]),
213
- s("div", nt, [
214
- s("h6", ot, w(e.bannerTitle), 1),
215
- s("div", lt, w(e.bannerMessage), 1)
217
+ s("div", st, [
218
+ s("h6", nt, w(e.bannerTitle), 1),
219
+ s("div", ot, w(e.bannerMessage), 1)
216
220
  ])
217
221
  ])
218
222
  ]));
219
223
  }
220
- }), ct = { class: "phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet" }, dt = ["href"], ut = ["id", "onMouseenter", "onMouseleave"], vt = ["href", "aria-controls", "aria-expanded", "data-toggle", "onTouchend", "onClick"], ft = {
224
+ }), rt = { class: "phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet" }, ct = ["href"], dt = ["id", "onMouseenter", "onMouseleave"], ut = ["href", "aria-controls", "aria-expanded", "data-toggle", "onTouchend", "onClick"], vt = {
221
225
  key: 0,
222
226
  class: "content nav-flyout has-background-ghost-gray px-6 py-4",
223
227
  tabindex: "-1"
224
- }, bt = {
228
+ }, ft = {
225
229
  class: "is-flex is-flex-column is-flex-wrap-wrap",
226
230
  style: { gap: "var(--spacing-4xl)" }
227
- }, pt = ["href"], ht = /* @__PURE__ */ _({
231
+ }, bt = ["href"], pt = /* @__PURE__ */ _({
228
232
  __name: "NavbarLinks",
229
233
  props: {
230
234
  links: {},
@@ -246,7 +250,7 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
246
250
  d(b);
247
251
  }
248
252
  });
249
- }), (g, b) => (n(), c("div", ct, [
253
+ }), (g, b) => (n(), c("div", rt, [
250
254
  (n(!0), c(T, null, Q(t.links, (u, O) => (n(), c(T, null, [
251
255
  e(u) ? (n(), c("div", {
252
256
  id: `${o.visibilityGroup}-item-${a(u)}`,
@@ -257,7 +261,7 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
257
261
  }, [
258
262
  s("a", {
259
263
  href: u.href,
260
- class: I(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": i(l)(a(u)) }]),
264
+ class: S(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": i(l)(a(u)) }]),
261
265
  "aria-controls": a(u),
262
266
  "aria-expanded": i(l)(a(u)),
263
267
  "data-toggle": `visibility-${a(u)}`,
@@ -270,7 +274,7 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
270
274
  class: "ml-1",
271
275
  icon: i(l)(a(u)) ? i(le) : i(re)
272
276
  }, null, 8, ["icon"])
273
- ], 42, vt),
277
+ ], 42, ut),
274
278
  (n(), k(i(ae), {
275
279
  id: a(u),
276
280
  key: u.text,
@@ -278,9 +282,9 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
278
282
  hidden: !i(l)(a(u)),
279
283
  onEscape: (x) => i(r)(!1, a(u))
280
284
  }, {
281
- default: m(() => [
282
- u.subLinks ? (n(), c("div", ft, [
283
- s("ul", bt, [
285
+ default: h(() => [
286
+ u.subLinks ? (n(), c("div", vt, [
287
+ s("ul", ft, [
284
288
  (n(!0), c(T, null, Q(u.subLinks, (x) => (n(), c("li", {
285
289
  key: x.text,
286
290
  class: "sub-nav-link is-flex is-align-center",
@@ -290,14 +294,14 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
290
294
  href: x.href,
291
295
  class: "has-text-link has-text-weight-medium",
292
296
  tabindex: "0"
293
- }, w(x.text), 9, pt)
297
+ }, w(x.text), 9, bt)
294
298
  ]))), 128))
295
299
  ])
296
300
  ])) : (n(), k(ie(u.subNav), { key: 1 }))
297
301
  ]),
298
302
  _: 2
299
303
  }, 1032, ["id", "hidden", "onEscape"]))
300
- ], 40, ut)) : (n(), c("div", {
304
+ ], 40, dt)) : (n(), c("div", {
301
305
  key: `link-${O}`,
302
306
  class: "phila-navbar-link-list-item"
303
307
  }, [
@@ -305,12 +309,12 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
305
309
  href: u.href,
306
310
  class: "phila-navbar-link px-4",
307
311
  tabindex: "0"
308
- }, w(u.text), 9, dt)
312
+ }, w(u.text), 9, ct)
309
313
  ]))
310
314
  ], 64))), 256))
311
315
  ]));
312
316
  }
313
- }), mt = { class: "phila-navbar-search is-flex" }, gt = { id: "navbar-search" }, yt = { class: "pr-4" }, _t = ["aria-controls", "data-toggle", "aria-expanded", "aria-label"], $t = { class: "icon" }, xt = /* @__PURE__ */ _({
317
+ }), mt = { class: "phila-navbar-search is-flex" }, ht = { id: "navbar-search" }, gt = { class: "pr-4" }, yt = ["aria-controls", "data-toggle", "aria-expanded", "aria-label"], _t = { class: "icon" }, $t = /* @__PURE__ */ _({
314
318
  __name: "NavbarSearch",
315
319
  props: {
316
320
  search: {},
@@ -326,22 +330,22 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
326
330
  showSingle: !0
327
331
  });
328
332
  return (r, d) => (n(), c("div", mt, [
329
- s("div", gt, [
330
- s("div", yt, [
333
+ s("div", ht, [
334
+ s("div", gt, [
331
335
  s("button", {
332
- class: I(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": i(o)() }]),
336
+ class: S(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": i(o)() }]),
333
337
  "aria-controls": `${e.visibilityGroup}-flyout-navbar-search`,
334
338
  "data-toggle": `visibility-${e.visibilityGroup}-flyout-navbar-search`,
335
339
  "aria-expanded": i(o)(),
336
340
  "aria-label": `${i(o)() ? "Close" : "Open"} search panel`,
337
341
  onClick: d[0] || (d[0] = (l) => i(a)(!i(o)()))
338
342
  }, [
339
- s("span", $t, [
343
+ s("span", _t, [
340
344
  p(i(L), {
341
345
  icon: i(o)() ? i(oe) : i(we)
342
346
  }, null, 8, ["icon"])
343
347
  ])
344
- ], 10, _t)
348
+ ], 10, yt)
345
349
  ])
346
350
  ]),
347
351
  p(i(ae), {
@@ -351,14 +355,14 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
351
355
  hidden: !i(o)(),
352
356
  onEscape: d[1] || (d[1] = (l) => i(a)(!1, `${e.visibilityGroup}-flyout-navbar-search`))
353
357
  }, {
354
- default: m(() => [
358
+ default: h(() => [
355
359
  v(r.$slots, "search-panel")
356
360
  ]),
357
361
  _: 3
358
362
  }, 8, ["id", "hidden"])
359
363
  ]));
360
364
  }
361
- }), kt = /* @__PURE__ */ _({
365
+ }), xt = /* @__PURE__ */ _({
362
366
  __name: "NavbarBrandLogo",
363
367
  props: {
364
368
  logo: {},
@@ -374,15 +378,15 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
374
378
  href: e.href,
375
379
  ...e.logo
376
380
  }));
377
- return (o, r) => (n(), k(i(xe), C(a.value, { class: "phila-navbar-logo" }), null, 16));
381
+ return (o, r) => (n(), k(i(xe), M(a.value, { class: "phila-navbar-logo" }), null, 16));
378
382
  }
379
- }), wt = /* @__PURE__ */ V(kt, [["__scopeId", "data-v-3011c249"]]), Bt = { class: "phila-navbar-brand is-flex" }, Ct = {
383
+ }), kt = /* @__PURE__ */ V(xt, [["__scopeId", "data-v-3011c249"]]), wt = { class: "phila-navbar-brand is-flex" }, Bt = {
380
384
  key: 0,
381
385
  class: "phila-navbar-item phila-navbar-brand-link hidden-tablet"
382
- }, Nt = {
386
+ }, Mt = {
383
387
  key: 0,
384
388
  class: "content"
385
- }, Mt = ["href"], Lt = /* @__PURE__ */ _({
389
+ }, Ct = ["href"], Nt = /* @__PURE__ */ _({
386
390
  __name: "NavbarBrand",
387
391
  props: {
388
392
  brandingImage: {},
@@ -390,24 +394,24 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
390
394
  logo: {}
391
395
  },
392
396
  setup(t) {
393
- return (e, a) => (n(), c("div", Bt, [
397
+ return (e, a) => (n(), c("div", wt, [
394
398
  v(e.$slots, "navbar-logo", {}, () => [
395
- t.brandingImage ? (n(), k(wt, C({ key: 0 }, t.brandingImage, { logo: t.logo }), null, 16, ["logo"])) : y("", !0)
399
+ t.brandingImage ? (n(), k(kt, M({ key: 0 }, t.brandingImage, { logo: t.logo }), null, 16, ["logo"])) : y("", !0)
396
400
  ]),
397
- e.$slots["navbar-brand-link"] || t.brandingLink ? (n(), c("div", Ct, [
401
+ e.$slots["navbar-brand-link"] || t.brandingLink ? (n(), c("div", Bt, [
398
402
  v(e.$slots, "navbar-brand-link", {}, () => [
399
- t.brandingLink ? (n(), c("div", Nt, [
403
+ t.brandingLink ? (n(), c("div", Mt, [
400
404
  s("a", {
401
405
  tabindex: "0",
402
406
  href: t.brandingLink.href,
403
407
  class: "has-text-underline"
404
- }, w(t.brandingLink.text), 9, Mt)
408
+ }, w(t.brandingLink.text), 9, Ct)
405
409
  ])) : y("", !0)
406
410
  ])
407
411
  ])) : y("", !0)
408
412
  ]));
409
413
  }
410
- }), zt = { id: "mobile-nav" }, At = ["aria-controls", "aria-expanded", "aria-label"], Tt = { class: "icon" }, St = ["id", "hidden"], Et = /* @__PURE__ */ _({
414
+ }), Lt = { id: "mobile-nav" }, zt = ["aria-controls", "aria-expanded", "aria-label"], At = { class: "icon" }, Tt = ["id", "hidden"], St = /* @__PURE__ */ _({
411
415
  __name: "NavbarBurger",
412
416
  props: {
413
417
  mobileNav: {},
@@ -422,29 +426,29 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
422
426
  blurHide: !1,
423
427
  showSingle: !0
424
428
  }), r = B(() => a("mobile-nav"));
425
- return (d, l) => (n(), c("div", zt, [
426
- s("button", C({
429
+ return (d, l) => (n(), c("div", Lt, [
430
+ s("button", M({
427
431
  class: ["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": r.value }],
428
432
  "aria-controls": `navbar-burger-flyout-${e.visibilityGroup}`,
429
433
  "aria-expanded": r.value,
430
434
  "aria-label": `${r.value ? "Close" : "Open"} mobile navigation panel`
431
435
  }, i(o)), [
432
- s("span", Tt, [
436
+ s("span", At, [
433
437
  p(i(L), {
434
438
  icon: r.value ? i(oe) : i(Le)
435
439
  }, null, 8, ["icon"])
436
440
  ])
437
- ], 16, At),
441
+ ], 16, zt),
438
442
  s("div", {
439
443
  id: `navbar-burger-flyout-${e.visibilityGroup}`,
440
444
  class: "phila-mobile-nav",
441
445
  hidden: !r.value
442
446
  }, [
443
447
  v(d.$slots, "mobile-nav")
444
- ], 8, St)
448
+ ], 8, Tt)
445
449
  ]));
446
450
  }
447
- }), ii = /* @__PURE__ */ _({
451
+ }), ti = /* @__PURE__ */ _({
448
452
  __name: "AppHeader",
449
453
  props: {
450
454
  showTrustedSite: { type: Boolean, default: !0 },
@@ -453,6 +457,7 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
453
457
  id: { default: "main-nav" },
454
458
  sticky: { type: Boolean, default: !0 },
455
459
  navbarBrand: { default: void 0 },
460
+ compactMobile: { type: Boolean, default: !1 },
456
461
  mobileNav: {},
457
462
  visibilityGroup: {},
458
463
  search: {},
@@ -462,24 +467,28 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
462
467
  },
463
468
  setup(t) {
464
469
  return (e, a) => (n(), c(T, null, [
465
- t.showTrustedSite ? (n(), k(Je, { key: 0 }, {
466
- translation: m(() => [
470
+ t.showTrustedSite ? (n(), k(Ze, {
471
+ key: 0,
472
+ "compact-mobile": t.compactMobile
473
+ }, {
474
+ translation: h(() => [
467
475
  v(e.$slots, "translations", {}, () => [
468
476
  t.translations ? (n(), k(ie(t.translations), { key: 0 })) : y("", !0)
469
477
  ])
470
478
  ]),
471
479
  _: 3
472
- })) : y("", !0),
473
- p(it, {
480
+ }, 8, ["compact-mobile"])) : y("", !0),
481
+ p(tt, {
474
482
  id: t.id,
475
- sticky: t.sticky
483
+ sticky: t.sticky,
484
+ "compact-mobile": t.compactMobile
476
485
  }, K({
477
- "navbar-toggle": m(() => [
486
+ "navbar-toggle": h(() => [
478
487
  v(e.$slots, "navbar-toggle", {}, () => [
479
- p(Et, { "visibility-group": t.id }, K({ _: 2 }, [
488
+ p(St, { "visibility-group": t.id }, K({ _: 2 }, [
480
489
  e.$slots["mobile-nav"] ? {
481
490
  name: "mobile-nav",
482
- fn: m(() => [
491
+ fn: h(() => [
483
492
  v(e.$slots, "mobile-nav")
484
493
  ]),
485
494
  key: "0"
@@ -487,25 +496,25 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
487
496
  ]), 1032, ["visibility-group"])
488
497
  ])
489
498
  ]),
490
- "navbar-left": m(() => [
499
+ "navbar-left": h(() => [
491
500
  v(e.$slots, "navbar-left", {}, () => [
492
501
  v(e.$slots, "navbar-brand", {}, () => [
493
- t.navbarBrand ? (n(), k(Lt, E(C({ key: 0 }, t.navbarBrand)), null, 16)) : y("", !0)
502
+ t.navbarBrand ? (n(), k(Nt, I(M({ key: 0 }, t.navbarBrand)), null, 16)) : y("", !0)
494
503
  ])
495
504
  ])
496
505
  ]),
497
- "navbar-right": m(() => [
506
+ "navbar-right": h(() => [
498
507
  v(e.$slots, "navbar-right", {}, () => [
499
508
  v(e.$slots, "navbar-links", {}, () => [
500
- t.links ? (n(), k(ht, {
509
+ t.links ? (n(), k(pt, {
501
510
  key: 0,
502
511
  links: t.links,
503
512
  "visibility-group": t.id
504
513
  }, null, 8, ["links", "visibility-group"])) : y("", !0)
505
514
  ]),
506
515
  v(e.$slots, "navbar-search", {}, () => [
507
- p(xt, { "visibility-group": t.id }, {
508
- "search-panel": m(() => [
516
+ p($t, { "visibility-group": t.id }, {
517
+ "search-panel": h(() => [
509
518
  v(e.$slots, "search-panel")
510
519
  ]),
511
520
  _: 3
@@ -517,20 +526,20 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
517
526
  }, [
518
527
  e.$slots["navbar-end"] ? {
519
528
  name: "navbar-end",
520
- fn: m(() => [
529
+ fn: h(() => [
521
530
  v(e.$slots, "navbar-end")
522
531
  ]),
523
532
  key: "0"
524
533
  } : void 0
525
- ]), 1032, ["id", "sticky"]),
526
- t.bannerTitle || t.bannerMessage ? (n(), k(rt, {
534
+ ]), 1032, ["id", "sticky", "compact-mobile"]),
535
+ t.bannerTitle || t.bannerMessage ? (n(), k(lt, {
527
536
  key: 1,
528
537
  "banner-title": t.bannerTitle,
529
538
  "banner-message": t.bannerMessage
530
539
  }, null, 8, ["banner-title", "banner-message"])) : y("", !0)
531
540
  ], 64));
532
541
  }
533
- }), It = ["disabled"], q = /* @__PURE__ */ _({
542
+ }), Et = ["disabled"], q = /* @__PURE__ */ _({
534
543
  inheritAttrs: !1,
535
544
  __name: "PhlButton",
536
545
  props: {
@@ -580,10 +589,10 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
580
589
  size: e.size
581
590
  })
582
591
  );
583
- return (l, $) => a(e) ? (n(), k(i(se), C({ key: 0 }, { ...r.value, ...l.$attrs }, { role: "button" }), {
584
- default: m(() => [
585
- p(i(P), E(D(d.value)), {
586
- default: m(() => [
592
+ return (l, $) => a(e) ? (n(), k(i(se), M({ key: 0 }, { ...r.value, ...l.$attrs }, { role: "button" }), {
593
+ default: h(() => [
594
+ p(i(P), I(D(d.value)), {
595
+ default: h(() => [
587
596
  v(l.$slots, "default", {}, () => [
588
597
  A(w(e.text), 1)
589
598
  ])
@@ -592,21 +601,21 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
592
601
  }, 16)
593
602
  ]),
594
603
  _: 3
595
- }, 16)) : (n(), c("button", C({
604
+ }, 16)) : (n(), c("button", M({
596
605
  key: 1,
597
606
  type: "button",
598
607
  disabled: e.disabled,
599
608
  class: o.value
600
609
  }, l.$attrs), [
601
- p(i(P), E(D(d.value)), {
602
- default: m(() => [
610
+ p(i(P), I(D(d.value)), {
611
+ default: h(() => [
603
612
  v(l.$slots, "default", {}, () => [
604
613
  A(w(e.text), 1)
605
614
  ])
606
615
  ]),
607
616
  _: 3
608
617
  }, 16)
609
- ], 16, It));
618
+ ], 16, Et));
610
619
  }
611
620
  });
612
621
  var X = {
@@ -614,17 +623,17 @@ var X = {
614
623
  iconName: "xmark",
615
624
  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"]
616
625
  };
617
- const Ht = ["id"], Ot = {
626
+ const It = ["id"], Ht = {
618
627
  key: 0,
619
628
  class: "tooltip__tail",
620
629
  "aria-hidden": "true"
621
- }, Gt = {
630
+ }, Ot = {
622
631
  key: 1,
623
632
  class: "tooltip__plain-row has-text-body-small"
624
- }, Dt = {
633
+ }, Gt = {
625
634
  key: 0,
626
635
  class: "tooltip__title-row"
627
- }, Pt = { key: 0 }, Rt = /* @__PURE__ */ _({
636
+ }, Dt = { key: 0 }, Pt = /* @__PURE__ */ _({
628
637
  __name: "TooltipBubble",
629
638
  props: {
630
639
  id: {},
@@ -651,11 +660,11 @@ const Ht = ["id"], Ot = {
651
660
  );
652
661
  return (o, r) => (n(), c("div", {
653
662
  id: t.id,
654
- class: I(a.value),
663
+ class: S(a.value),
655
664
  role: "tooltip"
656
665
  }, [
657
- t.tail ? (n(), c("div", Ot)) : y("", !0),
658
- t.type === "plain" ? (n(), c("div", Gt, [
666
+ t.tail ? (n(), c("div", Ht)) : y("", !0),
667
+ t.type === "plain" ? (n(), c("div", Ot, [
659
668
  v(o.$slots, "default", {}, void 0, !0),
660
669
  t.dismissable ? (n(), k(i(q), {
661
670
  key: 0,
@@ -668,8 +677,8 @@ const Ht = ["id"], Ot = {
668
677
  onClick: r[0] || (r[0] = (d) => o.$emit("dismiss"))
669
678
  }, null, 8, ["icon-definition"])) : y("", !0)
670
679
  ])) : (n(), c(T, { key: 2 }, [
671
- t.title || t.dismissable ? (n(), c("div", Dt, [
672
- t.title ? (n(), c("h6", Pt, w(t.title), 1)) : y("", !0),
680
+ t.title || t.dismissable ? (n(), c("div", Gt, [
681
+ t.title ? (n(), c("h6", Dt, w(t.title), 1)) : y("", !0),
673
682
  t.dismissable ? (n(), k(i(q), {
674
683
  key: 1,
675
684
  class: "tooltip__dismiss",
@@ -683,14 +692,14 @@ const Ht = ["id"], Ot = {
683
692
  ])) : y("", !0),
684
693
  v(o.$slots, "default", {}, void 0, !0)
685
694
  ], 64))
686
- ], 10, Ht));
695
+ ], 10, It));
687
696
  }
688
697
  }), de = (t, e) => {
689
698
  const a = t.__vccOpts || t;
690
699
  for (const [o, r] of e)
691
700
  a[o] = r;
692
701
  return a;
693
- }, Vt = /* @__PURE__ */ de(Rt, [["__scopeId", "data-v-7ccd7c7d"]]), Ut = /* @__PURE__ */ _({
702
+ }, Rt = /* @__PURE__ */ de(Pt, [["__scopeId", "data-v-7ccd7c7d"]]), Vt = /* @__PURE__ */ _({
694
703
  __name: "Tooltip",
695
704
  props: {
696
705
  trigger: { default: "hover" },
@@ -704,29 +713,29 @@ const Ht = ["id"], Ot = {
704
713
  },
705
714
  setup(t, { expose: e }) {
706
715
  const a = t, o = ye(), r = z(!1), d = z(null), l = z(null), $ = z("top-center"), f = z(0), g = () => {
707
- const h = d.value?.getBoundingClientRect();
708
- if (!h) return "top-center";
709
- const { innerWidth: M, innerHeight: U } = window, G = h.top, fe = U - h.bottom, j = l.value?.firstElementChild?.getBoundingClientRect().height ?? 0, be = (j > 0 ? G >= j : G >= fe) ? "top" : "bottom", F = h.left + h.width / 2, pe = F < M / 3 ? "left" : F > M * 2 / 3 ? "right" : "center";
716
+ const m = d.value?.getBoundingClientRect();
717
+ if (!m) return "top-center";
718
+ const { innerWidth: N, innerHeight: U } = window, G = m.top, fe = U - m.bottom, j = l.value?.firstElementChild?.getBoundingClientRect().height ?? 0, be = (j > 0 ? G >= j : G >= fe) ? "top" : "bottom", F = m.left + m.width / 2, pe = F < N / 3 ? "left" : F > N * 2 / 3 ? "right" : "center";
710
719
  return `${be}-${pe}`;
711
- }, b = (h) => {
712
- h.key === "Escape" && N();
713
- }, u = (h) => {
714
- d.value && !d.value.contains(h.target) && N();
720
+ }, b = (m) => {
721
+ m.key === "Escape" && C();
722
+ }, u = (m) => {
723
+ d.value && !d.value.contains(m.target) && C();
715
724
  };
716
725
  function O() {
717
- const h = l.value?.firstElementChild?.getBoundingClientRect();
718
- if (!h) return;
719
- const M = 8, U = h.right - (window.innerWidth - M), G = M - h.left;
720
- U <= 0 && G <= 0 || (f.value = window.innerWidth / 2 - (h.left + h.width / 2));
726
+ const m = l.value?.firstElementChild?.getBoundingClientRect();
727
+ if (!m) return;
728
+ const N = 8, U = m.right - (window.innerWidth - N), G = N - m.left;
729
+ U <= 0 && G <= 0 || (f.value = window.innerWidth / 2 - (m.left + m.width / 2));
721
730
  }
722
731
  const x = async () => {
723
732
  a.placement === "auto" ? $.value = g() : $.value = a.placement, f.value = 0, r.value = !0, document.addEventListener("keydown", b), a.trigger === "click" && document.addEventListener("click", u), await Z(), O();
724
- }, N = () => {
733
+ }, C = () => {
725
734
  r.value = !1, document.removeEventListener("keydown", b), document.removeEventListener("click", u);
726
735
  }, ue = () => {
727
- r.value ? N() : x();
736
+ r.value ? C() : x();
728
737
  };
729
- J(N), e({ show: x, hide: N });
738
+ J(C), e({ show: x, hide: C });
730
739
  const ve = B(() => ({
731
740
  type: a.type,
732
741
  color: a.color,
@@ -735,43 +744,43 @@ const Ht = ["id"], Ot = {
735
744
  title: a.title,
736
745
  dismissable: a.dismissable
737
746
  }));
738
- return (h, M) => (n(), c("span", C(
747
+ return (m, N) => (n(), c("span", M(
739
748
  {
740
749
  ref_key: "wrapperEl",
741
750
  ref: d,
742
751
  class: i(R)("tooltip-trigger", a.className)
743
752
  },
744
- t.trigger === "click" ? { onClick: ue } : { onMouseenter: x, onMouseleave: N, onFocusin: x, onFocusout: N }
753
+ t.trigger === "click" ? { onClick: ue } : { onMouseenter: x, onMouseleave: C, onFocusin: x, onFocusout: C }
745
754
  ), [
746
- v(h.$slots, "default", {
755
+ v(m.$slots, "default", {
747
756
  tooltipId: i(o),
748
757
  isOpen: r.value
749
758
  }, void 0, !0),
750
759
  s("span", {
751
760
  ref_key: "positionerEl",
752
761
  ref: l,
753
- class: I(["tooltip-trigger__positioner", `tooltip-trigger__positioner--${$.value}`]),
762
+ class: S(["tooltip-trigger__positioner", `tooltip-trigger__positioner--${$.value}`]),
754
763
  style: ee({
755
764
  visibility: r.value ? "visible" : "hidden",
756
765
  "--positioner-gap": t.tail ? "var(--spacing-l)" : "0.5rem",
757
766
  "--adjust-x": `${f.value}px`
758
767
  }),
759
- onClick: M[0] || (M[0] = te(() => {
768
+ onClick: N[0] || (N[0] = te(() => {
760
769
  }, ["stop"]))
761
770
  }, [
762
- p(Vt, C(ve.value, {
771
+ p(Rt, M(ve.value, {
763
772
  id: i(o),
764
- onDismiss: N
773
+ onDismiss: C
765
774
  }), {
766
- default: m(() => [
767
- v(h.$slots, "body", {}, void 0, !0)
775
+ default: h(() => [
776
+ v(m.$slots, "body", {}, void 0, !0)
768
777
  ]),
769
778
  _: 3
770
779
  }, 16, ["id"])
771
780
  ], 6)
772
781
  ], 16));
773
782
  }
774
- }), jt = /* @__PURE__ */ de(Ut, [["__scopeId", "data-v-b3f93b8c"]]), Ft = ["disabled"], Qt = /* @__PURE__ */ _({
783
+ }), Ut = /* @__PURE__ */ de(Vt, [["__scopeId", "data-v-b3f93b8c"]]), jt = ["disabled"], Ft = /* @__PURE__ */ _({
775
784
  inheritAttrs: !1,
776
785
  __name: "PhlButton",
777
786
  props: {
@@ -821,10 +830,10 @@ const Ht = ["id"], Ot = {
821
830
  size: e.size
822
831
  })
823
832
  );
824
- return (l, $) => a(e) ? (n(), k(i(se), C({ key: 0 }, { ...r.value, ...l.$attrs }, { role: "button" }), {
825
- default: m(() => [
826
- p(i(P), E(D(d.value)), {
827
- default: m(() => [
833
+ return (l, $) => a(e) ? (n(), k(i(se), M({ key: 0 }, { ...r.value, ...l.$attrs }, { role: "button" }), {
834
+ default: h(() => [
835
+ p(i(P), I(D(d.value)), {
836
+ default: h(() => [
828
837
  v(l.$slots, "default", {}, () => [
829
838
  A(w(e.text), 1)
830
839
  ])
@@ -833,27 +842,27 @@ const Ht = ["id"], Ot = {
833
842
  }, 16)
834
843
  ]),
835
844
  _: 3
836
- }, 16)) : (n(), c("button", C({
845
+ }, 16)) : (n(), c("button", M({
837
846
  key: 1,
838
847
  type: "button",
839
848
  disabled: e.disabled,
840
849
  class: o.value
841
850
  }, l.$attrs), [
842
- p(i(P), E(D(d.value)), {
843
- default: m(() => [
851
+ p(i(P), I(D(d.value)), {
852
+ default: h(() => [
844
853
  v(l.$slots, "default", {}, () => [
845
854
  A(w(e.text), 1)
846
855
  ])
847
856
  ]),
848
857
  _: 3
849
858
  }, 16)
850
- ], 16, Ft));
859
+ ], 16, jt));
851
860
  }
852
- }), Kt = { class: "navbar-info" }, Wt = { class: "navbar-info__group" }, qt = {
861
+ }), Qt = { class: "navbar-info" }, Kt = { class: "navbar-info__group" }, Wt = {
853
862
  key: 0,
854
863
  class: "navbar-info__label has-text-body-default hidden-tablet",
855
864
  "aria-hidden": "true"
856
- }, Xt = { class: "has-text-body-small" }, Yt = /* @__PURE__ */ _({
865
+ }, qt = { class: "has-text-body-small" }, Xt = /* @__PURE__ */ _({
857
866
  __name: "NavbarInfo",
858
867
  props: {
859
868
  infoTitle: {},
@@ -861,12 +870,12 @@ const Ht = ["id"], Ot = {
861
870
  label: {}
862
871
  },
863
872
  setup(t, { expose: e }) {
864
- const a = S("tooltip");
873
+ const a = E("tooltip");
865
874
  return e({
866
875
  show: () => a.value?.show(),
867
876
  hide: () => a.value?.hide()
868
- }), (o, r) => (n(), c("div", Kt, [
869
- p(i(jt), {
877
+ }), (o, r) => (n(), c("div", Qt, [
878
+ p(i(Ut), {
870
879
  ref_key: "tooltip",
871
880
  ref: a,
872
881
  type: "rich",
@@ -874,9 +883,9 @@ const Ht = ["id"], Ot = {
874
883
  trigger: "click",
875
884
  dismissable: !0
876
885
  }, {
877
- default: m(({ tooltipId: d, isOpen: l }) => [
878
- s("span", Wt, [
879
- p(i(Qt), {
886
+ default: h(({ tooltipId: d, isOpen: l }) => [
887
+ s("span", Kt, [
888
+ p(i(Ft), {
880
889
  class: "navbar-info__trigger",
881
890
  variant: "standard",
882
891
  size: "small",
@@ -886,28 +895,28 @@ const Ht = ["id"], Ot = {
886
895
  "aria-describedby": d,
887
896
  "aria-pressed": l
888
897
  }, null, 8, ["icon-definition", "aria-describedby", "aria-pressed"]),
889
- t.label ? (n(), c("span", qt, w(t.label), 1)) : y("", !0)
898
+ t.label ? (n(), c("span", Wt, w(t.label), 1)) : y("", !0)
890
899
  ])
891
900
  ]),
892
- body: m(() => [
901
+ body: h(() => [
893
902
  v(o.$slots, "default", {}, () => [
894
- s("div", Xt, w(t.infoMessage), 1)
903
+ s("div", qt, w(t.infoMessage), 1)
895
904
  ], !0)
896
905
  ]),
897
906
  _: 3
898
907
  }, 8, ["title"])
899
908
  ]));
900
909
  }
901
- }), ai = /* @__PURE__ */ V(Yt, [["__scopeId", "data-v-c3989251"]]);
910
+ }), ii = /* @__PURE__ */ V(Xt, [["__scopeId", "data-v-c3989251"]]);
902
911
  export {
903
- rt as AlertBanner,
904
- ii as AppHeader,
905
- it as NavBar,
906
- Lt as NavbarBrand,
907
- wt as NavbarBrandLogo,
908
- Et as NavbarBurger,
909
- ai as NavbarInfo,
910
- ht as NavbarLinks,
911
- xt as NavbarSearch,
912
- Je as TrustedSite
912
+ lt as AlertBanner,
913
+ ti as AppHeader,
914
+ tt as NavBar,
915
+ Nt as NavbarBrand,
916
+ kt as NavbarBrandLogo,
917
+ St as NavbarBurger,
918
+ ii as NavbarInfo,
919
+ pt as NavbarLinks,
920
+ $t as NavbarSearch,
921
+ Ze as TrustedSite
913
922
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phila/phila-ui-app-header",
3
- "version": "1.0.0-beta.10",
3
+ "version": "1.0.0-beta.12",
4
4
  "type": "module",
5
5
  "description": "A header component for site info and main navigation.",
6
6
  "main": "./dist/index.js",
@@ -29,11 +29,11 @@
29
29
  "vue": "^3.0.0"
30
30
  },
31
31
  "dependencies": {
32
- "@phila/phila-ui-button": "2.2.3-beta.4",
33
- "@phila/phila-ui-core": "3.0.0-beta.3",
34
- "@phila/phila-ui-collapse-panel": "0.2.0-beta.3",
35
- "@phila/phila-ui-logo": "0.1.3-beta.3",
36
- "@phila/phila-ui-tooltip": "0.1.0-beta.4"
32
+ "@phila/phila-ui-button": "2.2.3-beta.6",
33
+ "@phila/phila-ui-core": "3.0.0-beta.5",
34
+ "@phila/phila-ui-collapse-panel": "0.2.0-beta.5",
35
+ "@phila/phila-ui-logo": "0.1.3-beta.5",
36
+ "@phila/phila-ui-tooltip": "0.1.0-beta.6"
37
37
  },
38
38
  "devDependencies": {
39
39
  "@types/node": "^24.0.0",