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

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.
@@ -1 +1 @@
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"}
1
+ {"version":3,"file":"index.vue.d.ts","sourceRoot":"","sources":["../../../src/components/NavBar/index.vue"],"names":[],"mappings":"AAyNA,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"}
@@ -1 +1 @@
1
- {"version":3,"file":"TrustedSite.vue.d.ts","sourceRoot":"","sources":["../../src/components/TrustedSite.vue"],"names":[],"mappings":"AAqJA,iBAAS,cAAc;WA0KT,OAAO,IAA6B;;6BAVhB,GAAG;;;;EAepC;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
1
+ {"version":3,"file":"TrustedSite.vue.d.ts","sourceRoot":"","sources":["../../src/components/TrustedSite.vue"],"names":[],"mappings":"AA4JA,iBAAS,cAAc;WA2KT,OAAO,IAA6B;;6BAVhB,GAAG;;;;EAepC;AAkBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAEpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
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-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}
1
+ #trusted-site[data-v-3fc90bb2]{width:100%;height:3rem;padding:0 var(--spacing-l);box-sizing:border-box;background-color:var(--ghost-grey-500-ghost-grey)}#trusted-site .content[data-v-3fc90bb2]{color:var(--Schemes-On-Surface);font-size:var(--Body-ExtraSmall-font-body-xs-size)}#trusted-site button[data-v-3fc90bb2]{--Schemes-Surface-Container-Lowest: transparent;font-size:var(--Body-ExtraSmall-font-body-xs-size)!important}#trusted-site .trusted-toggle[data-v-3fc90bb2]{height:100%}#trusted-site-info[data-v-3fc90bb2]{background-color:var(--ghost-grey-500-ghost-grey)}#trusted-site-info .circle-icon[data-v-3fc90bb2]{border:solid 1px currentColor;border-radius:100%;font-size:var(--scale-250);aspect-ratio:1;display:inline-flex;justify-content:center;align-content:center}#trusted-site-info .info-item:first-child .trusted-icon[data-v-3fc90bb2]{color:var(--Schemes-Secondary)}#trusted-site-info .info-item:last-child .trusted-icon[data-v-3fc90bb2]{color:var(--Palettes-Success-Success-400)}.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-9e862e20]{display:flex;justify-content:space-between;background-color:var(--union-blue-500-union-blue);column-gap:var(--spacing-3xl);height:5rem;overflow-x:clip;overflow-y:visible}.phila-navbar .phila-navbar-brand[data-v-9e862e20],.phila-navbar .phila-navbar-list[data-v-9e862e20],.phila-navbar .phila-navbar-search[data-v-9e862e20],.phila-navbar .phila-navbar-item[data-v-9e862e20],.phila-navbar .phila-navbar-burger[data-v-9e862e20]{display:flex}[data-v-9e862e20] a.phila-navbar-link,.phila-navbar a.phila-navbar-link[data-v-9e862e20]{text-decoration:none;color:var(--Schemes-On-Inverse-Surface-Bright)}[data-v-9e862e20] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-9e862e20]{list-style:none;padding:0;margin:0;column-gap:var(--spacing-l)}:is([data-v-9e862e20] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-9e862e20]) .phila-navbar-link-list-item{height:100%;display:flex;align-items:center}:is([data-v-9e862e20] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-9e862e20]) .phila-navbar-link-list-item .phila-navbar-link{display:flex;align-items:center;height:100%}:is([data-v-9e862e20] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-9e862e20]) .phila-navbar-link-list-item .phila-navbar-link:hover,:is([data-v-9e862e20] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-9e862e20]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-9e862e20] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-9e862e20]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{color:var(--union-blue-200-union-blue);background-color:var(--Palettes-Secondary-Secondary-650)}:is([data-v-9e862e20] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-9e862e20]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-9e862e20] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-9e862e20]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{outline-offset:0!important}:is([data-v-9e862e20] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-9e862e20]) .phila-navbar-link-list-item .phila-navbar-link:focus{outline:2px solid var(--Focus-Ring-Color);outline-offset:2px}[data-v-9e862e20] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-9e862e20]{flex:0 0 auto;aspect-ratio:1;height:5rem!important;width:5rem!important;align-items:center;justify-content:center;background-color:var(--flyers-orange-450-flyers-orange);border-radius:0!important;font-size:var(--scale-400);color:var(--Schemes-On-Surface);box-shadow:none}:is([data-v-9e862e20] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-9e862e20]).phila-navbar-item-flyout-active{color:var(--Schemes-Primary, #2176d2);background-color:var(--Schemes-Surface-Container-Low)}[data-v-9e862e20] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-9e862e20]{flex:1 1 auto;align-items:center}:is([data-v-9e862e20] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-9e862e20]) a{font-weight:400}:is([data-v-9e862e20] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-9e862e20]) img:hover{opacity:.8}:is([data-v-9e862e20] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-9e862e20]) .phila-navbar-brand-link{margin-left:var(--spacing-xl)}:is([data-v-9e862e20] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-9e862e20]) .navbar-info{margin-left:var(--spacing-m)}[data-v-9e862e20] .nav-flyout,.phila-navbar .nav-flyout[data-v-9e862e20]{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-9e862e20] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-9e862e20]{flex:0 0 auto;align-items:center}:is([data-v-9e862e20] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-9e862e20]) 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"),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;
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"]},_={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=_,E=_,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"]},V={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:"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(V):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:"px-6",hidden:!s.value},[e.createElementVNode("div",ae,[e.createElementVNode("div",ie,[e.createElementVNode("div",le,[e.createElementVNode("div",se,[e.createElementVNode("span",re,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:e.unref(H)},null,8,["icon"])]),a[6]||(a[6]=e.createElementVNode("span",{class:"has-text-bold"},".gov",-1))]),a[7]||(a[7]=e.createElementVNode("div",{class:"trusted-text m-4"},"Only government entities in the U.S. can end in .gov",-1))]),e.createElementVNode("div",ce,[e.createElementVNode("div",de,[e.createElementVNode("div",ue,[e.createVNode(e.unref(m.FontAwesomeIcon),{icon:e.unref(P)},null,8,["icon"])]),a[8]||(a[8]=e.createElementVNode("span",{class:"has-text-bold"},"https://",-1))]),a[9]||(a[9]=e.createElementVNode("div",{class:"trusted-text m-4"}," The https:// in the address bar means your information is encrypted and can not be accessed by anyone else ",-1))])]),e.createElementVNode("div",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-3fc90bb2"]]),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):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"],_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(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(V):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))}}),Ee=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))}}),Ve=v(Ee,[["__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):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-links-on-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(Ve,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-9e862e20"]]),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,5 +1,5 @@
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
- import { FontAwesomeIcon as $ } from "@fortawesome/vue-fontawesome";
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 w, 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 $, 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
+ import { FontAwesomeIcon as _ } from "@fortawesome/vue-fontawesome";
3
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";
@@ -42,7 +42,7 @@ import './index.css';var ge = {
42
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
- class: "has-background-ghost-gray is-flex is-justify-space-between"
45
+ class: "is-flex is-justify-space-between"
46
46
  }, Me = { class: "trusted-wrap" }, Ae = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, Le = ["src"], Te = ["aria-label", "aria-expanded"], Se = {
47
47
  class: "icon",
48
48
  "aria-hidden": "true"
@@ -77,9 +77,9 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
77
77
  onClick: i[0] || (i[0] = //@ts-ignore
78
78
  (...l) => n(a) && n(a)(...l))
79
79
  }, [
80
- i[3] || (i[3] = _(" Here's how you know ", -1)),
80
+ i[3] || (i[3] = w(" Here's how you know ", -1)),
81
81
  s("span", Se, [
82
- p(n($), {
82
+ p(n(_), {
83
83
  icon: c.value ? n(P) : n(ee)
84
84
  }, null, 8, ["icon"])
85
85
  ])
@@ -94,9 +94,9 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
94
94
  onClick: i[1] || (i[1] = //@ts-ignore
95
95
  (...l) => n(a) && n(a)(...l))
96
96
  }, [
97
- i[5] || (i[5] = _(" An official website ", -1)),
97
+ i[5] || (i[5] = w(" An official website ", -1)),
98
98
  s("span", Oe, [
99
- p(n($), { icon: n(te) }, null, 8, ["icon"])
99
+ p(n(_), { icon: n(te) }, null, 8, ["icon"])
100
100
  ])
101
101
  ], 8, Ie)
102
102
  ])
