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

package/dist/index.mjs

@@ -1,223 +1,219 @@
-import { defineComponent as h, useSlots as ce, computed as k, createElementBlock as u, openBlock as o, Fragment as N, createElementVNode as s, createCommentVNode as b, unref as n, createTextVNode as _, createVNode as p, renderSlot as f, createBlock as m, withCtx as v, resolveDynamicComponent as S, normalizeClass as z, renderList as j, toDisplayString as g, withKeys as de, mergeProps as C, useId as ue, ref as B, onUnmounted as K, withModifiers as fe, normalizeStyle as W, normalizeProps as A, guardReactiveProps as L, useTemplateRef as ve, watch as me, onMounted as be, createSlots as q } from "vue";
-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 { CollapsePanel as D } from "@phila/phila-ui-collapse-panel";
-import { Logo as ye } from "@phila/phila-ui-logo";
-import './index.css';var ge = {
+import { defineComponent as k, useSlots as H, computed as M, createElementBlock as c, openBlock as s, Fragment as y, createElementVNode as a, createCommentVNode as h, unref as t, createTextVNode as C, createVNode as b, renderSlot as f, createBlock as u, withCtx as m, resolveDynamicComponent as _, normalizeClass as $, renderList as A, toDisplayString as x, withKeys as O, mergeProps as z, useTemplateRef as j, ref as N, watch as D, onMounted as V, onUnmounted as Q, normalizeStyle as K, createSlots as S } from "vue";
+import { FontAwesomeIcon as p } from "@fortawesome/vue-fontawesome";
+import { useCollapse as T, debounce as F, Icon as R } from "@phila/phila-ui-core";
+import { CollapsePanel as w } from "@phila/phila-ui-collapse-panel";
+import { Logo as q } from "@phila/phila-ui-logo";
+import './index.css';var W = {
   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 = {
+}, X = W, Y = {
   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 = {
+}, 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"]
-}, _e = X, J = X, $e = {
+}, Z = E, I = E, J = {
   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 = {
+}, U = {
   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 = {
+}, G = {
   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 = {
+}, P = {
   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 = {
+}, ee = {
   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 = {
+}, ae = {
   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 = {
+}, ne = ae;
+const te = "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", ie = {
   id: "trusted-site",
-  class: "has-background-ghost-gray 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 = {
+  class: "is-flex is-justify-space-between"
+}, se = { class: "trusted-wrap" }, oe = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, le = ["src"], re = ["aria-label", "aria-expanded"], ce = {
   class: "icon",
   "aria-hidden": "true"
-}, Ee = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, Ie = ["aria-label", "aria-expanded"], Oe = {
+}, de = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, ue = ["aria-label", "aria-expanded"], ve = {
   class: "icon",
   "aria-hidden": "true"
-}, De = {
+}, fe = {
   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"], be = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, me = { class: "info-item-wrap is-flex" }, pe = { 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" }, ge = { class: "icon circle-icon p-3 mb-2" }, xe = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, ye = { class: "trusted-icon is-flex is-flex-column has-text-center" }, _e = { class: "icon circle-icon p-3 mb-2" }, $e = { class: "info-content-close mt-4" }, Ce = /* @__PURE__ */ k({
   __name: "TrustedSite",
-  setup(t) {
-    const e = ce(), { isCollapsed: r, onClickToggle: a } = Y({
+  setup(e) {
+    const l = H(), { isCollapsed: d, onClickToggle: n } = T({
       id: "trusted-site-info",
       escapeKeyClose: !0
-    }), c = k(() => r("trusted-site-info"));
-    return (d, i) => (o(), u(N, null, [
-      s("div", ze, [
-        s("div", Me, [
-          s("div", Ae, [
-            s("img", {
-              src: n(Ne),
+    }), v = M(() => d("trusted-site-info"));
+    return (r, o) => (s(), c(y, null, [
+      a("div", ie, [
+        a("div", se, [
+          a("div", oe, [
+            a("img", {
+              src: t(te),
               alt: "",
               class: "icon"
-            }, null, 8, Le),
-            i[4] || (i[4] = s("div", { class: "content mx-2" }, "An official website of the City of Philadelphia government", -1)),
-            s("button", {
+            }, null, 8, le),
+            o[4] || (o[4] = a("div", { class: "content mx-2" }, "An official website of the City of Philadelphia government", -1)),
+            a("button", {
               class: "phila-button is-extra-small",
-              "aria-label": `${c.value ? "Close" : "Open"} Trusted Site information panel`,
+              "aria-label": `${v.value ? "Close" : "Open"} Trusted Site information panel`,
               "aria-controls": "trusted-site-info",
-              "aria-expanded": c.value,
-              onClick: i[0] || (i[0] = //@ts-ignore
-              (...l) => n(a) && n(a)(...l))
+              "aria-expanded": v.value,
+              onClick: o[0] || (o[0] = //@ts-ignore
+              (...i) => t(n) && t(n)(...i))
             }, [
-              i[3] || (i[3] = _(" Here's how you know ", -1)),
-              s("span", Se, [
-                p(n($), {
-                  icon: c.value ? n(P) : n(ee)
+              o[3] || (o[3] = C(" Here's how you know ", -1)),
+              a("span", ce, [
+                b(t(p), {
+                  icon: v.value ? t(U) : t(G)
                 }, null, 8, ["icon"])
               ])
-            ], 8, Te)
+            ], 8, re)
           ]),
-          s("div", Ee, [
-            s("button", {
+          a("div", de, [
+            a("button", {
               class: "phila-button is-extra-small",
-              "aria-label": `${c.value ? "Close" : "Open"} Trusted Site information panel`,
+              "aria-label": `${v.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))
+              "aria-expanded": v.value,
+              onClick: o[1] || (o[1] = //@ts-ignore
+              (...i) => t(n) && t(n)(...i))
             }, [
-              i[5] || (i[5] = _(" An official website ", -1)),
-              s("span", Oe, [
-                p(n($), { icon: n(te) }, null, 8, ["icon"])
+              o[5] || (o[5] = C(" An official website ", -1)),
+              a("span", ve, [
+                b(t(p), { icon: t(ne) }, null, 8, ["icon"])
               ])
-            ], 8, Ie)
+            ], 8, ue)
           ])
         ]),
-        n(e).translation ? (o(), u("div", De, [
-          f(d.$slots, "translation", {}, void 0, !0)
-        ])) : b("", !0)
+        t(l).translation ? (s(), c("div", fe, [
+          f(r.$slots, "translation", {}, void 0, !0)
+        ])) : h("", !0)
       ]),
-      s("div", {
+      a("div", {
         id: "trusted-site-info",
-        class: "has-background-secondary px-6",
-        hidden: !c.value
+        class: "px-6",
+        hidden: !v.value
       }, [
-        s("div", He, [
-          s("div", Ue, [
-            s("div", Ge, [
-              s("div", je, [
-                s("div", Fe, [
-                  p(n($), { icon: n($e) }, null, 8, ["icon"])
+        a("div", be, [
+          a("div", me, [
+            a("div", pe, [
+              a("div", ke, [
+                a("span", ge, [
+                  b(t(p), { icon: t(P) }, null, 8, ["icon"])
                 ]),
-                i[6] || (i[6] = s("span", { class: "has-text-bold" }, "https://", -1))
+                o[6] || (o[6] = a("span", { class: "has-text-bold" }, ".gov", -1))
               ]),
-              i[7] || (i[7] = s("div", { class: "trusted-text m-4" }, [
-                _(" The "),
-                s("strong", null, "https://"),
-                _(" in the address bar means your information is encrypted and can not be accessed by anyone else ")
-              ], -1))
+              o[7] || (o[7] = a("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("span", Ke, [
-                  p(n($), { icon: n(Ce) }, null, 8, ["icon"])
+            a("div", xe, [
+              a("div", ye, [
+                a("div", _e, [
+                  b(t(p), { icon: t(J) }, null, 8, ["icon"])
                 ]),
-                i[8] || (i[8] = s("span", { class: "has-text-bold" }, ".gov", -1))
+                o[8] || (o[8] = a("span", { class: "has-text-bold" }, "https://", -1))
               ]),
-              i[9] || (i[9] = s("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
+              o[9] || (o[9] = a("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("button", {
+          a("div", $e, [
+            a("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))
+              onClick: o[2] || (o[2] = //@ts-ignore
+              (...i) => t(n) && t(n)(...i))
             }, [
-              p(n($), { icon: n(_e) }, null, 8, ["icon"])
+              b(t(p), { icon: t(Z) }, null, 8, ["icon"])
             ])
           ])
         ])
-      ], 8, Re)
+      ], 8, he)
     ], 64));
   }
-}), I = (t, e) => {
-  const r = t.__vccOpts || t;
-  for (const [a, c] of e)
-    r[a] = c;
-  return r;
-}, Ye = /* @__PURE__ */ I(qe, [["__scopeId", "data-v-117bdb56"]]), Ze = ["aria-controls", "aria-expanded", "aria-label", "onClick"], Xe = { class: "icon" }, Je = ["id", "hidden"], Pe = /* @__PURE__ */ h({
+}), B = (e, l) => {
+  const d = e.__vccOpts || e;
+  for (const [n, v] of l)
+    d[n] = v;
+  return d;
+}, we = /* @__PURE__ */ B(Ce, [["__scopeId", "data-v-3fc90bb2"]]), Be = ["aria-controls", "aria-expanded", "aria-label", "onClick"], Ae = { class: "icon" }, Ne = ["id", "hidden"], Le = /* @__PURE__ */ k({
   __name: "NavbarBurger",
   props: {
     mobileNav: {},
     collapseGroup: {}
   },
-  setup(t) {
-    return (e, r) => (o(), m(n(D), {
+  setup(e) {
+    return (l, d) => (s(), u(t(w), {
       id: "mobile-nav",
-      group: t.collapseGroup,
+      group: e.collapseGroup,
       "outside-click-close": "",
       "escape-key-close": "",
       "blur-close": "",
       "open-single": ""
     }, {
-      toggle: v((a) => [
-        s("button", {
-          class: z(["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
+      toggle: m((n) => [
+        a("button", {
+          class: $(["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": n.open }]),
+          "aria-controls": n.ariaControls,
+          "aria-expanded": n.open,
+          "aria-label": `${n.open ? "Close" : "Open"} mobile navigation panel`,
+          onClick: n.onClick
         }, [
-          s("span", Xe, [
-            p(n($), {
-              icon: a.open ? n(J) : n(we)
+          a("span", Ae, [
+            b(t(p), {
+              icon: n.open ? t(I) : t(ee)
             }, null, 8, ["icon"])
           ])
-        ], 10, Ze)
+        ], 10, Be)
       ]),
-      default: v((a) => [
-        s("div", {
-          id: a.id,
+      default: m((n) => [
+        a("div", {
+          id: n.id,
           class: "phila-mobile-nav",
-          hidden: !a.open
+          hidden: !n.open
         }, [
-          f(e.$slots, "mobile-nav", {}, () => [
-            (o(), m(S(t.mobileNav)))
+          f(l.$slots, "mobile-nav", {}, () => [
+            (s(), u(_(e.mobileNav)))
           ])
-        ], 8, Je)
+        ], 8, Ne)
       ]),
       _: 3
     }, 8, ["group"]));
   }
-}), et = ["href"], tt = ["href", "aria-controls", "aria-expanded", "onKeypress", "onTouchend", "onClick"], at = ["id", "hidden"], it = {
+}), Me = ["href"], ze = ["href", "aria-controls", "aria-expanded", "onKeypress", "onTouchend", "onClick"], Se = ["id", "hidden"], Te = {
   key: 0,
   class: "content nav-flyout has-background-ghost-gray px-6 py-4",
   tabindex: "-1"
-}, nt = {
+}, Ee = {
   class: "is-flex is-flex-column is-flex-wrap-wrap",
   style: { gap: "var(--spacing-4xl)" }
-}, st = ["href"], ot = /* @__PURE__ */ h({
+}, Ie = ["href"], Ue = /* @__PURE__ */ k({
   __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),
-        key: `collapse-${i}`,
-        group: t.collapseGroup,
+  setup(e) {
+    const l = (n) => !!(n.subLinks || n.subNav), d = (n) => `main-nav-${n.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g, "")}`;
+    return (n, v) => (s(!0), c(y, null, A(e.links, (r, o) => (s(), c(y, null, [
+      l(r) ? (s(), u(t(w), {
+        id: d(r),
+        key: `collapse-${o}`,
+        group: e.collapseGroup,
         "outside-click-close": "",
         "escape-key-close": "",
         "blur-close": "",
@@ -225,61 +221,61 @@ 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) => [
-          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,
+        toggle: m((i) => [
+          a("a", {
+            href: r.href,
+            class: $(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": i.open }]),
+            "aria-controls": i.ariaControls,
+            "aria-expanded": i.open,
             tabindex: "0",
-            onKeypress: de(l.onClick, ["enter"]),
-            onTouchend: l.onClick,
-            onClick: l.onClick
+            onKeypress: O(i.onClick, ["enter"]),
+            onTouchend: i.onClick,
+            onClick: i.onClick
           }, [
-            _(g(d.text) + " ", 1),
-            p(n($), {
+            C(x(r.text) + " ", 1),
+            b(t(p), {
               class: "ml-1",
-              icon: l.open ? n(P) : n(ee)
+              icon: i.open ? t(U) : t(G)
             }, null, 8, ["icon"])
-          ], 42, tt)
+          ], 42, ze)
         ]),
-        default: v((l) => [
-          (o(), u("div", {
-            id: l.id,
-            key: d.text,
-            hidden: !l.open
+        default: m((i) => [
+          (s(), c("div", {
+            id: i.id,
+            key: r.text,
+            hidden: !i.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,
+            r.subLinks ? (s(), c("div", Te, [
+              a("ul", Ee, [
+                (s(!0), c(y, null, A(r.subLinks, (g) => (s(), c("li", {
+                  key: g.text,
                   class: "sub-nav-link is-flex is-align-center",
                   style: { width: "150px" }
                 }, [
-                  s("a", {
-                    href: x.href,
+                  a("a", {
+                    href: g.href,
                     class: "has-text-link has-text-weight-medium",
                     tabindex: "0"
-                  }, g(x.text), 9, st)
+                  }, x(g.text), 9, Ie)
                 ]))), 128))
               ])
-            ])) : (o(), m(S(d.subNav), { key: 1 }))
-          ], 8, at))
+            ])) : (s(), u(_(r.subNav), { key: 1 }))
+          ], 8, Se))
         ]),
         _: 2
-      }, 1032, ["id", "group"])) : (o(), u("div", {
-        key: `link-${i}`,
+      }, 1032, ["id", "group"])) : (s(), c("div", {
+        key: `link-${o}`,
         class: "phila-navbar-link-list-item"
       }, [
-        s("a", {
-          href: d.href,
+        a("a", {
+          href: r.href,
           class: "phila-navbar-link px-4",
           tabindex: "0"
-        }, g(d.text), 9, et)
+        }, x(r.text), 9, Me)
       ]))
     ], 64))), 256));
   }
-}), lt = /* @__PURE__ */ h({
+}), Ge = /* @__PURE__ */ k({
   __name: "NavbarBrandLogo",
   props: {
     logo: {},
@@ -287,411 +283,72 @@ const Ne = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     href: {},
     altText: {}
   },
-  setup(t) {
-    const e = t, r = k(() => ({
+  setup(e) {
+    const l = e, d = M(() => ({
       variant: "city",
       layout: "stacked",
       colorScheme: "on-primary",
-      href: e.href,
-      ...e.logo
+      href: l.href,
+      ...l.logo
     }));
-    return (a, c) => (o(), m(n(ye), C(r.value, { class: "phila-navbar-logo" }), null, 16));
+    return (n, v) => (s(), u(t(q), z(d.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({
+}), He = /* @__PURE__ */ B(Ge, [["__scopeId", "data-v-3011c249"]]), Oe = { class: "pr-4" }, je = ["aria-controls", "aria-expanded", "aria-label", "onClick"], De = { class: "icon" }, Ve = ["id", "hidden"], Qe = /* @__PURE__ */ k({
   __name: "NavbarSearch",
   props: {
     search: {},
     collapseGroup: {}
   },
-  setup(t) {
-    return (e, r) => (o(), m(n(D), {
+  setup(e) {
+    return (l, d) => (s(), u(t(w), {
       id: "navbar-search",
-      group: t.collapseGroup,
+      group: e.collapseGroup,
       "outside-click-close": "",
       "escape-key-close": "",
       "blur-close": "",
       "open-single": ""
     }, {
-      toggle: v((a) => [
-        s("div", ct, [
-          s("button", {
-            class: z(["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
+      toggle: m((n) => [
+        a("div", Oe, [
+          a("button", {
+            class: $(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": n.open }]),
+            "aria-controls": n.ariaControls,
+            "aria-expanded": n.open,
+            "aria-label": `${n.open ? "Close" : "Open"} search panel`,
+            onClick: n.onClick
           }, [
-            s("span", ut, [
-              p(n($), {
-                icon: a.open ? n(J) : n(ke)
+            a("span", De, [
+              b(t(p), {
+                icon: n.open ? t(I) : t(X)
               }, null, 8, ["icon"])
             ])
-          ], 10, dt)
+          ], 10, je)
         ])
       ]),
-      default: v((a) => [
-        s("div", {
-          id: a.id,
+      default: m((n) => [
+        a("div", {
+          id: n.id,
           class: "nav-flyout is-12",
-          hidden: !a.open
+          hidden: !n.open
         }, [
-          f(e.$slots, "default", {}, () => [
-            t.search && a.open ? (o(), m(S(t.search), { key: 0 })) : b("", !0)
+          f(l.$slots, "default", {}, () => [
+            e.search && n.open ? (s(), u(_(e.search), { key: 0 })) : h("", !0)
           ])
-        ], 8, ft)
+        ], 8, Ve)
       ]),
       _: 3
     }, 8, ["group"]));
   }
-}), mt = ["disabled"], F = /* @__PURE__ */ h({
-  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(t) {
-    const e = t, r = (i) => "href" in i && i.href !== void 0 || "to" in i && i.to !== void 0, a = k(() => E(
-      "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 ? {
-      to: e.to,
-      disabled: e.disabled,
-      className: a.value
-    } : {
-      href: e.href,
-      target: e.target,
-      rel: e.rel,
-      disabled: e.disabled,
-      className: a.value
-    } : {}), d = k(
-      () => ({
-        iconDefinition: e.iconDefinition,
-        iconClass: e.iconClass,
-        src: e.src,
-        iconRight: e.iconRight,
-        iconOnly: e.iconOnly,
-        text: e.text,
-        size: e.size
-      })
-    );
-    return (i, l) => r(e) ? (o(), m(n(Z), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
-      default: v(() => [
-        p(n(T), A(L(d.value)), {
-          default: v(() => [
-            f(i.$slots, "default", {}, () => [
-              _(g(e.text), 1)
-            ])
-          ]),
-          _: 3
-        }, 16)
-      ]),
-      _: 3
-    }, 16)) : (o(), u("button", C({
-      key: 1,
-      type: "button",
-      disabled: e.disabled,
-      class: a.value
-    }, i.$attrs), [
-      p(n(T), A(L(d.value)), {
-        default: v(() => [
-          f(i.$slots, "default", {}, () => [
-            _(g(e.text), 1)
-          ])
-        ]),
-        _: 3
-      }, 16)
-    ], 16, mt));
-  }
-});
-var V = {
-  prefix: "fas",
-  iconName: "xmark",
-  icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
-};
-const bt = ["id"], pt = {
-  key: 0,
-  class: "tooltip__tail",
-  "aria-hidden": "true"
-}, ht = {
-  key: 1,
-  class: "tooltip__plain-row has-text-body-small"
-}, yt = {
-  key: 0,
-  class: "tooltip__title-row"
-}, gt = { key: 0 }, kt = /* @__PURE__ */ h({
-  __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(t) {
-    const e = t, r = k(
-      () => E(
-        "tooltip",
-        "content",
-        "resets-link-colors",
-        `tooltip--${e.type}`,
-        `tooltip--${e.color}`,
-        e.tail && `tooltip--${e.placement}`,
-        e.className
-      )
-    );
-    return (a, c) => (o(), u("div", {
-      id: t.id,
-      class: z(r.value),
-      role: "tooltip"
-    }, [
-      t.tail ? (o(), u("div", pt)) : b("", !0),
-      t.type === "plain" ? (o(), u("div", ht, [
-        f(a.$slots, "default", {}, void 0, !0),
-        t.dismissable ? (o(), m(n(F), {
-          key: 0,
-          class: "tooltip__dismiss",
-          variant: "standard",
-          size: "extra-small",
-          "icon-only": !0,
-          "icon-definition": n(V),
-          "aria-label": "Dismiss tooltip",
-          onClick: c[0] || (c[0] = (d) => a.$emit("dismiss"))
-        }, null, 8, ["icon-definition"])) : b("", !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), {
-            key: 1,
-            class: "tooltip__dismiss",
-            variant: "standard",
-            size: "extra-small",
-            "icon-only": !0,
-            "icon-definition": n(V),
-            "aria-label": "Dismiss tooltip",
-            onClick: c[1] || (c[1] = (d) => a.$emit("dismiss"))
-          }, null, 8, ["icon-definition"])) : b("", !0)
-        ])) : b("", !0),
-        f(a.$slots, "default", {}, void 0, !0)
-      ], 64))
-    ], 10, bt));
-  }
-}), ae = (t, e) => {
-  const r = 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({
-  __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(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" && w();
-    }, R = (y) => {
-      c.value && !c.value.contains(y.target) && w();
-    }, 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);
-    }, w = () => {
-      a.value = !1, document.removeEventListener("keydown", x), document.removeEventListener("click", R);
-    }, ie = () => {
-      a.value ? w() : O();
-    };
-    K(w);
-    const ne = k(() => ({
-      type: e.type,
-      color: e.color,
-      tail: e.tail,
-      placement: i.value,
-      title: e.title,
-      dismissable: e.dismissable
-    }));
-    return (y, M) => (o(), u("span", C(
-      {
-        ref_key: "wrapperEl",
-        ref: c,
-        class: n(E)("tooltip-trigger", e.className)
-      },
-      t.trigger === "click" ? { onClick: ie } : { onMouseenter: O, onMouseleave: w, onFocusin: O, onFocusout: w }
-    ), [
-      f(y.$slots, "default", { tooltipId: n(r) }, 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",
-          "--positioner-gap": t.tail ? "var(--spacing-l)" : "0.5rem"
-        }),
-        onClick: M[0] || (M[0] = fe(() => {
-        }, ["stop"]))
-      }, [
-        p(xt, C(ne.value, {
-          id: n(r),
-          onDismiss: w
-        }), {
-          default: v(() => [
-            f(y.$slots, "body", {}, void 0, !0)
-          ]),
-          _: 3
-        }, 16, ["id"])
-      ], 6)
-    ], 16));
-  }
-}), $t = /* @__PURE__ */ ae(_t, [["__scopeId", "data-v-5dcd06cf"]]), Ct = ["disabled"], wt = /* @__PURE__ */ h({
-  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(t) {
-    const e = t, r = (i) => "href" in i && i.href !== void 0 || "to" in i && i.to !== void 0, a = k(() => E(
-      "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 ? {
-      to: e.to,
-      disabled: e.disabled,
-      className: a.value
-    } : {
-      href: e.href,
-      target: e.target,
-      rel: e.rel,
-      disabled: e.disabled,
-      className: a.value
-    } : {}), d = k(
-      () => ({
-        iconDefinition: e.iconDefinition,
-        iconClass: e.iconClass,
-        src: e.src,
-        iconRight: e.iconRight,
-        iconOnly: e.iconOnly,
-        text: e.text,
-        size: e.size
-      })
-    );
-    return (i, l) => r(e) ? (o(), m(n(Z), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
-      default: v(() => [
-        p(n(T), A(L(d.value)), {
-          default: v(() => [
-            f(i.$slots, "default", {}, () => [
-              _(g(e.text), 1)
-            ])
-          ]),
-          _: 3
-        }, 16)
-      ]),
-      _: 3
-    }, 16)) : (o(), u("button", C({
-      key: 1,
-      type: "button",
-      disabled: e.disabled,
-      class: a.value
-    }, i.$attrs), [
-      p(n(T), A(L(d.value)), {
-        default: v(() => [
-          f(i.$slots, "default", {}, () => [
-            _(g(e.text), 1)
-          ])
-        ]),
-        _: 3
-      }, 16)
-    ], 16, Ct));
-  }
-}), Bt = { class: "navbar-info" }, Nt = { class: "has-text-body-small" }, zt = /* @__PURE__ */ h({
-  __name: "NavbarInfo",
-  props: {
-    infoTitle: {},
-    infoMessage: {}
-  },
-  setup(t) {
-    return (e, r) => (o(), u("div", Bt, [
-      p(n($t), {
-        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"])
-        ]),
-        body: v(() => [
-          f(e.$slots, "default", {}, () => [
-            s("div", Nt, g(t.infoMessage), 1)
-          ], !0)
-        ]),
-        _: 3
-      }, 8, ["title"])
-    ]));
-  }
-}), Mt = /* @__PURE__ */ I(zt, [["__scopeId", "data-v-56b79838"]]), At = { class: "phila-navbar-brand" }, Lt = {
+}), Ke = { class: "phila-navbar-brand" }, Fe = {
   key: 0,
   class: "phila-navbar-item phila-navbar-brand-link hidden-tablet"
-}, Tt = {
+}, Re = {
   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({
+}, qe = ["href"], We = { class: "phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet" }, Xe = { class: "phila-navbar-search" }, Ye = {
+  key: 0,
+  class: "phila-navbar-end"
+}, L = "5rem", Ze = /* @__PURE__ */ k({
   __name: "index",
   props: {
     id: {},
@@ -700,112 +357,103 @@ const bt = ["id"], pt = {
     mobileNav: {},
     collapseGroup: {},
     search: {},
-    links: { default: () => [{ text: "Home", href: "#" }] },
-    infoTitle: {},
-    infoMessage: {}
+    links: { default: () => [{ text: "Home", href: "#" }] }
   },
-  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;
+  setup(e) {
+    const l = e, { state: d } = T(), n = j("navBarElement"), v = N(L), r = N(0), o = F(() => {
+      const i = (n.value?.offsetTop || 0) + (n.value?.offsetHeight || 0), g = typeof window < "u" ? window.innerWidth : 1024;
+      v.value = !l.sticky || g < 1024 ? i + "px" : L, r.value = i;
     }, 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", {
+    return D(() => d.value, o, { deep: !0, immediate: !0 }), V(() => {
+      window.addEventListener("resize", o);
+    }), Q(() => {
+      window.removeEventListener("resize", o);
+    }), (i, g) => (s(), c("nav", {
       ref_key: "navBarElement",
-      ref: a,
-      class: z(["phila-navbar has-background-primary", { "is-sticky-desktop": t.sticky }]),
+      ref: n,
+      class: $(["phila-navbar has-links-on-primary", { "is-sticky-desktop": e.sticky }]),
       "aria-label": "Main navigation",
-      style: W(`--nav-height:${c.value};--nav-bottom:${d.value}px`)
+      style: K(`--nav-height:${v.value};--nav-bottom:${r.value}px`)
     }, [
-      f(l.$slots, "navbar-burger", {}, () => [
-        t.mobileNav || l.$slots["mobile-nav"] ? (o(), m(Pe, {
+      f(i.$slots, "navbar-burger", {}, () => [
+        e.mobileNav || i.$slots["mobile-nav"] ? (s(), u(Le, {
           key: 0,
-          "mobile-nav": t.mobileNav,
-          "collapse-group": t.id
-        }, q({ _: 2 }, [
-          l.$slots["mobile-nav"] ? {
+          "mobile-nav": e.mobileNav,
+          "collapse-group": e.id
+        }, S({ _: 2 }, [
+          i.$slots["mobile-nav"] ? {
             name: "mobile-nav",
-            fn: v(() => [
-              f(l.$slots, "mobile-nav", {}, void 0, !0)
+            fn: m(() => [
+              f(i.$slots, "mobile-nav", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["mobile-nav", "collapse-group"])) : b("", !0)
+        ]), 1032, ["mobile-nav", "collapse-group"])) : h("", !0)
       ], !0),
-      s("div", At, [
-        f(l.$slots, "navbar-logo", {}, () => [
-          t.navbarBrand?.brandingImage ? (o(), m(rt, C({ key: 0 }, t.navbarBrand.brandingImage, {
-            logo: t.navbarBrand?.logo
-          }), null, 16, ["logo"])) : b("", !0)
+      a("div", Ke, [
+        f(i.$slots, "navbar-logo", {}, () => [
+          e.navbarBrand?.brandingImage ? (s(), u(He, z({ key: 0 }, e.navbarBrand.brandingImage, {
+            logo: e.navbarBrand?.logo
+          }), null, 16, ["logo"])) : h("", !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", {
+        i.$slots["navbar-brand-link"] || e.navbarBrand?.brandingLink ? (s(), c("div", Fe, [
+          f(i.$slots, "navbar-brand-link", {}, () => [
+            e.navbarBrand?.brandingLink ? (s(), c("div", Re, [
+              a("a", {
                 tabindex: "0",
-                href: t.navbarBrand.brandingLink.href,
+                href: e.navbarBrand.brandingLink.href,
                 class: "has-text-underline"
-              }, g(t.navbarBrand.brandingLink.text), 9, St)
-            ])) : b("", !0)
+              }, x(e.navbarBrand.brandingLink.text), 9, qe)
+            ])) : h("", !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)
+        ])) : h("", !0)
       ]),
-      s("div", Et, [
-        f(l.$slots, "navbar-links", {}, () => [
-          t.links ? (o(), m(ot, {
+      a("div", We, [
+        f(i.$slots, "navbar-links", {}, () => [
+          e.links ? (s(), u(Ue, {
             key: 0,
-            links: t.links,
-            "collapse-group": t.id
-          }, null, 8, ["links", "collapse-group"])) : b("", !0)
+            links: e.links,
+            "collapse-group": e.id
+          }, null, 8, ["links", "collapse-group"])) : h("", !0)
         ], !0)
       ]),
-      s("div", It, [
-        f(l.$slots, "navbar-search", {}, () => [
-          t.search ? (o(), m(vt, {
+      a("div", Xe, [
+        f(i.$slots, "navbar-search", {}, () => [
+          e.search ? (s(), u(Qe, {
             key: 0,
-            search: t.search,
-            "collapse-group": t.id
-          }, null, 8, ["search", "collapse-group"])) : b("", !0)
+            search: e.search,
+            "collapse-group": e.id
+          }, null, 8, ["search", "collapse-group"])) : h("", !0)
         ], !0)
-      ])
+      ]),
+      i.$slots["navbar-end"] ? (s(), c("div", Ye, [
+        f(i.$slots, "navbar-end", {}, void 0, !0)
+      ])) : h("", !0)
     ], 6));
   }
-}), Dt = /* @__PURE__ */ I(Ot, [["__scopeId", "data-v-604219b3"]]), Rt = { class: "site-wide-alert content" }, Ht = { class: "alert-content" }, Ut = { class: "content-text" }, Gt = { class: "title" }, jt = { class: "body" }, Ft = /* @__PURE__ */ h({
+}), Je = /* @__PURE__ */ B(Ze, [["__scopeId", "data-v-caf52a6d"]]), Pe = { class: "site-wide-alert content" }, ea = { class: "alert-content" }, aa = { class: "content-text" }, na = { class: "title" }, ta = { class: "body" }, ia = /* @__PURE__ */ k({
   __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),
+  setup(e) {
+    const l = e;
+    return (d, n) => (s(), c("div", Pe, [
+      a("div", ea, [
+        b(t(R), {
+          "icon-definition": t(Y),
           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)
+        a("div", aa, [
+          a("h6", na, x(l.bannerTitle), 1),
+          a("div", ta, x(l.bannerMessage), 1)
         ])
       ])
     ]));
   }
-}), Yt = /* @__PURE__ */ h({
+}), da = /* @__PURE__ */ k({
   __name: "AppHeader",
   props: {
     showTrustedSite: { type: Boolean, default: !0 },
@@ -818,54 +466,50 @@ const bt = ["id"], pt = {
     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)
+  setup(e) {
+    return (l, d) => (s(), c(y, null, [
+      e.showTrustedSite ? (s(), u(we, { key: 0 }, {
+        translation: m(() => [
+          f(l.$slots, "translations", {}, () => [
+            e.translations ? (s(), u(_(e.translations), { key: 0 })) : h("", !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")
+      })) : h("", !0),
+      b(Je, {
+        id: e.id,
+        sticky: e.sticky,
+        "mobile-nav": e.mobileNav,
+        links: e.links,
+        "navbar-brand": e.navbarBrand,
+        search: e.search
+      }, S({ _: 2 }, [
+        l.$slots["mobile-nav"] ? {
+          name: "mobile-nav",
+          fn: m(() => [
+            f(l.$slots, "mobile-nav")
           ]),
           key: "0"
         } : void 0,
-        e.$slots["mobile-nav"] ? {
-          name: "mobile-nav",
-          fn: v(() => [
-            f(e.$slots, "mobile-nav")
+        l.$slots["navbar-end"] ? {
+          name: "navbar-end",
+          fn: m(() => [
+            f(l.$slots, "navbar-end")
           ]),
           key: "1"
         } : void 0
-      ]), 1032, ["id", "sticky", "mobile-nav", "links", "navbar-brand", "search", "info-title", "info-message"]),
-      t.bannerTitle || t.bannerMessage ? (o(), m(Ft, {
+      ]), 1032, ["id", "sticky", "mobile-nav", "links", "navbar-brand", "search"]),
+      e.bannerTitle || e.bannerMessage ? (s(), u(ia, {
         key: 1,
-        "banner-title": t.bannerTitle,
-        "banner-message": t.bannerMessage
-      }, null, 8, ["banner-title", "banner-message"])) : b("", !0)
+        "banner-title": e.bannerTitle,
+        "banner-message": e.bannerMessage
+      }, null, 8, ["banner-title", "banner-message"])) : h("", !0)
     ], 64));
   }
 });
 export {
-  Yt as AppHeader
+  da as AppHeader
 };