@phila/phila-ui-app-header 1.0.0-beta.16 → 1.0.0-beta.17

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.
Files changed (4) hide show
  1. package/dist/index.css +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index.mjs +1 -1
  4. package/package.json +6 -6
package/dist/index.css CHANGED
@@ -1 +1 @@
1
- #trusted-site[data-v-dee4f05c]{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-dee4f05c]{color:var(--Schemes-On-Surface);font-size:var(--Body-ExtraSmall-font-body-xs-size)}#trusted-site button[data-v-dee4f05c]{--Schemes-Surface-Container-Lowest: transparent;font-size:var(--Body-ExtraSmall-font-body-xs-size)!important}#trusted-site .trusted-toggle[data-v-dee4f05c]{height:100%}@media(max-width:1024px){#trusted-site.is-compact-mobile[data-v-dee4f05c]{height:40px}}#trusted-site-info[data-v-dee4f05c]{background-color:var(--ghost-grey-500-ghost-grey)}#trusted-site-info .circle-icon[data-v-dee4f05c]{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-dee4f05c]{color:var(--Schemes-Secondary)}#trusted-site-info .info-item:last-child .trusted-icon[data-v-dee4f05c]{color:var(--Palettes-Success-Success-400)}body:has(.phila-navbar .phila-navbar-item-flyout-active){overflow:hidden}.phila-navbar[data-v-8a07f1df]{display:flex;justify-content:space-between;background-color:var(--union-blue-500-union-blue);column-gap:var(--spacing-3xl);height:5rem;overflow-x:clip;overflow-y:visible}.phila-navbar .phila-navbar-brand[data-v-8a07f1df],.phila-navbar .phila-navbar-list[data-v-8a07f1df],.phila-navbar .phila-navbar-search[data-v-8a07f1df],.phila-navbar .phila-navbar-end[data-v-8a07f1df],.phila-navbar .phila-navbar-item[data-v-8a07f1df],.phila-navbar .phila-navbar-burger[data-v-8a07f1df]{display:flex}[data-v-8a07f1df] a.phila-navbar-link,.phila-navbar a.phila-navbar-link[data-v-8a07f1df]{text-decoration:none;color:var(--Schemes-On-Inverse-Surface-Bright)}[data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]{list-style:none;padding:0;margin:0;column-gap:var(--spacing-l)}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item{height:100%;display:flex;align-items:center}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link{display:flex;align-items:center;height:100%}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link:hover,:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{color:var(--union-blue-200-union-blue);background-color:var(--Palettes-Secondary-Secondary-650)}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{outline-offset:0!important}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link:focus{outline:2px solid var(--Focus-Ring-Color);outline-offset:2px}[data-v-8a07f1df] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-8a07f1df]{flex:0 0 auto;aspect-ratio:1;height:5rem!important;width:5rem!important;align-items:center;justify-content:center;background-color:var(--flyers-orange-450-flyers-orange);border-radius:0!important;font-size:var(--scale-400);color:var(--Schemes-On-Surface);box-shadow:none}:is([data-v-8a07f1df] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-8a07f1df]).phila-navbar-item-flyout-active{color:var(--Schemes-Primary, #2176d2);background-color:var(--Schemes-Surface-Container-Low)}[data-v-8a07f1df] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-8a07f1df]{flex:1 1 auto;align-items:center}:is([data-v-8a07f1df] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-8a07f1df]) a{font-weight:400}:is([data-v-8a07f1df] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-8a07f1df]) img:hover{opacity:.8}:is([data-v-8a07f1df] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-8a07f1df]) .phila-navbar-brand-link{margin-left:var(--spacing-xl)}[data-v-8a07f1df] .nav-flyout,.phila-navbar .nav-flyout[data-v-8a07f1df]{position:absolute;top:var(--nav-height);left:0;width:100%;z-index:9999;overflow-y:auto;max-height:calc(100vh - var(--nav-bottom))}[data-v-8a07f1df] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-8a07f1df]{flex:0 0 auto;align-items:center}:is([data-v-8a07f1df] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-8a07f1df]) button{background-color:var(--Schemes-Primary);box-shadow:none}[data-v-8a07f1df] .phila-navbar-end,.phila-navbar .phila-navbar-end[data-v-8a07f1df]{flex:0 0 auto;align-items:center;padding-right:var(--spacing-l)}@media(max-width:1024px){.phila-navbar.is-compact-mobile[data-v-8a07f1df]{height:3rem}.phila-navbar.is-compact-mobile[data-v-8a07f1df] .phila-navbar-burger{height:3rem!important;width:3rem!important;font-size:1.2rem}.phila-navbar.is-compact-mobile[data-v-8a07f1df] .phila-navbar-logo.logo--stacked{font-size:.875rem}}.site-wide-alert[data-v-f391cc47]{display:flex;align-items:center;gap:var(--spacing-m, 1rem);align-self:stretch;background:var(--Schemes-Alert-Container, #ffe9b0)}.alert-content[data-v-f391cc47]{display:flex;max-width:60rem;padding:var(--spacing-m, 1rem) var(--spacing-l, 1.5rem);align-items:flex-start;gap:var(--spacing-m, 1rem);flex:1 0 0}.phila-navbar-logo[data-v-3011c249]{font-size:1.2rem}.phila-navbar-logo.logo--single-line[data-v-3011c249]{font-size:1.6rem}.language-switcher[data-v-f91f4b58]{font-size:var(--Body-ExtraSmall-font-body-xs-size)}.language-link[data-v-f91f4b58]{font-size:var(--Body-Small-font-body-small-size, .875rem);font-weight:700;color:var(--Schemes-Primary);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.language-link[data-v-f91f4b58]:hover{text-decoration:none}.language-link[data-v-f91f4b58]:focus-visible{outline:2px solid var(--Schemes-Primary, #1976d2);outline-offset:2px}.language-globe[data-v-f91f4b58]{position:relative;z-index:10000}.language-globe-toggle[data-v-f91f4b58]{font-size:var(--Body-Small-font-body-small-size, .875rem);font-weight:700;color:var(--Schemes-Primary);background:none;border:none;padding:0;cursor:pointer;gap:.125rem}.language-globe-toggle[data-v-f91f4b58]:focus-visible{outline:2px solid var(--Schemes-Primary, #1976d2);outline-offset:2px}.language-menu[data-v-f91f4b58]{position:absolute;top:100%;right:0;margin-top:4px;background-color:var(--Schemes-Surface-Container-Lowest, #fff);border:1px solid var(--Schemes-Outline-Variant, rgba(0, 0, 0, .12));border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:10rem;max-height:250px;overflow-y:auto;z-index:10000}.language-menu-item[data-v-f91f4b58]{display:block;width:100%;padding:var(--spacing-s) var(--spacing-m, 1rem);border:none;background:none;text-align:left;cursor:pointer;font-size:var(--Body-Small-font-body-small-size, .875rem);color:var(--Schemes-Primary);transition:background-color .15s}.language-menu-item[data-v-f91f4b58]:hover,.language-menu-item[data-v-f91f4b58]:focus-visible{background-color:var(--Schemes-Surface-Container-Low, #f5f5f5);outline:none}.language-menu-item[data-v-f91f4b58]:focus-visible{outline:2px solid var(--Schemes-Primary, #1976d2);outline-offset:-2px}.language-menu-item.is-selected[data-v-f91f4b58]{font-weight:700;color:var(--Schemes-Primary)}.tooltip[data-v-7af177ec]{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-7af177ec]{--tooltip-bg: var(--Schemes-Surface-Container-Lowest);color:var(--Schemes-On-Surface)}.tooltip.tooltip--plain[data-v-7af177ec]{--tail-height: 10px;padding:var(--spacing-2xs) var(--spacing-xs);justify-content:center}.tooltip.tooltip--rich[data-v-7af177ec]{--tail-height: 12px;padding:var(--spacing-s) var(--spacing-m);width:max-content;min-width:11.25rem;max-width:min(25rem,calc(100vw - 3rem));gap:var(--spacing-xs)}.tooltip .tooltip__tail[data-v-7af177ec]{position:absolute;width:20px;height:var(--tail-height);background-color:var(--tooltip-bg)}.tooltip.tooltip--top-left .tooltip__tail[data-v-7af177ec],.tooltip.tooltip--top-right .tooltip__tail[data-v-7af177ec],.tooltip.tooltip--top-center .tooltip__tail[data-v-7af177ec]{clip-path:polygon(0 0,100% 0,50% 100%);bottom:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--bottom-left .tooltip__tail[data-v-7af177ec],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-7af177ec],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-7af177ec]{clip-path:polygon(50% 0,0 100%,100% 100%);top:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--top-left .tooltip__tail[data-v-7af177ec],.tooltip.tooltip--bottom-left .tooltip__tail[data-v-7af177ec]{left:8px}.tooltip.tooltip--top-right .tooltip__tail[data-v-7af177ec],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-7af177ec]{right:8px}.tooltip.tooltip--top-center .tooltip__tail[data-v-7af177ec],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-7af177ec]{left:50%;transform:translate(-50%)}.tooltip__plain-row[data-v-7af177ec],.tooltip__title-row[data-v-7af177ec]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xs);width:100%}.tooltip__title-row h6[data-v-7af177ec]{flex:1}.tooltip__dismiss[data-v-7af177ec]{margin-left:auto;flex-shrink:0}.tooltip-trigger[data-v-b3f93b8c]{position:relative;display:inline-block}.tooltip-trigger__positioner[data-v-b3f93b8c]{position:absolute;z-index:1000}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-left[data-v-b3f93b8c]{bottom:100%;left:-8px;padding-bottom:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-right[data-v-b3f93b8c]{bottom:100%;right:-8px;padding-bottom:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-center[data-v-b3f93b8c]{bottom:100%;left:50%;transform:translate(calc(-50% + var(--adjust-x, 0px)));padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-left[data-v-b3f93b8c]{top:100%;left:-8px;padding-top:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-right[data-v-b3f93b8c]{top:100%;right:-8px;padding-top:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-center[data-v-b3f93b8c]{top:100%;left:50%;transform:translate(calc(-50% + var(--adjust-x, 0px)));padding-top:var(--positioner-gap)}.navbar-info[data-v-a29fa022]{display:flex;align-items:center;cursor:pointer}.navbar-info [data-v-a29fa022] .navbar-info__trigger.icon-button--standard{color:var(--Schemes-On-Primary)}.navbar-info .navbar-info__group[data-v-a29fa022]:not(:hover) .navbar-info__trigger.icon-button--standard{color:#fff}.navbar-info .navbar-info__group[data-v-a29fa022]:hover .navbar-info__trigger.icon-button--standard{background:var(--Schemes-Surface-Container)}.navbar-info .navbar-info__group[data-v-a29fa022] .navbar-info__trigger.icon-button--standard[aria-pressed=true]{color:#fff;background:transparent}.navbar-info__group[data-v-a29fa022]{display:flex;align-items:center}.navbar-info__label[data-v-a29fa022]{color:var(--Extended-Colors-link-default);text-decoration:underline;font-weight:400;margin-left:var(--spacing-xs);-webkit-user-select:none;user-select:none}.navbar-info__group:hover .navbar-info__label[data-v-a29fa022]{color:var(--Extended-Colors-link-hover);text-decoration-color:var(--Extended-Colors-link-hover)}
1
+ #trusted-site[data-v-dee4f05c]{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-dee4f05c]{color:var(--Schemes-On-Surface);font-size:var(--Body-ExtraSmall-font-body-xs-size)}#trusted-site button[data-v-dee4f05c]{--Schemes-Surface-Container-Lowest: transparent;font-size:var(--Body-ExtraSmall-font-body-xs-size)!important}#trusted-site .trusted-toggle[data-v-dee4f05c]{height:100%}@media(max-width:1024px){#trusted-site.is-compact-mobile[data-v-dee4f05c]{height:40px}}#trusted-site-info[data-v-dee4f05c]{background-color:var(--ghost-grey-500-ghost-grey)}#trusted-site-info .circle-icon[data-v-dee4f05c]{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-dee4f05c]{color:var(--Schemes-Secondary)}#trusted-site-info .info-item:last-child .trusted-icon[data-v-dee4f05c]{color:var(--Palettes-Success-Success-400)}body:has(.phila-navbar .phila-navbar-item-flyout-active){overflow:hidden}.phila-navbar[data-v-8a07f1df]{display:flex;justify-content:space-between;background-color:var(--union-blue-500-union-blue);column-gap:var(--spacing-3xl);height:5rem;overflow-x:clip;overflow-y:visible}.phila-navbar .phila-navbar-brand[data-v-8a07f1df],.phila-navbar .phila-navbar-list[data-v-8a07f1df],.phila-navbar .phila-navbar-search[data-v-8a07f1df],.phila-navbar .phila-navbar-end[data-v-8a07f1df],.phila-navbar .phila-navbar-item[data-v-8a07f1df],.phila-navbar .phila-navbar-burger[data-v-8a07f1df]{display:flex}[data-v-8a07f1df] a.phila-navbar-link,.phila-navbar a.phila-navbar-link[data-v-8a07f1df]{text-decoration:none;color:var(--Schemes-On-Inverse-Surface-Bright)}[data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]{list-style:none;padding:0;margin:0;column-gap:var(--spacing-l)}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item{height:100%;display:flex;align-items:center}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link{display:flex;align-items:center;height:100%}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link:hover,:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{color:var(--union-blue-200-union-blue);background-color:var(--Palettes-Secondary-Secondary-650)}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{outline-offset:0!important}:is([data-v-8a07f1df] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-8a07f1df]) .phila-navbar-link-list-item .phila-navbar-link:focus{outline:2px solid var(--Focus-Ring-Color);outline-offset:2px}[data-v-8a07f1df] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-8a07f1df]{flex:0 0 auto;aspect-ratio:1;height:5rem!important;width:5rem!important;align-items:center;justify-content:center;background-color:var(--flyers-orange-450-flyers-orange);border-radius:0!important;font-size:var(--scale-400);color:var(--Schemes-On-Surface);box-shadow:none}:is([data-v-8a07f1df] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-8a07f1df]).phila-navbar-item-flyout-active{color:var(--Schemes-Primary, #2176d2);background-color:var(--Schemes-Surface-Container-Low)}[data-v-8a07f1df] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-8a07f1df]{flex:1 1 auto;align-items:center}:is([data-v-8a07f1df] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-8a07f1df]) a{font-weight:400}:is([data-v-8a07f1df] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-8a07f1df]) img:hover{opacity:.8}:is([data-v-8a07f1df] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-8a07f1df]) .phila-navbar-brand-link{margin-left:var(--spacing-xl)}[data-v-8a07f1df] .nav-flyout,.phila-navbar .nav-flyout[data-v-8a07f1df]{position:absolute;top:var(--nav-height);left:0;width:100%;z-index:9999;overflow-y:auto;max-height:calc(100vh - var(--nav-bottom))}[data-v-8a07f1df] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-8a07f1df]{flex:0 0 auto;align-items:center}:is([data-v-8a07f1df] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-8a07f1df]) button{background-color:var(--Schemes-Primary);box-shadow:none}[data-v-8a07f1df] .phila-navbar-end,.phila-navbar .phila-navbar-end[data-v-8a07f1df]{flex:0 0 auto;align-items:center;padding-right:var(--spacing-l)}@media(max-width:1024px){.phila-navbar.is-compact-mobile[data-v-8a07f1df]{height:3rem}.phila-navbar.is-compact-mobile[data-v-8a07f1df] .phila-navbar-burger{height:3rem!important;width:3rem!important;font-size:1.2rem}.phila-navbar.is-compact-mobile[data-v-8a07f1df] .phila-navbar-logo.logo--stacked{font-size:.875rem}}.site-wide-alert[data-v-f391cc47]{display:flex;align-items:center;gap:var(--spacing-m, 1rem);align-self:stretch;background:var(--Schemes-Alert-Container, #ffe9b0)}.alert-content[data-v-f391cc47]{display:flex;max-width:60rem;padding:var(--spacing-m, 1rem) var(--spacing-l, 1.5rem);align-items:flex-start;gap:var(--spacing-m, 1rem);flex:1 0 0}.phila-navbar-logo[data-v-3011c249]{font-size:1.2rem}.phila-navbar-logo.logo--single-line[data-v-3011c249]{font-size:1.6rem}.language-switcher[data-v-f91f4b58]{font-size:var(--Body-ExtraSmall-font-body-xs-size)}.language-link[data-v-f91f4b58]{font-size:var(--Body-Small-font-body-small-size, .875rem);font-weight:700;color:var(--Schemes-Primary);background:none;border:none;padding:0;cursor:pointer;text-decoration:underline}.language-link[data-v-f91f4b58]:hover{text-decoration:none}.language-link[data-v-f91f4b58]:focus-visible{outline:2px solid var(--Schemes-Primary, #1976d2);outline-offset:2px}.language-globe[data-v-f91f4b58]{position:relative;z-index:10000}.language-globe-toggle[data-v-f91f4b58]{font-size:var(--Body-Small-font-body-small-size, .875rem);font-weight:700;color:var(--Schemes-Primary);background:none;border:none;padding:0;cursor:pointer;gap:.125rem}.language-globe-toggle[data-v-f91f4b58]:focus-visible{outline:2px solid var(--Schemes-Primary, #1976d2);outline-offset:2px}.language-menu[data-v-f91f4b58]{position:absolute;top:100%;right:0;margin-top:4px;background-color:var(--Schemes-Surface-Container-Lowest, #fff);border:1px solid var(--Schemes-Outline-Variant, rgba(0, 0, 0, .12));border-radius:4px;box-shadow:0 2px 8px #00000026;min-width:10rem;max-height:250px;overflow-y:auto;z-index:10000}.language-menu-item[data-v-f91f4b58]{display:block;width:100%;padding:var(--spacing-s) var(--spacing-m, 1rem);border:none;background:none;text-align:left;cursor:pointer;font-size:var(--Body-Small-font-body-small-size, .875rem);color:var(--Schemes-Primary);transition:background-color .15s}.language-menu-item[data-v-f91f4b58]:hover,.language-menu-item[data-v-f91f4b58]:focus-visible{background-color:var(--Schemes-Surface-Container-Low, #f5f5f5);outline:none}.language-menu-item[data-v-f91f4b58]:focus-visible{outline:2px solid var(--Schemes-Primary, #1976d2);outline-offset:-2px}.language-menu-item.is-selected[data-v-f91f4b58]{font-weight:700;color:var(--Schemes-Primary)}.tooltip[data-v-af4a0398]{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-af4a0398]{--tooltip-bg: var(--Schemes-Surface-Container-Lowest);color:var(--Schemes-On-Surface)}.tooltip.tooltip--plain[data-v-af4a0398]{--tail-height: 10px;padding:var(--spacing-2xs) var(--spacing-xs);justify-content:center;width:max-content;max-width:min(18rem,calc(100vw - 3rem))}.tooltip.tooltip--rich[data-v-af4a0398]{--tail-height: 12px;padding:var(--spacing-s) var(--spacing-m);width:max-content;min-width:11.25rem;max-width:min(25rem,calc(100vw - 3rem));gap:var(--spacing-xs)}.tooltip .tooltip__tail[data-v-af4a0398]{position:absolute;width:20px;height:var(--tail-height);background-color:var(--tooltip-bg)}.tooltip.tooltip--top-left .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--top-right .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--top-center .tooltip__tail[data-v-af4a0398]{clip-path:polygon(0 0,100% 0,50% 100%);bottom:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--bottom-left .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-af4a0398]{clip-path:polygon(50% 0,0 100%,100% 100%);top:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--top-left .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--bottom-left .tooltip__tail[data-v-af4a0398]{left:8px}.tooltip.tooltip--top-right .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-af4a0398]{right:8px}.tooltip.tooltip--top-center .tooltip__tail[data-v-af4a0398],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-af4a0398]{left:50%;transform:translate(-50%)}.tooltip__plain-row[data-v-af4a0398],.tooltip__title-row[data-v-af4a0398]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xs);width:100%}.tooltip__title-row h6[data-v-af4a0398]{flex:1}.tooltip__dismiss[data-v-af4a0398]{margin-left:auto;flex-shrink:0}.tooltip-trigger[data-v-b3f93b8c]{position:relative;display:inline-block}.tooltip-trigger__positioner[data-v-b3f93b8c]{position:absolute;z-index:1000}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-left[data-v-b3f93b8c]{bottom:100%;left:-8px;padding-bottom:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-right[data-v-b3f93b8c]{bottom:100%;right:-8px;padding-bottom:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-center[data-v-b3f93b8c]{bottom:100%;left:50%;transform:translate(calc(-50% + var(--adjust-x, 0px)));padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-left[data-v-b3f93b8c]{top:100%;left:-8px;padding-top:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-right[data-v-b3f93b8c]{top:100%;right:-8px;padding-top:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-center[data-v-b3f93b8c]{top:100%;left:50%;transform:translate(calc(-50% + var(--adjust-x, 0px)));padding-top:var(--positioner-gap)}.navbar-info[data-v-a29fa022]{display:flex;align-items:center;cursor:pointer}.navbar-info [data-v-a29fa022] .navbar-info__trigger.icon-button--standard{color:var(--Schemes-On-Primary)}.navbar-info .navbar-info__group[data-v-a29fa022]:not(:hover) .navbar-info__trigger.icon-button--standard{color:#fff}.navbar-info .navbar-info__group[data-v-a29fa022]:hover .navbar-info__trigger.icon-button--standard{background:var(--Schemes-Surface-Container)}.navbar-info .navbar-info__group[data-v-a29fa022] .navbar-info__trigger.icon-button--standard[aria-pressed=true]{color:#fff;background:transparent}.navbar-info__group[data-v-a29fa022]{display:flex;align-items:center}.navbar-info__label[data-v-a29fa022]{color:var(--Extended-Colors-link-default);text-decoration:underline;font-weight:400;margin-left:var(--spacing-xs);-webkit-user-select:none;user-select:none}.navbar-info__group:hover .navbar-info__label[data-v-a29fa022]{color:var(--Extended-Colors-link-hover);text-decoration-color:var(--Extended-Colors-link-hover)}
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),g=require("@phila/phila-ui-core/icons"),c=require("@phila/phila-ui-core"),U=require("@phila/phila-ui-logo"),G="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",F={class:"trusted-wrap"},j={class:"hidden-tablet trusted-toggle is-flex is-align-center"},K=["src"],q=["aria-label","aria-expanded"],Q={class:"hidden-desktop trusted-toggle is-flex is-align-center"},W=["aria-label","aria-expanded"],X={key:0,class:"trusted-translation is-flex is-align-center"},Y=["hidden"],Z={class:"trusted-site-info-content content has-text-body-small is-flex is-justify-space-between"},J={class:"info-item-wrap is-flex"},ee={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},te={class:"trusted-icon is-flex is-flex-column has-text-center"},ne={class:"circle-icon p-3 mb-2"},oe={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},ae={class:"trusted-icon is-flex is-flex-column has-text-center"},le={class:"circle-icon p-3 mb-2"},ie={class:"info-content-close mt-4"},re=e.defineComponent({__name:"TrustedSite",props:{compactMobile:{type:Boolean}},setup(n){const t=e.useSlots(),{isVisible:o,setVisibility:a,toggleProps:l}=c.useVisibility({id:"trusted-site-info",escapeKeyHide:!0}),i=e.useTemplateRef("infoToggle"),r=e.useTemplateRef("closeInfoToggle"),b=e.useTemplateRef("infoToggleMobile"),u=e.computed(()=>o());return e.watch(()=>u.value,p=>{p?e.nextTick(()=>{r.value?.focus()}):(i.value?.focus(),b.value?.focus())}),(p,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{id:"trusted-site",class:e.normalizeClass(["is-flex is-justify-space-between",{"is-compact-mobile":n.compactMobile}])},[e.createElementVNode("div",F,[e.createElementVNode("div",j,[e.createElementVNode("img",{src:e.unref(G),alt:"",class:"icon"},null,8,K),f[2]||(f[2]=e.createElementVNode("div",{class:"content mx-2"},"An official website of the City of Philadelphia government",-1)),e.createElementVNode("button",e.mergeProps({ref_key:"infoToggle",ref:i,class:"phila-button is-extra-small","aria-label":`${u.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":u.value},e.unref(l)),[f[1]||(f[1]=e.createTextVNode(" Here's how you know ",-1)),e.createVNode(e.unref(c.Icon),{icon:u.value?e.unref(g.IconCaretUp):e.unref(g.IconCaretDown),inline:!0,decorative:!0},null,8,["icon"])],16,q)]),e.createElementVNode("div",Q,[e.createElementVNode("button",e.mergeProps({ref_key:"infoToggleMobile",ref:b,class:"phila-button is-extra-small","aria-label":`${u.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":u.value},e.unref(l)),[f[3]||(f[3]=e.createTextVNode(" An official website ",-1)),e.createVNode(e.unref(c.Icon),{icon:e.unref(g.IconCircleInfo),size:"extra-small",decorative:!0},null,8,["icon"])],16,W)])]),e.unref(t).translation?(e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(p.$slots,"translation",{},void 0,!0)])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{id:"trusted-site-info",class:"px-6",hidden:!u.value},[e.createElementVNode("div",Z,[e.createElementVNode("div",J,[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[e.createElementVNode("span",ne,[e.createVNode(e.unref(c.Icon),{icon:e.unref(g.IconBuildingColumns),inline:!0,decorative:!0},null,8,["icon"])]),f[4]||(f[4]=e.createElementVNode("span",{class:"has-text-bold"},".gov",-1))]),f[5]||(f[5]=e.createElementVNode("div",{class:"trusted-text m-4"},"Only government entities in the U.S. can end in .gov",-1))]),e.createElementVNode("div",oe,[e.createElementVNode("div",ae,[e.createElementVNode("div",le,[e.createVNode(e.unref(c.Icon),{icon:e.unref(g.IconLock),inline:!0,decorative:!0},null,8,["icon"])]),f[6]||(f[6]=e.createElementVNode("span",{class:"has-text-bold"},"https://",-1))]),f[7]||(f[7]=e.createElementVNode("div",{class:"trusted-text m-4"}," The https:// in the address bar means your information is encrypted and can not be accessed by anyone else ",-1))])]),e.createElementVNode("div",ie,[e.createElementVNode("button",{ref_key:"closeInfoToggle",ref:r,class:"phila-button phila-button--primary icon-button is-extra-small","aria-label":"Close Trusted Site information panel",onClick:f[0]||(f[0]=s=>e.unref(a)(!1))},[e.createVNode(e.unref(c.Icon),{icon:e.unref(g.IconClose),size:"extra-small",decorative:!0},null,8,["icon"])],512)])])],8,Y)],64))}}),N=(n,t)=>{const o=n.__vccOpts||n;for(const[a,l]of t)o[a]=l;return o},I=N(re,[["__scopeId","data-v-dee4f05c"]]),se={key:0,class:"phila-navbar-end"},V="5rem",ce=e.defineComponent({__name:"index",props:{id:{},sticky:{type:Boolean},navbarBrand:{},compactMobile:{type:Boolean,default:!1},visibilityGroup:{},links:{default:()=>[{text:"Home",href:"#"}]}},setup(n){const t=n,{visibilityState:o}=c.useVisibility({group:"app-header"}),a=e.useTemplateRef("navBarElement"),l=e.ref(V),i=e.ref(0),r=c.debounce(()=>{const u=(a.value?.offsetTop||0)+(a.value?.offsetHeight||0),p=typeof window<"u"?window.innerWidth:1024;l.value=!t.sticky||p<1024?u+"px":V,i.value=u},100),b=e.computed(()=>o.value?.appHeader);return e.watch(()=>b.value,r,{deep:!0,immediate:!0}),e.onMounted(()=>{window.addEventListener("resize",r)}),e.onUnmounted(()=>{window.removeEventListener("resize",r)}),(u,p)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"navBarElement",ref:a,class:e.normalizeClass(["phila-navbar has-links-on-primary",{"is-sticky-desktop":n.sticky,"is-compact-mobile":n.compactMobile}]),"aria-label":"Main navigation",style:e.normalizeStyle(`--nav-height:${l.value};--nav-bottom:${i.value}px`)},[e.renderSlot(u.$slots,"navbar-toggle",{},void 0,!0),e.renderSlot(u.$slots,"navbar-left",{},void 0,!0),e.renderSlot(u.$slots,"navbar-right",{},void 0,!0),u.$slots["navbar-end"]?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(u.$slots,"navbar-end",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}}),T=N(ce,[["__scopeId","data-v-8a07f1df"]]),de={class:"site-wide-alert content"},ue={class:"alert-content"},fe={class:"content-text"},me={class:"title"},pe={class:"body"},ve=e.defineComponent({__name:"AlertBanner",props:{bannerTitle:{},bannerMessage:{}},setup(n){const t=n;return(o,a)=>(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",ue,[e.createVNode(e.unref(c.Icon),{icon:e.unref(g.IconCircleExclamation),size:"small",decorative:!0},null,8,["icon"]),e.createElementVNode("div",fe,[e.createElementVNode("h6",me,e.toDisplayString(t.bannerTitle),1),e.createElementVNode("div",pe,e.toDisplayString(t.bannerMessage),1)])])]))}}),A=N(ve,[["__scopeId","data-v-f391cc47"]]),ge={class:"phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet"},be=["href"],he=["id","onMouseenter","onMouseleave"],ke=["href","aria-controls","aria-expanded","data-toggle","onTouchend","onClick"],ye={key:0,class:"content nav-flyout has-background-ghost-gray px-6 py-4",tabindex:"-1"},Be={class:"is-flex is-flex-column is-flex-wrap-wrap",style:{gap:"var(--spacing-4xl)"}},_e=["href"],M=e.defineComponent({__name:"NavbarLinks",props:{links:{},visibilityGroup:{}},setup(n){const t=p=>!!(p.subLinks||p.subNav),o=p=>`main-nav-${p.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g,"")}`,a=n,{setVisibility:l,create:i,isVisible:r,onMouseEnter:b,onMouseLeave:u}=c.useVisibility({group:a.visibilityGroup,outsideClickHide:!0,escapeKeyHide:!0,mouseOverToggle:!0,blurHide:!0,showSingle:!0});return e.onBeforeMount(()=>{a.links?.forEach(p=>{if(t(p)){const f=o(p);i(f)}})}),(p,f)=>(e.openBlock(),e.createElementBlock("div",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.links,(s,B)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t(s)?(e.openBlock(),e.createElementBlock("div",{id:`${a.visibilityGroup}-item-${o(s)}`,key:`navbar-link-${B}`,class:"phila-navbar-link-list-item",onMouseenter:v=>e.unref(b)(o(s)),onMouseleave:v=>e.unref(u)(o(s))},[e.createElementVNode("a",{href:s.href,class:e.normalizeClass(["phila-navbar-link px-4",{"phila-navbar-item-flyout-active":e.unref(r)(o(s))}]),"aria-controls":o(s),"aria-expanded":e.unref(r)(o(s)),"data-toggle":`visibility-${o(s)}`,tabindex:"0",onTouchend:v=>e.unref(l)(!e.unref(r)(o(s)),o(s)),onClick:e.withModifiers(v=>e.unref(l)(!e.unref(r)(o(s)),o(s)),["prevent"])},[e.createTextVNode(e.toDisplayString(s.text)+" ",1),e.createVNode(e.unref(c.Icon),{icon:e.unref(r)(o(s))?e.unref(g.IconCaretUp):e.unref(g.IconCaretDown),inline:!0,decorative:!0,class:"ml-1"},null,8,["icon"])],42,ke),(e.openBlock(),e.createBlock(e.unref(c.FocusTrap),{id:o(s),key:s.text,"allow-escape":"",hidden:!e.unref(r)(o(s)),onEscape:v=>e.unref(l)(!1,o(s))},{default:e.withCtx(()=>[s.subLinks?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("ul",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.subLinks,v=>(e.openBlock(),e.createElementBlock("li",{key:v.text,class:"sub-nav-link is-flex is-align-center",style:{width:"150px"}},[e.createElementVNode("a",{href:v.href,class:"has-text-link has-text-weight-medium",tabindex:"0"},e.toDisplayString(v.text),9,_e)]))),128))])])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.subNav),{key:1}))]),_:2},1032,["id","hidden","onEscape"]))],40,he)):(e.openBlock(),e.createElementBlock("div",{key:`link-${B}`,class:"phila-navbar-link-list-item"},[e.createElementVNode("a",{href:s.href,class:"phila-navbar-link px-4",tabindex:"0"},e.toDisplayString(s.text),9,be)]))],64))),256))]))}}),xe={class:"phila-navbar-search is-flex"},Ne={id:"navbar-search"},$e={class:"pr-4"},Ce=["aria-controls","data-toggle","aria-expanded","aria-label"],L=e.defineComponent({__name:"NavbarSearch",props:{visibilityGroup:{}},setup(n){const t=n,{setVisibility:o,isVisible:a}=c.useVisibility({id:`${t.visibilityGroup}-flyout-navbar-search`,group:t.visibilityGroup,outsideClickHide:!0,escapeKeyHide:!0,blurHide:!0,showSingle:!0});return(l,i)=>(e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",Ne,[e.createElementVNode("div",$e,[e.createElementVNode("button",{class:e.normalizeClass(["phila-button phila-button--primary icon-button is-small",{"phila-navbar-item-flyout-active":e.unref(a)()}]),"aria-controls":`${t.visibilityGroup}-flyout-navbar-search`,"data-toggle":`visibility-${t.visibilityGroup}-flyout-navbar-search`,"aria-expanded":e.unref(a)(),"aria-label":`${e.unref(a)()?"Close":"Open"} search panel`,onClick:i[0]||(i[0]=r=>e.unref(o)(!e.unref(a)()))},[e.createVNode(e.unref(c.Icon),{icon:e.unref(a)()?e.unref(g.IconClose):e.unref(g.IconMagnifyingGlass),decorative:!0},null,8,["icon"])],10,Ce)])]),e.createVNode(e.unref(c.FocusTrap),{id:`${t.visibilityGroup}-flyout-navbar-search`,"allow-escape":"",class:"nav-flyout is-12",hidden:!e.unref(a)(),onEscape:i[1]||(i[1]=r=>e.unref(o)(!1,`${t.visibilityGroup}-flyout-navbar-search`))},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"search-panel")]),_:3},8,["id","hidden"])]))}}),Ee=e.defineComponent({__name:"NavbarBrandLogo",props:{logo:{},src:{},href:{},altText:{}},setup(n){const t=n,o=e.computed(()=>({variant:"city",layout:"stacked",colorScheme:"on-primary",href:t.href,...t.logo}));return(a,l)=>(e.openBlock(),e.createBlock(e.unref(U.Logo),e.mergeProps(o.value,{class:"phila-navbar-logo"}),null,16))}}),D=N(Ee,[["__scopeId","data-v-3011c249"]]),we={class:"phila-navbar-brand is-flex"},Ve={key:0,class:"phila-navbar-item phila-navbar-brand-link hidden-tablet"},Se={key:0,class:"content"},Ie=["href"],z=e.defineComponent({__name:"NavbarBrand",props:{brandingImage:{},brandingLink:{},logo:{}},setup(n){return(t,o)=>(e.openBlock(),e.createElementBlock("div",we,[e.renderSlot(t.$slots,"navbar-logo",{},()=>[n.brandingImage?(e.openBlock(),e.createBlock(D,e.mergeProps({key:0},n.brandingImage,{logo:n.logo}),null,16,["logo"])):e.createCommentVNode("",!0)]),t.$slots["navbar-brand-link"]||n.brandingLink?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(t.$slots,"navbar-brand-link",{},()=>[n.brandingLink?(e.openBlock(),e.createElementBlock("div",Se,[e.createElementVNode("a",{tabindex:"0",href:n.brandingLink.href,class:"has-text-underline"},e.toDisplayString(n.brandingLink.text),9,Ie)])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]))}}),Te=["id"],Ae=["aria-controls","aria-expanded","aria-label"],Me=["id","hidden"],P=e.defineComponent({__name:"NavbarBurger",props:{visibilityGroup:{},id:{}},setup(n){const t=n,{isVisible:o,toggleProps:a}=c.useVisibility({id:t.id,group:t.visibilityGroup,outsideClickHide:!0,escapeKeyHide:!0,blurHide:!1,showSingle:!0}),l=e.computed(()=>o(t.id));return(i,r)=>(e.openBlock(),e.createElementBlock("div",{id:t.id},[e.createElementVNode("button",e.mergeProps({class:["phila-navbar-burger phila-button icon-button",{"phila-navbar-item-flyout-active":l.value}],"aria-controls":`navbar-burger-flyout-${t.visibilityGroup}`,"aria-expanded":l.value,"aria-label":`${l.value?"Close":"Open"} mobile navigation panel`},e.unref(a)),[e.createVNode(e.unref(c.Icon),{icon:l.value?e.unref(g.IconClose):e.unref(g.IconBars),size:"large",decorative:!0},null,8,["icon"])],16,Ae),e.createElementVNode("div",{id:`navbar-burger-flyout-${t.visibilityGroup}`,class:"phila-mobile-nav",hidden:!l.value},[e.renderSlot(i.$slots,"mobile-nav")],8,Me)],8,Te))}}),Le={class:"language-inline hidden-tablet","aria-label":"Language selection"},De={class:"is-flex is-align-center is-gap-4"},ze=["lang","onClick"],Pe={class:"language-globe"},Re=["aria-expanded"],Oe={class:"icon","aria-hidden":"true"},He={class:"icon","aria-hidden":"true"},Ue=["lang","aria-checked","tabindex","onClick"],Ge=e.defineComponent({__name:"LanguageSwitcher",props:{languages:{},locale:{}},emits:["update:locale"],setup(n,{emit:t}){const o=n,a=t,l=e.ref(!1),i=e.ref(-1),r=e.ref(null),b=e.ref(null),u=e.ref([]),p=e.computed(()=>o.languages.slice(0,3));function f(){l.value=!0,i.value=Math.max(0,o.languages.findIndex(d=>d.code===o.locale)),e.nextTick(()=>v(i.value))}function s(){l.value?(l.value=!1,i.value=-1):f()}function B(){l.value=!1,i.value=-1,b.value?.focus()}function v(d){u.value[d]?.focus()}function y(d,_){d&&(u.value[_]=d)}function C(d){a("update:locale",d),B()}function E(d){(d.key==="ArrowDown"||d.key==="ArrowUp")&&(d.preventDefault(),l.value||f())}function m(d){switch(d.key){case"Escape":d.preventDefault(),B();break;case"ArrowDown":d.preventDefault(),i.value=(i.value+1)%o.languages.length,v(i.value);break;case"ArrowUp":d.preventDefault(),i.value=(i.value-1+o.languages.length)%o.languages.length,v(i.value);break;case"Home":d.preventDefault(),i.value=0,v(i.value);break;case"End":d.preventDefault(),i.value=o.languages.length-1,v(i.value);break;case"Tab":B();break}}function k(d){r.value&&!r.value.contains(d.target)&&(l.value=!1,i.value=-1)}return e.onMounted(()=>{document.addEventListener("click",k)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",k)}),(d,_)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:r,class:"language-switcher is-flex is-align-center is-gap-4"},[e.createElementVNode("nav",Le,[e.createElementVNode("div",De,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,h=>(e.openBlock(),e.createElementBlock("button",{key:h.code,lang:h.lang,class:"language-link",onClick:x=>a("update:locale",h.code)},e.toDisplayString(h.title),9,ze))),128))])]),e.createElementVNode("div",Pe,[e.createElementVNode("button",{ref_key:"toggleRef",ref:b,class:"language-globe-toggle is-flex is-align-center","aria-label":"Select language","aria-haspopup":"true","aria-expanded":l.value,onClick:e.withModifiers(s,["stop"]),onKeydown:E},[e.createElementVNode("span",Oe,[e.createVNode(e.unref(c.Icon),{icon:e.unref(g.IconGlobe),decorative:"",inline:"",style:{"font-size":"1em"}},null,8,["icon"])]),e.createElementVNode("span",He,[e.createVNode(e.unref(c.Icon),{icon:l.value?e.unref(g.IconCaretUp):e.unref(g.IconCaretDown),decorative:"",inline:"",style:{"font-size":"1em"}},null,8,["icon"])])],40,Re),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"language-menu",role:"menu",onKeydown:m},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.languages,(h,x)=>(e.openBlock(),e.createElementBlock("button",{key:h.code,ref_for:!0,ref:$=>y($,x),lang:h.lang,role:"menuitemradio","aria-checked":h.code===n.locale,tabindex:x===i.value?0:-1,class:e.normalizeClass(["language-menu-item",{"is-selected":h.code===n.locale}]),onClick:e.withModifiers($=>C(h.code),["stop"])},e.toDisplayString(h.title),11,Ue))),128))],32)):e.createCommentVNode("",!0)])],512))}}),R=N(Ge,[["__scopeId","data-v-f91f4b58"]]),Fe=e.defineComponent({__name:"AppHeader",props:{showTrustedSite:{type:Boolean,default:!0},translations:{default:void 0},languages:{default:void 0},locale:{default:void 0},className:{},id:{default:"main-nav"},sticky:{type:Boolean,default:!0},navbarBrand:{default:void 0},compactMobile:{type:Boolean,default:!1},visibilityGroup:{},links:{default:void 0},bannerTitle:{default:void 0},bannerMessage:{default:void 0}},emits:["update:locale"],setup(n,{emit:t}){const o=t;return(a,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.showTrustedSite?(e.openBlock(),e.createBlock(I,{key:0,"compact-mobile":n.compactMobile},{translation:e.withCtx(()=>[e.renderSlot(a.$slots,"translations",{},()=>[n.languages?(e.openBlock(),e.createBlock(R,{key:0,languages:n.languages,locale:n.locale??"","onUpdate:locale":l[0]||(l[0]=i=>o("update:locale",i))},null,8,["languages","locale"])):n.translations?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.translations),{key:1})):e.createCommentVNode("",!0)])]),_:3},8,["compact-mobile"])):e.createCommentVNode("",!0),e.createVNode(T,{id:n.id,sticky:n.sticky,"compact-mobile":n.compactMobile},e.createSlots({"navbar-toggle":e.withCtx(()=>[e.renderSlot(a.$slots,"navbar-toggle",{},()=>[e.createVNode(P,{id:`mobile-nav-${n.id}`,"visibility-group":n.id},e.createSlots({_:2},[a.$slots["mobile-nav"]?{name:"mobile-nav",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"mobile-nav")]),key:"0"}:void 0]),1032,["id","visibility-group"])])]),"navbar-left":e.withCtx(()=>[e.renderSlot(a.$slots,"navbar-left",{},()=>[e.renderSlot(a.$slots,"navbar-brand",{},()=>[n.navbarBrand?(e.openBlock(),e.createBlock(z,e.normalizeProps(e.mergeProps({key:0},n.navbarBrand)),null,16)):e.createCommentVNode("",!0)])])]),"navbar-right":e.withCtx(()=>[e.renderSlot(a.$slots,"navbar-right",{},()=>[e.renderSlot(a.$slots,"navbar-links",{},()=>[n.links?(e.openBlock(),e.createBlock(M,{key:0,links:n.links,"visibility-group":n.id},null,8,["links","visibility-group"])):e.createCommentVNode("",!0)]),e.renderSlot(a.$slots,"navbar-search",{},()=>[e.createVNode(L,{"visibility-group":n.id},{"search-panel":e.withCtx(()=>[e.renderSlot(a.$slots,"search-panel")]),_:3},8,["visibility-group"])])])]),_:2},[a.$slots["navbar-end"]?{name:"navbar-end",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"navbar-end")]),key:"0"}:void 0]),1032,["id","sticky","compact-mobile"]),n.bannerTitle||n.bannerMessage?(e.openBlock(),e.createBlock(A,{key:1,"banner-title":n.bannerTitle,"banner-message":n.bannerMessage},null,8,["banner-title","banner-message"])):e.createCommentVNode("",!0)],64))}}),je=["disabled"],S=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:{},icon:{},src:{},svgRaw:{}},setup(n){const t=n,o=r=>"href"in r&&r.href!==void 0||"to"in r&&r.to!==void 0,a=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)),l=e.computed(()=>o(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:a.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:a.value}:{}),i=e.computed(()=>({icon:t.icon,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size}));return(r,b)=>o(t)?(e.openBlock(),e.createBlock(e.unref(c.BaseLink),e.mergeProps({key:0},{...l.value,...r.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:"button",disabled:t.disabled,class:a.value},r.$attrs),[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,je))}}),Ke=["id"],qe={key:0,class:"tooltip__tail","aria-hidden":"true"},Qe={key:1,class:"tooltip__plain-row has-text-body-small"},We={key:0,class:"tooltip__title-row"},Xe={key:0},Ye=e.defineComponent({__name:"TooltipBubble",props:{id:{},type:{default:"plain"},color:{default:"default"},tail:{type:Boolean,default:!1},placement:{default:"top-center"},title:{},dismissable:{type:Boolean,default:!1},className:{}},emits:["dismiss"],setup(n){const t=n,o=e.computed(()=>c.cn("tooltip","content","resets-link-colors",`tooltip--${t.type}`,`tooltip--${t.color}`,t.tail&&`tooltip--${t.placement}`,t.className));return(a,l)=>(e.openBlock(),e.createElementBlock("div",{id:n.id,class:e.normalizeClass(o.value),role:"tooltip"},[n.tail?(e.openBlock(),e.createElementBlock("div",qe)):e.createCommentVNode("",!0),n.type==="plain"?(e.openBlock(),e.createElementBlock("div",Qe,[e.renderSlot(a.$slots,"default",{},void 0,!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(S),{key:0,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,icon:e.unref(g.IconClose),"aria-label":"Dismiss tooltip",onClick:l[0]||(l[0]=i=>a.$emit("dismiss"))},null,8,["icon"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[n.title||n.dismissable?(e.openBlock(),e.createElementBlock("div",We,[n.title?(e.openBlock(),e.createElementBlock("h6",Xe,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(S),{key:1,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,icon:e.unref(g.IconClose),"aria-label":"Dismiss tooltip",onClick:l[1]||(l[1]=i=>a.$emit("dismiss"))},null,8,["icon"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default",{},void 0,!0)],64))],10,Ke))}}),O=(n,t)=>{const o=n.__vccOpts||n;for(const[a,l]of t)o[a]=l;return o},Ze=O(Ye,[["__scopeId","data-v-7af177ec"]]),Je=e.defineComponent({__name:"Tooltip",props:{trigger:{default:"hover"},type:{default:"plain"},color:{default:"default"},tail:{type:Boolean,default:!1},placement:{default:"auto"},title:{},dismissable:{type:Boolean},className:{}},setup(n,{expose:t}){const o=n,a=e.useId(),l=e.ref(!1),i=e.ref(null),r=e.ref(null),b=e.ref("top-center"),u=e.ref(0),p=()=>{const m=i.value?.getBoundingClientRect();if(!m)return"top-center";const{innerWidth:k,innerHeight:d}=window,_=m.top,h=d-m.bottom,x=r.value?.firstElementChild?.getBoundingClientRect().height??0,$=(x>0?_>=x:_>=h)?"top":"bottom",w=m.left+m.width/2,H=w<k/3?"left":w>k*2/3?"right":"center";return`${$}-${H}`},f=m=>{m.key==="Escape"&&y()},s=m=>{i.value&&!i.value.contains(m.target)&&y()};function B(){const m=r.value?.firstElementChild?.getBoundingClientRect();if(!m)return;const k=8,d=m.right-(window.innerWidth-k),_=k-m.left;d<=0&&_<=0||(u.value=window.innerWidth/2-(m.left+m.width/2))}const v=async()=>{o.placement==="auto"?b.value=p():b.value=o.placement,u.value=0,l.value=!0,document.addEventListener("keydown",f),o.trigger==="click"&&document.addEventListener("click",s),await e.nextTick(),B()},y=()=>{l.value=!1,document.removeEventListener("keydown",f),document.removeEventListener("click",s)},C=()=>{l.value?y():v()};e.onUnmounted(y),t({show:v,hide:y});const E=e.computed(()=>({type:o.type,color:o.color,tail:o.tail,placement:b.value,title:o.title,dismissable:o.dismissable}));return(m,k)=>(e.openBlock(),e.createElementBlock("span",e.mergeProps({ref_key:"wrapperEl",ref:i,class:e.unref(c.cn)("tooltip-trigger",o.className)},n.trigger==="click"?{onClick:C}:{onMouseenter:v,onMouseleave:y,onFocusin:v,onFocusout:y}),[e.renderSlot(m.$slots,"default",{tooltipId:e.unref(a),isOpen:l.value},void 0,!0),e.createElementVNode("span",{ref_key:"positionerEl",ref:r,class:e.normalizeClass(["tooltip-trigger__positioner",`tooltip-trigger__positioner--${b.value}`]),style:e.normalizeStyle({visibility:l.value?"visible":"hidden","--positioner-gap":n.tail?"var(--spacing-l)":"0.5rem","--adjust-x":`${u.value}px`}),onClick:k[0]||(k[0]=e.withModifiers(()=>{},["stop"]))},[e.createVNode(Ze,e.mergeProps(E.value,{id:e.unref(a),onDismiss:y}),{default:e.withCtx(()=>[e.renderSlot(m.$slots,"body",{},void 0,!0)]),_:3},16,["id"])],6)],16))}}),et=O(Je,[["__scopeId","data-v-b3f93b8c"]]),tt=["disabled"],nt=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:{},icon:{},src:{},svgRaw:{}},setup(n){const t=n,o=r=>"href"in r&&r.href!==void 0||"to"in r&&r.to!==void 0,a=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)),l=e.computed(()=>o(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:a.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:a.value}:{}),i=e.computed(()=>({icon:t.icon,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size}));return(r,b)=>o(t)?(e.openBlock(),e.createBlock(e.unref(c.BaseLink),e.mergeProps({key:0},{...l.value,...r.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:"button",disabled:t.disabled,class:a.value},r.$attrs),[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,tt))}}),ot={class:"navbar-info"},at={class:"navbar-info__group"},lt={key:0,class:"navbar-info__label has-text-body-default hidden-tablet","aria-hidden":"true"},it={class:"has-text-body-small"},rt=e.defineComponent({__name:"NavbarInfo",props:{infoTitle:{},infoMessage:{},label:{}},setup(n,{expose:t}){const o=e.useTemplateRef("tooltip");return t({show:()=>o.value?.show(),hide:()=>o.value?.hide()}),(a,l)=>(e.openBlock(),e.createElementBlock("div",ot,[e.createVNode(e.unref(et),{ref_key:"tooltip",ref:o,type:"rich",title:n.infoTitle,trigger:"click",dismissable:!0},{default:e.withCtx(({tooltipId:i,isOpen:r})=>[e.createElementVNode("span",at,[e.createVNode(e.unref(nt),{class:"navbar-info__trigger",variant:"standard",size:"small","icon-only":!0,icon:e.unref(g.IconCircleInfo),"aria-label":"More information","aria-describedby":i,"aria-pressed":r},null,8,["icon","aria-describedby","aria-pressed"]),n.label?(e.openBlock(),e.createElementBlock("span",lt,e.toDisplayString(n.label),1)):e.createCommentVNode("",!0)])]),body:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createElementVNode("div",it,e.toDisplayString(n.infoMessage),1)],!0)]),_:3},8,["title"])]))}}),st=N(rt,[["__scopeId","data-v-a29fa022"]]);exports.AlertBanner=A;exports.AppHeader=Fe;exports.LanguageSwitcher=R;exports.NavBar=T;exports.NavbarBrand=z;exports.NavbarBrandLogo=D;exports.NavbarBurger=P;exports.NavbarInfo=st;exports.NavbarLinks=M;exports.NavbarSearch=L;exports.TrustedSite=I;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),g=require("@phila/phila-ui-core/icons"),c=require("@phila/phila-ui-core"),U=require("@phila/phila-ui-logo"),G="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",F={class:"trusted-wrap"},j={class:"hidden-tablet trusted-toggle is-flex is-align-center"},K=["src"],q=["aria-label","aria-expanded"],Q={class:"hidden-desktop trusted-toggle is-flex is-align-center"},W=["aria-label","aria-expanded"],X={key:0,class:"trusted-translation is-flex is-align-center"},Y=["hidden"],Z={class:"trusted-site-info-content content has-text-body-small is-flex is-justify-space-between"},J={class:"info-item-wrap is-flex"},ee={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},te={class:"trusted-icon is-flex is-flex-column has-text-center"},ne={class:"circle-icon p-3 mb-2"},oe={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},ae={class:"trusted-icon is-flex is-flex-column has-text-center"},le={class:"circle-icon p-3 mb-2"},ie={class:"info-content-close mt-4"},re=e.defineComponent({__name:"TrustedSite",props:{compactMobile:{type:Boolean}},setup(n){const t=e.useSlots(),{isVisible:o,setVisibility:a,toggleProps:l}=c.useVisibility({id:"trusted-site-info",escapeKeyHide:!0}),i=e.useTemplateRef("infoToggle"),r=e.useTemplateRef("closeInfoToggle"),b=e.useTemplateRef("infoToggleMobile"),u=e.computed(()=>o());return e.watch(()=>u.value,p=>{p?e.nextTick(()=>{r.value?.focus()}):(i.value?.focus(),b.value?.focus())}),(p,f)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{id:"trusted-site",class:e.normalizeClass(["is-flex is-justify-space-between",{"is-compact-mobile":n.compactMobile}])},[e.createElementVNode("div",F,[e.createElementVNode("div",j,[e.createElementVNode("img",{src:e.unref(G),alt:"",class:"icon"},null,8,K),f[2]||(f[2]=e.createElementVNode("div",{class:"content mx-2"},"An official website of the City of Philadelphia government",-1)),e.createElementVNode("button",e.mergeProps({ref_key:"infoToggle",ref:i,class:"phila-button is-extra-small","aria-label":`${u.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":u.value},e.unref(l)),[f[1]||(f[1]=e.createTextVNode(" Here's how you know ",-1)),e.createVNode(e.unref(c.Icon),{icon:u.value?e.unref(g.IconCaretUp):e.unref(g.IconCaretDown),inline:!0,decorative:!0},null,8,["icon"])],16,q)]),e.createElementVNode("div",Q,[e.createElementVNode("button",e.mergeProps({ref_key:"infoToggleMobile",ref:b,class:"phila-button is-extra-small","aria-label":`${u.value?"Close":"Open"} Trusted Site information panel`,"aria-controls":"trusted-site-info","aria-expanded":u.value},e.unref(l)),[f[3]||(f[3]=e.createTextVNode(" An official website ",-1)),e.createVNode(e.unref(c.Icon),{icon:e.unref(g.IconCircleInfo),size:"extra-small",decorative:!0},null,8,["icon"])],16,W)])]),e.unref(t).translation?(e.openBlock(),e.createElementBlock("div",X,[e.renderSlot(p.$slots,"translation",{},void 0,!0)])):e.createCommentVNode("",!0)],2),e.createElementVNode("div",{id:"trusted-site-info",class:"px-6",hidden:!u.value},[e.createElementVNode("div",Z,[e.createElementVNode("div",J,[e.createElementVNode("div",ee,[e.createElementVNode("div",te,[e.createElementVNode("span",ne,[e.createVNode(e.unref(c.Icon),{icon:e.unref(g.IconBuildingColumns),inline:!0,decorative:!0},null,8,["icon"])]),f[4]||(f[4]=e.createElementVNode("span",{class:"has-text-bold"},".gov",-1))]),f[5]||(f[5]=e.createElementVNode("div",{class:"trusted-text m-4"},"Only government entities in the U.S. can end in .gov",-1))]),e.createElementVNode("div",oe,[e.createElementVNode("div",ae,[e.createElementVNode("div",le,[e.createVNode(e.unref(c.Icon),{icon:e.unref(g.IconLock),inline:!0,decorative:!0},null,8,["icon"])]),f[6]||(f[6]=e.createElementVNode("span",{class:"has-text-bold"},"https://",-1))]),f[7]||(f[7]=e.createElementVNode("div",{class:"trusted-text m-4"}," The https:// in the address bar means your information is encrypted and can not be accessed by anyone else ",-1))])]),e.createElementVNode("div",ie,[e.createElementVNode("button",{ref_key:"closeInfoToggle",ref:r,class:"phila-button phila-button--primary icon-button is-extra-small","aria-label":"Close Trusted Site information panel",onClick:f[0]||(f[0]=s=>e.unref(a)(!1))},[e.createVNode(e.unref(c.Icon),{icon:e.unref(g.IconClose),size:"extra-small",decorative:!0},null,8,["icon"])],512)])])],8,Y)],64))}}),N=(n,t)=>{const o=n.__vccOpts||n;for(const[a,l]of t)o[a]=l;return o},I=N(re,[["__scopeId","data-v-dee4f05c"]]),se={key:0,class:"phila-navbar-end"},V="5rem",ce=e.defineComponent({__name:"index",props:{id:{},sticky:{type:Boolean},navbarBrand:{},compactMobile:{type:Boolean,default:!1},visibilityGroup:{},links:{default:()=>[{text:"Home",href:"#"}]}},setup(n){const t=n,{visibilityState:o}=c.useVisibility({group:"app-header"}),a=e.useTemplateRef("navBarElement"),l=e.ref(V),i=e.ref(0),r=c.debounce(()=>{const u=(a.value?.offsetTop||0)+(a.value?.offsetHeight||0),p=typeof window<"u"?window.innerWidth:1024;l.value=!t.sticky||p<1024?u+"px":V,i.value=u},100),b=e.computed(()=>o.value?.appHeader);return e.watch(()=>b.value,r,{deep:!0,immediate:!0}),e.onMounted(()=>{window.addEventListener("resize",r)}),e.onUnmounted(()=>{window.removeEventListener("resize",r)}),(u,p)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"navBarElement",ref:a,class:e.normalizeClass(["phila-navbar has-links-on-primary",{"is-sticky-desktop":n.sticky,"is-compact-mobile":n.compactMobile}]),"aria-label":"Main navigation",style:e.normalizeStyle(`--nav-height:${l.value};--nav-bottom:${i.value}px`)},[e.renderSlot(u.$slots,"navbar-toggle",{},void 0,!0),e.renderSlot(u.$slots,"navbar-left",{},void 0,!0),e.renderSlot(u.$slots,"navbar-right",{},void 0,!0),u.$slots["navbar-end"]?(e.openBlock(),e.createElementBlock("div",se,[e.renderSlot(u.$slots,"navbar-end",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}}),T=N(ce,[["__scopeId","data-v-8a07f1df"]]),de={class:"site-wide-alert content"},ue={class:"alert-content"},fe={class:"content-text"},me={class:"title"},pe={class:"body"},ve=e.defineComponent({__name:"AlertBanner",props:{bannerTitle:{},bannerMessage:{}},setup(n){const t=n;return(o,a)=>(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("div",ue,[e.createVNode(e.unref(c.Icon),{icon:e.unref(g.IconCircleExclamation),size:"small",decorative:!0},null,8,["icon"]),e.createElementVNode("div",fe,[e.createElementVNode("h6",me,e.toDisplayString(t.bannerTitle),1),e.createElementVNode("div",pe,e.toDisplayString(t.bannerMessage),1)])])]))}}),A=N(ve,[["__scopeId","data-v-f391cc47"]]),ge={class:"phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet"},be=["href"],he=["id","onMouseenter","onMouseleave"],ke=["href","aria-controls","aria-expanded","data-toggle","onTouchend","onClick"],ye={key:0,class:"content nav-flyout has-background-ghost-gray px-6 py-4",tabindex:"-1"},Be={class:"is-flex is-flex-column is-flex-wrap-wrap",style:{gap:"var(--spacing-4xl)"}},_e=["href"],M=e.defineComponent({__name:"NavbarLinks",props:{links:{},visibilityGroup:{}},setup(n){const t=p=>!!(p.subLinks||p.subNav),o=p=>`main-nav-${p.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g,"")}`,a=n,{setVisibility:l,create:i,isVisible:r,onMouseEnter:b,onMouseLeave:u}=c.useVisibility({group:a.visibilityGroup,outsideClickHide:!0,escapeKeyHide:!0,mouseOverToggle:!0,blurHide:!0,showSingle:!0});return e.onBeforeMount(()=>{a.links?.forEach(p=>{if(t(p)){const f=o(p);i(f)}})}),(p,f)=>(e.openBlock(),e.createElementBlock("div",ge,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.links,(s,B)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t(s)?(e.openBlock(),e.createElementBlock("div",{id:`${a.visibilityGroup}-item-${o(s)}`,key:`navbar-link-${B}`,class:"phila-navbar-link-list-item",onMouseenter:v=>e.unref(b)(o(s)),onMouseleave:v=>e.unref(u)(o(s))},[e.createElementVNode("a",{href:s.href,class:e.normalizeClass(["phila-navbar-link px-4",{"phila-navbar-item-flyout-active":e.unref(r)(o(s))}]),"aria-controls":o(s),"aria-expanded":e.unref(r)(o(s)),"data-toggle":`visibility-${o(s)}`,tabindex:"0",onTouchend:v=>e.unref(l)(!e.unref(r)(o(s)),o(s)),onClick:e.withModifiers(v=>e.unref(l)(!e.unref(r)(o(s)),o(s)),["prevent"])},[e.createTextVNode(e.toDisplayString(s.text)+" ",1),e.createVNode(e.unref(c.Icon),{icon:e.unref(r)(o(s))?e.unref(g.IconCaretUp):e.unref(g.IconCaretDown),inline:!0,decorative:!0,class:"ml-1"},null,8,["icon"])],42,ke),(e.openBlock(),e.createBlock(e.unref(c.FocusTrap),{id:o(s),key:s.text,"allow-escape":"",hidden:!e.unref(r)(o(s)),onEscape:v=>e.unref(l)(!1,o(s))},{default:e.withCtx(()=>[s.subLinks?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("ul",Be,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.subLinks,v=>(e.openBlock(),e.createElementBlock("li",{key:v.text,class:"sub-nav-link is-flex is-align-center",style:{width:"150px"}},[e.createElementVNode("a",{href:v.href,class:"has-text-link has-text-weight-medium",tabindex:"0"},e.toDisplayString(v.text),9,_e)]))),128))])])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.subNav),{key:1}))]),_:2},1032,["id","hidden","onEscape"]))],40,he)):(e.openBlock(),e.createElementBlock("div",{key:`link-${B}`,class:"phila-navbar-link-list-item"},[e.createElementVNode("a",{href:s.href,class:"phila-navbar-link px-4",tabindex:"0"},e.toDisplayString(s.text),9,be)]))],64))),256))]))}}),xe={class:"phila-navbar-search is-flex"},Ne={id:"navbar-search"},$e={class:"pr-4"},Ce=["aria-controls","data-toggle","aria-expanded","aria-label"],L=e.defineComponent({__name:"NavbarSearch",props:{visibilityGroup:{}},setup(n){const t=n,{setVisibility:o,isVisible:a}=c.useVisibility({id:`${t.visibilityGroup}-flyout-navbar-search`,group:t.visibilityGroup,outsideClickHide:!0,escapeKeyHide:!0,blurHide:!0,showSingle:!0});return(l,i)=>(e.openBlock(),e.createElementBlock("div",xe,[e.createElementVNode("div",Ne,[e.createElementVNode("div",$e,[e.createElementVNode("button",{class:e.normalizeClass(["phila-button phila-button--primary icon-button is-small",{"phila-navbar-item-flyout-active":e.unref(a)()}]),"aria-controls":`${t.visibilityGroup}-flyout-navbar-search`,"data-toggle":`visibility-${t.visibilityGroup}-flyout-navbar-search`,"aria-expanded":e.unref(a)(),"aria-label":`${e.unref(a)()?"Close":"Open"} search panel`,onClick:i[0]||(i[0]=r=>e.unref(o)(!e.unref(a)()))},[e.createVNode(e.unref(c.Icon),{icon:e.unref(a)()?e.unref(g.IconClose):e.unref(g.IconMagnifyingGlass),decorative:!0},null,8,["icon"])],10,Ce)])]),e.createVNode(e.unref(c.FocusTrap),{id:`${t.visibilityGroup}-flyout-navbar-search`,"allow-escape":"",class:"nav-flyout is-12",hidden:!e.unref(a)(),onEscape:i[1]||(i[1]=r=>e.unref(o)(!1,`${t.visibilityGroup}-flyout-navbar-search`))},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"search-panel")]),_:3},8,["id","hidden"])]))}}),Ee=e.defineComponent({__name:"NavbarBrandLogo",props:{logo:{},src:{},href:{},altText:{}},setup(n){const t=n,o=e.computed(()=>({variant:"city",layout:"stacked",colorScheme:"on-primary",href:t.href,...t.logo}));return(a,l)=>(e.openBlock(),e.createBlock(e.unref(U.Logo),e.mergeProps(o.value,{class:"phila-navbar-logo"}),null,16))}}),D=N(Ee,[["__scopeId","data-v-3011c249"]]),we={class:"phila-navbar-brand is-flex"},Ve={key:0,class:"phila-navbar-item phila-navbar-brand-link hidden-tablet"},Se={key:0,class:"content"},Ie=["href"],z=e.defineComponent({__name:"NavbarBrand",props:{brandingImage:{},brandingLink:{},logo:{}},setup(n){return(t,o)=>(e.openBlock(),e.createElementBlock("div",we,[e.renderSlot(t.$slots,"navbar-logo",{},()=>[n.brandingImage?(e.openBlock(),e.createBlock(D,e.mergeProps({key:0},n.brandingImage,{logo:n.logo}),null,16,["logo"])):e.createCommentVNode("",!0)]),t.$slots["navbar-brand-link"]||n.brandingLink?(e.openBlock(),e.createElementBlock("div",Ve,[e.renderSlot(t.$slots,"navbar-brand-link",{},()=>[n.brandingLink?(e.openBlock(),e.createElementBlock("div",Se,[e.createElementVNode("a",{tabindex:"0",href:n.brandingLink.href,class:"has-text-underline"},e.toDisplayString(n.brandingLink.text),9,Ie)])):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]))}}),Te=["id"],Ae=["aria-controls","aria-expanded","aria-label"],Me=["id","hidden"],P=e.defineComponent({__name:"NavbarBurger",props:{visibilityGroup:{},id:{}},setup(n){const t=n,{isVisible:o,toggleProps:a}=c.useVisibility({id:t.id,group:t.visibilityGroup,outsideClickHide:!0,escapeKeyHide:!0,blurHide:!1,showSingle:!0}),l=e.computed(()=>o(t.id));return(i,r)=>(e.openBlock(),e.createElementBlock("div",{id:t.id},[e.createElementVNode("button",e.mergeProps({class:["phila-navbar-burger phila-button icon-button",{"phila-navbar-item-flyout-active":l.value}],"aria-controls":`navbar-burger-flyout-${t.visibilityGroup}`,"aria-expanded":l.value,"aria-label":`${l.value?"Close":"Open"} mobile navigation panel`},e.unref(a)),[e.createVNode(e.unref(c.Icon),{icon:l.value?e.unref(g.IconClose):e.unref(g.IconBars),size:"large",decorative:!0},null,8,["icon"])],16,Ae),e.createElementVNode("div",{id:`navbar-burger-flyout-${t.visibilityGroup}`,class:"phila-mobile-nav",hidden:!l.value},[e.renderSlot(i.$slots,"mobile-nav")],8,Me)],8,Te))}}),Le={class:"language-inline hidden-tablet","aria-label":"Language selection"},De={class:"is-flex is-align-center is-gap-4"},ze=["lang","onClick"],Pe={class:"language-globe"},Re=["aria-expanded"],Oe={class:"icon","aria-hidden":"true"},He={class:"icon","aria-hidden":"true"},Ue=["lang","aria-checked","tabindex","onClick"],Ge=e.defineComponent({__name:"LanguageSwitcher",props:{languages:{},locale:{}},emits:["update:locale"],setup(n,{emit:t}){const o=n,a=t,l=e.ref(!1),i=e.ref(-1),r=e.ref(null),b=e.ref(null),u=e.ref([]),p=e.computed(()=>o.languages.slice(0,3));function f(){l.value=!0,i.value=Math.max(0,o.languages.findIndex(d=>d.code===o.locale)),e.nextTick(()=>v(i.value))}function s(){l.value?(l.value=!1,i.value=-1):f()}function B(){l.value=!1,i.value=-1,b.value?.focus()}function v(d){u.value[d]?.focus()}function y(d,_){d&&(u.value[_]=d)}function C(d){a("update:locale",d),B()}function E(d){(d.key==="ArrowDown"||d.key==="ArrowUp")&&(d.preventDefault(),l.value||f())}function m(d){switch(d.key){case"Escape":d.preventDefault(),B();break;case"ArrowDown":d.preventDefault(),i.value=(i.value+1)%o.languages.length,v(i.value);break;case"ArrowUp":d.preventDefault(),i.value=(i.value-1+o.languages.length)%o.languages.length,v(i.value);break;case"Home":d.preventDefault(),i.value=0,v(i.value);break;case"End":d.preventDefault(),i.value=o.languages.length-1,v(i.value);break;case"Tab":B();break}}function k(d){r.value&&!r.value.contains(d.target)&&(l.value=!1,i.value=-1)}return e.onMounted(()=>{document.addEventListener("click",k)}),e.onBeforeUnmount(()=>{document.removeEventListener("click",k)}),(d,_)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"containerRef",ref:r,class:"language-switcher is-flex is-align-center is-gap-4"},[e.createElementVNode("nav",Le,[e.createElementVNode("div",De,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,h=>(e.openBlock(),e.createElementBlock("button",{key:h.code,lang:h.lang,class:"language-link",onClick:x=>a("update:locale",h.code)},e.toDisplayString(h.title),9,ze))),128))])]),e.createElementVNode("div",Pe,[e.createElementVNode("button",{ref_key:"toggleRef",ref:b,class:"language-globe-toggle is-flex is-align-center","aria-label":"Select language","aria-haspopup":"true","aria-expanded":l.value,onClick:e.withModifiers(s,["stop"]),onKeydown:E},[e.createElementVNode("span",Oe,[e.createVNode(e.unref(c.Icon),{icon:e.unref(g.IconGlobe),decorative:"",inline:"",style:{"font-size":"1em"}},null,8,["icon"])]),e.createElementVNode("span",He,[e.createVNode(e.unref(c.Icon),{icon:l.value?e.unref(g.IconCaretUp):e.unref(g.IconCaretDown),decorative:"",inline:"",style:{"font-size":"1em"}},null,8,["icon"])])],40,Re),l.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:"language-menu",role:"menu",onKeydown:m},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.languages,(h,x)=>(e.openBlock(),e.createElementBlock("button",{key:h.code,ref_for:!0,ref:$=>y($,x),lang:h.lang,role:"menuitemradio","aria-checked":h.code===n.locale,tabindex:x===i.value?0:-1,class:e.normalizeClass(["language-menu-item",{"is-selected":h.code===n.locale}]),onClick:e.withModifiers($=>C(h.code),["stop"])},e.toDisplayString(h.title),11,Ue))),128))],32)):e.createCommentVNode("",!0)])],512))}}),R=N(Ge,[["__scopeId","data-v-f91f4b58"]]),Fe=e.defineComponent({__name:"AppHeader",props:{showTrustedSite:{type:Boolean,default:!0},translations:{default:void 0},languages:{default:void 0},locale:{default:void 0},className:{},id:{default:"main-nav"},sticky:{type:Boolean,default:!0},navbarBrand:{default:void 0},compactMobile:{type:Boolean,default:!1},visibilityGroup:{},links:{default:void 0},bannerTitle:{default:void 0},bannerMessage:{default:void 0}},emits:["update:locale"],setup(n,{emit:t}){const o=t;return(a,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[n.showTrustedSite?(e.openBlock(),e.createBlock(I,{key:0,"compact-mobile":n.compactMobile},{translation:e.withCtx(()=>[e.renderSlot(a.$slots,"translations",{},()=>[n.languages?(e.openBlock(),e.createBlock(R,{key:0,languages:n.languages,locale:n.locale??"","onUpdate:locale":l[0]||(l[0]=i=>o("update:locale",i))},null,8,["languages","locale"])):n.translations?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.translations),{key:1})):e.createCommentVNode("",!0)])]),_:3},8,["compact-mobile"])):e.createCommentVNode("",!0),e.createVNode(T,{id:n.id,sticky:n.sticky,"compact-mobile":n.compactMobile},e.createSlots({"navbar-toggle":e.withCtx(()=>[e.renderSlot(a.$slots,"navbar-toggle",{},()=>[e.createVNode(P,{id:`mobile-nav-${n.id}`,"visibility-group":n.id},e.createSlots({_:2},[a.$slots["mobile-nav"]?{name:"mobile-nav",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"mobile-nav")]),key:"0"}:void 0]),1032,["id","visibility-group"])])]),"navbar-left":e.withCtx(()=>[e.renderSlot(a.$slots,"navbar-left",{},()=>[e.renderSlot(a.$slots,"navbar-brand",{},()=>[n.navbarBrand?(e.openBlock(),e.createBlock(z,e.normalizeProps(e.mergeProps({key:0},n.navbarBrand)),null,16)):e.createCommentVNode("",!0)])])]),"navbar-right":e.withCtx(()=>[e.renderSlot(a.$slots,"navbar-right",{},()=>[e.renderSlot(a.$slots,"navbar-links",{},()=>[n.links?(e.openBlock(),e.createBlock(M,{key:0,links:n.links,"visibility-group":n.id},null,8,["links","visibility-group"])):e.createCommentVNode("",!0)]),e.renderSlot(a.$slots,"navbar-search",{},()=>[e.createVNode(L,{"visibility-group":n.id},{"search-panel":e.withCtx(()=>[e.renderSlot(a.$slots,"search-panel")]),_:3},8,["visibility-group"])])])]),_:2},[a.$slots["navbar-end"]?{name:"navbar-end",fn:e.withCtx(()=>[e.renderSlot(a.$slots,"navbar-end")]),key:"0"}:void 0]),1032,["id","sticky","compact-mobile"]),n.bannerTitle||n.bannerMessage?(e.openBlock(),e.createBlock(A,{key:1,"banner-title":n.bannerTitle,"banner-message":n.bannerMessage},null,8,["banner-title","banner-message"])):e.createCommentVNode("",!0)],64))}}),je=["disabled"],S=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:{},icon:{},src:{},svgRaw:{}},setup(n){const t=n,o=r=>"href"in r&&r.href!==void 0||"to"in r&&r.to!==void 0,a=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)),l=e.computed(()=>o(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:a.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:a.value}:{}),i=e.computed(()=>({icon:t.icon,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size}));return(r,b)=>o(t)?(e.openBlock(),e.createBlock(e.unref(c.BaseLink),e.mergeProps({key:0},{...l.value,...r.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:"button",disabled:t.disabled,class:a.value},r.$attrs),[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,je))}}),Ke=["id"],qe={key:0,class:"tooltip__tail","aria-hidden":"true"},Qe={key:1,class:"tooltip__plain-row has-text-body-small"},We={key:0,class:"tooltip__title-row"},Xe={key:0},Ye=e.defineComponent({__name:"TooltipBubble",props:{id:{},type:{default:"plain"},color:{default:"default"},tail:{type:Boolean,default:!1},placement:{default:"top-center"},title:{},dismissable:{type:Boolean,default:!1},className:{}},emits:["dismiss"],setup(n){const t=n,o=e.computed(()=>c.cn("tooltip","content","resets-link-colors",`tooltip--${t.type}`,`tooltip--${t.color}`,t.tail&&`tooltip--${t.placement}`,t.className));return(a,l)=>(e.openBlock(),e.createElementBlock("div",{id:n.id,class:e.normalizeClass(o.value),role:"tooltip"},[n.tail?(e.openBlock(),e.createElementBlock("div",qe)):e.createCommentVNode("",!0),n.type==="plain"?(e.openBlock(),e.createElementBlock("div",Qe,[e.renderSlot(a.$slots,"default",{},void 0,!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(S),{key:0,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,icon:e.unref(g.IconClose),"aria-label":"Dismiss tooltip",onClick:l[0]||(l[0]=i=>a.$emit("dismiss"))},null,8,["icon"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[n.title||n.dismissable?(e.openBlock(),e.createElementBlock("div",We,[n.title?(e.openBlock(),e.createElementBlock("h6",Xe,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(S),{key:1,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,icon:e.unref(g.IconClose),"aria-label":"Dismiss tooltip",onClick:l[1]||(l[1]=i=>a.$emit("dismiss"))},null,8,["icon"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default",{},void 0,!0)],64))],10,Ke))}}),O=(n,t)=>{const o=n.__vccOpts||n;for(const[a,l]of t)o[a]=l;return o},Ze=O(Ye,[["__scopeId","data-v-af4a0398"]]),Je=e.defineComponent({__name:"Tooltip",props:{trigger:{default:"hover"},type:{default:"plain"},color:{default:"default"},tail:{type:Boolean,default:!1},placement:{default:"auto"},title:{},dismissable:{type:Boolean},className:{}},setup(n,{expose:t}){const o=n,a=e.useId(),l=e.ref(!1),i=e.ref(null),r=e.ref(null),b=e.ref("top-center"),u=e.ref(0),p=()=>{const m=i.value?.getBoundingClientRect();if(!m)return"top-center";const{innerWidth:k,innerHeight:d}=window,_=m.top,h=d-m.bottom,x=r.value?.firstElementChild?.getBoundingClientRect().height??0,$=(x>0?_>=x:_>=h)?"top":"bottom",w=m.left+m.width/2,H=w<k/3?"left":w>k*2/3?"right":"center";return`${$}-${H}`},f=m=>{m.key==="Escape"&&y()},s=m=>{i.value&&!i.value.contains(m.target)&&y()};function B(){const m=r.value?.firstElementChild?.getBoundingClientRect();if(!m)return;const k=8,d=m.right-(window.innerWidth-k),_=k-m.left;d<=0&&_<=0||(u.value=window.innerWidth/2-(m.left+m.width/2))}const v=async()=>{o.placement==="auto"?b.value=p():b.value=o.placement,u.value=0,l.value=!0,document.addEventListener("keydown",f),o.trigger==="click"&&document.addEventListener("click",s),await e.nextTick(),B()},y=()=>{l.value=!1,document.removeEventListener("keydown",f),document.removeEventListener("click",s)},C=()=>{l.value?y():v()};e.onUnmounted(y),t({show:v,hide:y});const E=e.computed(()=>({type:o.type,color:o.color,tail:o.tail,placement:b.value,title:o.title,dismissable:o.dismissable}));return(m,k)=>(e.openBlock(),e.createElementBlock("span",e.mergeProps({ref_key:"wrapperEl",ref:i,class:e.unref(c.cn)("tooltip-trigger",o.className)},n.trigger==="click"?{onClick:C}:{onMouseenter:v,onMouseleave:y,onFocusin:v,onFocusout:y}),[e.renderSlot(m.$slots,"default",{tooltipId:e.unref(a),isOpen:l.value},void 0,!0),e.createElementVNode("span",{ref_key:"positionerEl",ref:r,class:e.normalizeClass(["tooltip-trigger__positioner",`tooltip-trigger__positioner--${b.value}`]),style:e.normalizeStyle({visibility:l.value?"visible":"hidden","--positioner-gap":n.tail?"var(--spacing-l)":"0.5rem","--adjust-x":`${u.value}px`}),onClick:k[0]||(k[0]=e.withModifiers(()=>{},["stop"]))},[e.createVNode(Ze,e.mergeProps(E.value,{id:e.unref(a),onDismiss:y}),{default:e.withCtx(()=>[e.renderSlot(m.$slots,"body",{},void 0,!0)]),_:3},16,["id"])],6)],16))}}),et=O(Je,[["__scopeId","data-v-b3f93b8c"]]),tt=["disabled"],nt=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:{},icon:{},src:{},svgRaw:{}},setup(n){const t=n,o=r=>"href"in r&&r.href!==void 0||"to"in r&&r.to!==void 0,a=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)),l=e.computed(()=>o(t)?"to"in t&&t.to!==void 0?{to:t.to,disabled:t.disabled,className:a.value}:{href:t.href,target:t.target,rel:t.rel,disabled:t.disabled,className:a.value}:{}),i=e.computed(()=>({icon:t.icon,src:t.src,iconRight:t.iconRight,iconOnly:t.iconOnly,text:t.text,size:t.size}));return(r,b)=>o(t)?(e.openBlock(),e.createBlock(e.unref(c.BaseLink),e.mergeProps({key:0},{...l.value,...r.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)]),_:3},16)):(e.openBlock(),e.createElementBlock("button",e.mergeProps({key:1,type:"button",disabled:t.disabled,class:a.value},r.$attrs),[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(i.value)),{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,tt))}}),ot={class:"navbar-info"},at={class:"navbar-info__group"},lt={key:0,class:"navbar-info__label has-text-body-default hidden-tablet","aria-hidden":"true"},it={class:"has-text-body-small"},rt=e.defineComponent({__name:"NavbarInfo",props:{infoTitle:{},infoMessage:{},label:{}},setup(n,{expose:t}){const o=e.useTemplateRef("tooltip");return t({show:()=>o.value?.show(),hide:()=>o.value?.hide()}),(a,l)=>(e.openBlock(),e.createElementBlock("div",ot,[e.createVNode(e.unref(et),{ref_key:"tooltip",ref:o,type:"rich",title:n.infoTitle,trigger:"click",dismissable:!0},{default:e.withCtx(({tooltipId:i,isOpen:r})=>[e.createElementVNode("span",at,[e.createVNode(e.unref(nt),{class:"navbar-info__trigger",variant:"standard",size:"small","icon-only":!0,icon:e.unref(g.IconCircleInfo),"aria-label":"More information","aria-describedby":i,"aria-pressed":r},null,8,["icon","aria-describedby","aria-pressed"]),n.label?(e.openBlock(),e.createElementBlock("span",lt,e.toDisplayString(n.label),1)):e.createCommentVNode("",!0)])]),body:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createElementVNode("div",it,e.toDisplayString(n.infoMessage),1)],!0)]),_:3},8,["title"])]))}}),st=N(rt,[["__scopeId","data-v-a29fa022"]]);exports.AlertBanner=A;exports.AppHeader=Fe;exports.LanguageSwitcher=R;exports.NavBar=T;exports.NavbarBrand=z;exports.NavbarBrandLogo=D;exports.NavbarBurger=P;exports.NavbarInfo=st;exports.NavbarLinks=M;exports.NavbarSearch=L;exports.TrustedSite=I;
package/dist/index.mjs CHANGED
@@ -807,7 +807,7 @@ import './index.css';const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height
807
807
  for (const [n, s] of e)
808
808
  i[n] = s;
809
809
  return i;
810
- }, jt = /* @__PURE__ */ fe(Vt, [["__scopeId", "data-v-7af177ec"]]), Kt = /* @__PURE__ */ w({
810
+ }, jt = /* @__PURE__ */ fe(Vt, [["__scopeId", "data-v-af4a0398"]]), Kt = /* @__PURE__ */ w({
811
811
  __name: "Tooltip",
812
812
  props: {
813
813
  trigger: { default: "hover" },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phila/phila-ui-app-header",
3
- "version": "1.0.0-beta.16",
3
+ "version": "1.0.0-beta.17",
4
4
  "type": "module",
5
5
  "description": "A header component for site info and main navigation.",
6
6
  "main": "./dist/index.js",
@@ -28,11 +28,11 @@
28
28
  "vue": "^3.0.0"
29
29
  },
30
30
  "dependencies": {
31
- "@phila/phila-ui-button": "2.3.0-beta.9",
32
- "@phila/phila-ui-core": "3.0.0-beta.8",
33
- "@phila/phila-ui-collapse-panel": "0.2.0-beta.8",
34
- "@phila/phila-ui-logo": "0.1.3-beta.8",
35
- "@phila/phila-ui-tooltip": "0.1.0-beta.9"
31
+ "@phila/phila-ui-button": "2.3.0-beta.10",
32
+ "@phila/phila-ui-core": "3.0.0-beta.9",
33
+ "@phila/phila-ui-collapse-panel": "0.2.0-beta.9",
34
+ "@phila/phila-ui-logo": "0.1.3-beta.9",
35
+ "@phila/phila-ui-tooltip": "0.1.0-beta.10"
36
36
  },
37
37
  "devDependencies": {
38
38
  "@types/node": "^24.0.0",