@@ -107,32 +107,28 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
107
107
  ]),
108
108
  s("div", {
109
109
  id: "trusted-site-info",
110
- class: "has-background-secondary px-6",
110
+ class: "px-6",
111
111
  hidden: !c.value
112
112
  }, [
113
113
  s("div", He, [
114
114
  s("div", Ue, [
115
115
  s("div", Ge, [
116
116
  s("div", je, [
117
- s("div", Fe, [
118
- p(n($), { icon: n($e) }, null, 8, ["icon"])
117
+ s("span", Fe, [
118
+ p(n(_), { icon: n(Ce) }, null, 8, ["icon"])
119
119
  ]),
120
- i[6] || (i[6] = s("span", { class: "has-text-bold" }, "https://", -1))
120
+ i[6] || (i[6] = s("span", { class: "has-text-bold" }, ".gov", -1))
121
121
  ]),
122
- i[7] || (i[7] = s("div", { class: "trusted-text m-4" }, [
123
- _(" The "),
124
- s("strong", null, "https://"),
125
- _(" in the address bar means your information is encrypted and can not be accessed by anyone else ")
126
- ], -1))
122
+ i[7] || (i[7] = s("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
127
123
  ]),
128
124
  s("div", Ve, [
129
125
  s("div", Qe, [
130
- s("span", Ke, [
131
- p(n($), { icon: n(Ce) }, null, 8, ["icon"])
126
+ s("div", Ke, [
127
+ p(n(_), { icon: n($e) }, null, 8, ["icon"])
132
128
  ]),
133
- i[8] || (i[8] = s("span", { class: "has-text-bold" }, ".gov", -1))
129
+ i[8] || (i[8] = s("span", { class: "has-text-bold" }, "https://", -1))
134
130
  ]),
135
- i[9] || (i[9] = s("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
131
+ i[9] || (i[9] = s("div", { class: "trusted-text m-4" }, " The https:// in the address bar means your information is encrypted and can not be accessed by anyone else ", -1))
136
132
  ])
137
133
  ]),
138
134
  s("div", We, [
@@ -142,7 +138,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
142
138
  onClick: i[2] || (i[2] = //@ts-ignore
143
139
  (...l) => n(a) && n(a)(...l))
144
140
  }, [
145
- p(n($), { icon: n(_e) }, null, 8, ["icon"])
141
+ p(n(_), { icon: n(_e) }, null, 8, ["icon"])
146
142
  ])
147
143
  ])
148
144
  ])
@@ -154,7 +150,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
154
150
  for (const [a, c] of e)
155
151
  r[a] = c;
156
152
  return r;
157
- }, Ye = /* @__PURE__ */ I(qe, [["__scopeId", "data-v-117bdb56"]]), Ze = ["aria-controls", "aria-expanded", "aria-label", "onClick"], Xe = { class: "icon" }, Je = ["id", "hidden"], Pe = /* @__PURE__ */ h({
153
+ }, Ye = /* @__PURE__ */ I(qe, [["__scopeId", "data-v-3fc90bb2"]]), Ze = ["aria-controls", "aria-expanded", "aria-label", "onClick"], Xe = { class: "icon" }, Je = ["id", "hidden"], Pe = /* @__PURE__ */ h({
158
154
  __name: "NavbarBurger",
159
155
  props: {
160
156
  mobileNav: {},
@@ -178,7 +174,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
178
174
  onClick: a.onClick
179
175
  }, [
180
176
  s("span", Xe, [
181
- p(n($), {
177
+ p(n(_), {
182
178
  icon: a.open ? n(J) : n(we)
183
179
  }, null, 8, ["icon"])
184
180
  ])
@@ -236,8 +232,8 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
236
232
  onTouchend: l.onClick,
237
233
  onClick: l.onClick
238
234
  }, [
239
- _(g(d.text) + " ", 1),
240
- p(n($), {
235
+ w(g(d.text) + " ", 1),
236
+ p(n(_), {
241
237
  class: "ml-1",
242
238
  icon: l.open ? n(P) : n(ee)
243
239
  }, null, 8, ["icon"])
@@ -295,7 +291,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
295
291
  href: e.href,
296
292
  ...e.logo
297
293
  }));
298
- return (a, c) => (o(), m(n(ye), C(r.value, { class: "phila-navbar-logo" }), null, 16));
294
+ return (a, c) => (o(), m(n(ye), $(r.value, { class: "phila-navbar-logo" }), null, 16));
299
295
  }
300
296
  }), 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
297
  __name: "NavbarSearch",
@@ -322,7 +318,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
322
318
  onClick: a.onClick
323
319
  }, [
324
320
  s("span", ut, [
325
- p(n($), {
321
+ p(n(_), {
326
322
  icon: a.open ? n(J) : n(ke)
327
323
  }, null, 8, ["icon"])
328
324
  ])
@@ -393,19 +389,19 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
393
389
  size: e.size
394
390
  })
395
391
  );
396
- return (i, l) => r(e) ? (o(), m(n(Z), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
392
+ return (i, l) => r(e) ? (o(), m(n(Z), $({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
397
393
  default: v(() => [
398
394
  p(n(T), A(L(d.value)), {
399
395
  default: v(() => [
400
396
  f(i.$slots, "default", {}, () => [
401
- _(g(e.text), 1)
397
+ w(g(e.text), 1)
402
398
  ])
403
399
  ]),
404
400
  _: 3
405
401
  }, 16)
406
402
  ]),
407
403
  _: 3
408
- }, 16)) : (o(), u("button", C({
404
+ }, 16)) : (o(), u("button", $({
409
405
  key: 1,
410
406
  type: "button",
411
407
  disabled: e.disabled,
@@ -414,7 +410,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
414
410
  p(n(T), A(L(d.value)), {
415
411
  default: v(() => [
416
412
  f(i.$slots, "default", {}, () => [
417
- _(g(e.text), 1)
413
+ w(g(e.text), 1)
418
414
  ])
419
415
  ]),
420
416
  _: 3
@@ -522,17 +518,17 @@ const bt = ["id"], pt = {
522
518
  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
519
  return `${le}-${re}`;
524
520
  }, x = (y) => {
525
- y.key === "Escape" && w();
521
+ y.key === "Escape" && C();
526
522
  }, R = (y) => {
527
- c.value && !c.value.contains(y.target) && w();
523
+ c.value && !c.value.contains(y.target) && C();
528
524
  }, O = () => {
529
525
  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
- }, w = () => {
526
+ }, C = () => {
531
527
  a.value = !1, document.removeEventListener("keydown", x), document.removeEventListener("click", R);
532
528
  }, ie = () => {
533
- a.value ? w() : O();
529
+ a.value ? C() : O();
534
530
  };
535
- K(w);
531
+ K(C);
536
532
  const ne = k(() => ({
537
533
  type: e.type,
538
534
  color: e.color,
@@ -541,13 +537,13 @@ const bt = ["id"], pt = {
541
537
  title: e.title,
542
538
  dismissable: e.dismissable
543
539
  }));
544
- return (y, M) => (o(), u("span", C(
540
+ return (y, M) => (o(), u("span", $(
545
541
  {
546
542
  ref_key: "wrapperEl",
547
543
  ref: c,
548
544
  class: n(E)("tooltip-trigger", e.className)
549
545
  },
550
- t.trigger === "click" ? { onClick: ie } : { onMouseenter: O, onMouseleave: w, onFocusin: O, onFocusout: w }
546
+ t.trigger === "click" ? { onClick: ie } : { onMouseenter: O, onMouseleave: C, onFocusin: O, onFocusout: C }
551
547
  ), [
552
548
  f(y.$slots, "default", { tooltipId: n(r) }, void 0, !0),
553
549
  s("span", {
@@ -561,9 +557,9 @@ const bt = ["id"], pt = {
561
557
  onClick: M[0] || (M[0] = fe(() => {
562
558
  }, ["stop"]))
563
559
  }, [
564
- p(xt, C(ne.value, {
560
+ p(xt, $(ne.value, {
565
561
  id: n(r),
566
- onDismiss: w
562
+ onDismiss: C
567
563
  }), {
568
564
  default: v(() => [
569
565
  f(y.$slots, "body", {}, void 0, !0)
@@ -623,19 +619,19 @@ const bt = ["id"], pt = {
623
619
  size: e.size
624
620
  })
625
621
  );
626
- return (i, l) => r(e) ? (o(), m(n(Z), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
622
+ return (i, l) => r(e) ? (o(), m(n(Z), $({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
627
623
  default: v(() => [
628
624
  p(n(T), A(L(d.value)), {
629
625
  default: v(() => [
630
626
  f(i.$slots, "default", {}, () => [
631
- _(g(e.text), 1)
627
+ w(g(e.text), 1)
632
628
  ])
633
629
  ]),
634
630
  _: 3
635
631
  }, 16)
636
632
  ]),
637
633
  _: 3
638
- }, 16)) : (o(), u("button", C({
634
+ }, 16)) : (o(), u("button", $({
639
635
  key: 1,
640
636
  type: "button",
641
637
  disabled: e.disabled,
@@ -644,7 +640,7 @@ const bt = ["id"], pt = {
644
640
  p(n(T), A(L(d.value)), {
645
641
  default: v(() => [
646
642
  f(i.$slots, "default", {}, () => [
647
- _(g(e.text), 1)
643
+ w(g(e.text), 1)
648
644
  ])
649
645
  ]),
650
646
  _: 3
@@ -716,7 +712,7 @@ const bt = ["id"], pt = {
716
712
  }), (l, x) => (o(), u("nav", {
717
713
  ref_key: "navBarElement",
718
714
  ref: a,
719
- class: z(["phila-navbar has-background-primary", { "is-sticky-desktop": t.sticky }]),
715
+ class: z(["phila-navbar has-links-on-primary", { "is-sticky-desktop": t.sticky }]),
720
716
  "aria-label": "Main navigation",
721
717
  style: W(`--nav-height:${c.value};--nav-bottom:${d.value}px`)
722
718
  }, [
@@ -737,7 +733,7 @@ const bt = ["id"], pt = {
737
733
  ], !0),
738
734
  s("div", At, [
739
735
  f(l.$slots, "navbar-logo", {}, () => [
740
- t.navbarBrand?.brandingImage ? (o(), m(rt, C({ key: 0 }, t.navbarBrand.brandingImage, {
736
+ t.navbarBrand?.brandingImage ? (o(), m(rt, $({ key: 0 }, t.navbarBrand.brandingImage, {
741
737
  logo: t.navbarBrand?.logo
742
738
  }), null, 16, ["logo"])) : b("", !0)
743
739
  ], !0),
@@ -783,7 +779,7 @@ const bt = ["id"], pt = {
783
779
  ])
784
780
  ], 6));
785
781
  }
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({
782
+ }), Dt = /* @__PURE__ */ I(Ot, [["__scopeId", "data-v-9e862e20"]]), Rt = { class: "site-wide-alert content" }, Ht = { class: "alert-content" }, Ut = { class: "content-text" }, Gt = { class: "title" }, jt = { class: "body" }, Ft = /* @__PURE__ */ h({
787
783
  __name: "AlertBanner",
788
784
  props: {
789
785
  bannerTitle: {},
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phila/phila-ui-app-header",
3
- "version": "0.3.0-beta.5",
3
+ "version": "0.3.0-beta.6",
4
4
  "type": "module",
5
5
  "description": "A header component for site info and main navigation.",
6
6
  "main": "./dist/index.js",
@@ -29,11 +29,11 @@
29
29
  "vue": "^3.0.0"
30
30
  },
31
31
  "dependencies": {
32
- "@phila/phila-ui-button": "2.2.3-beta.1",
33
- "@phila/phila-ui-collapse-panel": "0.1.1-beta.1",
34
- "@phila/phila-ui-core": "2.3.3-beta.1",
35
- "@phila/phila-ui-logo": "0.1.3-beta.1",
36
- "@phila/phila-ui-tooltip": "0.1.0-beta.0"
32
+ "@phila/phila-ui-button": "2.2.3-beta.2",
33
+ "@phila/phila-ui-core": "2.4.0-beta.2",
34
+ "@phila/phila-ui-collapse-panel": "0.1.1-beta.2",
35
+ "@phila/phila-ui-logo": "0.1.3-beta.2",
36
+ "@phila/phila-ui-tooltip": "0.1.0-beta.1"
37
37
  },
38
38
  "devDependencies": {
39
39
  "@types/node": "^24.0.0",