@phila/phila-ui-app-header 0.3.0-beta.8 → 0.3.0-beta.9

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 (5) hide show
  1. package/dist/components/NavBar/NavbarInfo.vue.d.ts +5 -5
  2. package/dist/index.css +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.mjs +232 -224
  5. package/package.json +3 -3
package/dist/components/NavBar/NavbarInfo.vue.d.ts CHANGED
@@ -36,7 +36,7 @@ declare function __VLS_template(): {
36
36
  $emit: (event: string, ...args: any[]) => void;
37
37
  $el: any;
38
38
  $options: import('vue').ComponentOptionsBase<Readonly<import('@phila/phila-ui-tooltip').TooltipProps> & Readonly<{}>, {
39
- show: () => void;
39
+ show: () => Promise<void>;
40
40
  hide: () => void;
41
41
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
42
42
  type: import('@phila/phila-ui-tooltip').TooltipType;
@@ -71,7 +71,7 @@ declare function __VLS_template(): {
71
71
  placement: import('@phila/phila-ui-tooltip').TooltipPlacement;
72
72
  trigger: import('@phila/phila-ui-tooltip').TooltipTrigger;
73
73
  }> & Omit<Readonly<import('@phila/phila-ui-tooltip').TooltipProps> & Readonly<{}>, "type" | "trigger" | "color" | "tail" | "placement" | "show" | "hide"> & import('vue').ShallowUnwrapRef<{
74
- show: () => void;
74
+ show: () => Promise<void>;
75
75
  hide: () => void;
76
76
  }> & {} & import('vue').ComponentCustomProperties & {} & {
77
77
  $slots: {
@@ -87,7 +87,7 @@ declare function __VLS_template(): {
87
87
  };
88
88
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
89
89
  declare const __VLS_component: import('vue').DefineComponent<NavbarInfoProps, {
90
- show: () => void | undefined;
90
+ show: () => Promise<void> | undefined;
91
91
  hide: () => void | undefined;
92
92
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<NavbarInfoProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
93
93
  tooltip: ({
@@ -121,7 +121,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavbarInfoProps, {
121
121
  $emit: (event: string, ...args: any[]) => void;
122
122
  $el: any;
123
123
  $options: import('vue').ComponentOptionsBase<Readonly<import('@phila/phila-ui-tooltip').TooltipProps> & Readonly<{}>, {
124
- show: () => void;
124
+ show: () => Promise<void>;
125
125
  hide: () => void;
126
126
  }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
127
127
  type: import('@phila/phila-ui-tooltip').TooltipType;
@@ -156,7 +156,7 @@ declare const __VLS_component: import('vue').DefineComponent<NavbarInfoProps, {
156
156
  placement: import('@phila/phila-ui-tooltip').TooltipPlacement;
157
157
  trigger: import('@phila/phila-ui-tooltip').TooltipTrigger;
158
158
  }> & Omit<Readonly<import('@phila/phila-ui-tooltip').TooltipProps> & Readonly<{}>, "type" | "trigger" | "color" | "tail" | "placement" | "show" | "hide"> & import('vue').ShallowUnwrapRef<{
159
- show: () => void;
159
+ show: () => Promise<void>;
160
160
  hide: () => void;
161
161
  }> & {} & import('vue').ComponentCustomProperties & {} & {
162
162
  $slots: {
package/dist/index.css CHANGED
@@ -1 +1 @@
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}body:has(.phila-navbar .phila-navbar-item-flyout-active){overflow:hidden}.phila-navbar[data-v-caf52a6d]{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-caf52a6d],.phila-navbar .phila-navbar-list[data-v-caf52a6d],.phila-navbar .phila-navbar-search[data-v-caf52a6d],.phila-navbar .phila-navbar-end[data-v-caf52a6d],.phila-navbar .phila-navbar-item[data-v-caf52a6d],.phila-navbar .phila-navbar-burger[data-v-caf52a6d]{display:flex}[data-v-caf52a6d] a.phila-navbar-link,.phila-navbar a.phila-navbar-link[data-v-caf52a6d]{text-decoration:none;color:var(--Schemes-On-Inverse-Surface-Bright)}[data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]{list-style:none;padding:0;margin:0;column-gap:var(--spacing-l)}:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item{height:100%;display:flex;align-items:center}:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item .phila-navbar-link{display:flex;align-items:center;height:100%}:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item .phila-navbar-link:hover,:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .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-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{outline-offset:0!important}:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item .phila-navbar-link:focus{outline:2px solid var(--Focus-Ring-Color);outline-offset:2px}[data-v-caf52a6d] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-caf52a6d]{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-caf52a6d] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-caf52a6d]).phila-navbar-item-flyout-active{color:var(--Schemes-Primary, #2176d2);background-color:var(--Schemes-Surface-Container-Low)}[data-v-caf52a6d] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-caf52a6d]{flex:1 1 auto;align-items:center}:is([data-v-caf52a6d] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-caf52a6d]) a{font-weight:400}:is([data-v-caf52a6d] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-caf52a6d]) img:hover{opacity:.8}:is([data-v-caf52a6d] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-caf52a6d]) .phila-navbar-brand-link{margin-left:var(--spacing-xl)}[data-v-caf52a6d] .nav-flyout,.phila-navbar .nav-flyout[data-v-caf52a6d]{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-caf52a6d] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-caf52a6d]{flex:0 0 auto;align-items:center}:is([data-v-caf52a6d] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-caf52a6d]) button{background-color:var(--Schemes-Primary);box-shadow:none}[data-v-caf52a6d] .phila-navbar-end,.phila-navbar .phila-navbar-end[data-v-caf52a6d]{flex:0 0 auto;align-items:center;padding-right:var(--spacing-l)}.site-wide-alert{display:flex;align-items:center;gap:var(--spacing-m, 1rem);align-self:stretch;background:var(--Schemes-Alert-Container, #ffe9b0)}.alert-content{display:flex;max-width:60rem;padding:var(--spacing-m, 1rem) var(--spacing-l, 1.5rem);align-items:flex-start;gap:var(--spacing-m, 1rem);flex:1 0 0}.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-bea2f168]{position:relative;display:inline-block}.tooltip-trigger__positioner[data-v-bea2f168]{position:absolute;z-index:1000}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-left[data-v-bea2f168]{bottom:100%;left:-8px;padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-right[data-v-bea2f168]{bottom:100%;right:-8px;padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-center[data-v-bea2f168]{bottom:100%;left:50%;transform:translate(-50%);padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-left[data-v-bea2f168]{top:100%;left:-8px;padding-top:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-right[data-v-bea2f168]{top:100%;right:-8px;padding-top:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-center[data-v-bea2f168]{top:100%;left:50%;transform:translate(-50%);padding-top:var(--positioner-gap)}.navbar-info[data-v-c3989251]{display:flex;align-items:center;cursor:pointer}.navbar-info [data-v-c3989251] .navbar-info__trigger.icon-button--standard{color:var(--Schemes-On-Primary)}.navbar-info .navbar-info__group[data-v-c3989251]:not(:hover) .navbar-info__trigger.icon-button--standard{color:#fff}.navbar-info .navbar-info__group[data-v-c3989251]:hover .navbar-info__trigger.icon-button--standard{background:var(--Schemes-Surface-Container)}.navbar-info .navbar-info__group[data-v-c3989251] .navbar-info__trigger.icon-button--standard[aria-pressed=true]{color:#fff;background:transparent}.navbar-info__group[data-v-c3989251]{display:flex;align-items:center}.navbar-info__label[data-v-c3989251]{color:var(--Extended-Colors-link-default);text-decoration:underline;font-weight:400;margin-left:var(--spacing-xs);-webkit-user-select:none;user-select:none}.navbar-info__group:hover .navbar-info__label[data-v-c3989251]{color:var(--Extended-Colors-link-hover);text-decoration-color:var(--Extended-Colors-link-hover)}
1
+ #trusted-site[data-v-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}body:has(.phila-navbar .phila-navbar-item-flyout-active){overflow:hidden}.phila-navbar[data-v-caf52a6d]{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-caf52a6d],.phila-navbar .phila-navbar-list[data-v-caf52a6d],.phila-navbar .phila-navbar-search[data-v-caf52a6d],.phila-navbar .phila-navbar-end[data-v-caf52a6d],.phila-navbar .phila-navbar-item[data-v-caf52a6d],.phila-navbar .phila-navbar-burger[data-v-caf52a6d]{display:flex}[data-v-caf52a6d] a.phila-navbar-link,.phila-navbar a.phila-navbar-link[data-v-caf52a6d]{text-decoration:none;color:var(--Schemes-On-Inverse-Surface-Bright)}[data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]{list-style:none;padding:0;margin:0;column-gap:var(--spacing-l)}:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item{height:100%;display:flex;align-items:center}:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item .phila-navbar-link{display:flex;align-items:center;height:100%}:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item .phila-navbar-link:hover,:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .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-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item .phila-navbar-link:active,:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item .phila-navbar-link.phila-navbar-item-flyout-active{outline-offset:0!important}:is([data-v-caf52a6d] .phila-navbar-list,.phila-navbar .phila-navbar-list[data-v-caf52a6d]) .phila-navbar-link-list-item .phila-navbar-link:focus{outline:2px solid var(--Focus-Ring-Color);outline-offset:2px}[data-v-caf52a6d] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-caf52a6d]{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-caf52a6d] .phila-navbar-burger,.phila-navbar .phila-navbar-burger[data-v-caf52a6d]).phila-navbar-item-flyout-active{color:var(--Schemes-Primary, #2176d2);background-color:var(--Schemes-Surface-Container-Low)}[data-v-caf52a6d] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-caf52a6d]{flex:1 1 auto;align-items:center}:is([data-v-caf52a6d] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-caf52a6d]) a{font-weight:400}:is([data-v-caf52a6d] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-caf52a6d]) img:hover{opacity:.8}:is([data-v-caf52a6d] .phila-navbar-brand,.phila-navbar .phila-navbar-brand[data-v-caf52a6d]) .phila-navbar-brand-link{margin-left:var(--spacing-xl)}[data-v-caf52a6d] .nav-flyout,.phila-navbar .nav-flyout[data-v-caf52a6d]{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-caf52a6d] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-caf52a6d]{flex:0 0 auto;align-items:center}:is([data-v-caf52a6d] .phila-navbar-search,.phila-navbar .phila-navbar-search[data-v-caf52a6d]) button{background-color:var(--Schemes-Primary);box-shadow:none}[data-v-caf52a6d] .phila-navbar-end,.phila-navbar .phila-navbar-end[data-v-caf52a6d]{flex:0 0 auto;align-items:center;padding-right:var(--spacing-l)}.site-wide-alert{display:flex;align-items:center;gap:var(--spacing-m, 1rem);align-self:stretch;background:var(--Schemes-Alert-Container, #ffe9b0)}.alert-content{display:flex;max-width:60rem;padding:var(--spacing-m, 1rem) var(--spacing-l, 1.5rem);align-items:flex-start;gap:var(--spacing-m, 1rem);flex:1 0 0}.tooltip[data-v-7ccd7c7d]{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;border-radius:var(--border-radius-xs);filter:drop-shadow(0px 1px 2px rgba(0,0,0,.3)) drop-shadow(0px 1px 3px rgba(0,0,0,.15));--tooltip-bg: var(--Schemes-On-Primary);background-color:var(--tooltip-bg);color:var(--Schemes-On-Background)}.tooltip.tooltip--grey[data-v-7ccd7c7d]{--tooltip-bg: var(--Schemes-Surface-Container-Lowest);color:var(--Schemes-On-Surface)}.tooltip.tooltip--plain[data-v-7ccd7c7d]{--tail-height: 10px;padding:var(--spacing-2xs) var(--spacing-xs);justify-content:center}.tooltip.tooltip--rich[data-v-7ccd7c7d]{--tail-height: 12px;padding:var(--spacing-s) var(--spacing-m);width:max-content;min-width:11.25rem;max-width:min(25rem,calc(100vw - 3rem));gap:var(--spacing-xs)}.tooltip .tooltip__tail[data-v-7ccd7c7d]{position:absolute;width:20px;height:var(--tail-height);background-color:var(--tooltip-bg)}.tooltip.tooltip--top-left .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--top-right .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--top-center .tooltip__tail[data-v-7ccd7c7d]{clip-path:polygon(0 0,100% 0,50% 100%);bottom:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--bottom-left .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-7ccd7c7d]{clip-path:polygon(50% 0,0 100%,100% 100%);top:calc(-1 * var(--tail-height) + 1px)}.tooltip.tooltip--top-left .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-left .tooltip__tail[data-v-7ccd7c7d]{left:8px}.tooltip.tooltip--top-right .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-right .tooltip__tail[data-v-7ccd7c7d]{right:8px}.tooltip.tooltip--top-center .tooltip__tail[data-v-7ccd7c7d],.tooltip.tooltip--bottom-center .tooltip__tail[data-v-7ccd7c7d]{left:50%;transform:translate(-50%)}.tooltip__plain-row[data-v-7ccd7c7d],.tooltip__title-row[data-v-7ccd7c7d]{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xs);width:100%}.tooltip__title-row h6[data-v-7ccd7c7d]{flex:1}.tooltip__dismiss[data-v-7ccd7c7d]{margin-left:auto;flex-shrink:0}.tooltip-trigger[data-v-b3f93b8c]{position:relative;display:inline-block}.tooltip-trigger__positioner[data-v-b3f93b8c]{position:absolute;z-index:1000}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-left[data-v-b3f93b8c]{bottom:100%;left:-8px;padding-bottom:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-right[data-v-b3f93b8c]{bottom:100%;right:-8px;padding-bottom:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--top-center[data-v-b3f93b8c]{bottom:100%;left:50%;transform:translate(calc(-50% + var(--adjust-x, 0px)));padding-bottom:var(--positioner-gap)}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-left[data-v-b3f93b8c]{top:100%;left:-8px;padding-top:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-right[data-v-b3f93b8c]{top:100%;right:-8px;padding-top:var(--positioner-gap);transform:translate(var(--adjust-x, 0px))}.tooltip-trigger__positioner.tooltip-trigger__positioner--bottom-center[data-v-b3f93b8c]{top:100%;left:50%;transform:translate(calc(-50% + var(--adjust-x, 0px)));padding-top:var(--positioner-gap)}.navbar-info[data-v-c3989251]{display:flex;align-items:center;cursor:pointer}.navbar-info [data-v-c3989251] .navbar-info__trigger.icon-button--standard{color:var(--Schemes-On-Primary)}.navbar-info .navbar-info__group[data-v-c3989251]:not(:hover) .navbar-info__trigger.icon-button--standard{color:#fff}.navbar-info .navbar-info__group[data-v-c3989251]:hover .navbar-info__trigger.icon-button--standard{background:var(--Schemes-Surface-Container)}.navbar-info .navbar-info__group[data-v-c3989251] .navbar-info__trigger.icon-button--standard[aria-pressed=true]{color:#fff;background:transparent}.navbar-info__group[data-v-c3989251]{display:flex;align-items:center}.navbar-info__label[data-v-c3989251]{color:var(--Extended-Colors-link-default);text-decoration:underline;font-weight:400;margin-left:var(--spacing-xs);-webkit-user-select:none;user-select:none}.navbar-info__group:hover .navbar-info__label[data-v-c3989251]{color:var(--Extended-Colors-link-hover);text-decoration-color:var(--Extended-Colors-link-hover)}
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),f=require("@fortawesome/vue-fontawesome"),c=require("@phila/phila-ui-core"),b=require("@phila/phila-ui-collapse-panel"),O=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"]},R=F,U={prefix:"fas",iconName:"circle-exclamation",icon:[512,512,["exclamation-circle"],"f06a","M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]},E={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]},P=E,V=E,H={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"]},$={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"]},G={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"]},j={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"]},q={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"]},S=q;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",K={id:"trusted-site",class:"is-flex is-justify-space-between"},W={class:"trusted-wrap"},X={class:"hidden-tablet trusted-toggle is-flex is-align-center"},Z=["src"],Y=["aria-label","aria-expanded"],J={class:"icon","aria-hidden":"true"},ee={class:"hidden-desktop trusted-toggle is-flex is-align-center"},te=["aria-label","aria-expanded"],ne={class:"icon","aria-hidden":"true"},ae={key:0,class:"trusted-translation is-flex is-align-center"},oe=["hidden"],le={class:"trusted-site-info-content content has-text-body-small is-flex is-justify-space-between"},ie={class:"info-item-wrap is-flex"},se={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},re={class:"trusted-icon is-flex is-flex-column has-text-center"},ce={class:"icon circle-icon p-3 mb-2"},de={class:"info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},ue={class:"trusted-icon is-flex is-flex-column has-text-center"},me={class:"icon circle-icon p-3 mb-2"},fe={class:"info-content-close mt-4"},pe=e.defineComponent({__name:"TrustedSite",setup(n){const t=e.useSlots(),{isCollapsed:l,onClickToggle:a}=c.useCollapse({id:"trusted-site-info",escapeKeyClose:!0}),s=e.computed(()=>l("trusted-site-info"));return(r,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",K,[e.createElementVNode("div",W,[e.createElementVNode("div",X,[e.createElementVNode("img",{src:e.unref(Q),alt:"",class:"icon"},null,8,Z),o[4]||(o[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:o[0]||(o[0]=(...i)=>e.unref(a)&&e.unref(a)(...i))},[o[3]||(o[3]=e.createTextVNode(" Here's how you know ",-1)),e.createElementVNode("span",J,[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:s.value?e.unref($):e.unref(w)},null,8,["icon"])])],8,Y)]),e.createElementVNode("div",ee,[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:o[1]||(o[1]=(...i)=>e.unref(a)&&e.unref(a)(...i))},[o[5]||(o[5]=e.createTextVNode(" An official website ",-1)),e.createElementVNode("span",ne,[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:e.unref(S)},null,8,["icon"])])],8,te)])]),e.unref(t).translation?(e.openBlock(),e.createElementBlock("div",ae,[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",le,[e.createElementVNode("div",ie,[e.createElementVNode("div",se,[e.createElementVNode("div",re,[e.createElementVNode("span",ce,[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:e.unref(G)},null,8,["icon"])]),o[6]||(o[6]=e.createElementVNode("span",{class:"has-text-bold"},".gov",-1))]),o[7]||(o[7]=e.createElementVNode("div",{class:"trusted-text m-4"},"Only government entities in the U.S. can end in .gov",-1))]),e.createElementVNode("div",de,[e.createElementVNode("div",ue,[e.createElementVNode("div",me,[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:e.unref(H)},null,8,["icon"])]),o[8]||(o[8]=e.createElementVNode("span",{class:"has-text-bold"},"https://",-1))]),o[9]||(o[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",fe,[e.createElementVNode("button",{class:"phila-button phila-button--primary icon-button is-extra-small","aria-label":"Close Trusted Site information panel",onClick:o[2]||(o[2]=(...i)=>e.unref(a)&&e.unref(a)(...i))},[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:e.unref(P)},null,8,["icon"])])])])],8,oe)],64))}}),h=(n,t)=>{const l=n.__vccOpts||n;for(const[a,s]of t)l[a]=s;return l},ve=h(pe,[["__scopeId","data-v-3fc90bb2"]]),he=["aria-controls","aria-expanded","aria-label","onClick"],be={class:"icon"},ke=["id","hidden"],ye=e.defineComponent({__name:"NavbarBurger",props:{mobileNav:{},collapseGroup:{}},setup(n){return(t,l)=>(e.openBlock(),e.createBlock(e.unref(b.CollapsePanel),{id:"mobile-nav",group:n.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(a=>[e.createElementVNode("button",{class:e.normalizeClass(["phila-navbar-burger phila-button icon-button",{"phila-navbar-item-flyout-active":a.open}]),"aria-controls":a.ariaControls,"aria-expanded":a.open,"aria-label":`${a.open?"Close":"Open"} mobile navigation panel`,onClick:a.onClick},[e.createElementVNode("span",be,[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:a.open?e.unref(V):e.unref(j)},null,8,["icon"])])],10,he)]),default:e.withCtx(a=>[e.createElementVNode("div",{id:a.id,class:"phila-mobile-nav",hidden:!a.open},[e.renderSlot(t.$slots,"mobile-nav",{},()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.mobileNav)))])],8,ke)]),_:3},8,["group"]))}}),ge=["href"],Be=["href","aria-controls","aria-expanded","onKeypress","onTouchend","onClick"],Ne=["id","hidden"],xe={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)"}},_e=["href"],Ee=e.defineComponent({__name:"NavbarLinks",props:{links:{},collapseGroup:{}},setup(n){const t=a=>!!(a.subLinks||a.subNav),l=a=>`main-nav-${a.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g,"")}`;return(a,s)=>(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.links,(r,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t(r)?(e.openBlock(),e.createBlock(e.unref(b.CollapsePanel),{id:l(r),key:`collapse-${o}`,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(f.FontAwesomeIcon),{class:"ml-1",icon:i.open?e.unref($):e.unref(w)},null,8,["icon"])],42,Be)]),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",xe,[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,_e)]))),128))])])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.subNav),{key:1}))],8,Ne))]),_:2},1032,["id","group"])):(e.openBlock(),e.createElementBlock("div",{key:`link-${o}`,class:"phila-navbar-link-list-item"},[e.createElementVNode("a",{href:r.href,class:"phila-navbar-link px-4",tabindex:"0"},e.toDisplayString(r.text),9,ge)]))],64))),256))}}),Ve=e.defineComponent({__name:"NavbarBrandLogo",props:{logo:{},src:{},href:{},altText:{}},setup(n){const t=n,l=e.computed(()=>({variant:"city",layout:"stacked",colorScheme:"on-primary",href:t.href,...t.logo}));return(a,s)=>(e.openBlock(),e.createBlock(e.unref(O.Logo),e.mergeProps(l.value,{class:"phila-navbar-logo"}),null,16))}}),$e=h(Ve,[["__scopeId","data-v-3011c249"]]),we={class:"pr-4"},Se=["aria-controls","aria-expanded","aria-label","onClick"],ze={class:"icon"},Ae=["id","hidden"],Le=e.defineComponent({__name:"NavbarSearch",props:{search:{},collapseGroup:{}},setup(n){return(t,l)=>(e.openBlock(),e.createBlock(e.unref(b.CollapsePanel),{id:"navbar-search",group:n.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(a=>[e.createElementVNode("div",we,[e.createElementVNode("button",{class:e.normalizeClass(["phila-button phila-button--primary icon-button is-small",{"phila-navbar-item-flyout-active":a.open}]),"aria-controls":a.ariaControls,"aria-expanded":a.open,"aria-label":`${a.open?"Close":"Open"} search panel`,onClick:a.onClick},[e.createElementVNode("span",ze,[e.createVNode(e.unref(f.FontAwesomeIcon),{icon:a.open?e.unref(V):e.unref(R)},null,8,["icon"])])],10,Se)])]),default:e.withCtx(a=>[e.createElementVNode("div",{id:a.id,class:"nav-flyout is-12",hidden:!a.open},[e.renderSlot(t.$slots,"default",{},()=>[n.search&&a.open?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n.search),{key:0})):e.createCommentVNode("",!0)])],8,Ae)]),_:3},8,["group"]))}}),Me={class:"phila-navbar-brand"},Te={key:0,class:"phila-navbar-item phila-navbar-brand-link hidden-tablet"},De={key:0,class:"content"},Ie=["href"],Oe={class:"phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet"},Fe={class:"phila-navbar-search"},Re={key:0,class:"phila-navbar-end"},x="5rem",Ue=e.defineComponent({__name:"index",props:{id:{},sticky:{type:Boolean},navbarBrand:{},mobileNav:{},collapseGroup:{},search:{},links:{default:()=>[{text:"Home",href:"#"}]}},setup(n){const t=n,{state:l}=c.useCollapse(),a=e.useTemplateRef("navBarElement"),s=e.ref(x),r=e.ref(0),o=c.debounce(()=>{const i=(a.value?.offsetTop||0)+(a.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,o,{deep:!0,immediate:!0}),e.onMounted(()=>{window.addEventListener("resize",o)}),e.onUnmounted(()=>{window.removeEventListener("resize",o)}),(i,u)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"navBarElement",ref:a,class:e.normalizeClass(["phila-navbar has-links-on-primary",{"is-sticky-desktop":n.sticky}]),"aria-label":"Main navigation",style:e.normalizeStyle(`--nav-height:${s.value};--nav-bottom:${r.value}px`)},[e.renderSlot(i.$slots,"navbar-burger",{},()=>[n.mobileNav||i.$slots["mobile-nav"]?(e.openBlock(),e.createBlock(ye,{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",Me,[e.renderSlot(i.$slots,"navbar-logo",{},()=>[n.navbarBrand?.brandingImage?(e.openBlock(),e.createBlock($e,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",Te,[e.renderSlot(i.$slots,"navbar-brand-link",{},()=>[n.navbarBrand?.brandingLink?(e.openBlock(),e.createElementBlock("div",De,[e.createElementVNode("a",{tabindex:"0",href:n.navbarBrand.brandingLink.href,class:"has-text-underline"},e.toDisplayString(n.navbarBrand.brandingLink.text),9,Ie)])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Oe,[e.renderSlot(i.$slots,"navbar-links",{},()=>[n.links?(e.openBlock(),e.createBlock(Ee,{key:0,links:n.links,"collapse-group":n.id},null,8,["links","collapse-group"])):e.createCommentVNode("",!0)],!0)]),e.createElementVNode("div",Fe,[e.renderSlot(i.$slots,"navbar-search",{},()=>[n.search?(e.openBlock(),e.createBlock(Le,{key:0,search:n.search,"collapse-group":n.id},null,8,["search","collapse-group"])):e.createCommentVNode("",!0)],!0)]),i.$slots["navbar-end"]?(e.openBlock(),e.createElementBlock("div",Re,[e.renderSlot(i.$slots,"navbar-end",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}}),Pe=h(Ue,[["__scopeId","data-v-caf52a6d"]]),He={class:"site-wide-alert content"},Ge={class:"alert-content"},je={class:"content-text"},qe={class:"title"},Qe={class:"body"},Ke=e.defineComponent({__name:"AlertBanner",props:{bannerTitle:{},bannerMessage:{}},setup(n){const t=n;return(l,a)=>(e.openBlock(),e.createElementBlock("div",He,[e.createElementVNode("div",Ge,[e.createVNode(e.unref(c.Icon),{"icon-definition":e.unref(U),size:"small",decorative:!0},null,8,["icon-definition"]),e.createElementVNode("div",je,[e.createElementVNode("h6",qe,e.toDisplayString(t.bannerTitle),1),e.createElementVNode("div",Qe,e.toDisplayString(t.bannerMessage),1)])])]))}}),We=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},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(ve,{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(Pe,{id:n.id,sticky:n.sticky,"mobile-nav":n.mobileNav,links:n.links,"navbar-brand":n.navbarBrand,search:n.search},e.createSlots({_:2},[t.$slots["mobile-nav"]?{name:"mobile-nav",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"mobile-nav")]),key:"0"}:void 0,t.$slots["navbar-end"]?{name:"navbar-end",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"navbar-end")]),key:"1"}:void 0]),1032,["id","sticky","mobile-nav","links","navbar-brand","search"]),n.bannerTitle||n.bannerMessage?(e.openBlock(),e.createBlock(Ke,{key:1,"banner-title":n.bannerTitle,"banner-message":n.bannerMessage},null,8,["banner-title","banner-message"])):e.createCommentVNode("",!0)],64))}}),Xe=["disabled"],C=e.defineComponent({inheritAttrs:!1,__name:"PhlButton",props:{href:{},to:{},target:{},rel:{},disabled:{type:Boolean,default:!1},clickTarget:{},variant:{default:"primary"},size:{default:"medium"},iconOnly:{type:Boolean,default:!1},iconRight:{type:Boolean},text:{},className:{},iconDefinition:{},iconClass:{},src:{},svgRaw:{}},setup(n){const t=n,l=o=>"href"in o&&o.href!==void 0||"to"in o&&o.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)),s=e.computed(()=>l(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}:{}),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(o,i)=>l(t)?(e.openBlock(),e.createBlock(e.unref(c.BaseLink),e.mergeProps({key:0},{...s.value,...o.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(o.$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},o.$attrs),[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,Xe))}});var _={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 Ze=["id"],Ye={key:0,class:"tooltip__tail","aria-hidden":"true"},Je={key:1,class:"tooltip__plain-row has-text-body-small"},et={key:0,class:"tooltip__title-row"},tt={key:0},nt=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(a,s)=>(e.openBlock(),e.createElementBlock("div",{id:n.id,class:e.normalizeClass(l.value),role:"tooltip"},[n.tail?(e.openBlock(),e.createElementBlock("div",Ye)):e.createCommentVNode("",!0),n.type==="plain"?(e.openBlock(),e.createElementBlock("div",Je,[e.renderSlot(a.$slots,"default",{},void 0,!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(C),{key:0,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,"icon-definition":e.unref(_),"aria-label":"Dismiss tooltip",onClick:s[0]||(s[0]=r=>a.$emit("dismiss"))},null,8,["icon-definition"])):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[n.title||n.dismissable?(e.openBlock(),e.createElementBlock("div",et,[n.title?(e.openBlock(),e.createElementBlock("h6",tt,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(C),{key:1,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,"icon-definition":e.unref(_),"aria-label":"Dismiss tooltip",onClick:s[1]||(s[1]=r=>a.$emit("dismiss"))},null,8,["icon-definition"])):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default",{},void 0,!0)],64))],10,Ze))}}),z=(n,t)=>{const l=n.__vccOpts||n;for(const[a,s]of t)l[a]=s;return l},at=z(nt,[["__scopeId","data-v-0155bbdd"]]),ot=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 l=n,a=e.useId(),s=e.ref(!1),r=e.ref(null),o=e.ref(null),i=e.ref("top-center"),u=()=>{const d=r.value?.getBoundingClientRect();if(!d)return"top-center";const{innerWidth:p,innerHeight:M}=window,g=d.top,T=M-d.bottom,B=o.value?.firstElementChild?.getBoundingClientRect().height??0,D=(B>0?g>=B:g>=T)?"top":"bottom",N=d.left+d.width/2,I=N<p/3?"left":N>p*2/3?"right":"center";return`${D}-${I}`},k=d=>{d.key==="Escape"&&m()},y=d=>{r.value&&!r.value.contains(d.target)&&m()},v=()=>{l.placement==="auto"?i.value=u():i.value=l.placement,s.value=!0,document.addEventListener("keydown",k),l.trigger==="click"&&document.addEventListener("click",y)},m=()=>{s.value=!1,document.removeEventListener("keydown",k),document.removeEventListener("click",y)},A=()=>{s.value?m():v()};e.onUnmounted(m),t({show:v,hide:m});const L=e.computed(()=>({type:l.type,color:l.color,tail:l.tail,placement:i.value,title:l.title,dismissable:l.dismissable}));return(d,p)=>(e.openBlock(),e.createElementBlock("span",e.mergeProps({ref_key:"wrapperEl",ref:r,class:e.unref(c.cn)("tooltip-trigger",l.className)},n.trigger==="click"?{onClick:A}:{onMouseenter:v,onMouseleave:m,onFocusin:v,onFocusout:m}),[e.renderSlot(d.$slots,"default",{tooltipId:e.unref(a),isOpen:s.value},void 0,!0),e.createElementVNode("span",{ref_key:"positionerEl",ref:o,class:e.normalizeClass(["tooltip-trigger__positioner",`tooltip-trigger__positioner--${i.value}`]),style:e.normalizeStyle({visibility:s.value?"visible":"hidden","--positioner-gap":n.tail?"var(--spacing-l)":"0.5rem"}),onClick:p[0]||(p[0]=e.withModifiers(()=>{},["stop"]))},[e.createVNode(at,e.mergeProps(L.value,{id:e.unref(a),onDismiss:m}),{default:e.withCtx(()=>[e.renderSlot(d.$slots,"body",{},void 0,!0)]),_:3},16,["id"])],6)],16))}}),lt=z(ot,[["__scopeId","data-v-bea2f168"]]),it=["disabled"],st=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=o=>"href"in o&&o.href!==void 0||"to"in o&&o.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)),s=e.computed(()=>l(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}:{}),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(o,i)=>l(t)?(e.openBlock(),e.createBlock(e.unref(c.BaseLink),e.mergeProps({key:0},{...s.value,...o.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(o.$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},o.$attrs),[e.createVNode(e.unref(c.ActionContent),e.normalizeProps(e.guardReactiveProps(r.value)),{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])]),_:3},16)],16,it))}}),rt={class:"navbar-info"},ct={class:"navbar-info__group"},dt={key:0,class:"navbar-info__label has-text-body-default hidden-tablet","aria-hidden":"true"},ut={class:"has-text-body-small"},mt=e.defineComponent({__name:"NavbarInfo",props:{infoTitle:{},infoMessage:{},label:{}},setup(n,{expose:t}){const l=e.useTemplateRef("tooltip");return t({show:()=>l.value?.show(),hide:()=>l.value?.hide()}),(a,s)=>(e.openBlock(),e.createElementBlock("div",rt,[e.createVNode(e.unref(lt),{ref_key:"tooltip",ref:l,type:"rich",title:n.infoTitle,trigger:"click",dismissable:!0},{default:e.withCtx(({tooltipId:r,isOpen:o})=>[e.createElementVNode("span",ct,[e.createVNode(e.unref(st),{class:"navbar-info__trigger",variant:"standard",size:"small","icon-only":!0,"icon-definition":e.unref(S),"aria-label":"More information","aria-describedby":r,"aria-pressed":o},null,8,["icon-definition","aria-describedby","aria-pressed"]),n.label?(e.openBlock(),e.createElementBlock("span",dt,e.toDisplayString(n.label),1)):e.createCommentVNode("",!0)])]),body:e.withCtx(()=>[e.renderSlot(a.$slots,"default",{},()=>[e.createElementVNode("div",ut,e.toDisplayString(n.infoMessage),1)],!0)]),_:3},8,["title"])]))}}),ft=h(mt,[["__scopeId","data-v-c3989251"]]);exports.AppHeader=We;exports.NavbarInfo=ft;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./index.css');const e=require("vue"),p=require("@fortawesome/vue-fontawesome"),d=require("@phila/phila-ui-core"),g=require("@phila/phila-ui-collapse-panel"),R=require("@phila/phila-ui-logo");var U={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"]},P=U,H={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"]},w={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"]},j=w,V=w,G={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"]},$={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"]},S={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"]},q={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"]},Q={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"]},K={prefix:"fas",iconName:"circle-info",icon:[512,512,["info-circle"],"f05a","M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"]},z=K;const W="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",X={id:"trusted-site",class:"is-flex is-justify-space-between"},Y={class:"trusted-wrap"},Z={class:"hidden-tablet trusted-toggle is-flex is-align-center"},J=["src"],ee=["aria-label","aria-expanded"],te={class:"icon","aria-hidden":"true"},ne={class:"hidden-desktop trusted-toggle is-flex is-align-center"},oe=["aria-label","aria-expanded"],ae={class:"icon","aria-hidden":"true"},le={key:0,class:"trusted-translation is-flex is-align-center"},ie=["hidden"],se={class:"trusted-site-info-content content has-text-body-small is-flex is-justify-space-between"},re={class:"info-item-wrap is-flex"},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-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4"},fe={class:"trusted-icon is-flex is-flex-column has-text-center"},pe={class:"icon circle-icon p-3 mb-2"},ve={class:"info-content-close mt-4"},he=e.defineComponent({__name:"TrustedSite",setup(n){const t=e.useSlots(),{isCollapsed:l,onClickToggle:o}=d.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",X,[e.createElementVNode("div",Y,[e.createElementVNode("div",Z,[e.createElementVNode("img",{src:e.unref(W),alt:"",class:"icon"},null,8,J),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",te,[e.createVNode(e.unref(p.FontAwesomeIcon),{icon:s.value?e.unref($):e.unref(S)},null,8,["icon"])])],8,ee)]),e.createElementVNode("div",ne,[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",ae,[e.createVNode(e.unref(p.FontAwesomeIcon),{icon:e.unref(z)},null,8,["icon"])])],8,oe)])]),e.unref(t).translation?(e.openBlock(),e.createElementBlock("div",le,[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",se,[e.createElementVNode("div",re,[e.createElementVNode("div",ce,[e.createElementVNode("div",de,[e.createElementVNode("span",ue,[e.createVNode(e.unref(p.FontAwesomeIcon),{icon:e.unref(q)},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",me,[e.createElementVNode("div",fe,[e.createElementVNode("div",pe,[e.createVNode(e.unref(p.FontAwesomeIcon),{icon:e.unref(G)},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",ve,[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(p.FontAwesomeIcon),{icon:e.unref(j)},null,8,["icon"])])])])],8,ie)],64))}}),b=(n,t)=>{const l=n.__vccOpts||n;for(const[o,s]of t)l[o]=s;return l},be=b(he,[["__scopeId","data-v-3fc90bb2"]]),ke=["aria-controls","aria-expanded","aria-label","onClick"],ge={class:"icon"},ye=["id","hidden"],Be=e.defineComponent({__name:"NavbarBurger",props:{mobileNav:{},collapseGroup:{}},setup(n){return(t,l)=>(e.openBlock(),e.createBlock(e.unref(g.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",ge,[e.createVNode(e.unref(p.FontAwesomeIcon),{icon:o.open?e.unref(V):e.unref(Q)},null,8,["icon"])])],10,ke)]),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,ye)]),_:3},8,["group"]))}}),Ne=["href"],xe=["href","aria-controls","aria-expanded","onKeypress","onTouchend","onClick"],Ce=["id","hidden"],_e={key:0,class:"content nav-flyout has-background-ghost-gray px-6 py-4",tabindex:"-1"},Ee={class:"is-flex is-flex-column is-flex-wrap-wrap",style:{gap:"var(--spacing-4xl)"}},we=["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(g.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(p.FontAwesomeIcon),{class:"ml-1",icon:i.open?e.unref($):e.unref(S)},null,8,["icon"])],42,xe)]),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",_e,[e.createElementVNode("ul",Ee,[(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,we)]))),128))])])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.subNav),{key:1}))],8,Ce))]),_: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,Ne)]))],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(R.Logo),e.mergeProps(l.value,{class:"phila-navbar-logo"}),null,16))}}),Se=b($e,[["__scopeId","data-v-3011c249"]]),ze={class:"pr-4"},Ae=["aria-controls","aria-expanded","aria-label","onClick"],Le={class:"icon"},Me=["id","hidden"],Te=e.defineComponent({__name:"NavbarSearch",props:{search:{},collapseGroup:{}},setup(n){return(t,l)=>(e.openBlock(),e.createBlock(e.unref(g.CollapsePanel),{id:"navbar-search",group:n.collapseGroup,"outside-click-close":"","escape-key-close":"","blur-close":"","open-single":""},{toggle:e.withCtx(o=>[e.createElementVNode("div",ze,[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",Le,[e.createVNode(e.unref(p.FontAwesomeIcon),{icon:o.open?e.unref(V):e.unref(P)},null,8,["icon"])])],10,Ae)])]),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,Me)]),_:3},8,["group"]))}}),De={class:"phila-navbar-brand"},Ie={key:0,class:"phila-navbar-item phila-navbar-brand-link hidden-tablet"},Oe={key:0,class:"content"},Fe=["href"],Re={class:"phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet"},Ue={class:"phila-navbar-search"},Pe={key:0,class:"phila-navbar-end"},C="5rem",He=e.defineComponent({__name:"index",props:{id:{},sticky:{type:Boolean},navbarBrand:{},mobileNav:{},collapseGroup:{},search:{},links:{default:()=>[{text:"Home",href:"#"}]}},setup(n){const t=n,{state:l}=d.useCollapse(),o=e.useTemplateRef("navBarElement"),s=e.ref(C),r=e.ref(0),a=d.debounce(()=>{const i=(o.value?.offsetTop||0)+(o.value?.offsetHeight||0),u=typeof window<"u"?window.innerWidth:1024;s.value=!t.sticky||u<1024?i+"px":C,r.value=i},100);return e.watch(()=>l.value,a,{deep:!0,immediate:!0}),e.onMounted(()=>{window.addEventListener("resize",a)}),e.onUnmounted(()=>{window.removeEventListener("resize",a)}),(i,u)=>(e.openBlock(),e.createElementBlock("nav",{ref_key:"navBarElement",ref:o,class:e.normalizeClass(["phila-navbar has-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(Be,{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",De,[e.renderSlot(i.$slots,"navbar-logo",{},()=>[n.navbarBrand?.brandingImage?(e.openBlock(),e.createBlock(Se,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",Ie,[e.renderSlot(i.$slots,"navbar-brand-link",{},()=>[n.navbarBrand?.brandingLink?(e.openBlock(),e.createElementBlock("div",Oe,[e.createElementVNode("a",{tabindex:"0",href:n.navbarBrand.brandingLink.href,class:"has-text-underline"},e.toDisplayString(n.navbarBrand.brandingLink.text),9,Fe)])):e.createCommentVNode("",!0)],!0)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Re,[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",Ue,[e.renderSlot(i.$slots,"navbar-search",{},()=>[n.search?(e.openBlock(),e.createBlock(Te,{key:0,search:n.search,"collapse-group":n.id},null,8,["search","collapse-group"])):e.createCommentVNode("",!0)],!0)]),i.$slots["navbar-end"]?(e.openBlock(),e.createElementBlock("div",Pe,[e.renderSlot(i.$slots,"navbar-end",{},void 0,!0)])):e.createCommentVNode("",!0)],6))}}),je=b(He,[["__scopeId","data-v-caf52a6d"]]),Ge={class:"site-wide-alert content"},qe={class:"alert-content"},Qe={class:"content-text"},Ke={class:"title"},We={class:"body"},Xe=e.defineComponent({__name:"AlertBanner",props:{bannerTitle:{},bannerMessage:{}},setup(n){const t=n;return(l,o)=>(e.openBlock(),e.createElementBlock("div",Ge,[e.createElementVNode("div",qe,[e.createVNode(e.unref(d.Icon),{"icon-definition":e.unref(H),size:"small",decorative:!0},null,8,["icon-definition"]),e.createElementVNode("div",Qe,[e.createElementVNode("h6",Ke,e.toDisplayString(t.bannerTitle),1),e.createElementVNode("div",We,e.toDisplayString(t.bannerMessage),1)])])]))}}),Ye=e.defineComponent({__name:"AppHeader",props:{showTrustedSite:{type:Boolean,default:!0},translations:{default:void 0},className:{},id:{default:"main-nav"},sticky:{type:Boolean,default:!0},navbarBrand:{default:void 0},mobileNav:{default:void 0},collapseGroup:{},search:{default:void 0},links:{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(be,{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(je,{id:n.id,sticky:n.sticky,"mobile-nav":n.mobileNav,links:n.links,"navbar-brand":n.navbarBrand,search:n.search},e.createSlots({_:2},[t.$slots["mobile-nav"]?{name:"mobile-nav",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"mobile-nav")]),key:"0"}:void 0,t.$slots["navbar-end"]?{name:"navbar-end",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"navbar-end")]),key:"1"}:void 0]),1032,["id","sticky","mobile-nav","links","navbar-brand","search"]),n.bannerTitle||n.bannerMessage?(e.openBlock(),e.createBlock(Xe,{key:1,"banner-title":n.bannerTitle,"banner-message":n.bannerMessage},null,8,["banner-title","banner-message"])):e.createCommentVNode("",!0)],64))}}),Ze=["disabled"],_=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(()=>d.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(d.BaseLink),e.mergeProps({key:0},{...s.value,...a.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(d.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(d.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,Ze))}});var E={prefix:"fas",iconName:"xmark",icon:[384,512,[128473,10005,10006,10060,215,"close","multiply","remove","times"],"f00d","M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]};const Je=["id"],et={key:0,class:"tooltip__tail","aria-hidden":"true"},tt={key:1,class:"tooltip__plain-row has-text-body-small"},nt={key:0,class:"tooltip__title-row"},ot={key:0},at=e.defineComponent({__name:"TooltipBubble",props:{id:{},type:{default:"plain"},color:{default:"default"},tail:{type:Boolean,default:!1},placement:{default:"top-center"},title:{},dismissable:{type:Boolean,default:!1},className:{}},emits:["dismiss"],setup(n){const t=n,l=e.computed(()=>d.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",et)):e.createCommentVNode("",!0),n.type==="plain"?(e.openBlock(),e.createElementBlock("div",tt,[e.renderSlot(o.$slots,"default",{},void 0,!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(_),{key:0,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,"icon-definition":e.unref(E),"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",nt,[n.title?(e.openBlock(),e.createElementBlock("h6",ot,e.toDisplayString(n.title),1)):e.createCommentVNode("",!0),n.dismissable?(e.openBlock(),e.createBlock(e.unref(_),{key:1,class:"tooltip__dismiss",variant:"standard",size:"extra-small","icon-only":!0,"icon-definition":e.unref(E),"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,Je))}}),A=(n,t)=>{const l=n.__vccOpts||n;for(const[o,s]of t)l[o]=s;return l},lt=A(at,[["__scopeId","data-v-7ccd7c7d"]]),it=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 l=n,o=e.useId(),s=e.ref(!1),r=e.ref(null),a=e.ref(null),i=e.ref("top-center"),u=e.ref(0),L=()=>{const c=r.value?.getBoundingClientRect();if(!c)return"top-center";const{innerWidth:f,innerHeight:k}=window,h=c.top,I=k-c.bottom,N=a.value?.firstElementChild?.getBoundingClientRect().height??0,O=(N>0?h>=N:h>=I)?"top":"bottom",x=c.left+c.width/2,F=x<f/3?"left":x>f*2/3?"right":"center";return`${O}-${F}`},y=c=>{c.key==="Escape"&&m()},B=c=>{r.value&&!r.value.contains(c.target)&&m()};function M(){const c=a.value?.firstElementChild?.getBoundingClientRect();if(!c)return;const f=8,k=c.right-(window.innerWidth-f),h=f-c.left;k<=0&&h<=0||(u.value=window.innerWidth/2-(c.left+c.width/2))}const v=async()=>{l.placement==="auto"?i.value=L():i.value=l.placement,u.value=0,s.value=!0,document.addEventListener("keydown",y),l.trigger==="click"&&document.addEventListener("click",B),await e.nextTick(),M()},m=()=>{s.value=!1,document.removeEventListener("keydown",y),document.removeEventListener("click",B)},T=()=>{s.value?m():v()};e.onUnmounted(m),t({show:v,hide:m});const D=e.computed(()=>({type:l.type,color:l.color,tail:l.tail,placement:i.value,title:l.title,dismissable:l.dismissable}));return(c,f)=>(e.openBlock(),e.createElementBlock("span",e.mergeProps({ref_key:"wrapperEl",ref:r,class:e.unref(d.cn)("tooltip-trigger",l.className)},n.trigger==="click"?{onClick:T}:{onMouseenter:v,onMouseleave:m,onFocusin:v,onFocusout:m}),[e.renderSlot(c.$slots,"default",{tooltipId:e.unref(o),isOpen:s.value},void 0,!0),e.createElementVNode("span",{ref_key:"positionerEl",ref:a,class:e.normalizeClass(["tooltip-trigger__positioner",`tooltip-trigger__positioner--${i.value}`]),style:e.normalizeStyle({visibility:s.value?"visible":"hidden","--positioner-gap":n.tail?"var(--spacing-l)":"0.5rem","--adjust-x":`${u.value}px`}),onClick:f[0]||(f[0]=e.withModifiers(()=>{},["stop"]))},[e.createVNode(lt,e.mergeProps(D.value,{id:e.unref(o),onDismiss:m}),{default:e.withCtx(()=>[e.renderSlot(c.$slots,"body",{},void 0,!0)]),_:3},16,["id"])],6)],16))}}),st=A(it,[["__scopeId","data-v-b3f93b8c"]]),rt=["disabled"],ct=e.defineComponent({inheritAttrs:!1,__name:"PhlButton",props:{href:{},to:{},target:{},rel:{},disabled:{type:Boolean,default:!1},clickTarget:{},variant:{default:"primary"},size:{default:"medium"},iconOnly:{type:Boolean,default:!1},iconRight:{type:Boolean},text:{},className:{},iconDefinition:{},iconClass:{},src:{},svgRaw:{}},setup(n){const t=n,l=a=>"href"in a&&a.href!==void 0||"to"in a&&a.to!==void 0,o=e.computed(()=>d.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(d.BaseLink),e.mergeProps({key:0},{...s.value,...a.$attrs},{role:"button"}),{default:e.withCtx(()=>[e.createVNode(e.unref(d.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(d.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,rt))}}),dt={class:"navbar-info"},ut={class:"navbar-info__group"},mt={key:0,class:"navbar-info__label has-text-body-default hidden-tablet","aria-hidden":"true"},ft={class:"has-text-body-small"},pt=e.defineComponent({__name:"NavbarInfo",props:{infoTitle:{},infoMessage:{},label:{}},setup(n,{expose:t}){const l=e.useTemplateRef("tooltip");return t({show:()=>l.value?.show(),hide:()=>l.value?.hide()}),(o,s)=>(e.openBlock(),e.createElementBlock("div",dt,[e.createVNode(e.unref(st),{ref_key:"tooltip",ref:l,type:"rich",title:n.infoTitle,trigger:"click",dismissable:!0},{default:e.withCtx(({tooltipId:r,isOpen:a})=>[e.createElementVNode("span",ut,[e.createVNode(e.unref(ct),{class:"navbar-info__trigger",variant:"standard",size:"small","icon-only":!0,"icon-definition":e.unref(z),"aria-label":"More information","aria-describedby":r,"aria-pressed":a},null,8,["icon-definition","aria-describedby","aria-pressed"]),n.label?(e.openBlock(),e.createElementBlock("span",mt,e.toDisplayString(n.label),1)):e.createCommentVNode("",!0)])]),body:e.withCtx(()=>[e.renderSlot(o.$slots,"default",{},()=>[e.createElementVNode("div",ft,e.toDisplayString(n.infoMessage),1)],!0)]),_:3},8,["title"])]))}}),vt=b(pt,[["__scopeId","data-v-c3989251"]]);exports.AppHeader=Ye;exports.NavbarInfo=vt;
package/dist/index.mjs CHANGED
@@ -1,73 +1,73 @@
1
- import { defineComponent as y, useSlots as ue, computed as k, createElementBlock as u, openBlock as o, Fragment as N, createElementVNode as s, createCommentVNode as m, unref as n, createTextVNode as w, createVNode as p, renderSlot as f, createBlock as b, withCtx as v, resolveDynamicComponent as E, normalizeClass as z, renderList as F, toDisplayString as h, withKeys as fe, mergeProps as C, useTemplateRef as W, ref as B, watch as ve, onMounted as me, onUnmounted as q, normalizeStyle as X, createSlots as Z, useId as be, withModifiers as pe, normalizeProps as M, guardReactiveProps as T } from "vue";
2
- import { FontAwesomeIcon as $ } from "@fortawesome/vue-fontawesome";
3
- import { useCollapse as Y, debounce as he, Icon as ye, cn as I, BaseLink as J, ActionContent as S } from "@phila/phila-ui-core";
4
- import { CollapsePanel as D } from "@phila/phila-ui-collapse-panel";
5
- import { Logo as ge } from "@phila/phila-ui-logo";
6
- import './index.css';var ke = {
1
+ import { defineComponent as g, useSlots as ve, computed as _, createElementBlock as u, openBlock as o, Fragment as z, createElementVNode as s, createCommentVNode as p, unref as n, createTextVNode as N, createVNode as h, renderSlot as f, createBlock as b, withCtx as v, resolveDynamicComponent as I, normalizeClass as L, renderList as V, toDisplayString as y, withKeys as me, mergeProps as C, useTemplateRef as q, ref as B, watch as pe, onMounted as be, onUnmounted as X, normalizeStyle as Y, createSlots as Z, useId as he, withModifiers as ye, nextTick as ge, normalizeProps as T, guardReactiveProps as S } from "vue";
2
+ import { FontAwesomeIcon as w } from "@fortawesome/vue-fontawesome";
3
+ import { useCollapse as J, debounce as ke, Icon as _e, cn as O, BaseLink as P, ActionContent as E } from "@phila/phila-ui-core";
4
+ import { CollapsePanel as H } from "@phila/phila-ui-collapse-panel";
5
+ import { Logo as xe } from "@phila/phila-ui-logo";
6
+ import './index.css';var $e = {
7
7
  prefix: "fas",
8
8
  iconName: "magnifying-glass",
9
9
  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"]
10
- }, _e = ke, xe = {
10
+ }, we = $e, Ce = {
11
11
  prefix: "fas",
12
12
  iconName: "circle-exclamation",
13
13
  icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]
14
- }, P = {
14
+ }, ee = {
15
15
  prefix: "fas",
16
16
  iconName: "xmark",
17
17
  icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
18
- }, $e = P, ee = P, Ce = {
18
+ }, Be = ee, te = ee, Ne = {
19
19
  prefix: "fas",
20
20
  iconName: "lock",
21
21
  icon: [384, 512, [128274], "f023", "M128 96l0 64 128 0 0-64c0-35.3-28.7-64-64-64s-64 28.7-64 64zM64 160l0-64C64 25.3 121.3-32 192-32S320 25.3 320 96l0 64c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64z"]
22
- }, te = {
22
+ }, ae = {
23
23
  prefix: "fas",
24
24
  iconName: "caret-up",
25
25
  icon: [320, 512, [], "f0d8", "M140.3 135.2c12.6-10.3 31.1-9.5 42.8 2.2l128 128c9.2 9.2 11.9 22.9 6.9 34.9S301.4 320 288.5 320l-256 0c-12.9 0-24.6-7.8-29.6-19.8S.7 274.5 9.9 265.4l128-128 2.4-2.2z"]
26
- }, ae = {
26
+ }, ie = {
27
27
  prefix: "fas",
28
28
  iconName: "caret-down",
29
29
  icon: [320, 512, [], "f0d7", "M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"]
30
- }, we = {
30
+ }, ze = {
31
31
  prefix: "fas",
32
32
  iconName: "building-columns",
33
33
  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"]
34
- }, Be = {
34
+ }, Le = {
35
35
  prefix: "fas",
36
36
  iconName: "bars",
37
37
  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"]
38
- }, Ne = {
38
+ }, Ae = {
39
39
  prefix: "fas",
40
40
  iconName: "circle-info",
41
41
  icon: [512, 512, ["info-circle"], "f05a", "M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"]
42
- }, ie = Ne;
43
- const ze = "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", Ae = {
42
+ }, ne = Ae;
43
+ const Me = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%200%2016%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='16'%20height='11'%20fill='url(%23pattern0_61022_1867)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_61022_1867'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_61022_1867'%20transform='scale(0.0625%200.0909091)'/%3e%3c/pattern%3e%3cimage%20id='image0_61022_1867'%20width='16'%20height='11'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e", Te = {
44
44
  id: "trusted-site",
45
45
  class: "is-flex is-justify-space-between"
46
- }, Le = { class: "trusted-wrap" }, Me = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, Te = ["src"], Se = ["aria-label", "aria-expanded"], Ee = {
46
+ }, Se = { class: "trusted-wrap" }, Ee = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, Ie = ["src"], Oe = ["aria-label", "aria-expanded"], De = {
47
47
  class: "icon",
48
48
  "aria-hidden": "true"
49
- }, Ie = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, Oe = ["aria-label", "aria-expanded"], De = {
49
+ }, Re = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, He = ["aria-label", "aria-expanded"], Ue = {
50
50
  class: "icon",
51
51
  "aria-hidden": "true"
52
- }, Re = {
52
+ }, je = {
53
53
  key: 0,
54
54
  class: "trusted-translation is-flex is-align-center"
55
- }, He = ["hidden"], Ue = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, Ge = { class: "info-item-wrap is-flex" }, je = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, Fe = { class: "trusted-icon is-flex is-flex-column has-text-center" }, Ve = { class: "icon circle-icon p-3 mb-2" }, Qe = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, Ke = { class: "trusted-icon is-flex is-flex-column has-text-center" }, We = { class: "icon circle-icon p-3 mb-2" }, qe = { class: "info-content-close mt-4" }, Xe = /* @__PURE__ */ y({
55
+ }, Ge = ["hidden"], Fe = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, Ve = { class: "info-item-wrap is-flex" }, Qe = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, Ke = { class: "trusted-icon is-flex is-flex-column has-text-center" }, We = { class: "icon circle-icon p-3 mb-2" }, qe = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, Xe = { class: "trusted-icon is-flex is-flex-column has-text-center" }, Ye = { class: "icon circle-icon p-3 mb-2" }, Ze = { class: "info-content-close mt-4" }, Je = /* @__PURE__ */ g({
56
56
  __name: "TrustedSite",
57
57
  setup(t) {
58
- const e = ue(), { isCollapsed: l, onClickToggle: a } = Y({
58
+ const e = ve(), { isCollapsed: l, onClickToggle: a } = J({
59
59
  id: "trusted-site-info",
60
60
  escapeKeyClose: !0
61
- }), c = k(() => l("trusted-site-info"));
62
- return (d, i) => (o(), u(N, null, [
63
- s("div", Ae, [
64
- s("div", Le, [
65
- s("div", Me, [
61
+ }), c = _(() => l("trusted-site-info"));
62
+ return (d, i) => (o(), u(z, null, [
63
+ s("div", Te, [
64
+ s("div", Se, [
65
+ s("div", Ee, [
66
66
  s("img", {
67
- src: n(ze),
67
+ src: n(Me),
68
68
  alt: "",
69
69
  class: "icon"
70
- }, null, 8, Te),
70
+ }, null, 8, Ie),
71
71
  i[4] || (i[4] = s("div", { class: "content mx-2" }, "An official website of the City of Philadelphia government", -1)),
72
72
  s("button", {
73
73
  class: "phila-button is-extra-small",
@@ -77,15 +77,15 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
77
77
  onClick: i[0] || (i[0] = //@ts-ignore
78
78
  (...r) => n(a) && n(a)(...r))
79
79
  }, [
80
- i[3] || (i[3] = w(" Here's how you know ", -1)),
81
- s("span", Ee, [
82
- p(n($), {
83
- icon: c.value ? n(te) : n(ae)
80
+ i[3] || (i[3] = N(" Here's how you know ", -1)),
81
+ s("span", De, [
82
+ h(n(w), {
83
+ icon: c.value ? n(ae) : n(ie)
84
84
  }, null, 8, ["icon"])
85
85
  ])
86
- ], 8, Se)
86
+ ], 8, Oe)
87
87
  ]),
88
- s("div", Ie, [
88
+ s("div", Re, [
89
89
  s("button", {
90
90
  class: "phila-button is-extra-small",
91
91
  "aria-label": `${c.value ? "Close" : "Open"} Trusted Site information panel`,
@@ -94,70 +94,70 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
94
94
  onClick: i[1] || (i[1] = //@ts-ignore
95
95
  (...r) => n(a) && n(a)(...r))
96
96
  }, [
97
- i[5] || (i[5] = w(" An official website ", -1)),
98
- s("span", De, [
99
- p(n($), { icon: n(ie) }, null, 8, ["icon"])
97
+ i[5] || (i[5] = N(" An official website ", -1)),
98
+ s("span", Ue, [
99
+ h(n(w), { icon: n(ne) }, null, 8, ["icon"])
100
100
  ])
101
- ], 8, Oe)
101
+ ], 8, He)
102
102
  ])
103
103
  ]),
104
- n(e).translation ? (o(), u("div", Re, [
104
+ n(e).translation ? (o(), u("div", je, [
105
105
  f(d.$slots, "translation", {}, void 0, !0)
106
- ])) : m("", !0)
106
+ ])) : p("", !0)
107
107
  ]),
108
108
  s("div", {
109
109
  id: "trusted-site-info",
110
110
  class: "px-6",
111
111
  hidden: !c.value
112
112
  }, [
113
- s("div", Ue, [
114
- s("div", Ge, [
115
- s("div", je, [
116
- s("div", Fe, [
117
- s("span", Ve, [
118
- p(n($), { icon: n(we) }, null, 8, ["icon"])
113
+ s("div", Fe, [
114
+ s("div", Ve, [
115
+ s("div", Qe, [
116
+ s("div", Ke, [
117
+ s("span", We, [
118
+ h(n(w), { icon: n(ze) }, null, 8, ["icon"])
119
119
  ]),
120
120
  i[6] || (i[6] = s("span", { class: "has-text-bold" }, ".gov", -1))
121
121
  ]),
122
122
  i[7] || (i[7] = s("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
123
123
  ]),
124
- s("div", Qe, [
125
- s("div", Ke, [
126
- s("div", We, [
127
- p(n($), { icon: n(Ce) }, null, 8, ["icon"])
124
+ s("div", qe, [
125
+ s("div", Xe, [
126
+ s("div", Ye, [
127
+ h(n(w), { icon: n(Ne) }, null, 8, ["icon"])
128
128
  ]),
129
129
  i[8] || (i[8] = s("span", { class: "has-text-bold" }, "https://", -1))
130
130
  ]),
131
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))
132
132
  ])
133
133
  ]),
134
- s("div", qe, [
134
+ s("div", Ze, [
135
135
  s("button", {
136
136
  class: "phila-button phila-button--primary icon-button is-extra-small",
137
137
  "aria-label": "Close Trusted Site information panel",
138
138
  onClick: i[2] || (i[2] = //@ts-ignore
139
139
  (...r) => n(a) && n(a)(...r))
140
140
  }, [
141
- p(n($), { icon: n($e) }, null, 8, ["icon"])
141
+ h(n(w), { icon: n(Be) }, null, 8, ["icon"])
142
142
  ])
143
143
  ])
144
144
  ])
145
- ], 8, He)
145
+ ], 8, Ge)
146
146
  ], 64));
147
147
  }
148
- }), O = (t, e) => {
148
+ }), D = (t, e) => {
149
149
  const l = t.__vccOpts || t;
150
150
  for (const [a, c] of e)
151
151
  l[a] = c;
152
152
  return l;
153
- }, Ze = /* @__PURE__ */ O(Xe, [["__scopeId", "data-v-3fc90bb2"]]), Ye = ["aria-controls", "aria-expanded", "aria-label", "onClick"], Je = { class: "icon" }, Pe = ["id", "hidden"], et = /* @__PURE__ */ y({
153
+ }, Pe = /* @__PURE__ */ D(Je, [["__scopeId", "data-v-3fc90bb2"]]), et = ["aria-controls", "aria-expanded", "aria-label", "onClick"], tt = { class: "icon" }, at = ["id", "hidden"], it = /* @__PURE__ */ g({
154
154
  __name: "NavbarBurger",
155
155
  props: {
156
156
  mobileNav: {},
157
157
  collapseGroup: {}
158
158
  },
159
159
  setup(t) {
160
- return (e, l) => (o(), b(n(D), {
160
+ return (e, l) => (o(), b(n(H), {
161
161
  id: "mobile-nav",
162
162
  group: t.collapseGroup,
163
163
  "outside-click-close": "",
@@ -167,18 +167,18 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
167
167
  }, {
168
168
  toggle: v((a) => [
169
169
  s("button", {
170
- class: z(["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": a.open }]),
170
+ class: L(["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": a.open }]),
171
171
  "aria-controls": a.ariaControls,
172
172
  "aria-expanded": a.open,
173
173
  "aria-label": `${a.open ? "Close" : "Open"} mobile navigation panel`,
174
174
  onClick: a.onClick
175
175
  }, [
176
- s("span", Je, [
177
- p(n($), {
178
- icon: a.open ? n(ee) : n(Be)
176
+ s("span", tt, [
177
+ h(n(w), {
178
+ icon: a.open ? n(te) : n(Le)
179
179
  }, null, 8, ["icon"])
180
180
  ])
181
- ], 10, Ye)
181
+ ], 10, et)
182
182
  ]),
183
183
  default: v((a) => [
184
184
  s("div", {
@@ -187,21 +187,21 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
187
187
  hidden: !a.open
188
188
  }, [
189
189
  f(e.$slots, "mobile-nav", {}, () => [
190
- (o(), b(E(t.mobileNav)))
190
+ (o(), b(I(t.mobileNav)))
191
191
  ])
192
- ], 8, Pe)
192
+ ], 8, at)
193
193
  ]),
194
194
  _: 3
195
195
  }, 8, ["group"]));
196
196
  }
197
- }), tt = ["href"], at = ["href", "aria-controls", "aria-expanded", "onKeypress", "onTouchend", "onClick"], it = ["id", "hidden"], nt = {
197
+ }), nt = ["href"], st = ["href", "aria-controls", "aria-expanded", "onKeypress", "onTouchend", "onClick"], ot = ["id", "hidden"], lt = {
198
198
  key: 0,
199
199
  class: "content nav-flyout has-background-ghost-gray px-6 py-4",
200
200
  tabindex: "-1"
201
- }, st = {
201
+ }, rt = {
202
202
  class: "is-flex is-flex-column is-flex-wrap-wrap",
203
203
  style: { gap: "var(--spacing-4xl)" }
204
- }, ot = ["href"], lt = /* @__PURE__ */ y({
204
+ }, ct = ["href"], dt = /* @__PURE__ */ g({
205
205
  __name: "NavbarLinks",
206
206
  props: {
207
207
  links: {},
@@ -209,8 +209,8 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
209
209
  },
210
210
  setup(t) {
211
211
  const e = (a) => !!(a.subLinks || a.subNav), l = (a) => `main-nav-${a.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g, "")}`;
212
- return (a, c) => (o(!0), u(N, null, F(t.links, (d, i) => (o(), u(N, null, [
213
- e(d) ? (o(), b(n(D), {
212
+ return (a, c) => (o(!0), u(z, null, V(t.links, (d, i) => (o(), u(z, null, [
213
+ e(d) ? (o(), b(n(H), {
214
214
  id: l(d),
215
215
  key: `collapse-${i}`,
216
216
  group: t.collapseGroup,
@@ -224,20 +224,20 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
224
224
  toggle: v((r) => [
225
225
  s("a", {
226
226
  href: d.href,
227
- class: z(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": r.open }]),
227
+ class: L(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": r.open }]),
228
228
  "aria-controls": r.ariaControls,
229
229
  "aria-expanded": r.open,
230
230
  tabindex: "0",
231
- onKeypress: fe(r.onClick, ["enter"]),
231
+ onKeypress: me(r.onClick, ["enter"]),
232
232
  onTouchend: r.onClick,
233
233
  onClick: r.onClick
234
234
  }, [
235
- w(h(d.text) + " ", 1),
236
- p(n($), {
235
+ N(y(d.text) + " ", 1),
236
+ h(n(w), {
237
237
  class: "ml-1",
238
- icon: r.open ? n(te) : n(ae)
238
+ icon: r.open ? n(ae) : n(ie)
239
239
  }, null, 8, ["icon"])
240
- ], 42, at)
240
+ ], 42, st)
241
241
  ]),
242
242
  default: v((r) => [
243
243
  (o(), u("div", {
@@ -245,22 +245,22 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
245
245
  key: d.text,
246
246
  hidden: !r.open
247
247
  }, [
248
- d.subLinks ? (o(), u("div", nt, [
249
- s("ul", st, [
250
- (o(!0), u(N, null, F(d.subLinks, (_) => (o(), u("li", {
251
- key: _.text,
248
+ d.subLinks ? (o(), u("div", lt, [
249
+ s("ul", rt, [
250
+ (o(!0), u(z, null, V(d.subLinks, (k) => (o(), u("li", {
251
+ key: k.text,
252
252
  class: "sub-nav-link is-flex is-align-center",
253
253
  style: { width: "150px" }
254
254
  }, [
255
255
  s("a", {
256
- href: _.href,
256
+ href: k.href,
257
257
  class: "has-text-link has-text-weight-medium",
258
258
  tabindex: "0"
259
- }, h(_.text), 9, ot)
259
+ }, y(k.text), 9, ct)
260
260
  ]))), 128))
261
261
  ])
262
- ])) : (o(), b(E(d.subNav), { key: 1 }))
263
- ], 8, it))
262
+ ])) : (o(), b(I(d.subNav), { key: 1 }))
263
+ ], 8, ot))
264
264
  ]),
265
265
  _: 2
266
266
  }, 1032, ["id", "group"])) : (o(), u("div", {
@@ -271,11 +271,11 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
271
271
  href: d.href,
272
272
  class: "phila-navbar-link px-4",
273
273
  tabindex: "0"
274
- }, h(d.text), 9, tt)
274
+ }, y(d.text), 9, nt)
275
275
  ]))
276
276
  ], 64))), 256));
277
277
  }
278
- }), rt = /* @__PURE__ */ y({
278
+ }), ut = /* @__PURE__ */ g({
279
279
  __name: "NavbarBrandLogo",
280
280
  props: {
281
281
  logo: {},
@@ -284,23 +284,23 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
284
284
  altText: {}
285
285
  },
286
286
  setup(t) {
287
- const e = t, l = k(() => ({
287
+ const e = t, l = _(() => ({
288
288
  variant: "city",
289
289
  layout: "stacked",
290
290
  colorScheme: "on-primary",
291
291
  href: e.href,
292
292
  ...e.logo
293
293
  }));
294
- return (a, c) => (o(), b(n(ge), C(l.value, { class: "phila-navbar-logo" }), null, 16));
294
+ return (a, c) => (o(), b(n(xe), C(l.value, { class: "phila-navbar-logo" }), null, 16));
295
295
  }
296
- }), ct = /* @__PURE__ */ O(rt, [["__scopeId", "data-v-3011c249"]]), dt = { class: "pr-4" }, ut = ["aria-controls", "aria-expanded", "aria-label", "onClick"], ft = { class: "icon" }, vt = ["id", "hidden"], mt = /* @__PURE__ */ y({
296
+ }), ft = /* @__PURE__ */ D(ut, [["__scopeId", "data-v-3011c249"]]), vt = { class: "pr-4" }, mt = ["aria-controls", "aria-expanded", "aria-label", "onClick"], pt = { class: "icon" }, bt = ["id", "hidden"], ht = /* @__PURE__ */ g({
297
297
  __name: "NavbarSearch",
298
298
  props: {
299
299
  search: {},
300
300
  collapseGroup: {}
301
301
  },
302
302
  setup(t) {
303
- return (e, l) => (o(), b(n(D), {
303
+ return (e, l) => (o(), b(n(H), {
304
304
  id: "navbar-search",
305
305
  group: t.collapseGroup,
306
306
  "outside-click-close": "",
@@ -309,20 +309,20 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
309
309
  "open-single": ""
310
310
  }, {
311
311
  toggle: v((a) => [
312
- s("div", dt, [
312
+ s("div", vt, [
313
313
  s("button", {
314
- class: z(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": a.open }]),
314
+ class: L(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": a.open }]),
315
315
  "aria-controls": a.ariaControls,
316
316
  "aria-expanded": a.open,
317
317
  "aria-label": `${a.open ? "Close" : "Open"} search panel`,
318
318
  onClick: a.onClick
319
319
  }, [
320
- s("span", ft, [
321
- p(n($), {
322
- icon: a.open ? n(ee) : n(_e)
320
+ s("span", pt, [
321
+ h(n(w), {
322
+ icon: a.open ? n(te) : n(we)
323
323
  }, null, 8, ["icon"])
324
324
  ])
325
- ], 10, ut)
325
+ ], 10, mt)
326
326
  ])
327
327
  ]),
328
328
  default: v((a) => [
@@ -332,23 +332,23 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
332
332
  hidden: !a.open
333
333
  }, [
334
334
  f(e.$slots, "default", {}, () => [
335
- t.search && a.open ? (o(), b(E(t.search), { key: 0 })) : m("", !0)
335
+ t.search && a.open ? (o(), b(I(t.search), { key: 0 })) : p("", !0)
336
336
  ])
337
- ], 8, vt)
337
+ ], 8, bt)
338
338
  ]),
339
339
  _: 3
340
340
  }, 8, ["group"]));
341
341
  }
342
- }), bt = { class: "phila-navbar-brand" }, pt = {
342
+ }), yt = { class: "phila-navbar-brand" }, gt = {
343
343
  key: 0,
344
344
  class: "phila-navbar-item phila-navbar-brand-link hidden-tablet"
345
- }, ht = {
345
+ }, kt = {
346
346
  key: 0,
347
347
  class: "content"
348
- }, yt = ["href"], gt = { class: "phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet" }, kt = { class: "phila-navbar-search" }, _t = {
348
+ }, _t = ["href"], xt = { class: "phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet" }, $t = { class: "phila-navbar-search" }, wt = {
349
349
  key: 0,
350
350
  class: "phila-navbar-end"
351
- }, V = "5rem", xt = /* @__PURE__ */ y({
351
+ }, Q = "5rem", Ct = /* @__PURE__ */ g({
352
352
  __name: "index",
353
353
  props: {
354
354
  id: {},
@@ -360,23 +360,23 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
360
360
  links: { default: () => [{ text: "Home", href: "#" }] }
361
361
  },
362
362
  setup(t) {
363
- const e = t, { state: l } = Y(), a = W("navBarElement"), c = B(V), d = B(0), i = he(() => {
364
- const r = (a.value?.offsetTop || 0) + (a.value?.offsetHeight || 0), _ = typeof window < "u" ? window.innerWidth : 1024;
365
- c.value = !e.sticky || _ < 1024 ? r + "px" : V, d.value = r;
363
+ const e = t, { state: l } = J(), a = q("navBarElement"), c = B(Q), d = B(0), i = ke(() => {
364
+ const r = (a.value?.offsetTop || 0) + (a.value?.offsetHeight || 0), k = typeof window < "u" ? window.innerWidth : 1024;
365
+ c.value = !e.sticky || k < 1024 ? r + "px" : Q, d.value = r;
366
366
  }, 100);
367
- return ve(() => l.value, i, { deep: !0, immediate: !0 }), me(() => {
367
+ return pe(() => l.value, i, { deep: !0, immediate: !0 }), be(() => {
368
368
  window.addEventListener("resize", i);
369
- }), q(() => {
369
+ }), X(() => {
370
370
  window.removeEventListener("resize", i);
371
- }), (r, _) => (o(), u("nav", {
371
+ }), (r, k) => (o(), u("nav", {
372
372
  ref_key: "navBarElement",
373
373
  ref: a,
374
- class: z(["phila-navbar has-links-on-primary", { "is-sticky-desktop": t.sticky }]),
374
+ class: L(["phila-navbar has-links-on-primary", { "is-sticky-desktop": t.sticky }]),
375
375
  "aria-label": "Main navigation",
376
- style: X(`--nav-height:${c.value};--nav-bottom:${d.value}px`)
376
+ style: Y(`--nav-height:${c.value};--nav-bottom:${d.value}px`)
377
377
  }, [
378
378
  f(r.$slots, "navbar-burger", {}, () => [
379
- t.mobileNav || r.$slots["mobile-nav"] ? (o(), b(et, {
379
+ t.mobileNav || r.$slots["mobile-nav"] ? (o(), b(it, {
380
380
  key: 0,
381
381
  "mobile-nav": t.mobileNav,
382
382
  "collapse-group": t.id
@@ -388,50 +388,50 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
388
388
  ]),
389
389
  key: "0"
390
390
  } : void 0
391
- ]), 1032, ["mobile-nav", "collapse-group"])) : m("", !0)
391
+ ]), 1032, ["mobile-nav", "collapse-group"])) : p("", !0)
392
392
  ], !0),
393
- s("div", bt, [
393
+ s("div", yt, [
394
394
  f(r.$slots, "navbar-logo", {}, () => [
395
- t.navbarBrand?.brandingImage ? (o(), b(ct, C({ key: 0 }, t.navbarBrand.brandingImage, {
395
+ t.navbarBrand?.brandingImage ? (o(), b(ft, C({ key: 0 }, t.navbarBrand.brandingImage, {
396
396
  logo: t.navbarBrand?.logo
397
- }), null, 16, ["logo"])) : m("", !0)
397
+ }), null, 16, ["logo"])) : p("", !0)
398
398
  ], !0),
399
- r.$slots["navbar-brand-link"] || t.navbarBrand?.brandingLink ? (o(), u("div", pt, [
399
+ r.$slots["navbar-brand-link"] || t.navbarBrand?.brandingLink ? (o(), u("div", gt, [
400
400
  f(r.$slots, "navbar-brand-link", {}, () => [
401
- t.navbarBrand?.brandingLink ? (o(), u("div", ht, [
401
+ t.navbarBrand?.brandingLink ? (o(), u("div", kt, [
402
402
  s("a", {
403
403
  tabindex: "0",
404
404
  href: t.navbarBrand.brandingLink.href,
405
405
  class: "has-text-underline"
406
- }, h(t.navbarBrand.brandingLink.text), 9, yt)
407
- ])) : m("", !0)
406
+ }, y(t.navbarBrand.brandingLink.text), 9, _t)
407
+ ])) : p("", !0)
408
408
  ], !0)
409
- ])) : m("", !0)
409
+ ])) : p("", !0)
410
410
  ]),
411
- s("div", gt, [
411
+ s("div", xt, [
412
412
  f(r.$slots, "navbar-links", {}, () => [
413
- t.links ? (o(), b(lt, {
413
+ t.links ? (o(), b(dt, {
414
414
  key: 0,
415
415
  links: t.links,
416
416
  "collapse-group": t.id
417
- }, null, 8, ["links", "collapse-group"])) : m("", !0)
417
+ }, null, 8, ["links", "collapse-group"])) : p("", !0)
418
418
  ], !0)
419
419
  ]),
420
- s("div", kt, [
420
+ s("div", $t, [
421
421
  f(r.$slots, "navbar-search", {}, () => [
422
- t.search ? (o(), b(mt, {
422
+ t.search ? (o(), b(ht, {
423
423
  key: 0,
424
424
  search: t.search,
425
425
  "collapse-group": t.id
426
- }, null, 8, ["search", "collapse-group"])) : m("", !0)
426
+ }, null, 8, ["search", "collapse-group"])) : p("", !0)
427
427
  ], !0)
428
428
  ]),
429
- r.$slots["navbar-end"] ? (o(), u("div", _t, [
429
+ r.$slots["navbar-end"] ? (o(), u("div", wt, [
430
430
  f(r.$slots, "navbar-end", {}, void 0, !0)
431
- ])) : m("", !0)
431
+ ])) : p("", !0)
432
432
  ], 6));
433
433
  }
434
- }), $t = /* @__PURE__ */ O(xt, [["__scopeId", "data-v-caf52a6d"]]), Ct = { class: "site-wide-alert content" }, wt = { class: "alert-content" }, Bt = { class: "content-text" }, Nt = { class: "title" }, zt = { class: "body" }, At = /* @__PURE__ */ y({
434
+ }), Bt = /* @__PURE__ */ D(Ct, [["__scopeId", "data-v-caf52a6d"]]), Nt = { class: "site-wide-alert content" }, zt = { class: "alert-content" }, Lt = { class: "content-text" }, At = { class: "title" }, Mt = { class: "body" }, Tt = /* @__PURE__ */ g({
435
435
  __name: "AlertBanner",
436
436
  props: {
437
437
  bannerTitle: {},
@@ -439,21 +439,21 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
439
439
  },
440
440
  setup(t) {
441
441
  const e = t;
442
- return (l, a) => (o(), u("div", Ct, [
443
- s("div", wt, [
444
- p(n(ye), {
445
- "icon-definition": n(xe),
442
+ return (l, a) => (o(), u("div", Nt, [
443
+ s("div", zt, [
444
+ h(n(_e), {
445
+ "icon-definition": n(Ce),
446
446
  size: "small",
447
447
  decorative: !0
448
448
  }, null, 8, ["icon-definition"]),
449
- s("div", Bt, [
450
- s("h6", Nt, h(e.bannerTitle), 1),
451
- s("div", zt, h(e.bannerMessage), 1)
449
+ s("div", Lt, [
450
+ s("h6", At, y(e.bannerTitle), 1),
451
+ s("div", Mt, y(e.bannerMessage), 1)
452
452
  ])
453
453
  ])
454
454
  ]));
455
455
  }
456
- }), Jt = /* @__PURE__ */ y({
456
+ }), ta = /* @__PURE__ */ g({
457
457
  __name: "AppHeader",
458
458
  props: {
459
459
  showTrustedSite: { type: Boolean, default: !0 },
@@ -470,16 +470,16 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
470
470
  bannerMessage: { default: void 0 }
471
471
  },
472
472
  setup(t) {
473
- return (e, l) => (o(), u(N, null, [
474
- t.showTrustedSite ? (o(), b(Ze, { key: 0 }, {
473
+ return (e, l) => (o(), u(z, null, [
474
+ t.showTrustedSite ? (o(), b(Pe, { key: 0 }, {
475
475
  translation: v(() => [
476
476
  f(e.$slots, "translations", {}, () => [
477
- t.translations ? (o(), b(E(t.translations), { key: 0 })) : m("", !0)
477
+ t.translations ? (o(), b(I(t.translations), { key: 0 })) : p("", !0)
478
478
  ])
479
479
  ]),
480
480
  _: 3
481
- })) : m("", !0),
482
- p($t, {
481
+ })) : p("", !0),
482
+ h(Bt, {
483
483
  id: t.id,
484
484
  sticky: t.sticky,
485
485
  "mobile-nav": t.mobileNav,
@@ -502,14 +502,14 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
502
502
  key: "1"
503
503
  } : void 0
504
504
  ]), 1032, ["id", "sticky", "mobile-nav", "links", "navbar-brand", "search"]),
505
- t.bannerTitle || t.bannerMessage ? (o(), b(At, {
505
+ t.bannerTitle || t.bannerMessage ? (o(), b(Tt, {
506
506
  key: 1,
507
507
  "banner-title": t.bannerTitle,
508
508
  "banner-message": t.bannerMessage
509
- }, null, 8, ["banner-title", "banner-message"])) : m("", !0)
509
+ }, null, 8, ["banner-title", "banner-message"])) : p("", !0)
510
510
  ], 64));
511
511
  }
512
- }), Lt = ["disabled"], Q = /* @__PURE__ */ y({
512
+ }), St = ["disabled"], K = /* @__PURE__ */ g({
513
513
  inheritAttrs: !1,
514
514
  __name: "PhlButton",
515
515
  props: {
@@ -531,14 +531,14 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
531
531
  svgRaw: {}
532
532
  },
533
533
  setup(t) {
534
- const e = t, l = (i) => "href" in i && i.href !== void 0 || "to" in i && i.to !== void 0, a = k(() => I(
534
+ const e = t, l = (i) => "href" in i && i.href !== void 0 || "to" in i && i.to !== void 0, a = _(() => O(
535
535
  "phila-button",
536
536
  `phila-button--${e.variant}`,
537
537
  e.size && `is-${e.size}`,
538
538
  e.iconOnly && "icon-button",
539
539
  e.iconOnly && e.variant === "standard" && "icon-button--standard",
540
540
  e.className
541
- )), c = k(() => l(e) ? "to" in e && e.to !== void 0 ? {
541
+ )), c = _(() => l(e) ? "to" in e && e.to !== void 0 ? {
542
542
  to: e.to,
543
543
  disabled: e.disabled,
544
544
  className: a.value
@@ -548,7 +548,7 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
548
548
  rel: e.rel,
549
549
  disabled: e.disabled,
550
550
  className: a.value
551
- } : {}), d = k(
551
+ } : {}), d = _(
552
552
  () => ({
553
553
  iconDefinition: e.iconDefinition,
554
554
  iconClass: e.iconClass,
@@ -559,12 +559,12 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
559
559
  size: e.size
560
560
  })
561
561
  );
562
- return (i, r) => l(e) ? (o(), b(n(J), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
562
+ return (i, r) => l(e) ? (o(), b(n(P), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
563
563
  default: v(() => [
564
- p(n(S), M(T(d.value)), {
564
+ h(n(E), T(S(d.value)), {
565
565
  default: v(() => [
566
566
  f(i.$slots, "default", {}, () => [
567
- w(h(e.text), 1)
567
+ N(y(e.text), 1)
568
568
  ])
569
569
  ]),
570
570
  _: 3
@@ -577,33 +577,33 @@ const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
577
577
  disabled: e.disabled,
578
578
  class: a.value
579
579
  }, i.$attrs), [
580
- p(n(S), M(T(d.value)), {
580
+ h(n(E), T(S(d.value)), {
581
581
  default: v(() => [
582
582
  f(i.$slots, "default", {}, () => [
583
- w(h(e.text), 1)
583
+ N(y(e.text), 1)
584
584
  ])
585
585
  ]),
586
586
  _: 3
587
587
  }, 16)
588
- ], 16, Lt));
588
+ ], 16, St));
589
589
  }
590
590
  });
591
- var K = {
591
+ var W = {
592
592
  prefix: "fas",
593
593
  iconName: "xmark",
594
594
  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"]
595
595
  };
596
- const Mt = ["id"], Tt = {
596
+ const Et = ["id"], It = {
597
597
  key: 0,
598
598
  class: "tooltip__tail",
599
599
  "aria-hidden": "true"
600
- }, St = {
600
+ }, Ot = {
601
601
  key: 1,
602
602
  class: "tooltip__plain-row has-text-body-small"
603
- }, Et = {
603
+ }, Dt = {
604
604
  key: 0,
605
605
  class: "tooltip__title-row"
606
- }, It = { key: 0 }, Ot = /* @__PURE__ */ y({
606
+ }, Rt = { key: 0 }, Ht = /* @__PURE__ */ g({
607
607
  __name: "TooltipBubble",
608
608
  props: {
609
609
  id: {},
@@ -617,8 +617,8 @@ const Mt = ["id"], Tt = {
617
617
  },
618
618
  emits: ["dismiss"],
619
619
  setup(t) {
620
- const e = t, l = k(
621
- () => I(
620
+ const e = t, l = _(
621
+ () => O(
622
622
  "tooltip",
623
623
  "content",
624
624
  "resets-link-colors",
@@ -630,46 +630,46 @@ const Mt = ["id"], Tt = {
630
630
  );
631
631
  return (a, c) => (o(), u("div", {
632
632
  id: t.id,
633
- class: z(l.value),
633
+ class: L(l.value),
634
634
  role: "tooltip"
635
635
  }, [
636
- t.tail ? (o(), u("div", Tt)) : m("", !0),
637
- t.type === "plain" ? (o(), u("div", St, [
636
+ t.tail ? (o(), u("div", It)) : p("", !0),
637
+ t.type === "plain" ? (o(), u("div", Ot, [
638
638
  f(a.$slots, "default", {}, void 0, !0),
639
- t.dismissable ? (o(), b(n(Q), {
639
+ t.dismissable ? (o(), b(n(K), {
640
640
  key: 0,
641
641
  class: "tooltip__dismiss",
642
642
  variant: "standard",
643
643
  size: "extra-small",
644
644
  "icon-only": !0,
645
- "icon-definition": n(K),
645
+ "icon-definition": n(W),
646
646
  "aria-label": "Dismiss tooltip",
647
647
  onClick: c[0] || (c[0] = (d) => a.$emit("dismiss"))
648
- }, null, 8, ["icon-definition"])) : m("", !0)
649
- ])) : (o(), u(N, { key: 2 }, [
650
- t.title || t.dismissable ? (o(), u("div", Et, [
651
- t.title ? (o(), u("h6", It, h(t.title), 1)) : m("", !0),
652
- t.dismissable ? (o(), b(n(Q), {
648
+ }, null, 8, ["icon-definition"])) : p("", !0)
649
+ ])) : (o(), u(z, { key: 2 }, [
650
+ t.title || t.dismissable ? (o(), u("div", Dt, [
651
+ t.title ? (o(), u("h6", Rt, y(t.title), 1)) : p("", !0),
652
+ t.dismissable ? (o(), b(n(K), {
653
653
  key: 1,
654
654
  class: "tooltip__dismiss",
655
655
  variant: "standard",
656
656
  size: "extra-small",
657
657
  "icon-only": !0,
658
- "icon-definition": n(K),
658
+ "icon-definition": n(W),
659
659
  "aria-label": "Dismiss tooltip",
660
660
  onClick: c[1] || (c[1] = (d) => a.$emit("dismiss"))
661
- }, null, 8, ["icon-definition"])) : m("", !0)
662
- ])) : m("", !0),
661
+ }, null, 8, ["icon-definition"])) : p("", !0)
662
+ ])) : p("", !0),
663
663
  f(a.$slots, "default", {}, void 0, !0)
664
664
  ], 64))
665
- ], 10, Mt));
665
+ ], 10, Et));
666
666
  }
667
- }), ne = (t, e) => {
667
+ }), se = (t, e) => {
668
668
  const l = t.__vccOpts || t;
669
669
  for (const [a, c] of e)
670
670
  l[a] = c;
671
671
  return l;
672
- }, Dt = /* @__PURE__ */ ne(Ot, [["__scopeId", "data-v-0155bbdd"]]), Rt = /* @__PURE__ */ y({
672
+ }, Ut = /* @__PURE__ */ se(Ht, [["__scopeId", "data-v-7ccd7c7d"]]), jt = /* @__PURE__ */ g({
673
673
  __name: "Tooltip",
674
674
  props: {
675
675
  trigger: { default: "hover" },
@@ -682,24 +682,31 @@ const Mt = ["id"], Tt = {
682
682
  className: {}
683
683
  },
684
684
  setup(t, { expose: e }) {
685
- const l = t, a = be(), c = B(!1), d = B(null), i = B(null), r = B("top-center"), _ = () => {
686
- const g = d.value?.getBoundingClientRect();
687
- if (!g) return "top-center";
688
- const { innerWidth: A, innerHeight: le } = window, U = g.top, re = le - g.bottom, G = i.value?.firstElementChild?.getBoundingClientRect().height ?? 0, ce = (G > 0 ? U >= G : U >= re) ? "top" : "bottom", j = g.left + g.width / 2, de = j < A / 3 ? "left" : j > A * 2 / 3 ? "right" : "center";
689
- return `${ce}-${de}`;
690
- }, R = (g) => {
691
- g.key === "Escape" && x();
692
- }, H = (g) => {
693
- d.value && !d.value.contains(g.target) && x();
694
- }, L = () => {
695
- l.placement === "auto" ? r.value = _() : r.value = l.placement, c.value = !0, document.addEventListener("keydown", R), l.trigger === "click" && document.addEventListener("click", H);
685
+ const l = t, a = he(), c = B(!1), d = B(null), i = B(null), r = B("top-center"), k = B(0), oe = () => {
686
+ const m = d.value?.getBoundingClientRect();
687
+ if (!m) return "top-center";
688
+ const { innerWidth: $, innerHeight: R } = window, M = m.top, de = R - m.bottom, G = i.value?.firstElementChild?.getBoundingClientRect().height ?? 0, ue = (G > 0 ? M >= G : M >= de) ? "top" : "bottom", F = m.left + m.width / 2, fe = F < $ / 3 ? "left" : F > $ * 2 / 3 ? "right" : "center";
689
+ return `${ue}-${fe}`;
690
+ }, U = (m) => {
691
+ m.key === "Escape" && x();
692
+ }, j = (m) => {
693
+ d.value && !d.value.contains(m.target) && x();
694
+ };
695
+ function le() {
696
+ const m = i.value?.firstElementChild?.getBoundingClientRect();
697
+ if (!m) return;
698
+ const $ = 8, R = m.right - (window.innerWidth - $), M = $ - m.left;
699
+ R <= 0 && M <= 0 || (k.value = window.innerWidth / 2 - (m.left + m.width / 2));
700
+ }
701
+ const A = async () => {
702
+ l.placement === "auto" ? r.value = oe() : r.value = l.placement, k.value = 0, c.value = !0, document.addEventListener("keydown", U), l.trigger === "click" && document.addEventListener("click", j), await ge(), le();
696
703
  }, x = () => {
697
- c.value = !1, document.removeEventListener("keydown", R), document.removeEventListener("click", H);
698
- }, se = () => {
699
- c.value ? x() : L();
704
+ c.value = !1, document.removeEventListener("keydown", U), document.removeEventListener("click", j);
705
+ }, re = () => {
706
+ c.value ? x() : A();
700
707
  };
701
- q(x), e({ show: L, hide: x });
702
- const oe = k(() => ({
708
+ X(x), e({ show: A, hide: x });
709
+ const ce = _(() => ({
703
710
  type: l.type,
704
711
  color: l.color,
705
712
  tail: l.tail,
@@ -707,42 +714,43 @@ const Mt = ["id"], Tt = {
707
714
  title: l.title,
708
715
  dismissable: l.dismissable
709
716
  }));
710
- return (g, A) => (o(), u("span", C(
717
+ return (m, $) => (o(), u("span", C(
711
718
  {
712
719
  ref_key: "wrapperEl",
713
720
  ref: d,
714
- class: n(I)("tooltip-trigger", l.className)
721
+ class: n(O)("tooltip-trigger", l.className)
715
722
  },
716
- t.trigger === "click" ? { onClick: se } : { onMouseenter: L, onMouseleave: x, onFocusin: L, onFocusout: x }
723
+ t.trigger === "click" ? { onClick: re } : { onMouseenter: A, onMouseleave: x, onFocusin: A, onFocusout: x }
717
724
  ), [
718
- f(g.$slots, "default", {
725
+ f(m.$slots, "default", {
719
726
  tooltipId: n(a),
720
727
  isOpen: c.value
721
728
  }, void 0, !0),
722
729
  s("span", {
723
730
  ref_key: "positionerEl",
724
731
  ref: i,
725
- class: z(["tooltip-trigger__positioner", `tooltip-trigger__positioner--${r.value}`]),
726
- style: X({
732
+ class: L(["tooltip-trigger__positioner", `tooltip-trigger__positioner--${r.value}`]),
733
+ style: Y({
727
734
  visibility: c.value ? "visible" : "hidden",
728
- "--positioner-gap": t.tail ? "var(--spacing-l)" : "0.5rem"
735
+ "--positioner-gap": t.tail ? "var(--spacing-l)" : "0.5rem",
736
+ "--adjust-x": `${k.value}px`
729
737
  }),
730
- onClick: A[0] || (A[0] = pe(() => {
738
+ onClick: $[0] || ($[0] = ye(() => {
731
739
  }, ["stop"]))
732
740
  }, [
733
- p(Dt, C(oe.value, {
741
+ h(Ut, C(ce.value, {
734
742
  id: n(a),
735
743
  onDismiss: x
736
744
  }), {
737
745
  default: v(() => [
738
- f(g.$slots, "body", {}, void 0, !0)
746
+ f(m.$slots, "body", {}, void 0, !0)
739
747
  ]),
740
748
  _: 3
741
749
  }, 16, ["id"])
742
750
  ], 6)
743
751
  ], 16));
744
752
  }
745
- }), Ht = /* @__PURE__ */ ne(Rt, [["__scopeId", "data-v-bea2f168"]]), Ut = ["disabled"], Gt = /* @__PURE__ */ y({
753
+ }), Gt = /* @__PURE__ */ se(jt, [["__scopeId", "data-v-b3f93b8c"]]), Ft = ["disabled"], Vt = /* @__PURE__ */ g({
746
754
  inheritAttrs: !1,
747
755
  __name: "PhlButton",
748
756
  props: {
@@ -764,14 +772,14 @@ const Mt = ["id"], Tt = {
764
772
  svgRaw: {}
765
773
  },
766
774
  setup(t) {
767
- const e = t, l = (i) => "href" in i && i.href !== void 0 || "to" in i && i.to !== void 0, a = k(() => I(
775
+ const e = t, l = (i) => "href" in i && i.href !== void 0 || "to" in i && i.to !== void 0, a = _(() => O(
768
776
  "phila-button",
769
777
  `phila-button--${e.variant}`,
770
778
  e.size && `is-${e.size}`,
771
779
  e.iconOnly && "icon-button",
772
780
  e.iconOnly && e.variant === "standard" && "icon-button--standard",
773
781
  e.className
774
- )), c = k(() => l(e) ? "to" in e && e.to !== void 0 ? {
782
+ )), c = _(() => l(e) ? "to" in e && e.to !== void 0 ? {
775
783
  to: e.to,
776
784
  disabled: e.disabled,
777
785
  className: a.value
@@ -781,7 +789,7 @@ const Mt = ["id"], Tt = {
781
789
  rel: e.rel,
782
790
  disabled: e.disabled,
783
791
  className: a.value
784
- } : {}), d = k(
792
+ } : {}), d = _(
785
793
  () => ({
786
794
  iconDefinition: e.iconDefinition,
787
795
  iconClass: e.iconClass,
@@ -792,12 +800,12 @@ const Mt = ["id"], Tt = {
792
800
  size: e.size
793
801
  })
794
802
  );
795
- return (i, r) => l(e) ? (o(), b(n(J), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
803
+ return (i, r) => l(e) ? (o(), b(n(P), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
796
804
  default: v(() => [
797
- p(n(S), M(T(d.value)), {
805
+ h(n(E), T(S(d.value)), {
798
806
  default: v(() => [
799
807
  f(i.$slots, "default", {}, () => [
800
- w(h(e.text), 1)
808
+ N(y(e.text), 1)
801
809
  ])
802
810
  ]),
803
811
  _: 3
@@ -810,21 +818,21 @@ const Mt = ["id"], Tt = {
810
818
  disabled: e.disabled,
811
819
  class: a.value
812
820
  }, i.$attrs), [
813
- p(n(S), M(T(d.value)), {
821
+ h(n(E), T(S(d.value)), {
814
822
  default: v(() => [
815
823
  f(i.$slots, "default", {}, () => [
816
- w(h(e.text), 1)
824
+ N(y(e.text), 1)
817
825
  ])
818
826
  ]),
819
827
  _: 3
820
828
  }, 16)
821
- ], 16, Ut));
829
+ ], 16, Ft));
822
830
  }
823
- }), jt = { class: "navbar-info" }, Ft = { class: "navbar-info__group" }, Vt = {
831
+ }), Qt = { class: "navbar-info" }, Kt = { class: "navbar-info__group" }, Wt = {
824
832
  key: 0,
825
833
  class: "navbar-info__label has-text-body-default hidden-tablet",
826
834
  "aria-hidden": "true"
827
- }, Qt = { class: "has-text-body-small" }, Kt = /* @__PURE__ */ y({
835
+ }, qt = { class: "has-text-body-small" }, Xt = /* @__PURE__ */ g({
828
836
  __name: "NavbarInfo",
829
837
  props: {
830
838
  infoTitle: {},
@@ -832,12 +840,12 @@ const Mt = ["id"], Tt = {
832
840
  label: {}
833
841
  },
834
842
  setup(t, { expose: e }) {
835
- const l = W("tooltip");
843
+ const l = q("tooltip");
836
844
  return e({
837
845
  show: () => l.value?.show(),
838
846
  hide: () => l.value?.hide()
839
- }), (a, c) => (o(), u("div", jt, [
840
- p(n(Ht), {
847
+ }), (a, c) => (o(), u("div", Qt, [
848
+ h(n(Gt), {
841
849
  ref_key: "tooltip",
842
850
  ref: l,
843
851
  type: "rich",
@@ -846,31 +854,31 @@ const Mt = ["id"], Tt = {
846
854
  dismissable: !0
847
855
  }, {
848
856
  default: v(({ tooltipId: d, isOpen: i }) => [
849
- s("span", Ft, [
850
- p(n(Gt), {
857
+ s("span", Kt, [
858
+ h(n(Vt), {
851
859
  class: "navbar-info__trigger",
852
860
  variant: "standard",
853
861
  size: "small",
854
862
  "icon-only": !0,
855
- "icon-definition": n(ie),
863
+ "icon-definition": n(ne),
856
864
  "aria-label": "More information",
857
865
  "aria-describedby": d,
858
866
  "aria-pressed": i
859
867
  }, null, 8, ["icon-definition", "aria-describedby", "aria-pressed"]),
860
- t.label ? (o(), u("span", Vt, h(t.label), 1)) : m("", !0)
868
+ t.label ? (o(), u("span", Wt, y(t.label), 1)) : p("", !0)
861
869
  ])
862
870
  ]),
863
871
  body: v(() => [
864
872
  f(a.$slots, "default", {}, () => [
865
- s("div", Qt, h(t.infoMessage), 1)
873
+ s("div", qt, y(t.infoMessage), 1)
866
874
  ], !0)
867
875
  ]),
868
876
  _: 3
869
877
  }, 8, ["title"])
870
878
  ]));
871
879
  }
872
- }), Pt = /* @__PURE__ */ O(Kt, [["__scopeId", "data-v-c3989251"]]);
880
+ }), aa = /* @__PURE__ */ D(Xt, [["__scopeId", "data-v-c3989251"]]);
873
881
  export {
874
- Jt as AppHeader,
875
- Pt as NavbarInfo
882
+ ta as AppHeader,
883
+ aa as NavbarInfo
876
884
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@phila/phila-ui-app-header",
3
- "version": "0.3.0-beta.8",
3
+ "version": "0.3.0-beta.9",
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.2",
32
+ "@phila/phila-ui-button": "2.2.3-beta.3",
33
33
  "@phila/phila-ui-core": "2.4.0-beta.2",
34
34
  "@phila/phila-ui-collapse-panel": "0.1.1-beta.2",
35
35
  "@phila/phila-ui-logo": "0.1.3-beta.2",
36
- "@phila/phila-ui-tooltip": "0.1.0-beta.2"
36
+ "@phila/phila-ui-tooltip": "0.1.0-beta.3"
37
37
  },
38
38
  "devDependencies": {
39
39
  "@types/node": "^24.0.0",