@phila/phila-ui-app-header 0.3.0-beta.3 → 0.3.0-beta.5

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.
@@ -4,6 +4,7 @@ declare function __VLS_template(): {
4
4
  slots: {
5
5
  translations?(_: {}): any;
6
6
  'info-body'?(_: {}): any;
7
+ 'mobile-nav'?(_: {}): any;
7
8
  };
8
9
  refs: {};
9
10
  rootEl: any;
@@ -1 +1 @@
1
- {"version":3,"file":"AppHeader.vue.d.ts","sourceRoot":"","sources":["../src/AppHeader.vue"],"names":[],"mappings":"AAgDA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAqC9C,iBAAS,cAAc;WA2FT,OAAO,IAA6B;;8BAXhB,GAAG;6BACH,GAAG;;;;EAepC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"AppHeader.vue.d.ts","sourceRoot":"","sources":["../src/AppHeader.vue"],"names":[],"mappings":"AAmDA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,SAAS,CAAC;AAqC9C,iBAAS,cAAc;WAqGT,OAAO,IAA6B;;8BAZhB,GAAG;6BACH,GAAG;8BACF,GAAG;;;;EAerC;AAYD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;;;;;;6EAOnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
@@ -3,6 +3,7 @@ declare function __VLS_template(): {
3
3
  attrs: Partial<{}>;
4
4
  slots: {
5
5
  'navbar-burger'?(_: {}): any;
6
+ 'mobile-nav'?(_: {}): any;
6
7
  'navbar-logo'?(_: {}): any;
7
8
  'navbar-brand-link'?(_: {}): any;
8
9
  'info-body'?(_: {}): any;
@@ -1 +1 @@
1
- {"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/index.vue"],"names":[],"mappings":"AAmNA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAmC1C,iBAAS,cAAc;WA2JT,OAAO,IAA6B;;iCAhBb,GAAG;+BACL,GAAG;qCACI,GAAG;6BACX,GAAG;gCACA,GAAG;iCACF,GAAG;;;;;;EAgBxC;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;eASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/index.vue"],"names":[],"mappings":"AAwNA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAmC1C,iBAAS,cAAc;WAsKT,OAAO,IAA6B;;iCAjBb,GAAG;8BACN,GAAG;+BACF,GAAG;qCACI,GAAG;6BACX,GAAG;gCACA,GAAG;iCACF,GAAG;;;;;;EAgBxC;AAiBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;eASnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAapG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- #trusted-site[data-v-117bdb56]{width:100%;height:3rem;padding:0 var(--spacing-l);box-sizing:border-box}#trusted-site .content[data-v-117bdb56]{color:var(--Schemes-On-Surface);font-size:var(--component-banner-font-size)}#trusted-site button[data-v-117bdb56]{--Schemes-Surface-Container-Lowest: transparent;font-size:var(--component-banner-font-size, .75)!important}#trusted-site .trusted-toggle[data-v-117bdb56]{height:100%}#trusted-site-info .circle-icon[data-v-117bdb56]{border:solid 1px var(--Schemes-On-Surface);border-radius:100%;font-size:var(--scale-250);aspect-ratio:1;display:inline-flex;justify-content:center;align-content:center}.phila-navbar-logo[data-v-3011c249]{font-size:1.2rem}.phila-navbar-logo.logo--single-line[data-v-3011c249]{font-size:1.6rem}.tooltip[data-v-0155bbdd]{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-0155bbdd]{--tooltip-bg: var(--Schemes-Surface-Container-Lowest);color:var(--Schemes-On-Surface)}.tooltip.tooltip--plain[data-v-0155bbdd]{--tail-height: 10px;padding:var(--spacing-2xs) var(--spacing-xs);justify-content:center}.tooltip.tooltip--rich[data-v-0155bbdd]{--tail-height: 12px;padding:var(--spacing-s) var(--spacing-m);width:max-content;min-width:11.25rem;max-width:25rem;gap:var(--spacing-xs)}.tooltip .tooltip__tail[data-v-0155bbdd]{position:absolute;width:20px;height:var(--tail-height);background-color:var(--tooltip-bg)}.tooltip.tooltip--top-left .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--top-right .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--top-center .tooltip__tail[data-v-0155bbdd]{clip-path:polygon(0 0,100% 0,50% 100%);bottom:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--bottom-left .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-0155bbdd]{clip-path:polygon(50% 0,0 100%,100% 100%);top:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--top-left .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--bottom-left .tooltip__tail[data-v-0155bbdd]{left:8px}.tooltip.tooltip--top-right .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-0155bbdd]{right:8px}.tooltip.tooltip--top-center .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-0155bbdd]{left:50%;transform:translate(-50%)}.tooltip__plain-row[data-v-0155bbdd],.tooltip__title-row[data-v-0155bbdd]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xs);width:100%}.tooltip__title-row h6[data-v-0155bbdd]{flex:1}.tooltip__dismiss[data-v-0155bbdd]{margin-left:auto;flex-shrink:0}.tooltip-trigger[data-v-5dcd06cf]{position:relative;display:inline-block}.tooltip-trigger__positioner[data-v-5dcd06cf]{position:absolute;z-index:1000}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-left[data-v-5dcd06cf]{bottom:100%;left:-8px;padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-right[data-v-5dcd06cf]{bottom:100%;right:-8px;padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-center[data-v-5dcd06cf]{bottom:100%;left:50%;transform:translate(-50%);padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-left[data-v-5dcd06cf]{top:100%;left:-8px;padding-top:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-right[data-v-5dcd06cf]{top:100%;right:-8px;padding-top:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-center[data-v-5dcd06cf]{top:100%;left:50%;transform:translate(-50%);padding-top:var(--positioner-gap)}.navbar-info[data-v-56b79838]{display:flex;align-items:center}.navbar-info [data-v-56b79838] .navbar-info__trigger.icon-button--standard{color:var(--Schemes-On-Primary)}.navbar-info [data-v-56b79838] .navbar-info__trigger.icon-button--standard:not(:hover){color:#fff}body:has(.phila-navbar .phila-navbar-item-flyout-active){overflow:hidden}.phila-navbar[data-v-e2fdeddd]{display:flex;justify-content:space-between;column-gap:var(--spacing-3xl);height:5rem;overflow:hidden}.phila-navbar .phila-navbar-brand[data-v-e2fdeddd],.phila-navbar .phila-navbar-list[data-v-e2fdeddd],.phila-navbar .phila-navbar-search[data-v-e2fdeddd],.phila-navbar .phila-navbar-item[data-v-e2fdeddd],.phila-navbar .phila-navbar-burger[data-v-e2fdeddd]{display:flex}[data-v-e2fdeddd] a.phila-navbar-link,.phila-navbar a.phila-navbar-link[data-v-e2fdeddd]{text-decoration:none;color:var(--Schemes-On-Inverse-Surface-Bright)}[data-v-e2fdeddd] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-e2fdeddd]{list-style:none;padding:0;margin:0;column-gap:var(--spacing-l)}:is([data-v-e2fdeddd] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-e2fdeddd]) .phila-navbar-link-list-item{height:100%;display:flex;align-items:center}:is([data-v-e2fdeddd] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-e2fdeddd]) .phila-navbar-link-list-item .phila-navbar-link{display:flex;align-items:center;height:100%}:is([data-v-e2fdeddd] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-e2fdeddd]) .phila-navbar-link-list-item .phila-navbar-link:hover,:is([data-v-e2fdeddd] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-e2fdeddd]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-e2fdeddd] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-e2fdeddd]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{color:var(--Schemes-Primary-Container);background-color:var(--Palettes-Secondary-Secondary-650)}:is([data-v-e2fdeddd] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-e2fdeddd]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-e2fdeddd] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-e2fdeddd]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{outline-offset:0!important}:is([data-v-e2fdeddd] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-e2fdeddd]) .phila-navbar-link-list-item .phila-navbar-link:focus{outline:2px solid var(--Schemes-Outline);outline-offset:2px}[data-v-e2fdeddd] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-e2fdeddd]{flex:0 0 auto;aspect-ratio:1;height:5rem!important;width:5rem!important;align-items:center;justify-content:center;background-color:var(--orange-400-orange);border-radius:0!important;font-size:var(--scale-400);color:var(--Schemes-On-Surface);box-shadow:none}:is([data-v-e2fdeddd] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-e2fdeddd]).phila-navbar-item-flyout-active{color:var(--Schemes-Primary, #2176d2);background-color:var(--Schemes-Surface-Container-Low)}[data-v-e2fdeddd] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-e2fdeddd]{flex:1 1 auto;align-items:center}:is([data-v-e2fdeddd] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-e2fdeddd]) a{font-weight:400}:is([data-v-e2fdeddd] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-e2fdeddd]) img:hover{opacity:.8}:is([data-v-e2fdeddd] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-e2fdeddd]) .phila-navbar-brand-link{margin-left:var(--spacing-xl)}:is([data-v-e2fdeddd] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-e2fdeddd]) .navbar-info{margin-left:var(--spacing-m)}[data-v-e2fdeddd] .nav-flyout,.phila-navbar .nav-flyout[data-v-e2fdeddd]{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-e2fdeddd] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-e2fdeddd]{flex:0 0 auto;align-items:center}:is([data-v-e2fdeddd] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-e2fdeddd]) button{background-color:var(--Schemes-Primary);box-shadow:none}.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}
1
+ #trusted-site[data-v-117bdb56]{width:100%;height:3rem;padding:0 var(--spacing-l);box-sizing:border-box}#trusted-site .content[data-v-117bdb56]{color:var(--Schemes-On-Surface);font-size:var(--component-banner-font-size)}#trusted-site button[data-v-117bdb56]{--Schemes-Surface-Container-Lowest: transparent;font-size:var(--component-banner-font-size, .75)!important}#trusted-site .trusted-toggle[data-v-117bdb56]{height:100%}#trusted-site-info .circle-icon[data-v-117bdb56]{border:solid 1px var(--Schemes-On-Surface);border-radius:100%;font-size:var(--scale-250);aspect-ratio:1;display:inline-flex;justify-content:center;align-content:center}.phila-navbar-logo[data-v-3011c249]{font-size:1.2rem}.phila-navbar-logo.logo--single-line[data-v-3011c249]{font-size:1.6rem}.tooltip[data-v-0155bbdd]{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-0155bbdd]{--tooltip-bg: var(--Schemes-Surface-Container-Lowest);color:var(--Schemes-On-Surface)}.tooltip.tooltip--plain[data-v-0155bbdd]{--tail-height: 10px;padding:var(--spacing-2xs) var(--spacing-xs);justify-content:center}.tooltip.tooltip--rich[data-v-0155bbdd]{--tail-height: 12px;padding:var(--spacing-s) var(--spacing-m);width:max-content;min-width:11.25rem;max-width:25rem;gap:var(--spacing-xs)}.tooltip .tooltip__tail[data-v-0155bbdd]{position:absolute;width:20px;height:var(--tail-height);background-color:var(--tooltip-bg)}.tooltip.tooltip--top-left .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--top-right .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--top-center .tooltip__tail[data-v-0155bbdd]{clip-path:polygon(0 0,100% 0,50% 100%);bottom:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--bottom-left .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-0155bbdd]{clip-path:polygon(50% 0,0 100%,100% 100%);top:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--top-left .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--bottom-left .tooltip__tail[data-v-0155bbdd]{left:8px}.tooltip.tooltip--top-right .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-0155bbdd]{right:8px}.tooltip.tooltip--top-center .tooltip__tail[data-v-0155bbdd],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-0155bbdd]{left:50%;transform:translate(-50%)}.tooltip__plain-row[data-v-0155bbdd],.tooltip__title-row[data-v-0155bbdd]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xs);width:100%}.tooltip__title-row h6[data-v-0155bbdd]{flex:1}.tooltip__dismiss[data-v-0155bbdd]{margin-left:auto;flex-shrink:0}.tooltip-trigger[data-v-5dcd06cf]{position:relative;display:inline-block}.tooltip-trigger__positioner[data-v-5dcd06cf]{position:absolute;z-index:1000}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-left[data-v-5dcd06cf]{bottom:100%;left:-8px;padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-right[data-v-5dcd06cf]{bottom:100%;right:-8px;padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-center[data-v-5dcd06cf]{bottom:100%;left:50%;transform:translate(-50%);padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-left[data-v-5dcd06cf]{top:100%;left:-8px;padding-top:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-right[data-v-5dcd06cf]{top:100%;right:-8px;padding-top:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-center[data-v-5dcd06cf]{top:100%;left:50%;transform:translate(-50%);padding-top:var(--positioner-gap)}.navbar-info[data-v-56b79838]{display:flex;align-items:center}.navbar-info [data-v-56b79838] .navbar-info__trigger.icon-button--standard{color:var(--Schemes-On-Primary)}.navbar-info [data-v-56b79838] .navbar-info__trigger.icon-button--standard:not(:hover){color:#fff}body:has(.phila-navbar .phila-navbar-item-flyout-active){overflow:hidden}.phila-navbar[data-v-604219b3]{display:flex;justify-content:space-between;column-gap:var(--spacing-3xl);height:5rem;overflow-x:clip;overflow-y:visible}.phila-navbar .phila-navbar-brand[data-v-604219b3],.phila-navbar .phila-navbar-list[data-v-604219b3],.phila-navbar .phila-navbar-search[data-v-604219b3],.phila-navbar .phila-navbar-item[data-v-604219b3],.phila-navbar .phila-navbar-burger[data-v-604219b3]{display:flex}[data-v-604219b3] a.phila-navbar-link,.phila-navbar a.phila-navbar-link[data-v-604219b3]{text-decoration:none;color:var(--Schemes-On-Inverse-Surface-Bright)}[data-v-604219b3] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-604219b3]{list-style:none;padding:0;margin:0;column-gap:var(--spacing-l)}:is([data-v-604219b3] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-604219b3]) .phila-navbar-link-list-item{height:100%;display:flex;align-items:center}:is([data-v-604219b3] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-604219b3]) .phila-navbar-link-list-item .phila-navbar-link{display:flex;align-items:center;height:100%}:is([data-v-604219b3] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-604219b3]) .phila-navbar-link-list-item .phila-navbar-link:hover,:is([data-v-604219b3] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-604219b3]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-604219b3] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-604219b3]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{color:var(--Schemes-Primary-Container);background-color:var(--Palettes-Secondary-Secondary-650)}:is([data-v-604219b3] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-604219b3]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-604219b3] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-604219b3]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{outline-offset:0!important}:is([data-v-604219b3] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-604219b3]) .phila-navbar-link-list-item .phila-navbar-link:focus{outline:2px solid var(--Schemes-Outline);outline-offset:2px}[data-v-604219b3] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-604219b3]{flex:0 0 auto;aspect-ratio:1;height:5rem!important;width:5rem!important;align-items:center;justify-content:center;background-color:var(--orange-400-orange);border-radius:0!important;font-size:var(--scale-400);color:var(--Schemes-On-Surface);box-shadow:none}:is([data-v-604219b3] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-604219b3]).phila-navbar-item-flyout-active{color:var(--Schemes-Primary, #2176d2);background-color:var(--Schemes-Surface-Container-Low)}[data-v-604219b3] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-604219b3]{flex:1 1 auto;align-items:center}:is([data-v-604219b3] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-604219b3]) a{font-weight:400}:is([data-v-604219b3] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-604219b3]) img:hover{opacity:.8}:is([data-v-604219b3] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-604219b3]) .phila-navbar-brand-link{margin-left:var(--spacing-xl)}:is([data-v-604219b3] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-604219b3]) .navbar-info{margin-left:var(--spacing-m)}[data-v-604219b3] .nav-flyout,.phila-navbar .nav-flyout[data-v-604219b3]{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-604219b3] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-604219b3]{flex:0 0 auto;align-items:center}:is([data-v-604219b3] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-604219b3]) button{background-color:var(--Schemes-Primary);box-shadow:none}.site-wide-alert{display:flex;align-items:center;gap:var(--spacing-m, 1rem);align-self:stretch;background:var(--Schemes-Alert-Container, #ffe9b0)}.alert-content{display:flex;max-width:60rem;padding:var(--spacing-m, 1rem) var(--spacing-l, 1.5rem);align-items:flex-start;gap:var(--spacing-m, 1rem);flex:1 0 0}
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),m=require("@fortawesome/vue-fontawesome"),c=require("@phila/phila-ui-core"),b=require("@phila/phila-ui-collapse-panel"),I=require("@phila/phila-ui-logo");var F={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"]},O=F,R={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"]},_={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"]},U=_,V=_,P={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"]},E={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"]},w={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"]},H={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"]},G={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"]},j={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"]},$=j;const q="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",Q={id:"trusted-site",class:"has-background-ghost-gray is-flex is-justify-space-between"},K={class:"trusted-wrap"},W={class:"hidden-tablet trusted-toggle is-flex is-align-center"},Y=["src"],Z=["aria-label","aria-expanded"],X={class:"icon","aria-hidden":"true"},J={class:"hidden-desktop trusted-toggle is-flex is-align-center"},ee=["aria-label","aria-expanded"],te={class:"icon","aria-hidden":"true"},ne={key:0,class:"trusted-translation is-flex is-align-center"},oe=["hidden"],ae={class:"trusted-site-info-content content has-text-body-small is-flex is-justify-space-between"},ie={class:"info-item-wrap is-flex"},le={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},se={class:"trusted-icon is-flex is-flex-column has-text-center"},re={class:"icon circle-icon p-3 mb-2"},ce={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},de={class:"trusted-icon is-flex is-flex-column has-text-center"},ue={class:"icon circle-icon p-3 mb-2"},me={class:"info-content-close mt-4"},fe=e.defineComponent({__name:"TrustedSite",setup(n){const t=e.useSlots(),{isCollapsed:l,onClickToggle:o}=c.useCollapse({id:"trusted-site-info",escapeKeyClose:!0}),s=e.computed(()=>l("trusted-site-info"));return(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Q,[e.createElementVNode("div",K,[e.createElementVNode("div",W,[e.createElementVNode("img",{src:e.unref(q),alt:"",class:"icon"},null,8,Y),a[4]||(a[4]=e.createElementVNode("div",{class:"content mx-2"},"An official website of the City of Philadelphia government",-1)),e.createElementVNode("button",{class:"phila-button is-extra-small","aria-label":`${s.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":s.value,onClick:a[0]||(a[0]=(...i)=>e.unref(o)&&e.unref(o)(...i))},[a[3]||(a[3]=e.createTextVNode(" Here's how you know ",-1)),e.createElementVNode("span",X,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:s.value?e.unref(E):e.unref(w)},null,8,["icon"])])],8,Z)]),e.createElementVNode("div",J,[e.createElementVNode("button",{class:"phila-button is-extra-small","aria-label":`${s.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":s.value,onClick:a[1]||(a[1]=(...i)=>e.unref(o)&&e.unref(o)(...i))},[a[5]||(a[5]=e.createTextVNode(" An official website ",-1)),e.createElementVNode("span",te,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:e.unref($)},null,8,["icon"])])],8,ee)])]),e.unref(t).translation?(e.openBlock(),e.createElementBlock("div",ne,[e.renderSlot(r.$slots,"translation",{},void 0,!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{id:"trusted-site-info",class:"has-background-secondary px-6",hidden:!s.value},[e.createElementVNode("div",ae,[e.createElementVNode("div",ie,[e.createElementVNode("div",le,[e.createElementVNode("div",se,[e.createElementVNode("div",re,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:e.unref(P)},null,8,["icon"])]),a[6]||(a[6]=e.createElementVNode("span",{class:"has-text-bold"},"https://",-1))]),a[7]||(a[7]=e.createElementVNode("div",{class:"trusted-text m-4"},[e.createTextVNode(" The "),e.createElementVNode("strong",null,"https://"),e.createTextVNode(" in the address bar means your information is encrypted and can not be accessed by anyone else ")],-1))]),e.createElementVNode("div",ce,[e.createElementVNode("div",de,[e.createElementVNode("span",ue,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:e.unref(H)},null,8,["icon"])]),a[8]||(a[8]=e.createElementVNode("span",{class:"has-text-bold"},".gov",-1))]),a[9]||(a[9]=e.createElementVNode("div",{class:"trusted-text m-4"},"Only government entities in the U.S. can end in .gov",-1))])]),e.createElementVNode("div",me,[e.createElementVNode("button",{class:"phila-button phila-button--primary icon-button is-extra-small","aria-label":"Close Trusted Site information panel",onClick:a[2]||(a[2]=(...i)=>e.unref(o)&&e.unref(o)(...i))},[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:e.unref(U)},null,8,["icon"])])])])],8,oe)],64))}}),v=(n,t)=>{const l=n.__vccOpts||n;for(const[o,s]of t)l[o]=s;return l},pe=v(fe,[["__scopeId","data-v-117bdb56"]]),ve=["aria-controls","aria-expanded","aria-label","onClick"],he={class:"icon"},be=["id","hidden"],ke=e.defineComponent({__name:"NavbarBurger",props:{mobileNav:{},collapseGroup:{}},setup(n){return(t,l)=>(e.openBlock(),e.createBlock(e.unref(b.CollapsePanel),{id:"mobile-nav",group:n.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(o=>[e.createElementVNode("button",{class:e.normalizeClass(["phila-navbar-burger phila-button icon-button",{"phila-navbar-item-flyout-active":o.open}]),"aria-controls":o.ariaControls,"aria-expanded":o.open,"aria-label":`${o.open?"Close":"Open"} mobile navigation panel`,onClick:o.onClick},[e.createElementVNode("span",he,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:o.open?e.unref(V):e.unref(G)},null,8,["icon"])])],10,ve)]),default:e.withCtx(o=>[e.createElementVNode("div",{id:o.id,class:"phila-mobile-nav",hidden:!o.open},[e.renderSlot(t.$slots,"mobile-nav",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.mobileNav)))])],8,be)]),_:3},8,["group"]))}}),ge=["href"],ye=["href","aria-controls","aria-expanded","onKeypress","onTouchend","onClick"],Be=["id","hidden"],Ne={key:0,class:"content nav-flyout has-background-ghost-gray px-6 py-4",tabindex:"-1"},xe={class:"is-flex is-flex-column is-flex-wrap-wrap",style:{gap:"var(--spacing-4xl)"}},Ce=["href"],_e=e.defineComponent({__name:"NavbarLinks",props:{links:{},collapseGroup:{}},setup(n){const t=o=>!!(o.subLinks||o.subNav),l=o=>`main-nav-${o.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g,"")}`;return(o,s)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.links,(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t(r)?(e.openBlock(),e.createBlock(e.unref(b.CollapsePanel),{id:l(r),key:`collapse-${a}`,group:n.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","mouse-over-toggle":"","open-single":"",class:"phila-navbar-link-list-item"},{toggle:e.withCtx(i=>[e.createElementVNode("a",{href:r.href,class:e.normalizeClass(["phila-navbar-link px-4",{"phila-navbar-item-flyout-active":i.open}]),"aria-controls":i.ariaControls,"aria-expanded":i.open,tabindex:"0",onKeypress:e.withKeys(i.onClick,["enter"]),onTouchend:i.onClick,onClick:i.onClick},[e.createTextVNode(e.toDisplayString(r.text)+" ",1),e.createVNode(e.unref(m.FontAwesomeIcon),{class:"ml-1",icon:i.open?e.unref(E):e.unref(w)},null,8,["icon"])],42,ye)]),default:e.withCtx(i=>[(e.openBlock(),e.createElementBlock("div",{id:i.id,key:r.text,hidden:!i.open},[r.subLinks?(e.openBlock(),e.createElementBlock("div",Ne,[e.createElementVNode("ul",xe,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.subLinks,u=>(e.openBlock(),e.createElementBlock("li",{key:u.text,class:"sub-nav-link is-flex is-align-center",style:{width:"150px"}},[e.createElementVNode("a",{href:u.href,class:"has-text-link has-text-weight-medium",tabindex:"0"},e.toDisplayString(u.text),9,Ce)]))),128))])])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.subNav),{key:1}))],8,Be))]),_:2},1032,["id","group"])):(e.openBlock(),e.createElementBlock("div",{key:`link-${a}`,class:"phila-navbar-link-list-item"},[e.createElementVNode("a",{href:r.href,class:"phila-navbar-link px-4",tabindex:"0"},e.toDisplayString(r.text),9,ge)]))],64))),256))}}),Ve=e.defineComponent({__name:"NavbarBrandLogo",props:{logo:{},src:{},href:{},altText:{}},setup(n){const t=n,l=e.computed(()=>({variant:"city",layout:"stacked",colorScheme:"on-primary",href:t.href,...t.logo}));return(o,s)=>(e.openBlock(),e.createBlock(e.unref(I.Logo),e.mergeProps(l.value,{class:"phila-navbar-logo"}),null,16))}}),Ee=v(Ve,[["__scopeId","data-v-3011c249"]]),we={class:"pr-4"},$e=["aria-controls","aria-expanded","aria-label","onClick"],Se={class:"icon"},ze=["id","hidden"],Ae=e.defineComponent({__name:"NavbarSearch",props:{search:{},collapseGroup:{}},setup(n){return(t,l)=>(e.openBlock(),e.createBlock(e.unref(b.CollapsePanel),{id:"navbar-search",group:n.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(o=>[e.createElementVNode("div",we,[e.createElementVNode("button",{class:e.normalizeClass(["phila-button phila-button--primary icon-button is-small",{"phila-navbar-item-flyout-active":o.open}]),"aria-controls":o.ariaControls,"aria-expanded":o.open,"aria-label":`${o.open?"Close":"Open"} search panel`,onClick:o.onClick},[e.createElementVNode("span",Se,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:o.open?e.unref(V):e.unref(O)},null,8,["icon"])])],10,$e)])]),default:e.withCtx(o=>[e.createElementVNode("div",{id:o.id,class:"nav-flyout is-12",hidden:!o.open},[e.renderSlot(t.$slots,"default",{},()=>[n.search&&o.open?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.search),{key:0})):e.createCommentVNode("",!0)])],8,ze)]),_:3},8,["group"]))}}),Me=["disabled"],N=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,l=a=>"href"in a&&a.href!==void 0||"to"in a&&a.to!==void 0,o=e.computed(()=>c.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)),s=e.computed(()=>l(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:o.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:o.value}:{}),r=e.computed(()=>({iconDefinition:t.iconDefinition,iconClass:t.iconClass,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size}));return(a,i)=>l(t)?(e.openBlock(),e.createBlock(e.unref(c.BaseLink),e.mergeProps({key:0},{...s.value,...a.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(a.$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:o.value},a.$attrs),[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,Me))}});var x={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 Le=["id"],Te={key:0,class:"tooltip__tail","aria-hidden":"true"},De={key:1,class:"tooltip__plain-row has-text-body-small"},Ie={key:0,class:"tooltip__title-row"},Fe={key:0},Oe=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,l=e.computed(()=>c.cn("tooltip","content","resets-link-colors",`tooltip--${t.type}`,`tooltip--${t.color}`,t.tail&&`tooltip--${t.placement}`,t.className));return(o,s)=>(e.openBlock(),e.createElementBlock("div",{id:n.id,class:e.normalizeClass(l.value),role:"tooltip"},[n.tail?(e.openBlock(),e.createElementBlock("div",Te)):e.createCommentVNode("",!0),n.type==="plain"?(e.openBlock(),e.createElementBlock("div",De,[e.renderSlot(o.$slots,"default",{},void 0,!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(N),{key:0,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,"icon-definition":e.unref(x),"aria-label":"Dismiss tooltip",onClick:s[0]||(s[0]=r=>o.$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",Ie,[n.title?(e.openBlock(),e.createElementBlock("h6",Fe,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(N),{key:1,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,"icon-definition":e.unref(x),"aria-label":"Dismiss tooltip",onClick:s[1]||(s[1]=r=>o.$emit("dismiss"))},null,8,["icon-definition"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],64))],10,Le))}}),S=(n,t)=>{const l=n.__vccOpts||n;for(const[o,s]of t)l[o]=s;return l},Re=S(Oe,[["__scopeId","data-v-0155bbdd"]]),Ue=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){const t=n,l=e.useId(),o=e.ref(!1),s=e.ref(null),r=e.ref(null),a=e.ref("top-center"),i=()=>{const d=s.value?.getBoundingClientRect();if(!d)return"top-center";const{innerWidth:p,innerHeight:M}=window,g=d.top,L=M-d.bottom,y=r.value?.firstElementChild?.getBoundingClientRect().height??0,T=(y>0?g>=y:g>=L)?"top":"bottom",B=d.left+d.width/2,D=B<p/3?"left":B>p*2/3?"right":"center";return`${T}-${D}`},u=d=>{d.key==="Escape"&&f()},k=d=>{s.value&&!s.value.contains(d.target)&&f()},h=()=>{t.placement==="auto"?a.value=i():a.value=t.placement,o.value=!0,document.addEventListener("keydown",u),t.trigger==="click"&&document.addEventListener("click",k)},f=()=>{o.value=!1,document.removeEventListener("keydown",u),document.removeEventListener("click",k)},z=()=>{o.value?f():h()};e.onUnmounted(f);const A=e.computed(()=>({type:t.type,color:t.color,tail:t.tail,placement:a.value,title:t.title,dismissable:t.dismissable}));return(d,p)=>(e.openBlock(),e.createElementBlock("span",e.mergeProps({ref_key:"wrapperEl",ref:s,class:e.unref(c.cn)("tooltip-trigger",t.className)},n.trigger==="click"?{onClick:z}:{onMouseenter:h,onMouseleave:f,onFocusin:h,onFocusout:f}),[e.renderSlot(d.$slots,"default",{tooltipId:e.unref(l)},void 0,!0),e.createElementVNode("span",{ref_key:"positionerEl",ref:r,class:e.normalizeClass(["tooltip-trigger__positioner",`tooltip-trigger__positioner--${a.value}`]),style:e.normalizeStyle({visibility:o.value?"visible":"hidden","--positioner-gap":n.tail?"var(--spacing-l)":"0.5rem"}),onClick:p[0]||(p[0]=e.withModifiers(()=>{},["stop"]))},[e.createVNode(Re,e.mergeProps(A.value,{id:e.unref(l),onDismiss:f}),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"body",{},void 0,!0)]),_:3},16,["id"])],6)],16))}}),Pe=S(Ue,[["__scopeId","data-v-5dcd06cf"]]),He=["disabled"],Ge=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,l=a=>"href"in a&&a.href!==void 0||"to"in a&&a.to!==void 0,o=e.computed(()=>c.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)),s=e.computed(()=>l(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:o.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:o.value}:{}),r=e.computed(()=>({iconDefinition:t.iconDefinition,iconClass:t.iconClass,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size}));return(a,i)=>l(t)?(e.openBlock(),e.createBlock(e.unref(c.BaseLink),e.mergeProps({key:0},{...s.value,...a.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(a.$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:o.value},a.$attrs),[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,He))}}),je={class:"navbar-info"},qe={class:"has-text-body-small"},Qe=e.defineComponent({__name:"NavbarInfo",props:{infoTitle:{},infoMessage:{}},setup(n){return(t,l)=>(e.openBlock(),e.createElementBlock("div",je,[e.createVNode(e.unref(Pe),{type:"rich",title:n.infoTitle,trigger:"click",dismissable:!0},{default:e.withCtx(({tooltipId:o})=>[e.createVNode(e.unref(Ge),{class:"navbar-info__trigger",variant:"standard",size:"small","icon-only":!0,"icon-definition":e.unref($),"aria-label":"More information","aria-describedby":o},null,8,["icon-definition","aria-describedby"])]),body:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("div",qe,e.toDisplayString(n.infoMessage),1)],!0)]),_:3},8,["title"])]))}}),Ke=v(Qe,[["__scopeId","data-v-56b79838"]]),We={class:"phila-navbar-brand"},Ye={key:0,class:"phila-navbar-item phila-navbar-brand-link hidden-tablet"},Ze={key:0,class:"content"},Xe=["href"],Je={class:"phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet"},et={class:"phila-navbar-search"},C="5rem",tt=e.defineComponent({__name:"index",props:{id:{},sticky:{type:Boolean},navbarBrand:{},mobileNav:{},collapseGroup:{},search:{},links:{default:()=>[{text:"Home",href:"#"}]},infoTitle:{},infoMessage:{}},setup(n){const t=n,{state:l}=c.useCollapse(),o=e.useTemplateRef("navBarElement"),s=e.ref(C),r=e.ref(0),a=c.debounce(()=>{const i=(o.value?.offsetTop||0)+(o.value?.offsetHeight||0),u=typeof window<"u"?window.innerWidth:1024;s.value=!t.sticky||u<1024?i+"px":C,r.value=i},100);return e.watch(()=>l.value,a,{deep:!0,immediate:!0}),e.onMounted(()=>{window.addEventListener("resize",a)}),e.onUnmounted(()=>{window.removeEventListener("resize",a)}),(i,u)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"navBarElement",ref:o,class:e.normalizeClass(["phila-navbar has-background-primary",{"is-sticky-desktop":n.sticky}]),"aria-label":"Main navigation",style:e.normalizeStyle(`--nav-height:${s.value};--nav-bottom:${r.value}px`)},[e.renderSlot(i.$slots,"navbar-burger",{},()=>[n.mobileNav?(e.openBlock(),e.createBlock(ke,{key:0,"mobile-nav":n.mobileNav,"collapse-group":n.id},null,8,["mobile-nav","collapse-group"])):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",We,[e.renderSlot(i.$slots,"navbar-logo",{},()=>[n.navbarBrand?.brandingImage?(e.openBlock(),e.createBlock(Ee,e.mergeProps({key:0},n.navbarBrand.brandingImage,{logo:n.navbarBrand?.logo}),null,16,["logo"])):e.createCommentVNode("",!0)],!0),i.$slots["navbar-brand-link"]||n.navbarBrand?.brandingLink?(e.openBlock(),e.createElementBlock("div",Ye,[e.renderSlot(i.$slots,"navbar-brand-link",{},()=>[n.navbarBrand?.brandingLink?(e.openBlock(),e.createElementBlock("div",Ze,[e.createElementVNode("a",{tabindex:"0",href:n.navbarBrand.brandingLink.href,class:"has-text-underline"},e.toDisplayString(n.navbarBrand.brandingLink.text),9,Xe)])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0),n.infoTitle||n.infoMessage||i.$slots["info-body"]?(e.openBlock(),e.createBlock(Ke,{key:1,"info-title":n.infoTitle,"info-message":n.infoMessage},{default:e.withCtx(()=>[i.$slots["info-body"]?e.renderSlot(i.$slots,"info-body",{key:0},void 0,!0):e.createCommentVNode("",!0)]),_:3},8,["info-title","info-message"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Je,[e.renderSlot(i.$slots,"navbar-links",{},()=>[n.links?(e.openBlock(),e.createBlock(_e,{key:0,links:n.links,"collapse-group":n.id},null,8,["links","collapse-group"])):e.createCommentVNode("",!0)],!0)]),e.createElementVNode("div",et,[e.renderSlot(i.$slots,"navbar-search",{},()=>[n.search?(e.openBlock(),e.createBlock(Ae,{key:0,search:n.search,"collapse-group":n.id},null,8,["search","collapse-group"])):e.createCommentVNode("",!0)],!0)])],6))}}),nt=v(tt,[["__scopeId","data-v-e2fdeddd"]]),ot={class:"site-wide-alert content"},at={class:"alert-content"},it={class:"content-text"},lt={class:"title"},st={class:"body"},rt=e.defineComponent({__name:"AlertBanner",props:{bannerTitle:{},bannerMessage:{}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createElementBlock("div",ot,[e.createElementVNode("div",at,[e.createVNode(e.unref(c.Icon),{"icon-definition":e.unref(R),size:"small",decorative:!0},null,8,["icon-definition"]),e.createElementVNode("div",it,[e.createElementVNode("h6",lt,e.toDisplayString(t.bannerTitle),1),e.createElementVNode("div",st,e.toDisplayString(t.bannerMessage),1)])])]))}}),ct=e.defineComponent({__name:"AppHeader",props:{showTrustedSite:{type:Boolean,default:!0},translations:{default:void 0},className:{},id:{default:"main-nav"},sticky:{type:Boolean,default:!0},navbarBrand:{default:void 0},mobileNav:{default:void 0},collapseGroup:{},search:{default:void 0},links:{default:void 0},infoTitle:{default:void 0},infoMessage:{default:void 0},bannerTitle:{default:void 0},bannerMessage:{default:void 0}},setup(n){return(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.showTrustedSite?(e.openBlock(),e.createBlock(pe,{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(nt,{id:n.id,sticky:n.sticky,"mobile-nav":n.mobileNav,links:n.links,"navbar-brand":n.navbarBrand,search:n.search,"info-title":n.infoTitle,"info-message":n.infoMessage},e.createSlots({_:2},[t.$slots["info-body"]?{name:"info-body",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"info-body")]),key:"0"}:void 0]),1032,["id","sticky","mobile-nav","links","navbar-brand","search","info-title","info-message"]),n.bannerTitle||n.bannerMessage?(e.openBlock(),e.createBlock(rt,{key:1,"banner-title":n.bannerTitle,"banner-message":n.bannerMessage},null,8,["banner-title","banner-message"])):e.createCommentVNode("",!0)],64))}});exports.AppHeader=ct;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),m=require("@fortawesome/vue-fontawesome"),c=require("@phila/phila-ui-core"),h=require("@phila/phila-ui-collapse-panel"),I=require("@phila/phila-ui-logo");var F={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"]},O=F,R={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"]},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"]},U=V,_=V,P={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"]},E={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"]},w={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"]},H={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"]},G={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"]},j={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"]},$=j;const q="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",Q={id:"trusted-site",class:"has-background-ghost-gray is-flex is-justify-space-between"},K={class:"trusted-wrap"},W={class:"hidden-tablet trusted-toggle is-flex is-align-center"},Y=["src"],Z=["aria-label","aria-expanded"],X={class:"icon","aria-hidden":"true"},J={class:"hidden-desktop trusted-toggle is-flex is-align-center"},ee=["aria-label","aria-expanded"],te={class:"icon","aria-hidden":"true"},ne={key:0,class:"trusted-translation is-flex is-align-center"},oe=["hidden"],ae={class:"trusted-site-info-content content has-text-body-small is-flex is-justify-space-between"},ie={class:"info-item-wrap is-flex"},le={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},se={class:"trusted-icon is-flex is-flex-column has-text-center"},re={class:"icon circle-icon p-3 mb-2"},ce={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},de={class:"trusted-icon is-flex is-flex-column has-text-center"},ue={class:"icon circle-icon p-3 mb-2"},me={class:"info-content-close mt-4"},fe=e.defineComponent({__name:"TrustedSite",setup(n){const t=e.useSlots(),{isCollapsed:l,onClickToggle:o}=c.useCollapse({id:"trusted-site-info",escapeKeyClose:!0}),s=e.computed(()=>l("trusted-site-info"));return(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",Q,[e.createElementVNode("div",K,[e.createElementVNode("div",W,[e.createElementVNode("img",{src:e.unref(q),alt:"",class:"icon"},null,8,Y),a[4]||(a[4]=e.createElementVNode("div",{class:"content mx-2"},"An official website of the City of Philadelphia government",-1)),e.createElementVNode("button",{class:"phila-button is-extra-small","aria-label":`${s.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":s.value,onClick:a[0]||(a[0]=(...i)=>e.unref(o)&&e.unref(o)(...i))},[a[3]||(a[3]=e.createTextVNode(" Here's how you know ",-1)),e.createElementVNode("span",X,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:s.value?e.unref(E):e.unref(w)},null,8,["icon"])])],8,Z)]),e.createElementVNode("div",J,[e.createElementVNode("button",{class:"phila-button is-extra-small","aria-label":`${s.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":s.value,onClick:a[1]||(a[1]=(...i)=>e.unref(o)&&e.unref(o)(...i))},[a[5]||(a[5]=e.createTextVNode(" An official website ",-1)),e.createElementVNode("span",te,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:e.unref($)},null,8,["icon"])])],8,ee)])]),e.unref(t).translation?(e.openBlock(),e.createElementBlock("div",ne,[e.renderSlot(r.$slots,"translation",{},void 0,!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{id:"trusted-site-info",class:"has-background-secondary px-6",hidden:!s.value},[e.createElementVNode("div",ae,[e.createElementVNode("div",ie,[e.createElementVNode("div",le,[e.createElementVNode("div",se,[e.createElementVNode("div",re,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:e.unref(P)},null,8,["icon"])]),a[6]||(a[6]=e.createElementVNode("span",{class:"has-text-bold"},"https://",-1))]),a[7]||(a[7]=e.createElementVNode("div",{class:"trusted-text m-4"},[e.createTextVNode(" The "),e.createElementVNode("strong",null,"https://"),e.createTextVNode(" in the address bar means your information is encrypted and can not be accessed by anyone else ")],-1))]),e.createElementVNode("div",ce,[e.createElementVNode("div",de,[e.createElementVNode("span",ue,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:e.unref(H)},null,8,["icon"])]),a[8]||(a[8]=e.createElementVNode("span",{class:"has-text-bold"},".gov",-1))]),a[9]||(a[9]=e.createElementVNode("div",{class:"trusted-text m-4"},"Only government entities in the U.S. can end in .gov",-1))])]),e.createElementVNode("div",me,[e.createElementVNode("button",{class:"phila-button phila-button--primary icon-button is-extra-small","aria-label":"Close Trusted Site information panel",onClick:a[2]||(a[2]=(...i)=>e.unref(o)&&e.unref(o)(...i))},[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:e.unref(U)},null,8,["icon"])])])])],8,oe)],64))}}),v=(n,t)=>{const l=n.__vccOpts||n;for(const[o,s]of t)l[o]=s;return l},pe=v(fe,[["__scopeId","data-v-117bdb56"]]),ve=["aria-controls","aria-expanded","aria-label","onClick"],be={class:"icon"},he=["id","hidden"],ke=e.defineComponent({__name:"NavbarBurger",props:{mobileNav:{},collapseGroup:{}},setup(n){return(t,l)=>(e.openBlock(),e.createBlock(e.unref(h.CollapsePanel),{id:"mobile-nav",group:n.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(o=>[e.createElementVNode("button",{class:e.normalizeClass(["phila-navbar-burger phila-button icon-button",{"phila-navbar-item-flyout-active":o.open}]),"aria-controls":o.ariaControls,"aria-expanded":o.open,"aria-label":`${o.open?"Close":"Open"} mobile navigation panel`,onClick:o.onClick},[e.createElementVNode("span",be,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:o.open?e.unref(_):e.unref(G)},null,8,["icon"])])],10,ve)]),default:e.withCtx(o=>[e.createElementVNode("div",{id:o.id,class:"phila-mobile-nav",hidden:!o.open},[e.renderSlot(t.$slots,"mobile-nav",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.mobileNav)))])],8,he)]),_:3},8,["group"]))}}),ge=["href"],ye=["href","aria-controls","aria-expanded","onKeypress","onTouchend","onClick"],Be=["id","hidden"],Ne={key:0,class:"content nav-flyout has-background-ghost-gray px-6 py-4",tabindex:"-1"},Ce={class:"is-flex is-flex-column is-flex-wrap-wrap",style:{gap:"var(--spacing-4xl)"}},xe=["href"],Ve=e.defineComponent({__name:"NavbarLinks",props:{links:{},collapseGroup:{}},setup(n){const t=o=>!!(o.subLinks||o.subNav),l=o=>`main-nav-${o.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g,"")}`;return(o,s)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.links,(r,a)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t(r)?(e.openBlock(),e.createBlock(e.unref(h.CollapsePanel),{id:l(r),key:`collapse-${a}`,group:n.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","mouse-over-toggle":"","open-single":"",class:"phila-navbar-link-list-item"},{toggle:e.withCtx(i=>[e.createElementVNode("a",{href:r.href,class:e.normalizeClass(["phila-navbar-link px-4",{"phila-navbar-item-flyout-active":i.open}]),"aria-controls":i.ariaControls,"aria-expanded":i.open,tabindex:"0",onKeypress:e.withKeys(i.onClick,["enter"]),onTouchend:i.onClick,onClick:i.onClick},[e.createTextVNode(e.toDisplayString(r.text)+" ",1),e.createVNode(e.unref(m.FontAwesomeIcon),{class:"ml-1",icon:i.open?e.unref(E):e.unref(w)},null,8,["icon"])],42,ye)]),default:e.withCtx(i=>[(e.openBlock(),e.createElementBlock("div",{id:i.id,key:r.text,hidden:!i.open},[r.subLinks?(e.openBlock(),e.createElementBlock("div",Ne,[e.createElementVNode("ul",Ce,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.subLinks,u=>(e.openBlock(),e.createElementBlock("li",{key:u.text,class:"sub-nav-link is-flex is-align-center",style:{width:"150px"}},[e.createElementVNode("a",{href:u.href,class:"has-text-link has-text-weight-medium",tabindex:"0"},e.toDisplayString(u.text),9,xe)]))),128))])])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.subNav),{key:1}))],8,Be))]),_:2},1032,["id","group"])):(e.openBlock(),e.createElementBlock("div",{key:`link-${a}`,class:"phila-navbar-link-list-item"},[e.createElementVNode("a",{href:r.href,class:"phila-navbar-link px-4",tabindex:"0"},e.toDisplayString(r.text),9,ge)]))],64))),256))}}),_e=e.defineComponent({__name:"NavbarBrandLogo",props:{logo:{},src:{},href:{},altText:{}},setup(n){const t=n,l=e.computed(()=>({variant:"city",layout:"stacked",colorScheme:"on-primary",href:t.href,...t.logo}));return(o,s)=>(e.openBlock(),e.createBlock(e.unref(I.Logo),e.mergeProps(l.value,{class:"phila-navbar-logo"}),null,16))}}),Ee=v(_e,[["__scopeId","data-v-3011c249"]]),we={class:"pr-4"},$e=["aria-controls","aria-expanded","aria-label","onClick"],Se={class:"icon"},ze=["id","hidden"],Ae=e.defineComponent({__name:"NavbarSearch",props:{search:{},collapseGroup:{}},setup(n){return(t,l)=>(e.openBlock(),e.createBlock(e.unref(h.CollapsePanel),{id:"navbar-search",group:n.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(o=>[e.createElementVNode("div",we,[e.createElementVNode("button",{class:e.normalizeClass(["phila-button phila-button--primary icon-button is-small",{"phila-navbar-item-flyout-active":o.open}]),"aria-controls":o.ariaControls,"aria-expanded":o.open,"aria-label":`${o.open?"Close":"Open"} search panel`,onClick:o.onClick},[e.createElementVNode("span",Se,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:o.open?e.unref(_):e.unref(O)},null,8,["icon"])])],10,$e)])]),default:e.withCtx(o=>[e.createElementVNode("div",{id:o.id,class:"nav-flyout is-12",hidden:!o.open},[e.renderSlot(t.$slots,"default",{},()=>[n.search&&o.open?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.search),{key:0})):e.createCommentVNode("",!0)])],8,ze)]),_:3},8,["group"]))}}),Me=["disabled"],N=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,l=a=>"href"in a&&a.href!==void 0||"to"in a&&a.to!==void 0,o=e.computed(()=>c.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)),s=e.computed(()=>l(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:o.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:o.value}:{}),r=e.computed(()=>({iconDefinition:t.iconDefinition,iconClass:t.iconClass,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size}));return(a,i)=>l(t)?(e.openBlock(),e.createBlock(e.unref(c.BaseLink),e.mergeProps({key:0},{...s.value,...a.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(a.$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:o.value},a.$attrs),[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,Me))}});var C={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 Le=["id"],Te={key:0,class:"tooltip__tail","aria-hidden":"true"},De={key:1,class:"tooltip__plain-row has-text-body-small"},Ie={key:0,class:"tooltip__title-row"},Fe={key:0},Oe=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,l=e.computed(()=>c.cn("tooltip","content","resets-link-colors",`tooltip--${t.type}`,`tooltip--${t.color}`,t.tail&&`tooltip--${t.placement}`,t.className));return(o,s)=>(e.openBlock(),e.createElementBlock("div",{id:n.id,class:e.normalizeClass(l.value),role:"tooltip"},[n.tail?(e.openBlock(),e.createElementBlock("div",Te)):e.createCommentVNode("",!0),n.type==="plain"?(e.openBlock(),e.createElementBlock("div",De,[e.renderSlot(o.$slots,"default",{},void 0,!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(N),{key:0,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,"icon-definition":e.unref(C),"aria-label":"Dismiss tooltip",onClick:s[0]||(s[0]=r=>o.$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",Ie,[n.title?(e.openBlock(),e.createElementBlock("h6",Fe,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(N),{key:1,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,"icon-definition":e.unref(C),"aria-label":"Dismiss tooltip",onClick:s[1]||(s[1]=r=>o.$emit("dismiss"))},null,8,["icon-definition"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"default",{},void 0,!0)],64))],10,Le))}}),S=(n,t)=>{const l=n.__vccOpts||n;for(const[o,s]of t)l[o]=s;return l},Re=S(Oe,[["__scopeId","data-v-0155bbdd"]]),Ue=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){const t=n,l=e.useId(),o=e.ref(!1),s=e.ref(null),r=e.ref(null),a=e.ref("top-center"),i=()=>{const d=s.value?.getBoundingClientRect();if(!d)return"top-center";const{innerWidth:p,innerHeight:M}=window,g=d.top,L=M-d.bottom,y=r.value?.firstElementChild?.getBoundingClientRect().height??0,T=(y>0?g>=y:g>=L)?"top":"bottom",B=d.left+d.width/2,D=B<p/3?"left":B>p*2/3?"right":"center";return`${T}-${D}`},u=d=>{d.key==="Escape"&&f()},k=d=>{s.value&&!s.value.contains(d.target)&&f()},b=()=>{t.placement==="auto"?a.value=i():a.value=t.placement,o.value=!0,document.addEventListener("keydown",u),t.trigger==="click"&&document.addEventListener("click",k)},f=()=>{o.value=!1,document.removeEventListener("keydown",u),document.removeEventListener("click",k)},z=()=>{o.value?f():b()};e.onUnmounted(f);const A=e.computed(()=>({type:t.type,color:t.color,tail:t.tail,placement:a.value,title:t.title,dismissable:t.dismissable}));return(d,p)=>(e.openBlock(),e.createElementBlock("span",e.mergeProps({ref_key:"wrapperEl",ref:s,class:e.unref(c.cn)("tooltip-trigger",t.className)},n.trigger==="click"?{onClick:z}:{onMouseenter:b,onMouseleave:f,onFocusin:b,onFocusout:f}),[e.renderSlot(d.$slots,"default",{tooltipId:e.unref(l)},void 0,!0),e.createElementVNode("span",{ref_key:"positionerEl",ref:r,class:e.normalizeClass(["tooltip-trigger__positioner",`tooltip-trigger__positioner--${a.value}`]),style:e.normalizeStyle({visibility:o.value?"visible":"hidden","--positioner-gap":n.tail?"var(--spacing-l)":"0.5rem"}),onClick:p[0]||(p[0]=e.withModifiers(()=>{},["stop"]))},[e.createVNode(Re,e.mergeProps(A.value,{id:e.unref(l),onDismiss:f}),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"body",{},void 0,!0)]),_:3},16,["id"])],6)],16))}}),Pe=S(Ue,[["__scopeId","data-v-5dcd06cf"]]),He=["disabled"],Ge=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,l=a=>"href"in a&&a.href!==void 0||"to"in a&&a.to!==void 0,o=e.computed(()=>c.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)),s=e.computed(()=>l(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:o.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:o.value}:{}),r=e.computed(()=>({iconDefinition:t.iconDefinition,iconClass:t.iconClass,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size}));return(a,i)=>l(t)?(e.openBlock(),e.createBlock(e.unref(c.BaseLink),e.mergeProps({key:0},{...s.value,...a.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(a.$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:o.value},a.$attrs),[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,He))}}),je={class:"navbar-info"},qe={class:"has-text-body-small"},Qe=e.defineComponent({__name:"NavbarInfo",props:{infoTitle:{},infoMessage:{}},setup(n){return(t,l)=>(e.openBlock(),e.createElementBlock("div",je,[e.createVNode(e.unref(Pe),{type:"rich",title:n.infoTitle,trigger:"click",dismissable:!0},{default:e.withCtx(({tooltipId:o})=>[e.createVNode(e.unref(Ge),{class:"navbar-info__trigger",variant:"standard",size:"small","icon-only":!0,"icon-definition":e.unref($),"aria-label":"More information","aria-describedby":o},null,8,["icon-definition","aria-describedby"])]),body:e.withCtx(()=>[e.renderSlot(t.$slots,"default",{},()=>[e.createElementVNode("div",qe,e.toDisplayString(n.infoMessage),1)],!0)]),_:3},8,["title"])]))}}),Ke=v(Qe,[["__scopeId","data-v-56b79838"]]),We={class:"phila-navbar-brand"},Ye={key:0,class:"phila-navbar-item phila-navbar-brand-link hidden-tablet"},Ze={key:0,class:"content"},Xe=["href"],Je={class:"phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet"},et={class:"phila-navbar-search"},x="5rem",tt=e.defineComponent({__name:"index",props:{id:{},sticky:{type:Boolean},navbarBrand:{},mobileNav:{},collapseGroup:{},search:{},links:{default:()=>[{text:"Home",href:"#"}]},infoTitle:{},infoMessage:{}},setup(n){const t=n,{state:l}=c.useCollapse(),o=e.useTemplateRef("navBarElement"),s=e.ref(x),r=e.ref(0),a=c.debounce(()=>{const i=(o.value?.offsetTop||0)+(o.value?.offsetHeight||0),u=typeof window<"u"?window.innerWidth:1024;s.value=!t.sticky||u<1024?i+"px":x,r.value=i},100);return e.watch(()=>l.value,a,{deep:!0,immediate:!0}),e.onMounted(()=>{window.addEventListener("resize",a)}),e.onUnmounted(()=>{window.removeEventListener("resize",a)}),(i,u)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"navBarElement",ref:o,class:e.normalizeClass(["phila-navbar has-background-primary",{"is-sticky-desktop":n.sticky}]),"aria-label":"Main navigation",style:e.normalizeStyle(`--nav-height:${s.value};--nav-bottom:${r.value}px`)},[e.renderSlot(i.$slots,"navbar-burger",{},()=>[n.mobileNav||i.$slots["mobile-nav"]?(e.openBlock(),e.createBlock(ke,{key:0,"mobile-nav":n.mobileNav,"collapse-group":n.id},e.createSlots({_:2},[i.$slots["mobile-nav"]?{name:"mobile-nav",fn:e.withCtx(()=>[e.renderSlot(i.$slots,"mobile-nav",{},void 0,!0)]),key:"0"}:void 0]),1032,["mobile-nav","collapse-group"])):e.createCommentVNode("",!0)],!0),e.createElementVNode("div",We,[e.renderSlot(i.$slots,"navbar-logo",{},()=>[n.navbarBrand?.brandingImage?(e.openBlock(),e.createBlock(Ee,e.mergeProps({key:0},n.navbarBrand.brandingImage,{logo:n.navbarBrand?.logo}),null,16,["logo"])):e.createCommentVNode("",!0)],!0),i.$slots["navbar-brand-link"]||n.navbarBrand?.brandingLink?(e.openBlock(),e.createElementBlock("div",Ye,[e.renderSlot(i.$slots,"navbar-brand-link",{},()=>[n.navbarBrand?.brandingLink?(e.openBlock(),e.createElementBlock("div",Ze,[e.createElementVNode("a",{tabindex:"0",href:n.navbarBrand.brandingLink.href,class:"has-text-underline"},e.toDisplayString(n.navbarBrand.brandingLink.text),9,Xe)])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0),n.infoTitle||n.infoMessage||i.$slots["info-body"]?(e.openBlock(),e.createBlock(Ke,{key:1,"info-title":n.infoTitle,"info-message":n.infoMessage},{default:e.withCtx(()=>[i.$slots["info-body"]?e.renderSlot(i.$slots,"info-body",{key:0},void 0,!0):e.createCommentVNode("",!0)]),_:3},8,["info-title","info-message"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Je,[e.renderSlot(i.$slots,"navbar-links",{},()=>[n.links?(e.openBlock(),e.createBlock(Ve,{key:0,links:n.links,"collapse-group":n.id},null,8,["links","collapse-group"])):e.createCommentVNode("",!0)],!0)]),e.createElementVNode("div",et,[e.renderSlot(i.$slots,"navbar-search",{},()=>[n.search?(e.openBlock(),e.createBlock(Ae,{key:0,search:n.search,"collapse-group":n.id},null,8,["search","collapse-group"])):e.createCommentVNode("",!0)],!0)])],6))}}),nt=v(tt,[["__scopeId","data-v-604219b3"]]),ot={class:"site-wide-alert content"},at={class:"alert-content"},it={class:"content-text"},lt={class:"title"},st={class:"body"},rt=e.defineComponent({__name:"AlertBanner",props:{bannerTitle:{},bannerMessage:{}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createElementBlock("div",ot,[e.createElementVNode("div",at,[e.createVNode(e.unref(c.Icon),{"icon-definition":e.unref(R),size:"small",decorative:!0},null,8,["icon-definition"]),e.createElementVNode("div",it,[e.createElementVNode("h6",lt,e.toDisplayString(t.bannerTitle),1),e.createElementVNode("div",st,e.toDisplayString(t.bannerMessage),1)])])]))}}),ct=e.defineComponent({__name:"AppHeader",props:{showTrustedSite:{type:Boolean,default:!0},translations:{default:void 0},className:{},id:{default:"main-nav"},sticky:{type:Boolean,default:!0},navbarBrand:{default:void 0},mobileNav:{default:void 0},collapseGroup:{},search:{default:void 0},links:{default:void 0},infoTitle:{default:void 0},infoMessage:{default:void 0},bannerTitle:{default:void 0},bannerMessage:{default:void 0}},setup(n){return(t,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.showTrustedSite?(e.openBlock(),e.createBlock(pe,{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(nt,{id:n.id,sticky:n.sticky,"mobile-nav":n.mobileNav,links:n.links,"navbar-brand":n.navbarBrand,search:n.search,"info-title":n.infoTitle,"info-message":n.infoMessage},e.createSlots({_:2},[t.$slots["info-body"]?{name:"info-body",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"info-body")]),key:"0"}:void 0,t.$slots["mobile-nav"]?{name:"mobile-nav",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"mobile-nav")]),key:"1"}:void 0]),1032,["id","sticky","mobile-nav","links","navbar-brand","search","info-title","info-message"]),n.bannerTitle||n.bannerMessage?(e.openBlock(),e.createBlock(rt,{key:1,"banner-title":n.bannerTitle,"banner-message":n.bannerMessage},null,8,["banner-title","banner-message"])):e.createCommentVNode("",!0)],64))}});exports.AppHeader=ct;
package/dist/index.mjs CHANGED
@@ -1,6 +1,6 @@
1
- import { defineComponent as h, useSlots as re, computed as k, createElementBlock as u, openBlock as o, Fragment as N, createElementVNode as s, createCommentVNode as m, unref as n, createTextVNode as _, createVNode as p, renderSlot as f, createBlock as v, withCtx as b, resolveDynamicComponent as S, normalizeClass as z, renderList as j, toDisplayString as g, withKeys as ce, mergeProps as C, useId as de, ref as B, onUnmounted as K, withModifiers as ue, normalizeStyle as W, normalizeProps as A, guardReactiveProps as L, useTemplateRef as fe, watch as ve, onMounted as me, createSlots as be } from "vue";
1
+ import { defineComponent as h, useSlots as ce, computed as k, createElementBlock as u, openBlock as o, Fragment as N, createElementVNode as s, createCommentVNode as b, unref as n, createTextVNode as _, createVNode as p, renderSlot as f, createBlock as m, withCtx as v, resolveDynamicComponent as S, normalizeClass as z, renderList as j, toDisplayString as g, withKeys as de, mergeProps as C, useId as ue, ref as B, onUnmounted as K, withModifiers as fe, normalizeStyle as W, normalizeProps as A, guardReactiveProps as L, useTemplateRef as ve, watch as me, onMounted as be, createSlots as q } from "vue";
2
2
  import { FontAwesomeIcon as $ } from "@fortawesome/vue-fontawesome";
3
- import { useCollapse as q, cn as E, BaseLink as Y, ActionContent as T, debounce as pe, Icon as he } from "@phila/phila-ui-core";
3
+ import { useCollapse as Y, cn as E, BaseLink as Z, ActionContent as T, debounce as pe, Icon as he } from "@phila/phila-ui-core";
4
4
  import { CollapsePanel as D } from "@phila/phila-ui-collapse-panel";
5
5
  import { Logo as ye } from "@phila/phila-ui-logo";
6
6
  import './index.css';var ge = {
@@ -11,19 +11,19 @@ import './index.css';var ge = {
11
11
  prefix: "fas",
12
12
  iconName: "circle-exclamation",
13
13
  icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]
14
- }, Z = {
14
+ }, X = {
15
15
  prefix: "fas",
16
16
  iconName: "xmark",
17
17
  icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
18
- }, _e = Z, X = Z, $e = {
18
+ }, _e = X, J = X, $e = {
19
19
  prefix: "fas",
20
20
  iconName: "lock",
21
21
  icon: [384, 512, [128274], "f023", "M128 96l0 64 128 0 0-64c0-35.3-28.7-64-64-64s-64 28.7-64 64zM64 160l0-64C64 25.3 121.3-32 192-32S320 25.3 320 96l0 64c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64z"]
22
- }, J = {
22
+ }, P = {
23
23
  prefix: "fas",
24
24
  iconName: "caret-up",
25
25
  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"]
26
- }, P = {
26
+ }, ee = {
27
27
  prefix: "fas",
28
28
  iconName: "caret-down",
29
29
  icon: [320, 512, [], "f0d7", "M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"]
@@ -39,7 +39,7 @@ import './index.css';var ge = {
39
39
  prefix: "fas",
40
40
  iconName: "circle-info",
41
41
  icon: [512, 512, ["info-circle"], "f05a", "M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"]
42
- }, ee = Be;
42
+ }, te = Be;
43
43
  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", ze = {
44
44
  id: "trusted-site",
45
45
  class: "has-background-ghost-gray is-flex is-justify-space-between"
@@ -55,7 +55,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
55
55
  }, Re = ["hidden"], He = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, Ue = { class: "info-item-wrap is-flex" }, Ge = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, je = { class: "trusted-icon is-flex is-flex-column has-text-center" }, Fe = { class: "icon circle-icon p-3 mb-2" }, Ve = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, Qe = { class: "trusted-icon is-flex is-flex-column has-text-center" }, Ke = { class: "icon circle-icon p-3 mb-2" }, We = { class: "info-content-close mt-4" }, qe = /* @__PURE__ */ h({
56
56
  __name: "TrustedSite",
57
57
  setup(t) {
58
- const e = re(), { isCollapsed: r, onClickToggle: a } = q({
58
+ const e = ce(), { isCollapsed: r, onClickToggle: a } = Y({
59
59
  id: "trusted-site-info",
60
60
  escapeKeyClose: !0
61
61
  }), c = k(() => r("trusted-site-info"));
@@ -80,7 +80,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
80
80
  i[3] || (i[3] = _(" Here's how you know ", -1)),
81
81
  s("span", Se, [
82
82
  p(n($), {
83
- icon: c.value ? n(J) : n(P)
83
+ icon: c.value ? n(P) : n(ee)
84
84
  }, null, 8, ["icon"])
85
85
  ])
86
86
  ], 8, Te)
@@ -96,14 +96,14 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
96
96
  }, [
97
97
  i[5] || (i[5] = _(" An official website ", -1)),
98
98
  s("span", Oe, [
99
- p(n($), { icon: n(ee) }, null, 8, ["icon"])
99
+ p(n($), { icon: n(te) }, null, 8, ["icon"])
100
100
  ])
101
101
  ], 8, Ie)
102
102
  ])
103
103
  ]),
