@phila/phila-ui-app-header 1.0.0-beta.11 → 1.0.0-beta.13
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.map +1 -1
- package/dist/components/NavBar/NavbarSearch.vue.d.ts +1 -2
- package/dist/components/NavBar/NavbarSearch.vue.d.ts.map +1 -1
- package/dist/index.d.ts +4 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.mjs +14 -14
- package/package.json +6 -6
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;WA0LT,OAAO,IAA6B;;8BAnBhB,GAAG;iCACC,GAAG;8BACN,GAAG;+BACF,GAAG;gCACF,GAAG;gCACH,GAAG;gCACH,GAAG;iCACF,GAAG;gCACJ,GAAG;8BACL,GAAG;;;;EAerC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { NavbarSearchProps } from '../../index';
|
|
2
1
|
declare function __VLS_template(): {
|
|
3
2
|
attrs: Partial<{}>;
|
|
4
3
|
slots: {
|
|
@@ -8,7 +7,7 @@ declare function __VLS_template(): {
|
|
|
8
7
|
rootEl: HTMLDivElement;
|
|
9
8
|
};
|
|
10
9
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
-
declare const __VLS_component: import('vue').DefineComponent<
|
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<import('../../index').VisibilityProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('../../index').VisibilityProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
12
11
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
13
12
|
export default _default;
|
|
14
13
|
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavbarSearch.vue.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/NavbarSearch.vue"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NavbarSearch.vue.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/NavbarSearch.vue"],"names":[],"mappings":"AAkEA,iBAAS,cAAc;WA+ET,OAAO,IAA6B;;gCAVb,GAAG;;;;EAevC;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,iWAOnB,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.d.ts
CHANGED
|
@@ -14,12 +14,10 @@ export { default as TrustedSite } from './components/TrustedSite.vue';
|
|
|
14
14
|
export interface VisibilityProps {
|
|
15
15
|
visibilityGroup?: string;
|
|
16
16
|
}
|
|
17
|
-
export
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
export
|
|
21
|
-
search?: Component;
|
|
22
|
-
}
|
|
17
|
+
export type NavbarBurgerProps = VisibilityProps & {
|
|
18
|
+
id: string;
|
|
19
|
+
};
|
|
20
|
+
export type NavbarSearchProps = VisibilityProps;
|
|
23
21
|
export interface NavbarLinksProps extends VisibilityProps {
|
|
24
22
|
links?: NavLink[];
|
|
25
23
|
}
|
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,
|
|
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,MAAM,iBAAiB,GAAG,eAAe,GAAG;IAChD,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC;AACF,MAAM,MAAM,iBAAiB,GAAG,eAAe,CAAC;AAChD,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"]},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;
|
|
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"]]),xe={key:0,class:"phila-navbar-end"},$="5rem",_e=e.defineComponent({__name:"index",props:{id:{},sticky:{type:Boolean},navbarBrand:{},compactMobile:{type:Boolean,default:!1},visibilityGroup:{},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",xe,[e.renderSlot(c.$slots,"navbar-end",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}}),A=B(_e,[["__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:{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"],Ke=["aria-controls","aria-expanded","aria-label"],We={class:"icon"},Xe=["id","hidden"],O=e.defineComponent({__name:"NavbarBurger",props:{visibilityGroup:{},id:{}},setup(o){const t=o,{isVisible:n,toggleProps:a}=u.useVisibility({id:t.id,group:t.visibilityGroup,outsideClickHide:!0,escapeKeyHide:!0,blurHide:!1,showSingle:!0}),l=e.computed(()=>n(t.id));return(s,i)=>(e.openBlock(),e.createElementBlock("div",{id:t.id},[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)],8,Qe))}}),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},visibilityGroup:{},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,{id:`mobile-nav-${o.id}`,"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,["id","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,x=i.value?.firstElementChild?.getBoundingClientRect().height??0,j=(x>0?k>=x:k>=U)?"top":"bottom",_=m.left+m.width/2,q=_<h/3?"left":_>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
|
@@ -170,9 +170,7 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
|
|
|
170
170
|
sticky: { type: Boolean },
|
|
171
171
|
navbarBrand: {},
|
|
172
172
|
compactMobile: { type: Boolean, default: !1 },
|
|
173
|
-
mobileNav: {},
|
|
174
173
|
visibilityGroup: {},
|
|
175
|
-
search: {},
|
|
176
174
|
links: { default: () => [{ text: "Home", href: "#" }] }
|
|
177
175
|
},
|
|
178
176
|
setup(t) {
|
|
@@ -317,7 +315,6 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
|
|
|
317
315
|
}), 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__ */ _({
|
|
318
316
|
__name: "NavbarSearch",
|
|
319
317
|
props: {
|
|
320
|
-
search: {},
|
|
321
318
|
visibilityGroup: {}
|
|
322
319
|
},
|
|
323
320
|
setup(t) {
|
|
@@ -411,22 +408,24 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
|
|
|
411
408
|
])) : y("", !0)
|
|
412
409
|
]));
|
|
413
410
|
}
|
|
414
|
-
}), Lt =
|
|
411
|
+
}), Lt = ["id"], zt = ["aria-controls", "aria-expanded", "aria-label"], At = { class: "icon" }, Tt = ["id", "hidden"], St = /* @__PURE__ */ _({
|
|
415
412
|
__name: "NavbarBurger",
|
|
416
413
|
props: {
|
|
417
|
-
|
|
418
|
-
|
|
414
|
+
visibilityGroup: {},
|
|
415
|
+
id: {}
|
|
419
416
|
},
|
|
420
417
|
setup(t) {
|
|
421
418
|
const e = t, { isVisible: a, toggleProps: o } = H({
|
|
422
|
-
id:
|
|
419
|
+
id: e.id,
|
|
423
420
|
group: e.visibilityGroup,
|
|
424
421
|
outsideClickHide: !0,
|
|
425
422
|
escapeKeyHide: !0,
|
|
426
423
|
blurHide: !1,
|
|
427
424
|
showSingle: !0
|
|
428
|
-
}), r = B(() => a(
|
|
429
|
-
return (d, l) => (n(), c("div",
|
|
425
|
+
}), r = B(() => a(e.id));
|
|
426
|
+
return (d, l) => (n(), c("div", {
|
|
427
|
+
id: e.id
|
|
428
|
+
}, [
|
|
430
429
|
s("button", M({
|
|
431
430
|
class: ["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": r.value }],
|
|
432
431
|
"aria-controls": `navbar-burger-flyout-${e.visibilityGroup}`,
|
|
@@ -446,7 +445,7 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
|
|
|
446
445
|
}, [
|
|
447
446
|
v(d.$slots, "mobile-nav")
|
|
448
447
|
], 8, Tt)
|
|
449
|
-
]));
|
|
448
|
+
], 8, Lt));
|
|
450
449
|
}
|
|
451
450
|
}), ti = /* @__PURE__ */ _({
|
|
452
451
|
__name: "AppHeader",
|
|
@@ -458,9 +457,7 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
|
|
|
458
457
|
sticky: { type: Boolean, default: !0 },
|
|
459
458
|
navbarBrand: { default: void 0 },
|
|
460
459
|
compactMobile: { type: Boolean, default: !1 },
|
|
461
|
-
mobileNav: {},
|
|
462
460
|
visibilityGroup: {},
|
|
463
|
-
search: {},
|
|
464
461
|
links: { default: void 0 },
|
|
465
462
|
bannerTitle: { default: void 0 },
|
|
466
463
|
bannerMessage: { default: void 0 }
|
|
@@ -485,7 +482,10 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
|
|
|
485
482
|
}, K({
|
|
486
483
|
"navbar-toggle": h(() => [
|
|
487
484
|
v(e.$slots, "navbar-toggle", {}, () => [
|
|
488
|
-
p(St, {
|
|
485
|
+
p(St, {
|
|
486
|
+
id: `mobile-nav-${t.id}`,
|
|
487
|
+
"visibility-group": t.id
|
|
488
|
+
}, K({ _: 2 }, [
|
|
489
489
|
e.$slots["mobile-nav"] ? {
|
|
490
490
|
name: "mobile-nav",
|
|
491
491
|
fn: h(() => [
|
|
@@ -493,7 +493,7 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
|
|
|
493
493
|
]),
|
|
494
494
|
key: "0"
|
|
495
495
|
} : void 0
|
|
496
|
-
]), 1032, ["visibility-group"])
|
|
496
|
+
]), 1032, ["id", "visibility-group"])
|
|
497
497
|
])
|
|
498
498
|
]),
|
|
499
499
|
"navbar-left": h(() => [
|
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.13",
|
|
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.7",
|
|
33
|
+
"@phila/phila-ui-core": "3.0.0-beta.6",
|
|
34
|
+
"@phila/phila-ui-collapse-panel": "0.2.0-beta.6",
|
|
35
|
+
"@phila/phila-ui-logo": "0.1.3-beta.6",
|
|
36
|
+
"@phila/phila-ui-tooltip": "0.1.0-beta.7"
|
|
37
37
|
},
|
|
38
38
|
"devDependencies": {
|
|
39
39
|
"@types/node": "^24.0.0",
|