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

package/dist/index.mjs

@@ -1,73 +1,73 @@
-import { defineComponent as h, useSlots as ce, computed as k, createElementBlock as u, openBlock as o, Fragment as N, createElementVNode as s, createCommentVNode as b, unref as n, createTextVNode as w, createVNode as p, renderSlot as f, createBlock as m, withCtx as v, resolveDynamicComponent as S, normalizeClass as z, renderList as j, toDisplayString as g, withKeys as de, mergeProps as $, useId as ue, ref as B, onUnmounted as K, withModifiers as fe, normalizeStyle as W, normalizeProps as A, guardReactiveProps as L, useTemplateRef as ve, watch as me, onMounted as be, createSlots as q } from "vue";
-import { FontAwesomeIcon as _ } from "@fortawesome/vue-fontawesome";
-import { useCollapse as Y, cn as E, BaseLink as Z, ActionContent as T, debounce as pe, Icon as he } from "@phila/phila-ui-core";
+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";
+import { FontAwesomeIcon as $ } from "@fortawesome/vue-fontawesome";
+import { useCollapse as Y, debounce as he, Icon as ye, cn as I, BaseLink as J, ActionContent as S } from "@phila/phila-ui-core";
 import { CollapsePanel as D } from "@phila/phila-ui-collapse-panel";