104
104
  n(e).translation ? (o(), u("div", De, [
105
105
  f(d.$slots, "translation", {}, void 0, !0)
106
- ])) : m("", !0)
106
+ ])) : b("", !0)
107
107
  ]),
108
108
  s("div", {
109
109
  id: "trusted-site-info",
@@ -161,7 +161,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
161
161
  collapseGroup: {}
162
162
  },
163
163
  setup(t) {
164
- return (e, r) => (o(), v(n(D), {
164
+ return (e, r) => (o(), m(n(D), {
165
165
  id: "mobile-nav",
166
166
  group: t.collapseGroup,
167
167
  "outside-click-close": "",
@@ -169,7 +169,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
169
169
  "blur-close": "",
170
170
  "open-single": ""
171
171
  }, {
172
- toggle: b((a) => [
172
+ toggle: v((a) => [
173
173
  s("button", {
174
174
  class: z(["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": a.open }]),
175
175
  "aria-controls": a.ariaControls,
@@ -179,19 +179,19 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
179
179
  }, [
180
180
  s("span", Xe, [
181
181
  p(n($), {
182
- icon: a.open ? n(X) : n(we)
182
+ icon: a.open ? n(J) : n(we)
183
183
  }, null, 8, ["icon"])
184
184
  ])
185
185
  ], 10, Ze)
186
186
  ]),
187
- default: b((a) => [
187
+ default: v((a) => [
188
188
  s("div", {
189
189
  id: a.id,
190
190
  class: "phila-mobile-nav",
191
191
  hidden: !a.open
192
192
  }, [
193
193
  f(e.$slots, "mobile-nav", {}, () => [
194
- (o(), v(S(t.mobileNav)))
194
+ (o(), m(S(t.mobileNav)))
195
195
  ])
196
196
  ], 8, Je)
197
197
  ]),
@@ -214,7 +214,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
214
214
  setup(t) {
215
215
  const e = (a) => !!(a.subLinks || a.subNav), r = (a) => `main-nav-${a.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g, "")}`;
216
216
  return (a, c) => (o(!0), u(N, null, j(t.links, (d, i) => (o(), u(N, null, [
217
- e(d) ? (o(), v(n(D), {
217
+ e(d) ? (o(), m(n(D), {
218
218
  id: r(d),
219
219
  key: `collapse-${i}`,
220
220
  group: t.collapseGroup,
@@ -225,25 +225,25 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
225
225
  "open-single": "",
226
226
  class: "phila-navbar-link-list-item"
227
227
  }, {
228
- toggle: b((l) => [
228
+ toggle: v((l) => [
229
229
  s("a", {
230
230
  href: d.href,
231
231
  class: z(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": l.open }]),
232
232
  "aria-controls": l.ariaControls,
233
233
  "aria-expanded": l.open,
234
234
  tabindex: "0",
235
- onKeypress: ce(l.onClick, ["enter"]),
235
+ onKeypress: de(l.onClick, ["enter"]),
236
236
  onTouchend: l.onClick,
237
237
  onClick: l.onClick
238
238
  }, [
239
239
  _(g(d.text) + " ", 1),
240
240
  p(n($), {
241
241
  class: "ml-1",
242
- icon: l.open ? n(J) : n(P)
242
+ icon: l.open ? n(P) : n(ee)
243
243
  }, null, 8, ["icon"])
244
244
  ], 42, tt)
245
245
  ]),
246
- default: b((l) => [
246
+ default: v((l) => [
247
247
  (o(), u("div", {
248
248
  id: l.id,
249
249
  key: d.text,
@@ -263,7 +263,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
263
263
  }, g(x.text), 9, st)
264
264
  ]))), 128))
265
265
  ])
266
- ])) : (o(), v(S(d.subNav), { key: 1 }))
266
+ ])) : (o(), m(S(d.subNav), { key: 1 }))
267
267
  ], 8, at))
268
268
  ]),
269
269
  _: 2
@@ -295,7 +295,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
295
295
  href: e.href,
296
296
  ...e.logo
297
297
  }));
298
- return (a, c) => (o(), v(n(ye), C(r.value, { class: "phila-navbar-logo" }), null, 16));
298
+ return (a, c) => (o(), m(n(ye), C(r.value, { class: "phila-navbar-logo" }), null, 16));
299
299
  }
300
300
  }), rt = /* @__PURE__ */ I(lt, [["__scopeId", "data-v-3011c249"]]), ct = { class: "pr-4" }, dt = ["aria-controls", "aria-expanded", "aria-label", "onClick"], ut = { class: "icon" }, ft = ["id", "hidden"], vt = /* @__PURE__ */ h({
301
301
  __name: "NavbarSearch",
@@ -304,7 +304,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
304
304
  collapseGroup: {}
305
305
  },
306
306
  setup(t) {
307
- return (e, r) => (o(), v(n(D), {
307
+ return (e, r) => (o(), m(n(D), {
308
308
  id: "navbar-search",
309
309
  group: t.collapseGroup,
310
310
  "outside-click-close": "",
@@ -312,7 +312,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
312
312
  "blur-close": "",
313
313
  "open-single": ""
314
314
  }, {
315
- toggle: b((a) => [
315
+ toggle: v((a) => [
316
316
  s("div", ct, [
317
317
  s("button", {
318
318
  class: z(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": a.open }]),
@@ -323,20 +323,20 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
323
323
  }, [
324
324
  s("span", ut, [
325
325
  p(n($), {
326
- icon: a.open ? n(X) : n(ke)
326
+ icon: a.open ? n(J) : n(ke)
327
327
  }, null, 8, ["icon"])
328
328
  ])
329
329
  ], 10, dt)
330
330
  ])
331
331
  ]),
332
- default: b((a) => [
332
+ default: v((a) => [
333
333
  s("div", {
334
334
  id: a.id,
335
335
  class: "nav-flyout is-12",
336
336
  hidden: !a.open
337
337
  }, [
338
338
  f(e.$slots, "default", {}, () => [
339
- t.search && a.open ? (o(), v(S(t.search), { key: 0 })) : m("", !0)
339
+ t.search && a.open ? (o(), m(S(t.search), { key: 0 })) : b("", !0)
340
340
  ])
341
341
  ], 8, ft)
342
342
  ]),
@@ -393,10 +393,10 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
393
393
  size: e.size
394
394
  })
395
395
  );
396
- return (i, l) => r(e) ? (o(), v(n(Y), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
397
- default: b(() => [
396
+ return (i, l) => r(e) ? (o(), m(n(Z), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
397
+ default: v(() => [
398
398
  p(n(T), A(L(d.value)), {
399
- default: b(() => [
399
+ default: v(() => [
400
400
  f(i.$slots, "default", {}, () => [
401
401
  _(g(e.text), 1)
402
402
  ])
@@ -412,7 +412,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
412
412
  class: a.value
413
413
  }, i.$attrs), [
414
414
  p(n(T), A(L(d.value)), {
415
- default: b(() => [
415
+ default: v(() => [
416
416
  f(i.$slots, "default", {}, () => [
417
417
  _(g(e.text), 1)
418
418
  ])
@@ -467,10 +467,10 @@ const bt = ["id"], pt = {
467
467
  class: z(r.value),
468
468
  role: "tooltip"
469
469
  }, [
470
- t.tail ? (o(), u("div", pt)) : m("", !0),
470
+ t.tail ? (o(), u("div", pt)) : b("", !0),
471
471
  t.type === "plain" ? (o(), u("div", ht, [
472
472
  f(a.$slots, "default", {}, void 0, !0),
473
- t.dismissable ? (o(), v(n(F), {
473
+ t.dismissable ? (o(), m(n(F), {
474
474
  key: 0,
475
475
  class: "tooltip__dismiss",
476
476
  variant: "standard",
@@ -479,11 +479,11 @@ const bt = ["id"], pt = {
479
479
  "icon-definition": n(V),
480
480
  "aria-label": "Dismiss tooltip",
481
481
  onClick: c[0] || (c[0] = (d) => a.$emit("dismiss"))
482
- }, null, 8, ["icon-definition"])) : m("", !0)
482
+ }, null, 8, ["icon-definition"])) : b("", !0)
483
483
  ])) : (o(), u(N, { key: 2 }, [
484
484
  t.title || t.dismissable ? (o(), u("div", yt, [
485
- t.title ? (o(), u("h6", gt, g(t.title), 1)) : m("", !0),
486
- t.dismissable ? (o(), v(n(F), {
485
+ t.title ? (o(), u("h6", gt, g(t.title), 1)) : b("", !0),
486
+ t.dismissable ? (o(), m(n(F), {
487
487
  key: 1,
488
488
  class: "tooltip__dismiss",
489
489
  variant: "standard",
@@ -492,18 +492,18 @@ const bt = ["id"], pt = {
492
492
  "icon-definition": n(V),
493
493
  "aria-label": "Dismiss tooltip",
494
494
  onClick: c[1] || (c[1] = (d) => a.$emit("dismiss"))
495
- }, null, 8, ["icon-definition"])) : m("", !0)
496
- ])) : m("", !0),
495
+ }, null, 8, ["icon-definition"])) : b("", !0)
496
+ ])) : b("", !0),
497
497
  f(a.$slots, "default", {}, void 0, !0)
498
498
  ], 64))
499
499
  ], 10, bt));
500
500
  }
501
- }), te = (t, e) => {
501
+ }), ae = (t, e) => {
502
502
  const r = t.__vccOpts || t;
503
503
  for (const [a, c] of e)
504
504
  r[a] = c;
505
505
  return r;
506
- }, xt = /* @__PURE__ */ te(kt, [["__scopeId", "data-v-0155bbdd"]]), _t = /* @__PURE__ */ h({
506
+ }, xt = /* @__PURE__ */ ae(kt, [["__scopeId", "data-v-0155bbdd"]]), _t = /* @__PURE__ */ h({
507
507
  __name: "Tooltip",
508
508
  props: {
509
509
  trigger: { default: "hover" },
@@ -516,11 +516,11 @@ const bt = ["id"], pt = {
516
516
  className: {}
517
517
  },
518
518
  setup(t) {
519
- const e = t, r = de(), a = B(!1), c = B(null), d = B(null), i = B("top-center"), l = () => {
519
+ const e = t, r = ue(), a = B(!1), c = B(null), d = B(null), i = B("top-center"), l = () => {
520
520
  const y = c.value?.getBoundingClientRect();
521
521
  if (!y) return "top-center";
522
- const { innerWidth: M, innerHeight: ne } = window, H = y.top, se = ne - y.bottom, U = d.value?.firstElementChild?.getBoundingClientRect().height ?? 0, oe = (U > 0 ? H >= U : H >= se) ? "top" : "bottom", G = y.left + y.width / 2, le = G < M / 3 ? "left" : G > M * 2 / 3 ? "right" : "center";
523
- return `${oe}-${le}`;
522
+ const { innerWidth: M, innerHeight: se } = window, H = y.top, oe = se - y.bottom, U = d.value?.firstElementChild?.getBoundingClientRect().height ?? 0, le = (U > 0 ? H >= U : H >= oe) ? "top" : "bottom", G = y.left + y.width / 2, re = G < M / 3 ? "left" : G > M * 2 / 3 ? "right" : "center";
523
+ return `${le}-${re}`;
524
524
  }, x = (y) => {
525
525
  y.key === "Escape" && w();
526
526
  }, R = (y) => {
@@ -529,11 +529,11 @@ const bt = ["id"], pt = {
529
529
  e.placement === "auto" ? i.value = l() : i.value = e.placement, a.value = !0, document.addEventListener("keydown", x), e.trigger === "click" && document.addEventListener("click", R);
530
530
  }, w = () => {
531
531
  a.value = !1, document.removeEventListener("keydown", x), document.removeEventListener("click", R);
532
- }, ae = () => {
532
+ }, ie = () => {
533
533
  a.value ? w() : O();
534
534
  };
535
535
  K(w);
536
- const ie = k(() => ({
536
+ const ne = k(() => ({
537
537
  type: e.type,
538
538
  color: e.color,
539
539
  tail: e.tail,
@@ -547,7 +547,7 @@ const bt = ["id"], pt = {
547
547
  ref: c,
548
548
  class: n(E)("tooltip-trigger", e.className)
549
549
  },
550
- t.trigger === "click" ? { onClick: ae } : { onMouseenter: O, onMouseleave: w, onFocusin: O, onFocusout: w }
550
+ t.trigger === "click" ? { onClick: ie } : { onMouseenter: O, onMouseleave: w, onFocusin: O, onFocusout: w }
551
551
  ), [
552
552
  f(y.$slots, "default", { tooltipId: n(r) }, void 0, !0),
553
553
  s("span", {
@@ -558,14 +558,14 @@ const bt = ["id"], pt = {
558
558
  visibility: a.value ? "visible" : "hidden",
559
559
  "--positioner-gap": t.tail ? "var(--spacing-l)" : "0.5rem"
560
560
  }),
561
- onClick: M[0] || (M[0] = ue(() => {
561
+ onClick: M[0] || (M[0] = fe(() => {
562
562
  }, ["stop"]))
563
563
  }, [
564
- p(xt, C(ie.value, {
564
+ p(xt, C(ne.value, {
565
565
  id: n(r),
566
566
  onDismiss: w
567
567
  }), {
568
- default: b(() => [
568
+ default: v(() => [
569
569
  f(y.$slots, "body", {}, void 0, !0)
570
570
  ]),
571
571
  _: 3
@@ -573,7 +573,7 @@ const bt = ["id"], pt = {
573
573
  ], 6)
574
574
  ], 16));
575
575
  }
576
- }), $t = /* @__PURE__ */ te(_t, [["__scopeId", "data-v-5dcd06cf"]]), Ct = ["disabled"], wt = /* @__PURE__ */ h({
576
+ }), $t = /* @__PURE__ */ ae(_t, [["__scopeId", "data-v-5dcd06cf"]]), Ct = ["disabled"], wt = /* @__PURE__ */ h({
577
577
  inheritAttrs: !1,
578
578
  __name: "PhlButton",
579
579
  props: {
@@ -623,10 +623,10 @@ const bt = ["id"], pt = {
623
623
  size: e.size
624
624
  })
625
625
  );
626
- return (i, l) => r(e) ? (o(), v(n(Y), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
627
- default: b(() => [
626
+ return (i, l) => r(e) ? (o(), m(n(Z), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
627
+ default: v(() => [
628
628
  p(n(T), A(L(d.value)), {
629
- default: b(() => [
629
+ default: v(() => [
630
630
  f(i.$slots, "default", {}, () => [
631
631
  _(g(e.text), 1)
632
632
  ])
@@ -642,7 +642,7 @@ const bt = ["id"], pt = {
642
642
  class: a.value
643
643
  }, i.$attrs), [
644
644
  p(n(T), A(L(d.value)), {
645
- default: b(() => [
645
+ default: v(() => [
646
646
  f(i.$slots, "default", {}, () => [
647
647
  _(g(e.text), 1)
648
648
  ])
@@ -665,18 +665,18 @@ const bt = ["id"], pt = {
665
665
  trigger: "click",
666
666
  dismissable: !0
667
667
  }, {
668
- default: b(({ tooltipId: a }) => [
668
+ default: v(({ tooltipId: a }) => [
669
669
  p(n(wt), {
670
670
  class: "navbar-info__trigger",
671
671
  variant: "standard",
672
672
  size: "small",
673
673
  "icon-only": !0,
674
- "icon-definition": n(ee),
674
+ "icon-definition": n(te),
675
675
  "aria-label": "More information",
676
676
  "aria-describedby": a
677
677
  }, null, 8, ["icon-definition", "aria-describedby"])
678
678
  ]),
679
- body: b(() => [
679
+ body: v(() => [
680
680
  f(e.$slots, "default", {}, () => [
681
681
  s("div", Nt, g(t.infoMessage), 1)
682
682
  ], !0)
@@ -705,11 +705,11 @@ const bt = ["id"], pt = {
705
705
  infoMessage: {}
706
706
  },
707
707
  setup(t) {
708
- const e = t, { state: r } = q(), a = fe("navBarElement"), c = B(Q), d = B(0), i = pe(() => {
708
+ const e = t, { state: r } = Y(), a = ve("navBarElement"), c = B(Q), d = B(0), i = pe(() => {
709
709
  const l = (a.value?.offsetTop || 0) + (a.value?.offsetHeight || 0), x = typeof window < "u" ? window.innerWidth : 1024;
710
710
  c.value = !e.sticky || x < 1024 ? l + "px" : Q, d.value = l;
711
711
  }, 100);
712
- return ve(() => r.value, i, { deep: !0, immediate: !0 }), me(() => {
712
+ return me(() => r.value, i, { deep: !0, immediate: !0 }), be(() => {
713
713
  window.addEventListener("resize", i);
714
714
  }), K(() => {
715
715
  window.removeEventListener("resize", i);
@@ -721,17 +721,25 @@ const bt = ["id"], pt = {
721
721
  style: W(`--nav-height:${c.value};--nav-bottom:${d.value}px`)
722
722
  }, [
723
723
  f(l.$slots, "navbar-burger", {}, () => [
724
- t.mobileNav ? (o(), v(Pe, {
724
+ t.mobileNav || l.$slots["mobile-nav"] ? (o(), m(Pe, {
725
725
  key: 0,
726
726
  "mobile-nav": t.mobileNav,
727
727
  "collapse-group": t.id
728
- }, null, 8, ["mobile-nav", "collapse-group"])) : m("", !0)
728
+ }, q({ _: 2 }, [
729
+ l.$slots["mobile-nav"] ? {
730
+ name: "mobile-nav",
731
+ fn: v(() => [
732
+ f(l.$slots, "mobile-nav", {}, void 0, !0)
733
+ ]),
734
+ key: "0"
735
+ } : void 0
736
+ ]), 1032, ["mobile-nav", "collapse-group"])) : b("", !0)
729
737
  ], !0),
730
738
  s("div", At, [
731
739
  f(l.$slots, "navbar-logo", {}, () => [
732
- t.navbarBrand?.brandingImage ? (o(), v(rt, C({ key: 0 }, t.navbarBrand.brandingImage, {
740
+ t.navbarBrand?.brandingImage ? (o(), m(rt, C({ key: 0 }, t.navbarBrand.brandingImage, {
733
741
  logo: t.navbarBrand?.logo
734
- }), null, 16, ["logo"])) : m("", !0)
742
+ }), null, 16, ["logo"])) : b("", !0)
735
743
  ], !0),
736
744
  l.$slots["navbar-brand-link"] || t.navbarBrand?.brandingLink ? (o(), u("div", Lt, [
737
745
  f(l.$slots, "navbar-brand-link", {}, () => [
@@ -741,41 +749,41 @@ const bt = ["id"], pt = {
741
749
  href: t.navbarBrand.brandingLink.href,
742
750
  class: "has-text-underline"
743
751
  }, g(t.navbarBrand.brandingLink.text), 9, St)
744
- ])) : m("", !0)
752
+ ])) : b("", !0)
745
753
  ], !0)
746
- ])) : m("", !0),
747
- t.infoTitle || t.infoMessage || l.$slots["info-body"] ? (o(), v(Mt, {
754
+ ])) : b("", !0),
755
+ t.infoTitle || t.infoMessage || l.$slots["info-body"] ? (o(), m(Mt, {
748
756
  key: 1,
749
757
  "info-title": t.infoTitle,
750
758
  "info-message": t.infoMessage
751
759
  }, {
752
- default: b(() => [
753
- l.$slots["info-body"] ? f(l.$slots, "info-body", { key: 0 }, void 0, !0) : m("", !0)
760
+ default: v(() => [
761
+ l.$slots["info-body"] ? f(l.$slots, "info-body", { key: 0 }, void 0, !0) : b("", !0)
754
762
  ]),
755
763
  _: 3
756
- }, 8, ["info-title", "info-message"])) : m("", !0)
764
+ }, 8, ["info-title", "info-message"])) : b("", !0)
757
765
  ]),
758
766
  s("div", Et, [
759
767
  f(l.$slots, "navbar-links", {}, () => [
760
- t.links ? (o(), v(ot, {
768
+ t.links ? (o(), m(ot, {
761
769
  key: 0,
762
770
  links: t.links,
763
771
  "collapse-group": t.id
764
- }, null, 8, ["links", "collapse-group"])) : m("", !0)
772
+ }, null, 8, ["links", "collapse-group"])) : b("", !0)
765
773
  ], !0)
766
774
  ]),
767
775
  s("div", It, [
768
776
  f(l.$slots, "navbar-search", {}, () => [
769
- t.search ? (o(), v(vt, {
777
+ t.search ? (o(), m(vt, {
770
778
  key: 0,
771
779
  search: t.search,
772
780
  "collapse-group": t.id
773
- }, null, 8, ["search", "collapse-group"])) : m("", !0)
781
+ }, null, 8, ["search", "collapse-group"])) : b("", !0)
774
782
  ], !0)
775
783
  ])
776
784
  ], 6));
777
785
  }
778
- }), Dt = /* @__PURE__ */ I(Ot, [["__scopeId", "data-v-e2fdeddd"]]), Rt = { class: "site-wide-alert content" }, Ht = { class: "alert-content" }, Ut = { class: "content-text" }, Gt = { class: "title" }, jt = { class: "body" }, Ft = /* @__PURE__ */ h({
786
+ }), Dt = /* @__PURE__ */ I(Ot, [["__scopeId", "data-v-604219b3"]]), Rt = { class: "site-wide-alert content" }, Ht = { class: "alert-content" }, Ut = { class: "content-text" }, Gt = { class: "title" }, jt = { class: "body" }, Ft = /* @__PURE__ */ h({
779
787
  __name: "AlertBanner",
780
788
  props: {
781
789
  bannerTitle: {},
@@ -817,14 +825,14 @@ const bt = ["id"], pt = {
817
825
  },
818
826
  setup(t) {
819
827
  return (e, r) => (o(), u(N, null, [
820
- t.showTrustedSite ? (o(), v(Ye, { key: 0 }, {
821
- translation: b(() => [
828
+ t.showTrustedSite ? (o(), m(Ye, { key: 0 }, {
829
+ translation: v(() => [
822
830
  f(e.$slots, "translations", {}, () => [
823
- t.translations ? (o(), v(S(t.translations), { key: 0 })) : m("", !0)
831
+ t.translations ? (o(), m(S(t.translations), { key: 0 })) : b("", !0)
824
832
  ])
825
833
  ]),
826
834
  _: 3
827
- })) : m("", !0),
835
+ })) : b("", !0),
828
836
  p(Dt, {
829
837
  id: t.id,
830
838
  sticky: t.sticky,
@@ -834,20 +842,27 @@ const bt = ["id"], pt = {
834
842
  search: t.search,
835
843
  "info-title": t.infoTitle,
836
844
  "info-message": t.infoMessage
837
- }, be({ _: 2 }, [
845
+ }, q({ _: 2 }, [
838
846
  e.$slots["info-body"] ? {
839
847
  name: "info-body",
840
- fn: b(() => [
848
+ fn: v(() => [
841
849
  f(e.$slots, "info-body")
842
850
  ]),
843
851
  key: "0"
852
+ } : void 0,
853
+ e.$slots["mobile-nav"] ? {
854
+ name: "mobile-nav",
855
+ fn: v(() => [
856
+ f(e.$slots, "mobile-nav")
857
+ ]),
858
+ key: "1"
844
859
  } : void 0
845
860
  ]), 1032, ["id", "sticky", "mobile-nav", "links", "navbar-brand", "search", "info-title", "info-message"]),
846
- t.bannerTitle || t.bannerMessage ? (o(), v(Ft, {
861
+ t.bannerTitle || t.bannerMessage ? (o(), m(Ft, {
847
862
  key: 1,
848
863
  "banner-title": t.bannerTitle,
849
864
  "banner-message": t.bannerMessage
850
- }, null, 8, ["banner-title", "banner-message"])) : m("", !0)
865
+ }, null, 8, ["banner-title", "banner-message"])) : b("", !0)
851
866
  ], 64));
852
867
  }
853
868
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phila/phila-ui-app-header",
3
- "version": "0.3.0-beta.3",
3
+ "version": "0.3.0-beta.5",
4
4
  "type": "module",
5
5
  "description": "A header component for site info and main navigation.",
6
6
  "main": "./dist/index.js",
@@ -30,8 +30,8 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@phila/phila-ui-button": "2.2.3-beta.1",
33
- "@phila/phila-ui-core": "2.3.3-beta.1",
34
33
  "@phila/phila-ui-collapse-panel": "0.1.1-beta.1",
34
+ "@phila/phila-ui-core": "2.3.3-beta.1",
35
35
  "@phila/phila-ui-logo": "0.1.3-beta.1",
36
36
  "@phila/phila-ui-tooltip": "0.1.0-beta.0"
37
37
  },