@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.
- package/dist/AppHeader.vue.d.ts +1 -0
- package/dist/AppHeader.vue.d.ts.map +1 -1
- package/dist/components/NavBar/index.vue.d.ts +1 -0
- package/dist/components/NavBar/index.vue.d.ts.map +1 -1
- package/dist/components/TrustedSite.vue.d.ts +2 -1
- package/dist/components/TrustedSite.vue.d.ts.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +186 -177
- package/package.json +6 -6
package/dist/AppHeader.vue.d.ts
CHANGED
|
@@ -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":"
|
|
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":"
|
|
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<
|
|
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":"
|
|
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;
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,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;
|
|
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
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
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
|
-
},
|
|
48
|
+
}, Pe = {
|
|
52
49
|
key: 0,
|
|
53
50
|
class: "trusted-translation is-flex is-align-center"
|
|
54
|
-
},
|
|
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 =
|
|
57
|
+
const e = me(), { isVisible: a, setVisibility: o, toggleProps: r } = H({
|
|
58
58
|
id: "trusted-site-info",
|
|
59
59
|
escapeKeyHide: !0
|
|
60
|
-
}), d =
|
|
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",
|
|
70
|
-
|
|
71
|
-
|
|
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,
|
|
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",
|
|
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",
|
|
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,
|
|
95
|
+
], 16, Ie)
|
|
93
96
|
]),
|
|
94
|
-
s("div",
|
|
95
|
-
s("button",
|
|
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",
|
|
107
|
+
s("span", De, [
|
|
105
108
|
p(i(L), { icon: i(ce) }, null, 8, ["icon"])
|
|
106
109
|
])
|
|
107
|
-
], 16,
|
|
110
|
+
], 16, Ge)
|
|
108
111
|
])
|
|
109
112
|
]),
|
|
110
|
-
i(e).translation ? (n(), c("div",
|
|
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",
|
|
120
|
-
s("div",
|
|
121
|
-
s("div",
|
|
122
|
-
s("div",
|
|
123
|
-
s("span",
|
|
124
|
-
p(i(L), { icon: i(
|
|
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",
|
|
131
|
-
s("div",
|
|
132
|
-
s("div",
|
|
133
|
-
p(i(L), { icon: i(
|
|
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",
|
|
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(
|
|
151
|
+
p(i(L), { icon: i(Me) }, null, 8, ["icon"])
|
|
149
152
|
], 512)
|
|
150
153
|
])
|
|
151
154
|
])
|
|
152
|
-
], 8,
|
|
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
|
-
},
|
|
163
|
+
}, Ze = /* @__PURE__ */ V(Ye, [["__scopeId", "data-v-7ba68309"]]), Je = {
|
|
161
164
|
key: 0,
|
|
162
165
|
class: "phila-navbar-end"
|
|
163
|
-
}, W = "5rem",
|
|
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 =
|
|
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 }),
|
|
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:
|
|
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",
|
|
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
|
-
}),
|
|
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",
|
|
207
|
-
s("div",
|
|
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",
|
|
214
|
-
s("h6",
|
|
215
|
-
s("div",
|
|
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
|
-
}),
|
|
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
|
-
},
|
|
228
|
+
}, ft = {
|
|
225
229
|
class: "is-flex is-flex-column is-flex-wrap-wrap",
|
|
226
230
|
style: { gap: "var(--spacing-4xl)" }
|
|
227
|
-
},
|
|
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",
|
|
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:
|
|
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,
|
|
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:
|
|
282
|
-
u.subLinks ? (n(), c("div",
|
|
283
|
-
s("ul",
|
|
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,
|
|
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,
|
|
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,
|
|
312
|
+
}, w(u.text), 9, ct)
|
|
309
313
|
]))
|
|
310
314
|
], 64))), 256))
|
|
311
315
|
]));
|
|
312
316
|
}
|
|
313
|
-
}), mt = { class: "phila-navbar-search is-flex" },
|
|
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",
|
|
330
|
-
s("div",
|
|
333
|
+
s("div", ht, [
|
|
334
|
+
s("div", gt, [
|
|
331
335
|
s("button", {
|
|
332
|
-
class:
|
|
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",
|
|
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,
|
|
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:
|
|
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
|
-
}),
|
|
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),
|
|
381
|
+
return (o, r) => (n(), k(i(xe), M(a.value, { class: "phila-navbar-logo" }), null, 16));
|
|
378
382
|
}
|
|
379
|
-
}),
|
|
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
|
-
},
|
|
386
|
+
}, Mt = {
|
|
383
387
|
key: 0,
|
|
384
388
|
class: "content"
|
|
385
|
-
},
|
|
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",
|
|
397
|
+
return (e, a) => (n(), c("div", wt, [
|
|
394
398
|
v(e.$slots, "navbar-logo", {}, () => [
|
|
395
|
-
t.brandingImage ? (n(), k(
|
|
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",
|
|
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",
|
|
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,
|
|
408
|
+
}, w(t.brandingLink.text), 9, Ct)
|
|
405
409
|
])) : y("", !0)
|
|
406
410
|
])
|
|
407
411
|
])) : y("", !0)
|
|
408
412
|
]));
|
|
409
413
|
}
|
|
410
|
-
}),
|
|
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",
|
|
426
|
-
s("button",
|
|
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",
|
|
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,
|
|
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,
|
|
448
|
+
], 8, Tt)
|
|
445
449
|
]));
|
|
446
450
|
}
|
|
447
|
-
}),
|
|
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(
|
|
466
|
-
|
|
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(
|
|
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":
|
|
486
|
+
"navbar-toggle": h(() => [
|
|
478
487
|
v(e.$slots, "navbar-toggle", {}, () => [
|
|
479
|
-
p(
|
|
488
|
+
p(St, { "visibility-group": t.id }, K({ _: 2 }, [
|
|
480
489
|
e.$slots["mobile-nav"] ? {
|
|
481
490
|
name: "mobile-nav",
|
|
482
|
-
fn:
|
|
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":
|
|
499
|
+
"navbar-left": h(() => [
|
|
491
500
|
v(e.$slots, "navbar-left", {}, () => [
|
|
492
501
|
v(e.$slots, "navbar-brand", {}, () => [
|
|
493
|
-
t.navbarBrand ? (n(), k(
|
|
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":
|
|
506
|
+
"navbar-right": h(() => [
|
|
498
507
|
v(e.$slots, "navbar-right", {}, () => [
|
|
499
508
|
v(e.$slots, "navbar-links", {}, () => [
|
|
500
|
-
t.links ? (n(), k(
|
|
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(
|
|
508
|
-
"search-panel":
|
|
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:
|
|
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(
|
|
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
|
-
}),
|
|
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),
|
|
584
|
-
default:
|
|
585
|
-
p(i(P),
|
|
586
|
-
default:
|
|
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",
|
|
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),
|
|
602
|
-
default:
|
|
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,
|
|
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
|
|
626
|
+
const It = ["id"], Ht = {
|
|
618
627
|
key: 0,
|
|
619
628
|
class: "tooltip__tail",
|
|
620
629
|
"aria-hidden": "true"
|
|
621
|
-
},
|
|
630
|
+
}, Ot = {
|
|
622
631
|
key: 1,
|
|
623
632
|
class: "tooltip__plain-row has-text-body-small"
|
|
624
|
-
},
|
|
633
|
+
}, Gt = {
|
|
625
634
|
key: 0,
|
|
626
635
|
class: "tooltip__title-row"
|
|
627
|
-
},
|
|
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:
|
|
663
|
+
class: S(a.value),
|
|
655
664
|
role: "tooltip"
|
|
656
665
|
}, [
|
|
657
|
-
t.tail ? (n(), c("div",
|
|
658
|
-
t.type === "plain" ? (n(), c("div",
|
|
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",
|
|
672
|
-
t.title ? (n(), c("h6",
|
|
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,
|
|
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
|
-
},
|
|
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
|
|
708
|
-
if (!
|
|
709
|
-
const { innerWidth:
|
|
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 = (
|
|
712
|
-
|
|
713
|
-
}, u = (
|
|
714
|
-
d.value && !d.value.contains(
|
|
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
|
|
718
|
-
if (!
|
|
719
|
-
const
|
|
720
|
-
U <= 0 && G <= 0 || (f.value = window.innerWidth / 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
|
-
},
|
|
733
|
+
}, C = () => {
|
|
725
734
|
r.value = !1, document.removeEventListener("keydown", b), document.removeEventListener("click", u);
|
|
726
735
|
}, ue = () => {
|
|
727
|
-
r.value ?
|
|
736
|
+
r.value ? C() : x();
|
|
728
737
|
};
|
|
729
|
-
J(
|
|
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 (
|
|
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:
|
|
753
|
+
t.trigger === "click" ? { onClick: ue } : { onMouseenter: x, onMouseleave: C, onFocusin: x, onFocusout: C }
|
|
745
754
|
), [
|
|
746
|
-
v(
|
|
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:
|
|
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:
|
|
768
|
+
onClick: N[0] || (N[0] = te(() => {
|
|
760
769
|
}, ["stop"]))
|
|
761
770
|
}, [
|
|
762
|
-
p(
|
|
771
|
+
p(Rt, M(ve.value, {
|
|
763
772
|
id: i(o),
|
|
764
|
-
onDismiss:
|
|
773
|
+
onDismiss: C
|
|
765
774
|
}), {
|
|
766
|
-
default:
|
|
767
|
-
v(
|
|
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
|
-
}),
|
|
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),
|
|
825
|
-
default:
|
|
826
|
-
p(i(P),
|
|
827
|
-
default:
|
|
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",
|
|
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),
|
|
843
|
-
default:
|
|
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,
|
|
859
|
+
], 16, jt));
|
|
851
860
|
}
|
|
852
|
-
}),
|
|
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
|
-
},
|
|
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 =
|
|
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",
|
|
869
|
-
p(i(
|
|
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:
|
|
878
|
-
s("span",
|
|
879
|
-
p(i(
|
|
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",
|
|
898
|
+
t.label ? (n(), c("span", Wt, w(t.label), 1)) : y("", !0)
|
|
890
899
|
])
|
|
891
900
|
]),
|
|
892
|
-
body:
|
|
901
|
+
body: h(() => [
|
|
893
902
|
v(o.$slots, "default", {}, () => [
|
|
894
|
-
s("div",
|
|
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
|
-
}),
|
|
910
|
+
}), ii = /* @__PURE__ */ V(Xt, [["__scopeId", "data-v-c3989251"]]);
|
|
902
911
|
export {
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
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.
|
|
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.
|
|
33
|
-
"@phila/phila-ui-core": "3.0.0-beta.
|
|
34
|
-
"@phila/phila-ui-collapse-panel": "0.2.0-beta.
|
|
35
|
-
"@phila/phila-ui-logo": "0.1.3-beta.
|
|
36
|
-
"@phila/phila-ui-tooltip": "0.1.0-beta.
|
|
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",
|