-import { Logo as ye } from "@phila/phila-ui-logo";
-import './index.css';var ge = {
+import { Logo as ge } from "@phila/phila-ui-logo";
+import './index.css';var ke = {
   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"]
-}, ke = ge, xe = {
+}, _e = ke, xe = {
   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"]
-}, X = {
+}, P = {
   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"]
-}, _e = X, J = X, $e = {
+}, $e = P, ee = P, Ce = {
   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"]
-}, P = {
+}, te = {
   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"]
-}, ee = {
+}, ae = {
   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"]
-}, Ce = {
+}, we = {
   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"]
-}, we = {
+}, Be = {
   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"]
-}, Be = {
+}, Ne = {
   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"]
-}, te = Be;
-const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%200%2016%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='16'%20height='11'%20fill='url(%23pattern0_61022_1867)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_61022_1867'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_61022_1867'%20transform='scale(0.0625%200.0909091)'/%3e%3c/pattern%3e%3cimage%20id='image0_61022_1867'%20width='16'%20height='11'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e", ze = {
+}, ie = Ne;
+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 = {
   id: "trusted-site",
   class: "is-flex is-justify-space-between"
-}, Me = { class: "trusted-wrap" }, Ae = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, Le = ["src"], Te = ["aria-label", "aria-expanded"], Se = {
+}, Le = { class: "trusted-wrap" }, Me = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, Te = ["src"], Se = ["aria-label", "aria-expanded"], Ee = {
   class: "icon",
   "aria-hidden": "true"
-}, Ee = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, Ie = ["aria-label", "aria-expanded"], Oe = {
+}, Ie = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, Oe = ["aria-label", "aria-expanded"], De = {
   class: "icon",
   "aria-hidden": "true"
-}, De = {
+}, Re = {
   key: 0,
   class: "trusted-translation is-flex is-align-center"
-}, Re = ["hidden"], He = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, Ue = { class: "info-item-wrap is-flex" }, Ge = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, je = { class: "trusted-icon is-flex is-flex-column has-text-center" }, Fe = { class: "icon circle-icon p-3 mb-2" }, Ve = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, Qe = { class: "trusted-icon is-flex is-flex-column has-text-center" }, Ke = { class: "icon circle-icon p-3 mb-2" }, We = { class: "info-content-close mt-4" }, qe = /* @__PURE__ */ h({
+}, 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({
   __name: "TrustedSite",
   setup(t) {
-    const e = ce(), { isCollapsed: r, onClickToggle: a } = Y({
+    const e = ue(), { isCollapsed: l, onClickToggle: a } = Y({
       id: "trusted-site-info",
       escapeKeyClose: !0
-    }), c = k(() => r("trusted-site-info"));
+    }), c = k(() => l("trusted-site-info"));
     return (d, i) => (o(), u(N, null, [
-      s("div", ze, [
-        s("div", Me, [
-          s("div", Ae, [
+      s("div", Ae, [
+        s("div", Le, [
+          s("div", Me, [
             s("img", {
-              src: n(Ne),
+              src: n(ze),
               alt: "",
               class: "icon"
-            }, null, 8, Le),
+            }, null, 8, Te),
             i[4] || (i[4] = s("div", { class: "content mx-2" }, "An official website of the City of Philadelphia government", -1)),
             s("button", {
               class: "phila-button is-extra-small",
@@ -75,89 +75,89 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
               "aria-controls": "trusted-site-info",
               "aria-expanded": c.value,
               onClick: i[0] || (i[0] = //@ts-ignore
-              (...l) => n(a) && n(a)(...l))
+              (...r) => n(a) && n(a)(...r))
             }, [
               i[3] || (i[3] = w(" Here's how you know ", -1)),
-              s("span", Se, [
-                p(n(_), {
-                  icon: c.value ? n(P) : n(ee)
+              s("span", Ee, [
+                p(n($), {
+                  icon: c.value ? n(te) : n(ae)
                 }, null, 8, ["icon"])
               ])
-            ], 8, Te)
+            ], 8, Se)
           ]),
-          s("div", Ee, [
+          s("div", Ie, [
             s("button", {
               class: "phila-button is-extra-small",
               "aria-label": `${c.value ? "Close" : "Open"} Trusted Site information panel`,
               "aria-controls": "trusted-site-info",
               "aria-expanded": c.value,
               onClick: i[1] || (i[1] = //@ts-ignore
-              (...l) => n(a) && n(a)(...l))
+              (...r) => n(a) && n(a)(...r))
             }, [
               i[5] || (i[5] = w(" An official website ", -1)),
-              s("span", Oe, [
-                p(n(_), { icon: n(te) }, null, 8, ["icon"])
+              s("span", De, [
+                p(n($), { icon: n(ie) }, null, 8, ["icon"])
               ])
-            ], 8, Ie)
+            ], 8, Oe)
           ])
         ]),
-        n(e).translation ? (o(), u("div", De, [
+        n(e).translation ? (o(), u("div", Re, [
           f(d.$slots, "translation", {}, void 0, !0)
-        ])) : b("", !0)
+        ])) : m("", !0)
       ]),
       s("div", {
         id: "trusted-site-info",
         class: "px-6",
         hidden: !c.value
       }, [
-        s("div", He, [
-          s("div", Ue, [
-            s("div", Ge, [
-              s("div", je, [
-                s("span", Fe, [
-                  p(n(_), { icon: n(Ce) }, null, 8, ["icon"])
+        s("div", Ue, [
+          s("div", Ge, [
+            s("div", je, [
+              s("div", Fe, [
+                s("span", Ve, [
+                  p(n($), { icon: n(we) }, null, 8, ["icon"])
                 ]),
                 i[6] || (i[6] = s("span", { class: "has-text-bold" }, ".gov", -1))
               ]),
               i[7] || (i[7] = s("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
             ]),
-            s("div", Ve, [
-              s("div", Qe, [
-                s("div", Ke, [
-                  p(n(_), { icon: n($e) }, null, 8, ["icon"])
+            s("div", Qe, [
+              s("div", Ke, [
+                s("div", We, [
+                  p(n($), { icon: n(Ce) }, null, 8, ["icon"])
                 ]),
                 i[8] || (i[8] = s("span", { class: "has-text-bold" }, "https://", -1))
               ]),
               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))
             ])
           ]),
-          s("div", We, [
+          s("div", qe, [
             s("button", {
               class: "phila-button phila-button--primary icon-button is-extra-small",
               "aria-label": "Close Trusted Site information panel",
               onClick: i[2] || (i[2] = //@ts-ignore
-              (...l) => n(a) && n(a)(...l))
+              (...r) => n(a) && n(a)(...r))
             }, [
-              p(n(_), { icon: n(_e) }, null, 8, ["icon"])
+              p(n($), { icon: n($e) }, null, 8, ["icon"])
             ])
           ])
         ])
-      ], 8, Re)
+      ], 8, He)
     ], 64));
   }
-}), I = (t, e) => {
-  const r = t.__vccOpts || t;
+}), O = (t, e) => {
+  const l = t.__vccOpts || t;
   for (const [a, c] of e)
-    r[a] = c;
-  return r;
-}, Ye = /* @__PURE__ */ I(qe, [["__scopeId", "data-v-3fc90bb2"]]), Ze = ["aria-controls", "aria-expanded", "aria-label", "onClick"], Xe = { class: "icon" }, Je = ["id", "hidden"], Pe = /* @__PURE__ */ h({
+    l[a] = c;
+  return l;
+}, 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({
   __name: "NavbarBurger",
   props: {
     mobileNav: {},
     collapseGroup: {}
   },
   setup(t) {
-    return (e, r) => (o(), m(n(D), {
+    return (e, l) => (o(), b(n(D), {
       id: "mobile-nav",
       group: t.collapseGroup,
       "outside-click-close": "",
@@ -173,12 +173,12 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
           "aria-label": `${a.open ? "Close" : "Open"} mobile navigation panel`,
           onClick: a.onClick
         }, [
-          s("span", Xe, [
-            p(n(_), {
-              icon: a.open ? n(J) : n(we)
+          s("span", Je, [
+            p(n($), {
+              icon: a.open ? n(ee) : n(Be)
             }, null, 8, ["icon"])
           ])
-        ], 10, Ze)
+        ], 10, Ye)
       ]),
       default: v((a) => [
         s("div", {
@@ -187,31 +187,31 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
           hidden: !a.open
         }, [
           f(e.$slots, "mobile-nav", {}, () => [
-            (o(), m(S(t.mobileNav)))
+            (o(), b(E(t.mobileNav)))
           ])
-        ], 8, Je)
+        ], 8, Pe)
       ]),
       _: 3
     }, 8, ["group"]));
   }
-}), et = ["href"], tt = ["href", "aria-controls", "aria-expanded", "onKeypress", "onTouchend", "onClick"], at = ["id", "hidden"], it = {
+}), tt = ["href"], at = ["href", "aria-controls", "aria-expanded", "onKeypress", "onTouchend", "onClick"], it = ["id", "hidden"], nt = {
   key: 0,
   class: "content nav-flyout has-background-ghost-gray px-6 py-4",
   tabindex: "-1"
-}, nt = {
+}, st = {
   class: "is-flex is-flex-column is-flex-wrap-wrap",
   style: { gap: "var(--spacing-4xl)" }
-}, st = ["href"], ot = /* @__PURE__ */ h({
+}, ot = ["href"], lt = /* @__PURE__ */ y({
   __name: "NavbarLinks",
   props: {
     links: {},
     collapseGroup: {}
   },
   setup(t) {
-    const e = (a) => !!(a.subLinks || a.subNav), r = (a) => `main-nav-${a.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g, "")}`;
-    return (a, c) => (o(!0), u(N, null, j(t.links, (d, i) => (o(), u(N, null, [
-      e(d) ? (o(), m(n(D), {
-        id: r(d),
+    const e = (a) => !!(a.subLinks || a.subNav), l = (a) => `main-nav-${a.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g, "")}`;
+    return (a, c) => (o(!0), u(N, null, F(t.links, (d, i) => (o(), u(N, null, [
+      e(d) ? (o(), b(n(D), {
+        id: l(d),
         key: `collapse-${i}`,
         group: t.collapseGroup,
         "outside-click-close": "",
@@ -221,46 +221,46 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
         "open-single": "",
         class: "phila-navbar-link-list-item"
       }, {
-        toggle: v((l) => [
+        toggle: v((r) => [
           s("a", {
             href: d.href,
-            class: z(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": l.open }]),
-            "aria-controls": l.ariaControls,
-            "aria-expanded": l.open,
+            class: z(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": r.open }]),
+            "aria-controls": r.ariaControls,
+            "aria-expanded": r.open,
             tabindex: "0",
-            onKeypress: de(l.onClick, ["enter"]),
-            onTouchend: l.onClick,
-            onClick: l.onClick
+            onKeypress: fe(r.onClick, ["enter"]),
+            onTouchend: r.onClick,
+            onClick: r.onClick
           }, [
-            w(g(d.text) + " ", 1),
-            p(n(_), {
+            w(h(d.text) + " ", 1),
+            p(n($), {
               class: "ml-1",
-              icon: l.open ? n(P) : n(ee)
+              icon: r.open ? n(te) : n(ae)
             }, null, 8, ["icon"])
-          ], 42, tt)
+          ], 42, at)
         ]),
-        default: v((l) => [
+        default: v((r) => [
           (o(), u("div", {
-            id: l.id,
+            id: r.id,
             key: d.text,
-            hidden: !l.open
+            hidden: !r.open
           }, [
-            d.subLinks ? (o(), u("div", it, [
-              s("ul", nt, [
-                (o(!0), u(N, null, j(d.subLinks, (x) => (o(), u("li", {
-                  key: x.text,
+            d.subLinks ? (o(), u("div", nt, [
+              s("ul", st, [
+                (o(!0), u(N, null, F(d.subLinks, (_) => (o(), u("li", {
+                  key: _.text,
                   class: "sub-nav-link is-flex is-align-center",
                   style: { width: "150px" }
                 }, [
                   s("a", {
-                    href: x.href,
+                    href: _.href,
                     class: "has-text-link has-text-weight-medium",
                     tabindex: "0"
-                  }, g(x.text), 9, st)
+                  }, h(_.text), 9, ot)
                 ]))), 128))
               ])
-            ])) : (o(), m(S(d.subNav), { key: 1 }))
-          ], 8, at))
+            ])) : (o(), b(E(d.subNav), { key: 1 }))
+          ], 8, it))
         ]),
         _: 2
       }, 1032, ["id", "group"])) : (o(), u("div", {
@@ -271,11 +271,11 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
           href: d.href,
           class: "phila-navbar-link px-4",
           tabindex: "0"
-        }, g(d.text), 9, et)
+        }, h(d.text), 9, tt)
       ]))
     ], 64))), 256));
   }
-}), lt = /* @__PURE__ */ h({
+}), rt = /* @__PURE__ */ y({
   __name: "NavbarBrandLogo",
   props: {
     logo: {},
@@ -284,23 +284,23 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     altText: {}
   },
   setup(t) {
-    const e = t, r = k(() => ({
+    const e = t, l = k(() => ({
       variant: "city",
       layout: "stacked",
       colorScheme: "on-primary",
       href: e.href,
       ...e.logo
     }));
-    return (a, c) => (o(), m(n(ye), $(r.value, { class: "phila-navbar-logo" }), null, 16));
+    return (a, c) => (o(), b(n(ge), C(l.value, { class: "phila-navbar-logo" }), null, 16));
   }
-}), rt = /* @__PURE__ */ I(lt, [["__scopeId", "data-v-3011c249"]]), ct = { class: "pr-4" }, dt = ["aria-controls", "aria-expanded", "aria-label", "onClick"], ut = { class: "icon" }, ft = ["id", "hidden"], vt = /* @__PURE__ */ h({
+}), 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({
   __name: "NavbarSearch",
   props: {
     search: {},
     collapseGroup: {}
   },
   setup(t) {
-    return (e, r) => (o(), m(n(D), {
+    return (e, l) => (o(), b(n(D), {
       id: "navbar-search",
       group: t.collapseGroup,
       "outside-click-close": "",
@@ -309,7 +309,7 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
       "open-single": ""
     }, {
       toggle: v((a) => [
-        s("div", ct, [
+        s("div", dt, [
           s("button", {
             class: z(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": a.open }]),
             "aria-controls": a.ariaControls,
@@ -317,12 +317,12 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
             "aria-label": `${a.open ? "Close" : "Open"} search panel`,
             onClick: a.onClick
           }, [
-            s("span", ut, [
-              p(n(_), {
-                icon: a.open ? n(J) : n(ke)
+            s("span", ft, [
+              p(n($), {
+                icon: a.open ? n(ee) : n(_e)
               }, null, 8, ["icon"])
             ])
-          ], 10, dt)
+          ], 10, ut)
         ])
       ]),
       default: v((a) => [
@@ -332,14 +332,184 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
           hidden: !a.open
         }, [
           f(e.$slots, "default", {}, () => [
-            t.search && a.open ? (o(), m(S(t.search), { key: 0 })) : b("", !0)
+            t.search && a.open ? (o(), b(E(t.search), { key: 0 })) : m("", !0)
           ])
-        ], 8, ft)
+        ], 8, vt)
       ]),
       _: 3
     }, 8, ["group"]));
   }
-}), mt = ["disabled"], F = /* @__PURE__ */ h({
+}), bt = { class: "phila-navbar-brand" }, pt = {
+  key: 0,
+  class: "phila-navbar-item phila-navbar-brand-link hidden-tablet"
+}, ht = {
+  key: 0,
+  class: "content"
+}, 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 = {
+  key: 0,
+  class: "phila-navbar-end"
+}, V = "5rem", xt = /* @__PURE__ */ y({
+  __name: "index",
+  props: {
+    id: {},
+    sticky: { type: Boolean },
+    navbarBrand: {},
+    mobileNav: {},
+    collapseGroup: {},
+    search: {},
+    links: { default: () => [{ text: "Home", href: "#" }] }
+  },
+  setup(t) {
+    const e = t, { state: l } = Y(), a = W("navBarElement"), c = B(V), d = B(0), i = he(() => {
+      const r = (a.value?.offsetTop || 0) + (a.value?.offsetHeight || 0), _ = typeof window < "u" ? window.innerWidth : 1024;
+      c.value = !e.sticky || _ < 1024 ? r + "px" : V, d.value = r;
+    }, 100);
+    return ve(() => l.value, i, { deep: !0, immediate: !0 }), me(() => {
+      window.addEventListener("resize", i);
+    }), q(() => {
+      window.removeEventListener("resize", i);
+    }), (r, _) => (o(), u("nav", {
+      ref_key: "navBarElement",
+      ref: a,
+      class: z(["phila-navbar has-links-on-primary", { "is-sticky-desktop": t.sticky }]),
+      "aria-label": "Main navigation",
+      style: X(`--nav-height:${c.value};--nav-bottom:${d.value}px`)
+    }, [
+      f(r.$slots, "navbar-burger", {}, () => [
+        t.mobileNav || r.$slots["mobile-nav"] ? (o(), b(et, {
+          key: 0,
+          "mobile-nav": t.mobileNav,
+          "collapse-group": t.id
+        }, Z({ _: 2 }, [
+          r.$slots["mobile-nav"] ? {
+            name: "mobile-nav",
+            fn: v(() => [
+              f(r.$slots, "mobile-nav", {}, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["mobile-nav", "collapse-group"])) : m("", !0)
+      ], !0),
+      s("div", bt, [
+        f(r.$slots, "navbar-logo", {}, () => [
+          t.navbarBrand?.brandingImage ? (o(), b(ct, C({ key: 0 }, t.navbarBrand.brandingImage, {
+            logo: t.navbarBrand?.logo
+          }), null, 16, ["logo"])) : m("", !0)
+        ], !0),
+        r.$slots["navbar-brand-link"] || t.navbarBrand?.brandingLink ? (o(), u("div", pt, [
+          f(r.$slots, "navbar-brand-link", {}, () => [
+            t.navbarBrand?.brandingLink ? (o(), u("div", ht, [
+              s("a", {
+                tabindex: "0",
+                href: t.navbarBrand.brandingLink.href,
+                class: "has-text-underline"
+              }, h(t.navbarBrand.brandingLink.text), 9, yt)
+            ])) : m("", !0)
+          ], !0)
+        ])) : m("", !0)
+      ]),
+      s("div", gt, [
+        f(r.$slots, "navbar-links", {}, () => [
+          t.links ? (o(), b(lt, {
+            key: 0,
+            links: t.links,
+            "collapse-group": t.id
+          }, null, 8, ["links", "collapse-group"])) : m("", !0)
+        ], !0)
+      ]),
+      s("div", kt, [
+        f(r.$slots, "navbar-search", {}, () => [
+          t.search ? (o(), b(mt, {
+            key: 0,
+            search: t.search,
+            "collapse-group": t.id
+          }, null, 8, ["search", "collapse-group"])) : m("", !0)
+        ], !0)
+      ]),
+      r.$slots["navbar-end"] ? (o(), u("div", _t, [
+        f(r.$slots, "navbar-end", {}, void 0, !0)
+      ])) : m("", !0)
+    ], 6));
+  }
+}), $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({
+  __name: "AlertBanner",
+  props: {
+    bannerTitle: {},
+    bannerMessage: {}
+  },
+  setup(t) {
+    const e = t;
+    return (l, a) => (o(), u("div", Ct, [
+      s("div", wt, [
+        p(n(ye), {
+          "icon-definition": n(xe),
+          size: "small",
+          decorative: !0
+        }, null, 8, ["icon-definition"]),
+        s("div", Bt, [
+          s("h6", Nt, h(e.bannerTitle), 1),
+          s("div", zt, h(e.bannerMessage), 1)
+        ])
+      ])
+    ]));
+  }
+}), Jt = /* @__PURE__ */ y({
+  __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(t) {
+    return (e, l) => (o(), u(N, null, [
+      t.showTrustedSite ? (o(), b(Ze, { key: 0 }, {
+        translation: v(() => [
+          f(e.$slots, "translations", {}, () => [
+            t.translations ? (o(), b(E(t.translations), { key: 0 })) : m("", !0)
+          ])
+        ]),
+        _: 3
+      })) : m("", !0),
+      p($t, {
+        id: t.id,
+        sticky: t.sticky,
+        "mobile-nav": t.mobileNav,
+        links: t.links,
+        "navbar-brand": t.navbarBrand,
+        search: t.search
+      }, Z({ _: 2 }, [
+        e.$slots["mobile-nav"] ? {
+          name: "mobile-nav",
+          fn: v(() => [
+            f(e.$slots, "mobile-nav")
+          ]),
+          key: "0"
+        } : void 0,
+        e.$slots["navbar-end"] ? {
+          name: "navbar-end",
+          fn: v(() => [
+            f(e.$slots, "navbar-end")
+          ]),
+          key: "1"
+        } : void 0
+      ]), 1032, ["id", "sticky", "mobile-nav", "links", "navbar-brand", "search"]),
+      t.bannerTitle || t.bannerMessage ? (o(), b(At, {
+        key: 1,
+        "banner-title": t.bannerTitle,
+        "banner-message": t.bannerMessage
+      }, null, 8, ["banner-title", "banner-message"])) : m("", !0)
+    ], 64));
+  }
+}), Lt = ["disabled"], Q = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -361,14 +531,14 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     svgRaw: {}
   },
   setup(t) {
-    const e = t, r = (i) => "href" in i && i.href !== void 0 || "to" in i && i.to !== void 0, a = k(() => E(
+    const e = t, l = (i) => "href" in i && i.href !== void 0 || "to" in i && i.to !== void 0, a = k(() => I(
       "phila-button",
       `phila-button--${e.variant}`,
       e.size && `is-${e.size}`,
       e.iconOnly && "icon-button",
       e.iconOnly && e.variant === "standard" && "icon-button--standard",
       e.className
-    )), c = k(() => r(e) ? "to" in e && e.to !== void 0 ? {
+    )), c = k(() => l(e) ? "to" in e && e.to !== void 0 ? {
       to: e.to,
       disabled: e.disabled,
       className: a.value
@@ -389,51 +559,51 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
         size: e.size
       })
     );
-    return (i, l) => r(e) ? (o(), m(n(Z), $({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
+    return (i, r) => l(e) ? (o(), b(n(J), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
       default: v(() => [
-        p(n(T), A(L(d.value)), {
+        p(n(S), M(T(d.value)), {
           default: v(() => [
             f(i.$slots, "default", {}, () => [
-              w(g(e.text), 1)
+              w(h(e.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (o(), u("button", $({
+    }, 16)) : (o(), u("button", C({
       key: 1,
       type: "button",
       disabled: e.disabled,
       class: a.value
     }, i.$attrs), [
-      p(n(T), A(L(d.value)), {
+      p(n(S), M(T(d.value)), {
         default: v(() => [
           f(i.$slots, "default", {}, () => [
-            w(g(e.text), 1)
+            w(h(e.text), 1)
           ])
         ]),
         _: 3
       }, 16)
-    ], 16, mt));
+    ], 16, Lt));
   }
 });
-var V = {
+var K = {
   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 bt = ["id"], pt = {
+const Mt = ["id"], Tt = {
   key: 0,
   class: "tooltip__tail",
   "aria-hidden": "true"
-}, ht = {
+}, St = {
   key: 1,
   class: "tooltip__plain-row has-text-body-small"
-}, yt = {
+}, Et = {
   key: 0,
   class: "tooltip__title-row"
-}, gt = { key: 0 }, kt = /* @__PURE__ */ h({
+}, It = { key: 0 }, Ot = /* @__PURE__ */ y({
   __name: "TooltipBubble",
   props: {
     id: {},
@@ -447,8 +617,8 @@ const bt = ["id"], pt = {
   },
   emits: ["dismiss"],
   setup(t) {
-    const e = t, r = k(
-      () => E(
+    const e = t, l = k(
+      () => I(
         "tooltip",
         "content",
         "resets-link-colors",
@@ -460,46 +630,46 @@ const bt = ["id"], pt = {
     );
     return (a, c) => (o(), u("div", {
       id: t.id,
-      class: z(r.value),
+      class: z(l.value),
       role: "tooltip"
     }, [
-      t.tail ? (o(), u("div", pt)) : b("", !0),
-      t.type === "plain" ? (o(), u("div", ht, [
+      t.tail ? (o(), u("div", Tt)) : m("", !0),
+      t.type === "plain" ? (o(), u("div", St, [
         f(a.$slots, "default", {}, void 0, !0),
-        t.dismissable ? (o(), m(n(F), {
+        t.dismissable ? (o(), b(n(Q), {
           key: 0,
           class: "tooltip__dismiss",
           variant: "standard",
           size: "extra-small",
           "icon-only": !0,
-          "icon-definition": n(V),
+          "icon-definition": n(K),
           "aria-label": "Dismiss tooltip",
           onClick: c[0] || (c[0] = (d) => a.$emit("dismiss"))
-        }, null, 8, ["icon-definition"])) : b("", !0)
+        }, null, 8, ["icon-definition"])) : m("", !0)
       ])) : (o(), u(N, { key: 2 }, [
-        t.title || t.dismissable ? (o(), u("div", yt, [
-          t.title ? (o(), u("h6", gt, g(t.title), 1)) : b("", !0),
-          t.dismissable ? (o(), m(n(F), {
+        t.title || t.dismissable ? (o(), u("div", Et, [
+          t.title ? (o(), u("h6", It, h(t.title), 1)) : m("", !0),
+          t.dismissable ? (o(), b(n(Q), {
             key: 1,
             class: "tooltip__dismiss",
             variant: "standard",
             size: "extra-small",
             "icon-only": !0,
-            "icon-definition": n(V),
+            "icon-definition": n(K),
             "aria-label": "Dismiss tooltip",
             onClick: c[1] || (c[1] = (d) => a.$emit("dismiss"))
-          }, null, 8, ["icon-definition"])) : b("", !0)
-        ])) : b("", !0),
+          }, null, 8, ["icon-definition"])) : m("", !0)
+        ])) : m("", !0),
         f(a.$slots, "default", {}, void 0, !0)
       ], 64))
-    ], 10, bt));
+    ], 10, Mt));
   }
-}), ae = (t, e) => {
-  const r = t.__vccOpts || t;
+}), ne = (t, e) => {
+  const l = t.__vccOpts || t;
   for (const [a, c] of e)
-    r[a] = c;
-  return r;
-}, xt = /* @__PURE__ */ ae(kt, [["__scopeId", "data-v-0155bbdd"]]), _t = /* @__PURE__ */ h({
+    l[a] = c;
+  return l;
+}, Dt = /* @__PURE__ */ ne(Ot, [["__scopeId", "data-v-0155bbdd"]]), Rt = /* @__PURE__ */ y({
   __name: "Tooltip",
   props: {
     trigger: { default: "hover" },
@@ -511,65 +681,68 @@ const bt = ["id"], pt = {
     dismissable: { type: Boolean },
     className: {}
   },
-  setup(t) {
-    const e = t, r = ue(), a = B(!1), c = B(null), d = B(null), i = B("top-center"), l = () => {
-      const y = c.value?.getBoundingClientRect();
-      if (!y) return "top-center";
-      const { innerWidth: M, innerHeight: se } = window, H = y.top, oe = se - y.bottom, U = d.value?.firstElementChild?.getBoundingClientRect().height ?? 0, le = (U > 0 ? H >= U : H >= oe) ? "top" : "bottom", G = y.left + y.width / 2, re = G < M / 3 ? "left" : G > M * 2 / 3 ? "right" : "center";
-      return `${le}-${re}`;
-    }, x = (y) => {
-      y.key === "Escape" && C();
-    }, R = (y) => {
-      c.value && !c.value.contains(y.target) && C();
-    }, O = () => {
-      e.placement === "auto" ? i.value = l() : i.value = e.placement, a.value = !0, document.addEventListener("keydown", x), e.trigger === "click" && document.addEventListener("click", R);
-    }, C = () => {
-      a.value = !1, document.removeEventListener("keydown", x), document.removeEventListener("click", R);
-    }, ie = () => {
-      a.value ? C() : O();
+  setup(t, { expose: e }) {
+    const l = t, a = be(), c = B(!1), d = B(null), i = B(null), r = B("top-center"), _ = () => {
+      const g = d.value?.getBoundingClientRect();
+      if (!g) return "top-center";
+      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";
+      return `${ce}-${de}`;
+    }, R = (g) => {
+      g.key === "Escape" && x();
+    }, H = (g) => {
+      d.value && !d.value.contains(g.target) && x();
+    }, L = () => {
+      l.placement === "auto" ? r.value = _() : r.value = l.placement, c.value = !0, document.addEventListener("keydown", R), l.trigger === "click" && document.addEventListener("click", H);
+    }, x = () => {
+      c.value = !1, document.removeEventListener("keydown", R), document.removeEventListener("click", H);
+    }, se = () => {
+      c.value ? x() : L();
     };
-    K(C);
-    const ne = k(() => ({
-      type: e.type,
-      color: e.color,
-      tail: e.tail,
-      placement: i.value,
-      title: e.title,
-      dismissable: e.dismissable
+    q(x), e({ show: L, hide: x });
+    const oe = k(() => ({
+      type: l.type,
+      color: l.color,
+      tail: l.tail,
+      placement: r.value,
+      title: l.title,
+      dismissable: l.dismissable
     }));
-    return (y, M) => (o(), u("span", $(
+    return (g, A) => (o(), u("span", C(
       {
         ref_key: "wrapperEl",
-        ref: c,
-        class: n(E)("tooltip-trigger", e.className)
+        ref: d,
+        class: n(I)("tooltip-trigger", l.className)
       },
-      t.trigger === "click" ? { onClick: ie } : { onMouseenter: O, onMouseleave: C, onFocusin: O, onFocusout: C }
+      t.trigger === "click" ? { onClick: se } : { onMouseenter: L, onMouseleave: x, onFocusin: L, onFocusout: x }
     ), [
-      f(y.$slots, "default", { tooltipId: n(r) }, void 0, !0),
+      f(g.$slots, "default", {
+        tooltipId: n(a),
+        isOpen: c.value
+      }, void 0, !0),
       s("span", {
         ref_key: "positionerEl",
-        ref: d,
-        class: z(["tooltip-trigger__positioner", `tooltip-trigger__positioner--${i.value}`]),
-        style: W({
-          visibility: a.value ? "visible" : "hidden",
+        ref: i,
+        class: z(["tooltip-trigger__positioner", `tooltip-trigger__positioner--${r.value}`]),
+        style: X({
+          visibility: c.value ? "visible" : "hidden",
           "--positioner-gap": t.tail ? "var(--spacing-l)" : "0.5rem"
         }),
-        onClick: M[0] || (M[0] = fe(() => {
+        onClick: A[0] || (A[0] = pe(() => {
         }, ["stop"]))
       }, [
-        p(xt, $(ne.value, {
-          id: n(r),
-          onDismiss: C
+        p(Dt, C(oe.value, {
+          id: n(a),
+          onDismiss: x
         }), {
           default: v(() => [
-            f(y.$slots, "body", {}, void 0, !0)
+            f(g.$slots, "body", {}, void 0, !0)
           ]),
           _: 3
         }, 16, ["id"])
       ], 6)
     ], 16));
   }
-}), $t = /* @__PURE__ */ ae(_t, [["__scopeId", "data-v-5dcd06cf"]]), Ct = ["disabled"], wt = /* @__PURE__ */ h({
+}), Ht = /* @__PURE__ */ ne(Rt, [["__scopeId", "data-v-bea2f168"]]), Ut = ["disabled"], Gt = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -591,14 +764,14 @@ const bt = ["id"], pt = {
     svgRaw: {}
   },
   setup(t) {
-    const e = t, r = (i) => "href" in i && i.href !== void 0 || "to" in i && i.to !== void 0, a = k(() => E(
+    const e = t, l = (i) => "href" in i && i.href !== void 0 || "to" in i && i.to !== void 0, a = k(() => I(
       "phila-button",
       `phila-button--${e.variant}`,
       e.size && `is-${e.size}`,
       e.iconOnly && "icon-button",
       e.iconOnly && e.variant === "standard" && "icon-button--standard",
       e.className
-    )), c = k(() => r(e) ? "to" in e && e.to !== void 0 ? {
+    )), c = k(() => l(e) ? "to" in e && e.to !== void 0 ? {
       to: e.to,
       disabled: e.disabled,
       className: a.value
@@ -619,249 +792,85 @@ const bt = ["id"], pt = {
         size: e.size
       })
     );
-    return (i, l) => r(e) ? (o(), m(n(Z), $({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
+    return (i, r) => l(e) ? (o(), b(n(J), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
       default: v(() => [
-        p(n(T), A(L(d.value)), {
+        p(n(S), M(T(d.value)), {
           default: v(() => [
             f(i.$slots, "default", {}, () => [
-              w(g(e.text), 1)
+              w(h(e.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (o(), u("button", $({
+    }, 16)) : (o(), u("button", C({
       key: 1,
       type: "button",
       disabled: e.disabled,
       class: a.value
     }, i.$attrs), [
-      p(n(T), A(L(d.value)), {
+      p(n(S), M(T(d.value)), {
         default: v(() => [
           f(i.$slots, "default", {}, () => [
-            w(g(e.text), 1)
+            w(h(e.text), 1)
           ])
         ]),
         _: 3
       }, 16)
-    ], 16, Ct));
+    ], 16, Ut));
   }
-}), Bt = { class: "navbar-info" }, Nt = { class: "has-text-body-small" }, zt = /* @__PURE__ */ h({
+}), jt = { class: "navbar-info" }, Ft = { class: "navbar-info__group" }, Vt = {
+  key: 0,
+  class: "navbar-info__label has-text-body-default hidden-tablet",
+  "aria-hidden": "true"
+}, Qt = { class: "has-text-body-small" }, Kt = /* @__PURE__ */ y({
   __name: "NavbarInfo",
   props: {
     infoTitle: {},
-    infoMessage: {}
+    infoMessage: {},
+    label: {}
   },
-  setup(t) {
-    return (e, r) => (o(), u("div", Bt, [
-      p(n($t), {
+  setup(t, { expose: e }) {
+    const l = W("tooltip");
+    return e({
+      show: () => l.value?.show(),
+      hide: () => l.value?.hide()
+    }), (a, c) => (o(), u("div", jt, [
+      p(n(Ht), {
+        ref_key: "tooltip",
+        ref: l,
         type: "rich",
         title: t.infoTitle,
         trigger: "click",
         dismissable: !0
       }, {
-        default: v(({ tooltipId: a }) => [
-          p(n(wt), {
-            class: "navbar-info__trigger",
-            variant: "standard",
-            size: "small",
-            "icon-only": !0,
-            "icon-definition": n(te),
-            "aria-label": "More information",
-            "aria-describedby": a
-          }, null, 8, ["icon-definition", "aria-describedby"])
+        default: v(({ tooltipId: d, isOpen: i }) => [
+          s("span", Ft, [
+            p(n(Gt), {
+              class: "navbar-info__trigger",
+              variant: "standard",
+              size: "small",
+              "icon-only": !0,
+              "icon-definition": n(ie),
+              "aria-label": "More information",
+              "aria-describedby": d,
+              "aria-pressed": i
+            }, null, 8, ["icon-definition", "aria-describedby", "aria-pressed"]),
+            t.label ? (o(), u("span", Vt, h(t.label), 1)) : m("", !0)
+          ])
         ]),
         body: v(() => [
-          f(e.$slots, "default", {}, () => [
-            s("div", Nt, g(t.infoMessage), 1)
+          f(a.$slots, "default", {}, () => [
+            s("div", Qt, h(t.infoMessage), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["title"])
     ]));
   }
-}), Mt = /* @__PURE__ */ I(zt, [["__scopeId", "data-v-56b79838"]]), At = { class: "phila-navbar-brand" }, Lt = {
-  key: 0,
-  class: "phila-navbar-item phila-navbar-brand-link hidden-tablet"
-}, Tt = {
-  key: 0,
-  class: "content"
-}, St = ["href"], Et = { class: "phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet" }, It = { class: "phila-navbar-search" }, Q = "5rem", Ot = /* @__PURE__ */ h({
-  __name: "index",
-  props: {
-    id: {},
-    sticky: { type: Boolean },
-    navbarBrand: {},
-    mobileNav: {},
-    collapseGroup: {},
-    search: {},
-    links: { default: () => [{ text: "Home", href: "#" }] },
-    infoTitle: {},
-    infoMessage: {}
-  },
-  setup(t) {
-    const e = t, { state: r } = Y(), a = ve("navBarElement"), c = B(Q), d = B(0), i = pe(() => {
-      const l = (a.value?.offsetTop || 0) + (a.value?.offsetHeight || 0), x = typeof window < "u" ? window.innerWidth : 1024;
-      c.value = !e.sticky || x < 1024 ? l + "px" : Q, d.value = l;
-    }, 100);
-    return me(() => r.value, i, { deep: !0, immediate: !0 }), be(() => {
-      window.addEventListener("resize", i);
-    }), K(() => {
-      window.removeEventListener("resize", i);
-    }), (l, x) => (o(), u("nav", {
-      ref_key: "navBarElement",
-      ref: a,
-      class: z(["phila-navbar has-links-on-primary", { "is-sticky-desktop": t.sticky }]),
-      "aria-label": "Main navigation",
-      style: W(`--nav-height:${c.value};--nav-bottom:${d.value}px`)
-    }, [
-      f(l.$slots, "navbar-burger", {}, () => [
-        t.mobileNav || l.$slots["mobile-nav"] ? (o(), m(Pe, {
-          key: 0,
-          "mobile-nav": t.mobileNav,
-          "collapse-group": t.id
-        }, q({ _: 2 }, [
-          l.$slots["mobile-nav"] ? {
-            name: "mobile-nav",
-            fn: v(() => [
-              f(l.$slots, "mobile-nav", {}, void 0, !0)
-            ]),
-            key: "0"
-          } : void 0
-        ]), 1032, ["mobile-nav", "collapse-group"])) : b("", !0)
-      ], !0),
-      s("div", At, [
-        f(l.$slots, "navbar-logo", {}, () => [
-          t.navbarBrand?.brandingImage ? (o(), m(rt, $({ key: 0 }, t.navbarBrand.brandingImage, {
-            logo: t.navbarBrand?.logo
-          }), null, 16, ["logo"])) : b("", !0)
-        ], !0),
-        l.$slots["navbar-brand-link"] || t.navbarBrand?.brandingLink ? (o(), u("div", Lt, [
-          f(l.$slots, "navbar-brand-link", {}, () => [
-            t.navbarBrand?.brandingLink ? (o(), u("div", Tt, [
-              s("a", {
-                tabindex: "0",
-                href: t.navbarBrand.brandingLink.href,
-                class: "has-text-underline"
-              }, g(t.navbarBrand.brandingLink.text), 9, St)
-            ])) : b("", !0)
-          ], !0)
-        ])) : b("", !0),
-        t.infoTitle || t.infoMessage || l.$slots["info-body"] ? (o(), m(Mt, {
-          key: 1,
-          "info-title": t.infoTitle,
-          "info-message": t.infoMessage
-        }, {
-          default: v(() => [
-            l.$slots["info-body"] ? f(l.$slots, "info-body", { key: 0 }, void 0, !0) : b("", !0)
-          ]),
-          _: 3
-        }, 8, ["info-title", "info-message"])) : b("", !0)
-      ]),
-      s("div", Et, [
-        f(l.$slots, "navbar-links", {}, () => [
-          t.links ? (o(), m(ot, {
-            key: 0,
-            links: t.links,
-            "collapse-group": t.id
-          }, null, 8, ["links", "collapse-group"])) : b("", !0)
-        ], !0)
-      ]),
-      s("div", It, [
-        f(l.$slots, "navbar-search", {}, () => [
-          t.search ? (o(), m(vt, {
-            key: 0,
-            search: t.search,
-            "collapse-group": t.id
-          }, null, 8, ["search", "collapse-group"])) : b("", !0)
-        ], !0)
-      ])
-    ], 6));
-  }
-}), Dt = /* @__PURE__ */ I(Ot, [["__scopeId", "data-v-9e862e20"]]), Rt = { class: "site-wide-alert content" }, Ht = { class: "alert-content" }, Ut = { class: "content-text" }, Gt = { class: "title" }, jt = { class: "body" }, Ft = /* @__PURE__ */ h({
-  __name: "AlertBanner",
-  props: {
-    bannerTitle: {},
-    bannerMessage: {}
-  },
-  setup(t) {
-    const e = t;
-    return (r, a) => (o(), u("div", Rt, [
-      s("div", Ht, [
-        p(n(he), {
-          "icon-definition": n(xe),
-          size: "small",
-          decorative: !0
-        }, null, 8, ["icon-definition"]),
-        s("div", Ut, [
-          s("h6", Gt, g(e.bannerTitle), 1),
-          s("div", jt, g(e.bannerMessage), 1)
-        ])
-      ])
-    ]));
-  }
-}), Yt = /* @__PURE__ */ h({
-  __name: "AppHeader",
-  props: {
-    showTrustedSite: { type: Boolean, default: !0 },
-    translations: { default: void 0 },
-    className: {},
-    id: { default: "main-nav" },
-    sticky: { type: Boolean, default: !0 },
-    navbarBrand: { default: void 0 },
-    mobileNav: { default: void 0 },
-    collapseGroup: {},
-    search: { default: void 0 },
-    links: { default: void 0 },
-    infoTitle: { default: void 0 },
-    infoMessage: { default: void 0 },
-    bannerTitle: { default: void 0 },
-    bannerMessage: { default: void 0 }
-  },
-  setup(t) {
-    return (e, r) => (o(), u(N, null, [
-      t.showTrustedSite ? (o(), m(Ye, { key: 0 }, {
-        translation: v(() => [
-          f(e.$slots, "translations", {}, () => [
-            t.translations ? (o(), m(S(t.translations), { key: 0 })) : b("", !0)
-          ])
-        ]),
-        _: 3
-      })) : b("", !0),
-      p(Dt, {
-        id: t.id,
-        sticky: t.sticky,
-        "mobile-nav": t.mobileNav,
-        links: t.links,
-        "navbar-brand": t.navbarBrand,
-        search: t.search,
-        "info-title": t.infoTitle,
-        "info-message": t.infoMessage
-      }, q({ _: 2 }, [
-        e.$slots["info-body"] ? {
-          name: "info-body",
-          fn: v(() => [
-            f(e.$slots, "info-body")
-          ]),
-          key: "0"
-        } : void 0,
-        e.$slots["mobile-nav"] ? {
-          name: "mobile-nav",
-          fn: v(() => [
-            f(e.$slots, "mobile-nav")
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1032, ["id", "sticky", "mobile-nav", "links", "navbar-brand", "search", "info-title", "info-message"]),
-      t.bannerTitle || t.bannerMessage ? (o(), m(Ft, {
-        key: 1,
-        "banner-title": t.bannerTitle,
-        "banner-message": t.bannerMessage
-      }, null, 8, ["banner-title", "banner-message"])) : b("", !0)
-    ], 64));
-  }
-});
+}), Pt = /* @__PURE__ */ O(Kt, [["__scopeId", "data-v-c3989251"]]);
 export {
-  Yt as AppHeader
+  Jt as AppHeader,
+  Pt as NavbarInfo
 };