@phila/phila-ui-app-header 1.0.0-beta.12 → 1.0.0-beta.14

package/dist/index.mjs

@@ -1,28 +1,32 @@
-import { defineComponent as _, useSlots as me, useTemplateRef as E, computed as B, watch as Y, nextTick as Z, createElementBlock as c, openBlock as n, Fragment as T, createElementVNode as s, normalizeClass as S, createCommentVNode as y, unref as i, mergeProps as M, createTextVNode as A, createVNode as p, renderSlot as v, ref as z, onMounted as he, onUnmounted as J, normalizeStyle as ee, toDisplayString as w, onBeforeMount as ge, renderList as Q, createBlock as k, withModifiers as te, withCtx as h, resolveDynamicComponent as ie, createSlots as K, normalizeProps as I, useId as ye, guardReactiveProps as D } from "vue";
-import { FontAwesomeIcon as L } from "@fortawesome/vue-fontawesome";
-import { useVisibility as H, debounce as _e, Icon as $e, FocusTrap as ae, cn as R, BaseLink as se, ActionContent as P } from "@phila/phila-ui-core";
+import { defineComponent as w, useSlots as me, useTemplateRef as R, computed as C, watch as se, nextTick as Y, createElementBlock as d, openBlock as l, Fragment as E, createElementVNode as o, normalizeClass as H, createCommentVNode as $, unref as a, mergeProps as z, createTextVNode as D, createVNode as g, renderSlot as f, ref as L, onMounted as oe, onUnmounted as le, normalizeStyle as re, toDisplayString as x, onBeforeMount as he, renderList as j, createBlock as B, withModifiers as K, withCtx as _, resolveDynamicComponent as ce, onBeforeUnmount as ye, createSlots as te, normalizeProps as G, useId as _e, guardReactiveProps as F } from "vue";
+import { FontAwesomeIcon as T } from "@fortawesome/vue-fontawesome";
+import { useVisibility as P, debounce as $e, Icon as ke, FocusTrap as de, cn as W, BaseLink as ue, ActionContent as Q } from "@phila/phila-ui-core";
 import { Logo as xe } from "@phila/phila-ui-logo";
-import './index.css';var ke = {
+import './index.css';var we = {
   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"]
-}, we = ke, Be = {
+}, Be = we, Me = {
   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"]
-}, ne = {
+}, fe = {
   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"]
-}, Me = ne, oe = ne, Ce = {
+}, Ce = fe, ve = fe, Le = {
   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"]
-}, le = {
+}, Z = {
   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"]
-}, re = {
+}, ze = {
+  prefix: "fas",
+  iconName: "globe",
+  icon: [512, 512, [127760], "f0ac", "M351.9 280l-190.9 0c2.9 64.5 17.2 123.9 37.5 167.4 11.4 24.5 23.7 41.8 35.1 52.4 11.2 10.5 18.9 12.2 22.9 12.2s11.7-1.7 22.9-12.2c11.4-10.6 23.7-28 35.1-52.4 20.3-43.5 34.6-102.9 37.5-167.4zM160.9 232l190.9 0C349 167.5 334.7 108.1 314.4 64.6 303 40.2 290.7 22.8 279.3 12.2 268.1 1.7 260.4 0 256.4 0s-11.7 1.7-22.9 12.2c-11.4 10.6-23.7 28-35.1 52.4-20.3 43.5-34.6 102.9-37.5 167.4zm-48 0C116.4 146.4 138.5 66.9 170.8 14.7 78.7 47.3 10.9 131.2 1.5 232l111.4 0zM1.5 280c9.4 100.8 77.2 184.7 169.3 217.3-32.3-52.2-54.4-131.7-57.9-217.3L1.5 280zm398.4 0c-3.5 85.6-25.6 165.1-57.9 217.3 92.1-32.7 159.9-116.5 169.3-217.3l-111.4 0zm111.4-48C501.9 131.2 434.1 47.3 342 14.7 374.3 66.9 396.4 146.4 399.9 232l111.4 0z"]
+}, J = {
   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"]
@@ -30,176 +34,174 @@ import './index.css';var ke = {
   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"]
-}, Le = {
+}, Ae = {
   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"]
-}, ze = {
+}, Te = {
   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"]
-}, ce = ze;
-const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%200%2016%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='16'%20height='11'%20fill='url(%23pattern0_61022_1867)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_61022_1867'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_61022_1867'%20transform='scale(0.0625%200.0909091)'/%3e%3c/pattern%3e%3cimage%20id='image0_61022_1867'%20width='16'%20height='11'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e", Te = { class: "trusted-wrap" }, Se = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, Ee = ["src"], Ie = ["aria-label", "aria-expanded"], He = {
+}, pe = Te;
+const Se = "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", Ee = { class: "trusted-wrap" }, Ie = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, De = ["src"], He = ["aria-label", "aria-expanded"], Oe = {
   class: "icon",
   "aria-hidden": "true"
-}, Oe = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, Ge = ["aria-label", "aria-expanded"], De = {
+}, Re = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, Ge = ["aria-label", "aria-expanded"], Pe = {
   class: "icon",
   "aria-hidden": "true"
-}, Pe = {
+}, Ue = {
   key: 0,
   class: "trusted-translation is-flex is-align-center"
-}, Re = ["hidden"], Ve = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, Ue = { 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" }, Qe = { class: "icon circle-icon p-3 mb-2" }, Ke = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, We = { class: "trusted-icon is-flex is-flex-column has-text-center" }, qe = { class: "icon circle-icon p-3 mb-2" }, Xe = { class: "info-content-close mt-4" }, Ye = /* @__PURE__ */ _({
+}, Ve = ["hidden"], je = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, Ke = { class: "info-item-wrap is-flex" }, Fe = { 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" }, We = { class: "icon circle-icon p-3 mb-2" }, qe = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, Xe = { class: "trusted-icon is-flex is-flex-column has-text-center" }, Ye = { class: "icon circle-icon p-3 mb-2" }, Ze = { class: "info-content-close mt-4" }, Je = /* @__PURE__ */ w({
   __name: "TrustedSite",
   props: {
     compactMobile: { type: Boolean }
   },
   setup(t) {
-    const e = me(), { isVisible: a, setVisibility: o, toggleProps: r } = H({
+    const e = me(), { isVisible: i, setVisibility: n, toggleProps: s } = P({
       id: "trusted-site-info",
       escapeKeyHide: !0
-    }), d = E("infoToggle"), l = E("closeInfoToggle"), $ = E("infoToggleMobile"), f = B(() => a());
-    return Y(
-      () => f.value,
-      (g) => {
-        g ? Z(() => {
-          l.value?.focus();
-        }) : (d.value?.focus(), $.value?.focus());
+    }), r = R("infoToggle"), c = R("closeInfoToggle"), k = R("infoToggleMobile"), p = C(() => i());
+    return se(
+      () => p.value,
+      (h) => {
+        h ? Y(() => {
+          c.value?.focus();
+        }) : (r.value?.focus(), k.value?.focus());
       }
-    ), (g, b) => (n(), c(T, null, [
-      s("div", {
+    ), (h, b) => (l(), d(E, null, [
+      o("div", {
         id: "trusted-site",
-        class: S(["is-flex is-justify-space-between", { "is-compact-mobile": t.compactMobile }])
+        class: H(["is-flex is-justify-space-between", { "is-compact-mobile": t.compactMobile }])
       }, [
-        s("div", Te, [
-          s("div", Se, [
-            s("img", {
-              src: i(Ae),
+        o("div", Ee, [
+          o("div", Ie, [
+            o("img", {
+              src: a(Se),
               alt: "",
               class: "icon"
-            }, null, 8, Ee),
-            b[2] || (b[2] = s("div", { class: "content mx-2" }, "An official website of the City of Philadelphia government", -1)),
-            s("button", M({
+            }, null, 8, De),
+            b[2] || (b[2] = o("div", { class: "content mx-2" }, "An official website of the City of Philadelphia government", -1)),
+            o("button", z({
               ref_key: "infoToggle",
-              ref: d,
+              ref: r,
               class: "phila-button is-extra-small",
-              "aria-label": `${f.value ? "Close" : "Open"} Trusted Site information panel`,
+              "aria-label": `${p.value ? "Close" : "Open"} Trusted Site information panel`,
               "aria-controls": "trusted-site-info",
-              "aria-expanded": f.value
-            }, i(r)), [
-              b[1] || (b[1] = A(" Here's how you know ", -1)),
-              s("span", He, [
-                p(i(L), {
-                  icon: f.value ? i(le) : i(re)
+              "aria-expanded": p.value
+            }, a(s)), [
+              b[1] || (b[1] = D(" Here's how you know ", -1)),
+              o("span", Oe, [
+                g(a(T), {
+                  icon: p.value ? a(Z) : a(J)
                 }, null, 8, ["icon"])
               ])
-            ], 16, Ie)
+            ], 16, He)
           ]),
-          s("div", Oe, [
-            s("button", M({
+          o("div", Re, [
+            o("button", z({
               ref_key: "infoToggleMobile",
-              ref: $,
+              ref: k,
               class: "phila-button is-extra-small",
-              "aria-label": `${f.value ? "Close" : "Open"} Trusted Site information panel`,
+              "aria-label": `${p.value ? "Close" : "Open"} Trusted Site information panel`,
               "aria-controls": "trusted-site-info",
-              "aria-expanded": f.value
-            }, i(r)), [
-              b[3] || (b[3] = A(" An official website ", -1)),
-              s("span", De, [
-                p(i(L), { icon: i(ce) }, null, 8, ["icon"])
+              "aria-expanded": p.value
+            }, a(s)), [
+              b[3] || (b[3] = D(" An official website ", -1)),
+              o("span", Pe, [
+                g(a(T), { icon: a(pe) }, null, 8, ["icon"])
               ])
             ], 16, Ge)
           ])
         ]),
-        i(e).translation ? (n(), c("div", Pe, [
-          v(g.$slots, "translation", {}, void 0, !0)
-        ])) : y("", !0)
+        a(e).translation ? (l(), d("div", Ue, [
+          f(h.$slots, "translation", {}, void 0, !0)
+        ])) : $("", !0)
       ], 2),
-      s("div", {
+      o("div", {
         id: "trusted-site-info",
         class: "px-6",
-        hidden: !f.value
+        hidden: !p.value
       }, [
-        s("div", Ve, [
-          s("div", Ue, [
-            s("div", je, [
-              s("div", Fe, [
-                s("span", Qe, [
-                  p(i(L), { icon: i(Ne) }, null, 8, ["icon"])
+        o("div", je, [
+          o("div", Ke, [
+            o("div", Fe, [
+              o("div", Qe, [
+                o("span", We, [
+                  g(a(T), { icon: a(Ne) }, null, 8, ["icon"])
                 ]),
-                b[4] || (b[4] = s("span", { class: "has-text-bold" }, ".gov", -1))
+                b[4] || (b[4] = o("span", { class: "has-text-bold" }, ".gov", -1))
               ]),
-              b[5] || (b[5] = s("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
+              b[5] || (b[5] = o("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
             ]),
-            s("div", Ke, [
-              s("div", We, [
-                s("div", qe, [
-                  p(i(L), { icon: i(Ce) }, null, 8, ["icon"])
+            o("div", qe, [
+              o("div", Xe, [
+                o("div", Ye, [
+                  g(a(T), { icon: a(Le) }, null, 8, ["icon"])
                 ]),
-                b[6] || (b[6] = s("span", { class: "has-text-bold" }, "https://", -1))
+                b[6] || (b[6] = o("span", { class: "has-text-bold" }, "https://", -1))
               ]),
-              b[7] || (b[7] = 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))
+              b[7] || (b[7] = o("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", Xe, [
-            s("button", {
+          o("div", Ze, [
+            o("button", {
               ref_key: "closeInfoToggle",
-              ref: l,
+              ref: c,
               class: "phila-button phila-button--primary icon-button is-extra-small",
               "aria-label": "Close Trusted Site information panel",
-              onClick: b[0] || (b[0] = (u) => i(o)(!1))
+              onClick: b[0] || (b[0] = (u) => a(n)(!1))
             }, [
-              p(i(L), { icon: i(Me) }, null, 8, ["icon"])
+              g(a(T), { icon: a(Ce) }, null, 8, ["icon"])
             ], 512)
           ])
         ])
-      ], 8, Re)
+      ], 8, Ve)
     ], 64));
   }
-}), V = (t, e) => {
-  const a = t.__vccOpts || t;
-  for (const [o, r] of e)
-    a[o] = r;
-  return a;
-}, Ze = /* @__PURE__ */ V(Ye, [["__scopeId", "data-v-7ba68309"]]), Je = {
+}), U = (t, e) => {
+  const i = t.__vccOpts || t;
+  for (const [n, s] of e)
+    i[n] = s;
+  return i;
+}, et = /* @__PURE__ */ U(Je, [["__scopeId", "data-v-7ba68309"]]), tt = {
   key: 0,
   class: "phila-navbar-end"
-}, W = "5rem", et = /* @__PURE__ */ _({
+}, ae = "5rem", at = /* @__PURE__ */ w({
   __name: "index",
   props: {
     id: {},
     sticky: { type: Boolean },
     navbarBrand: {},
     compactMobile: { type: Boolean, default: !1 },
-    mobileNav: {},
     visibilityGroup: {},
-    search: {},
     links: { default: () => [{ text: "Home", href: "#" }] }
   },
   setup(t) {
-    const e = t, { visibilityState: a } = H({ group: "app-header" }), o = E("navBarElement"), r = z(W), d = z(0), l = _e(() => {
-      const f = (o.value?.offsetTop || 0) + (o.value?.offsetHeight || 0), g = typeof window < "u" ? window.innerWidth : 1024;
-      r.value = !e.sticky || g < 1024 ? f + "px" : W, d.value = f;
-    }, 100), $ = B(() => a.value?.appHeader);
-    return Y(() => $.value, l, { deep: !0, immediate: !0 }), he(() => {
-      window.addEventListener("resize", l);
-    }), J(() => {
-      window.removeEventListener("resize", l);
-    }), (f, g) => (n(), c("nav", {
+    const e = t, { visibilityState: i } = P({ group: "app-header" }), n = R("navBarElement"), s = L(ae), r = L(0), c = $e(() => {
+      const p = (n.value?.offsetTop || 0) + (n.value?.offsetHeight || 0), h = typeof window < "u" ? window.innerWidth : 1024;
+      s.value = !e.sticky || h < 1024 ? p + "px" : ae, r.value = p;
+    }, 100), k = C(() => i.value?.appHeader);
+    return se(() => k.value, c, { deep: !0, immediate: !0 }), oe(() => {
+      window.addEventListener("resize", c);
+    }), le(() => {
+      window.removeEventListener("resize", c);
+    }), (p, h) => (l(), d("nav", {
       ref_key: "navBarElement",
-      ref: o,
-      class: S(["phila-navbar has-links-on-primary", { "is-sticky-desktop": t.sticky, "is-compact-mobile": t.compactMobile }]),
+      ref: n,
+      class: H(["phila-navbar has-links-on-primary", { "is-sticky-desktop": t.sticky, "is-compact-mobile": t.compactMobile }]),
       "aria-label": "Main navigation",
-      style: ee(`--nav-height:${r.value};--nav-bottom:${d.value}px`)
+      style: re(`--nav-height:${s.value};--nav-bottom:${r.value}px`)
     }, [
-      v(f.$slots, "navbar-toggle", {}, void 0, !0),
-      v(f.$slots, "navbar-left", {}, void 0, !0),
-      v(f.$slots, "navbar-right", {}, void 0, !0),
-      f.$slots["navbar-end"] ? (n(), c("div", Je, [
-        v(f.$slots, "navbar-end", {}, void 0, !0)
-      ])) : y("", !0)
+      f(p.$slots, "navbar-toggle", {}, void 0, !0),
+      f(p.$slots, "navbar-left", {}, void 0, !0),
+      f(p.$slots, "navbar-right", {}, void 0, !0),
+      p.$slots["navbar-end"] ? (l(), d("div", tt, [
+        f(p.$slots, "navbar-end", {}, void 0, !0)
+      ])) : $("", !0)
     ], 6));
   }
-}), tt = /* @__PURE__ */ V(et, [["__scopeId", "data-v-8a07f1df"]]), it = { class: "site-wide-alert content" }, at = { class: "alert-content" }, st = { class: "content-text" }, nt = { class: "title" }, ot = { class: "body" }, lt = /* @__PURE__ */ _({
+}), it = /* @__PURE__ */ U(at, [["__scopeId", "data-v-8a07f1df"]]), nt = { class: "site-wide-alert content" }, st = { class: "alert-content" }, ot = { class: "content-text" }, lt = { class: "title" }, rt = { class: "body" }, ct = /* @__PURE__ */ w({
   __name: "AlertBanner",
   props: {
     bannerTitle: {},
@@ -207,121 +209,120 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
   },
   setup(t) {
     const e = t;
-    return (a, o) => (n(), c("div", it, [
-      s("div", at, [
-        p(i($e), {
-          "icon-definition": i(Be),
+    return (i, n) => (l(), d("div", nt, [
+      o("div", st, [
+        g(a(ke), {
+          "icon-definition": a(Me),
           size: "small",
           decorative: !0
         }, null, 8, ["icon-definition"]),
-        s("div", st, [
-          s("h6", nt, w(e.bannerTitle), 1),
-          s("div", ot, w(e.bannerMessage), 1)
+        o("div", ot, [
+          o("h6", lt, x(e.bannerTitle), 1),
+          o("div", rt, x(e.bannerMessage), 1)
         ])
       ])
     ]));
   }
-}), rt = { class: "phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet" }, ct = ["href"], dt = ["id", "onMouseenter", "onMouseleave"], ut = ["href", "aria-controls", "aria-expanded", "data-toggle", "onTouchend", "onClick"], vt = {
+}), dt = { class: "phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet" }, ut = ["href"], ft = ["id", "onMouseenter", "onMouseleave"], vt = ["href", "aria-controls", "aria-expanded", "data-toggle", "onTouchend", "onClick"], pt = {
   key: 0,
   class: "content nav-flyout has-background-ghost-gray px-6 py-4",
   tabindex: "-1"
-}, ft = {
+}, bt = {
   class: "is-flex is-flex-column is-flex-wrap-wrap",
   style: { gap: "var(--spacing-4xl)" }
-}, bt = ["href"], pt = /* @__PURE__ */ _({
+}, gt = ["href"], mt = /* @__PURE__ */ w({
   __name: "NavbarLinks",
   props: {
     links: {},
     visibilityGroup: {}
   },
   setup(t) {
-    const e = (g) => !!(g.subLinks || g.subNav), a = (g) => `main-nav-${g.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g, "")}`, o = t, { setVisibility: r, create: d, isVisible: l, onMouseEnter: $, onMouseLeave: f } = H({
-      group: o.visibilityGroup,
+    const e = (h) => !!(h.subLinks || h.subNav), i = (h) => `main-nav-${h.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g, "")}`, n = t, { setVisibility: s, create: r, isVisible: c, onMouseEnter: k, onMouseLeave: p } = P({
+      group: n.visibilityGroup,
       outsideClickHide: !0,
       escapeKeyHide: !0,
       mouseOverToggle: !0,
       blurHide: !0,
       showSingle: !0
     });
-    return ge(() => {
-      o.links?.forEach((g) => {
-        if (e(g)) {
-          const b = a(g);
-          d(b);
+    return he(() => {
+      n.links?.forEach((h) => {
+        if (e(h)) {
+          const b = i(h);
+          r(b);
         }
       });
-    }), (g, b) => (n(), c("div", rt, [
-      (n(!0), c(T, null, Q(t.links, (u, O) => (n(), c(T, null, [
-        e(u) ? (n(), c("div", {
-          id: `${o.visibilityGroup}-item-${a(u)}`,
-          key: `navbar-link-${O}`,
+    }), (h, b) => (l(), d("div", dt, [
+      (l(!0), d(E, null, j(t.links, (u, S) => (l(), d(E, null, [
+        e(u) ? (l(), d("div", {
+          id: `${n.visibilityGroup}-item-${i(u)}`,
+          key: `navbar-link-${S}`,
           class: "phila-navbar-link-list-item",
-          onMouseenter: (x) => i($)(a(u)),
-          onMouseleave: (x) => i(f)(a(u))
+          onMouseenter: (y) => a(k)(i(u)),
+          onMouseleave: (y) => a(p)(i(u))
         }, [
-          s("a", {
+          o("a", {
             href: u.href,
-            class: S(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": i(l)(a(u)) }]),
-            "aria-controls": a(u),
-            "aria-expanded": i(l)(a(u)),
-            "data-toggle": `visibility-${a(u)}`,
+            class: H(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": a(c)(i(u)) }]),
+            "aria-controls": i(u),
+            "aria-expanded": a(c)(i(u)),
+            "data-toggle": `visibility-${i(u)}`,
             tabindex: "0",
-            onTouchend: (x) => i(r)(!i(l)(a(u)), a(u)),
-            onClick: te((x) => i(r)(!i(l)(a(u)), a(u)), ["prevent"])
+            onTouchend: (y) => a(s)(!a(c)(i(u)), i(u)),
+            onClick: K((y) => a(s)(!a(c)(i(u)), i(u)), ["prevent"])
           }, [
-            A(w(u.text) + " ", 1),
-            p(i(L), {
+            D(x(u.text) + " ", 1),
+            g(a(T), {
               class: "ml-1",
-              icon: i(l)(a(u)) ? i(le) : i(re)
+              icon: a(c)(i(u)) ? a(Z) : a(J)
             }, null, 8, ["icon"])
-          ], 42, ut),
-          (n(), k(i(ae), {
-            id: a(u),
+          ], 42, vt),
+          (l(), B(a(de), {
+            id: i(u),
             key: u.text,
             "allow-escape": "",
-            hidden: !i(l)(a(u)),
-            onEscape: (x) => i(r)(!1, a(u))
+            hidden: !a(c)(i(u)),
+            onEscape: (y) => a(s)(!1, i(u))
           }, {
-            default: h(() => [
-              u.subLinks ? (n(), c("div", vt, [
-                s("ul", ft, [
-                  (n(!0), c(T, null, Q(u.subLinks, (x) => (n(), c("li", {
-                    key: x.text,
+            default: _(() => [
+              u.subLinks ? (l(), d("div", pt, [
+                o("ul", bt, [
+                  (l(!0), d(E, null, j(u.subLinks, (y) => (l(), d("li", {
+                    key: y.text,
                     class: "sub-nav-link is-flex is-align-center",
                     style: { width: "150px" }
                   }, [
-                    s("a", {
-                      href: x.href,
+                    o("a", {
+                      href: y.href,
                       class: "has-text-link has-text-weight-medium",
                       tabindex: "0"
-                    }, w(x.text), 9, bt)
+                    }, x(y.text), 9, gt)
                   ]))), 128))
                 ])
-              ])) : (n(), k(ie(u.subNav), { key: 1 }))
+              ])) : (l(), B(ce(u.subNav), { key: 1 }))
             ]),
             _: 2
           }, 1032, ["id", "hidden", "onEscape"]))
-        ], 40, dt)) : (n(), c("div", {
-          key: `link-${O}`,
+        ], 40, ft)) : (l(), d("div", {
+          key: `link-${S}`,
           class: "phila-navbar-link-list-item"
         }, [
-          s("a", {
+          o("a", {
             href: u.href,
             class: "phila-navbar-link px-4",
             tabindex: "0"
-          }, w(u.text), 9, ct)
+          }, x(u.text), 9, ut)
         ]))
       ], 64))), 256))
     ]));
   }
-}), mt = { class: "phila-navbar-search is-flex" }, ht = { id: "navbar-search" }, gt = { class: "pr-4" }, yt = ["aria-controls", "data-toggle", "aria-expanded", "aria-label"], _t = { class: "icon" }, $t = /* @__PURE__ */ _({
+}), ht = { class: "phila-navbar-search is-flex" }, yt = { id: "navbar-search" }, _t = { class: "pr-4" }, $t = ["aria-controls", "data-toggle", "aria-expanded", "aria-label"], kt = { class: "icon" }, xt = /* @__PURE__ */ w({
   __name: "NavbarSearch",
   props: {
-    search: {},
     visibilityGroup: {}
   },
   setup(t) {
-    const e = t, { setVisibility: a, isVisible: o } = H({
+    const e = t, { setVisibility: i, isVisible: n } = P({
       id: `${e.visibilityGroup}-flyout-navbar-search`,
       group: e.visibilityGroup,
       outsideClickHide: !0,
@@ -329,40 +330,40 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
       blurHide: !0,
       showSingle: !0
     });
-    return (r, d) => (n(), c("div", mt, [
-      s("div", ht, [
-        s("div", gt, [
-          s("button", {
-            class: S(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": i(o)() }]),
+    return (s, r) => (l(), d("div", ht, [
+      o("div", yt, [
+        o("div", _t, [
+          o("button", {
+            class: H(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": a(n)() }]),
             "aria-controls": `${e.visibilityGroup}-flyout-navbar-search`,
             "data-toggle": `visibility-${e.visibilityGroup}-flyout-navbar-search`,
-            "aria-expanded": i(o)(),
-            "aria-label": `${i(o)() ? "Close" : "Open"} search panel`,
-            onClick: d[0] || (d[0] = (l) => i(a)(!i(o)()))
+            "aria-expanded": a(n)(),
+            "aria-label": `${a(n)() ? "Close" : "Open"} search panel`,
+            onClick: r[0] || (r[0] = (c) => a(i)(!a(n)()))
           }, [
-            s("span", _t, [
-              p(i(L), {
-                icon: i(o)() ? i(oe) : i(we)
+            o("span", kt, [
+              g(a(T), {
+                icon: a(n)() ? a(ve) : a(Be)
               }, null, 8, ["icon"])
             ])
-          ], 10, yt)
+          ], 10, $t)
         ])
       ]),
-      p(i(ae), {
+      g(a(de), {
         id: `${e.visibilityGroup}-flyout-navbar-search`,
         "allow-escape": "",
         class: "nav-flyout is-12",
-        hidden: !i(o)(),
-        onEscape: d[1] || (d[1] = (l) => i(a)(!1, `${e.visibilityGroup}-flyout-navbar-search`))
+        hidden: !a(n)(),
+        onEscape: r[1] || (r[1] = (c) => a(i)(!1, `${e.visibilityGroup}-flyout-navbar-search`))
       }, {
-        default: h(() => [
-          v(r.$slots, "search-panel")
+        default: _(() => [
+          f(s.$slots, "search-panel")
         ]),
         _: 3
       }, 8, ["id", "hidden"])
     ]));
   }
-}), xt = /* @__PURE__ */ _({
+}), wt = /* @__PURE__ */ w({
   __name: "NavbarBrandLogo",
   props: {
     logo: {},
@@ -371,22 +372,22 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     altText: {}
   },
   setup(t) {
-    const e = t, a = B(() => ({
+    const e = t, i = C(() => ({
       variant: "city",
       layout: "stacked",
       colorScheme: "on-primary",
       href: e.href,
       ...e.logo
     }));
-    return (o, r) => (n(), k(i(xe), M(a.value, { class: "phila-navbar-logo" }), null, 16));
+    return (n, s) => (l(), B(a(xe), z(i.value, { class: "phila-navbar-logo" }), null, 16));
   }
-}), kt = /* @__PURE__ */ V(xt, [["__scopeId", "data-v-3011c249"]]), wt = { class: "phila-navbar-brand is-flex" }, Bt = {
+}), Bt = /* @__PURE__ */ U(wt, [["__scopeId", "data-v-3011c249"]]), Mt = { class: "phila-navbar-brand is-flex" }, Ct = {
   key: 0,
   class: "phila-navbar-item phila-navbar-brand-link hidden-tablet"
-}, Mt = {
+}, Lt = {
   key: 0,
   class: "content"
-}, Ct = ["href"], Nt = /* @__PURE__ */ _({
+}, zt = ["href"], Nt = /* @__PURE__ */ w({
   __name: "NavbarBrand",
   props: {
     brandingImage: {},
@@ -394,128 +395,267 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     logo: {}
   },
   setup(t) {
-    return (e, a) => (n(), c("div", wt, [
-      v(e.$slots, "navbar-logo", {}, () => [
-        t.brandingImage ? (n(), k(kt, M({ key: 0 }, t.brandingImage, { logo: t.logo }), null, 16, ["logo"])) : y("", !0)
+    return (e, i) => (l(), d("div", Mt, [
+      f(e.$slots, "navbar-logo", {}, () => [
+        t.brandingImage ? (l(), B(Bt, z({ key: 0 }, t.brandingImage, { logo: t.logo }), null, 16, ["logo"])) : $("", !0)
       ]),
-      e.$slots["navbar-brand-link"] || t.brandingLink ? (n(), c("div", Bt, [
-        v(e.$slots, "navbar-brand-link", {}, () => [
-          t.brandingLink ? (n(), c("div", Mt, [
-            s("a", {
+      e.$slots["navbar-brand-link"] || t.brandingLink ? (l(), d("div", Ct, [
+        f(e.$slots, "navbar-brand-link", {}, () => [
+          t.brandingLink ? (l(), d("div", Lt, [
+            o("a", {
               tabindex: "0",
               href: t.brandingLink.href,
               class: "has-text-underline"
-            }, w(t.brandingLink.text), 9, Ct)
-          ])) : y("", !0)
+            }, x(t.brandingLink.text), 9, zt)
+          ])) : $("", !0)
         ])
-      ])) : y("", !0)
+      ])) : $("", !0)
     ]));
   }
-}), Lt = { id: "mobile-nav" }, zt = ["aria-controls", "aria-expanded", "aria-label"], At = { class: "icon" }, Tt = ["id", "hidden"], St = /* @__PURE__ */ _({
+}), At = ["id"], Tt = ["aria-controls", "aria-expanded", "aria-label"], St = { class: "icon" }, Et = ["id", "hidden"], It = /* @__PURE__ */ w({
   __name: "NavbarBurger",
   props: {
-    mobileNav: {},
-    visibilityGroup: {}
+    visibilityGroup: {},
+    id: {}
   },
   setup(t) {
-    const e = t, { isVisible: a, toggleProps: o } = H({
-      id: "mobile-nav",
+    const e = t, { isVisible: i, toggleProps: n } = P({
+      id: e.id,
       group: e.visibilityGroup,
       outsideClickHide: !0,
       escapeKeyHide: !0,
       blurHide: !1,
       showSingle: !0
-    }), r = B(() => a("mobile-nav"));
-    return (d, l) => (n(), c("div", Lt, [
-      s("button", M({
-        class: ["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": r.value }],
+    }), s = C(() => i(e.id));
+    return (r, c) => (l(), d("div", {
+      id: e.id
+    }, [
+      o("button", z({
+        class: ["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": s.value }],
         "aria-controls": `navbar-burger-flyout-${e.visibilityGroup}`,
-        "aria-expanded": r.value,
-        "aria-label": `${r.value ? "Close" : "Open"} mobile navigation panel`
-      }, i(o)), [
-        s("span", At, [
-          p(i(L), {
-            icon: r.value ? i(oe) : i(Le)
+        "aria-expanded": s.value,
+        "aria-label": `${s.value ? "Close" : "Open"} mobile navigation panel`
+      }, a(n)), [
+        o("span", St, [
+          g(a(T), {
+            icon: s.value ? a(ve) : a(Ae)
           }, null, 8, ["icon"])
         ])
-      ], 16, zt),
-      s("div", {
+      ], 16, Tt),
+      o("div", {
         id: `navbar-burger-flyout-${e.visibilityGroup}`,
         class: "phila-mobile-nav",
-        hidden: !r.value
+        hidden: !s.value
       }, [
-        v(d.$slots, "mobile-nav")
-      ], 8, Tt)
-    ]));
+        f(r.$slots, "mobile-nav")
+      ], 8, Et)
+    ], 8, At));
   }
-}), ti = /* @__PURE__ */ _({
+}), Dt = {
+  class: "language-inline hidden-tablet",
+  "aria-label": "Language selection"
+}, Ht = { class: "is-flex is-align-center is-gap-4" }, Ot = ["lang", "onClick"], Rt = { class: "language-globe" }, Gt = ["aria-expanded"], Pt = {
+  class: "icon",
+  "aria-hidden": "true"
+}, Ut = {
+  class: "icon",
+  "aria-hidden": "true"
+}, Vt = ["lang", "aria-checked", "tabindex", "onClick"], jt = /* @__PURE__ */ w({
+  __name: "LanguageSwitcher",
+  props: {
+    languages: {},
+    locale: {}
+  },
+  emits: ["update:locale"],
+  setup(t, { emit: e }) {
+    const i = t, n = e, s = L(!1), r = L(-1), c = L(null), k = L(null), p = L([]), h = C(() => i.languages.slice(0, 3));
+    function b() {
+      s.value = !0, r.value = Math.max(
+        0,
+        i.languages.findIndex((v) => v.code === i.locale)
+      ), Y(() => y(r.value));
+    }
+    function u() {
+      s.value ? (s.value = !1, r.value = -1) : b();
+    }
+    function S() {
+      s.value = !1, r.value = -1, k.value?.focus();
+    }
+    function y(v) {
+      p.value[v]?.focus();
+    }
+    function A(v, I) {
+      v && (p.value[I] = v);
+    }
+    function q(v) {
+      n("update:locale", v), S();
+    }
+    function X(v) {
+      (v.key === "ArrowDown" || v.key === "ArrowUp") && (v.preventDefault(), s.value || b());
+    }
+    function m(v) {
+      switch (v.key) {
+        case "Escape":
+          v.preventDefault(), S();
+          break;
+        case "ArrowDown":
+          v.preventDefault(), r.value = (r.value + 1) % i.languages.length, y(r.value);
+          break;
+        case "ArrowUp":
+          v.preventDefault(), r.value = (r.value - 1 + i.languages.length) % i.languages.length, y(r.value);
+          break;
+        case "Home":
+          v.preventDefault(), r.value = 0, y(r.value);
+          break;
+        case "End":
+          v.preventDefault(), r.value = i.languages.length - 1, y(r.value);
+          break;
+        case "Tab":
+          S();
+          break;
+      }
+    }
+    function N(v) {
+      c.value && !c.value.contains(v.target) && (s.value = !1, r.value = -1);
+    }
+    return oe(() => {
+      document.addEventListener("click", N);
+    }), ye(() => {
+      document.removeEventListener("click", N);
+    }), (v, I) => (l(), d("div", {
+      ref_key: "containerRef",
+      ref: c,
+      class: "language-switcher is-flex is-align-center is-gap-4"
+    }, [
+      o("nav", Dt, [
+        o("div", Ht, [
+          (l(!0), d(E, null, j(h.value, (M) => (l(), d("button", {
+            key: M.code,
+            lang: M.lang,
+            class: "language-link",
+            onClick: (O) => n("update:locale", M.code)
+          }, x(M.title), 9, Ot))), 128))
+        ])
+      ]),
+      o("div", Rt, [
+        o("button", {
+          ref_key: "toggleRef",
+          ref: k,
+          class: "language-globe-toggle is-flex is-align-center",
+          "aria-label": "Select language",
+          "aria-haspopup": "true",
+          "aria-expanded": s.value,
+          onClick: K(u, ["stop"]),
+          onKeydown: X
+        }, [
+          o("span", Pt, [
+            g(a(T), { icon: a(ze) }, null, 8, ["icon"])
+          ]),
+          o("span", Ut, [
+            g(a(T), {
+              icon: s.value ? a(Z) : a(J)
+            }, null, 8, ["icon"])
+          ])
+        ], 40, Gt),
+        s.value ? (l(), d("div", {
+          key: 0,
+          class: "language-menu",
+          role: "menu",
+          onKeydown: m
+        }, [
+          (l(!0), d(E, null, j(t.languages, (M, O) => (l(), d("button", {
+            key: M.code,
+            ref_for: !0,
+            ref: (V) => A(V, O),
+            lang: M.lang,
+            role: "menuitemradio",
+            "aria-checked": M.code === t.locale,
+            tabindex: O === r.value ? 0 : -1,
+            class: H(["language-menu-item", { "is-selected": M.code === t.locale }]),
+            onClick: K((V) => q(M.code), ["stop"])
+          }, x(M.title), 11, Vt))), 128))
+        ], 32)) : $("", !0)
+      ])
+    ], 512));
+  }
+}), Kt = /* @__PURE__ */ U(jt, [["__scopeId", "data-v-217fe173"]]), va = /* @__PURE__ */ w({
   __name: "AppHeader",
   props: {
     showTrustedSite: { type: Boolean, default: !0 },
     translations: { default: void 0 },
+    languages: { default: void 0 },
+    locale: { default: void 0 },
     className: {},
     id: { default: "main-nav" },
     sticky: { type: Boolean, default: !0 },
     navbarBrand: { default: void 0 },
     compactMobile: { type: Boolean, default: !1 },
-    mobileNav: {},
     visibilityGroup: {},
-    search: {},
     links: { default: void 0 },
     bannerTitle: { default: void 0 },
     bannerMessage: { default: void 0 }
   },
-  setup(t) {
-    return (e, a) => (n(), c(T, null, [
-      t.showTrustedSite ? (n(), k(Ze, {
+  emits: ["update:locale"],
+  setup(t, { emit: e }) {
+    const i = e;
+    return (n, s) => (l(), d(E, null, [
+      t.showTrustedSite ? (l(), B(et, {
         key: 0,
         "compact-mobile": t.compactMobile
       }, {
-        translation: h(() => [
-          v(e.$slots, "translations", {}, () => [
-            t.translations ? (n(), k(ie(t.translations), { key: 0 })) : y("", !0)
+        translation: _(() => [
+          f(n.$slots, "translations", {}, () => [
+            t.languages ? (l(), B(Kt, {
+              key: 0,
+              languages: t.languages,
+              locale: t.locale ?? "",
+              "onUpdate:locale": s[0] || (s[0] = (r) => i("update:locale", r))
+            }, null, 8, ["languages", "locale"])) : t.translations ? (l(), B(ce(t.translations), { key: 1 })) : $("", !0)
           ])
         ]),
         _: 3
-      }, 8, ["compact-mobile"])) : y("", !0),
-      p(tt, {
+      }, 8, ["compact-mobile"])) : $("", !0),
+      g(it, {
         id: t.id,
         sticky: t.sticky,
         "compact-mobile": t.compactMobile
-      }, K({
-        "navbar-toggle": h(() => [
-          v(e.$slots, "navbar-toggle", {}, () => [
-            p(St, { "visibility-group": t.id }, K({ _: 2 }, [
-              e.$slots["mobile-nav"] ? {
+      }, te({
+        "navbar-toggle": _(() => [
+          f(n.$slots, "navbar-toggle", {}, () => [
+            g(It, {
+              id: `mobile-nav-${t.id}`,
+              "visibility-group": t.id
+            }, te({ _: 2 }, [
+              n.$slots["mobile-nav"] ? {
                 name: "mobile-nav",
-                fn: h(() => [
-                  v(e.$slots, "mobile-nav")
+                fn: _(() => [
+                  f(n.$slots, "mobile-nav")
                 ]),
                 key: "0"
               } : void 0
-            ]), 1032, ["visibility-group"])
+            ]), 1032, ["id", "visibility-group"])
           ])
         ]),
-        "navbar-left": h(() => [
-          v(e.$slots, "navbar-left", {}, () => [
-            v(e.$slots, "navbar-brand", {}, () => [
-              t.navbarBrand ? (n(), k(Nt, I(M({ key: 0 }, t.navbarBrand)), null, 16)) : y("", !0)
+        "navbar-left": _(() => [
+          f(n.$slots, "navbar-left", {}, () => [
+            f(n.$slots, "navbar-brand", {}, () => [
+              t.navbarBrand ? (l(), B(Nt, G(z({ key: 0 }, t.navbarBrand)), null, 16)) : $("", !0)
             ])
           ])
         ]),
-        "navbar-right": h(() => [
-          v(e.$slots, "navbar-right", {}, () => [
-            v(e.$slots, "navbar-links", {}, () => [
-              t.links ? (n(), k(pt, {
+        "navbar-right": _(() => [
+          f(n.$slots, "navbar-right", {}, () => [
+            f(n.$slots, "navbar-links", {}, () => [
+              t.links ? (l(), B(mt, {
                 key: 0,
                 links: t.links,
                 "visibility-group": t.id
-              }, null, 8, ["links", "visibility-group"])) : y("", !0)
+              }, null, 8, ["links", "visibility-group"])) : $("", !0)
             ]),
-            v(e.$slots, "navbar-search", {}, () => [
-              p($t, { "visibility-group": t.id }, {
-                "search-panel": h(() => [
-                  v(e.$slots, "search-panel")
+            f(n.$slots, "navbar-search", {}, () => [
+              g(xt, { "visibility-group": t.id }, {
+                "search-panel": _(() => [
+                  f(n.$slots, "search-panel")
                 ]),
                 _: 3
               }, 8, ["visibility-group"])
@@ -524,22 +664,22 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
         ]),
         _: 2
       }, [
-        e.$slots["navbar-end"] ? {
+        n.$slots["navbar-end"] ? {
           name: "navbar-end",
-          fn: h(() => [
-            v(e.$slots, "navbar-end")
+          fn: _(() => [
+            f(n.$slots, "navbar-end")
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["id", "sticky", "compact-mobile"]),
-      t.bannerTitle || t.bannerMessage ? (n(), k(lt, {
+      t.bannerTitle || t.bannerMessage ? (l(), B(ct, {
         key: 1,
         "banner-title": t.bannerTitle,
         "banner-message": t.bannerMessage
-      }, null, 8, ["banner-title", "banner-message"])) : y("", !0)
+      }, null, 8, ["banner-title", "banner-message"])) : $("", !0)
     ], 64));
   }
-}), Et = ["disabled"], q = /* @__PURE__ */ _({
+}), Ft = ["disabled"], ie = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -561,24 +701,24 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     svgRaw: {}
   },
   setup(t) {
-    const e = t, a = (l) => "href" in l && l.href !== void 0 || "to" in l && l.to !== void 0, o = B(() => R(
+    const e = t, i = (c) => "href" in c && c.href !== void 0 || "to" in c && c.to !== void 0, n = C(() => W(
       "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
-    )), r = B(() => a(e) ? "to" in e && e.to !== void 0 ? {
+    )), s = C(() => i(e) ? "to" in e && e.to !== void 0 ? {
       to: e.to,
       disabled: e.disabled,
-      className: o.value
+      className: n.value
     } : {
       href: e.href,
       target: e.target,
       rel: e.rel,
       disabled: e.disabled,
-      className: o.value
-    } : {}), d = B(
+      className: n.value
+    } : {}), r = C(
       () => ({
         iconDefinition: e.iconDefinition,
         iconClass: e.iconClass,
@@ -589,51 +729,51 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
         size: e.size
       })
     );
-    return (l, $) => a(e) ? (n(), k(i(se), M({ key: 0 }, { ...r.value, ...l.$attrs }, { role: "button" }), {
-      default: h(() => [
-        p(i(P), I(D(d.value)), {
-          default: h(() => [
-            v(l.$slots, "default", {}, () => [
-              A(w(e.text), 1)
+    return (c, k) => i(e) ? (l(), B(a(ue), z({ key: 0 }, { ...s.value, ...c.$attrs }, { role: "button" }), {
+      default: _(() => [
+        g(a(Q), G(F(r.value)), {
+          default: _(() => [
+            f(c.$slots, "default", {}, () => [
+              D(x(e.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (n(), c("button", M({
+    }, 16)) : (l(), d("button", z({
       key: 1,
       type: "button",
       disabled: e.disabled,
-      class: o.value
-    }, l.$attrs), [
-      p(i(P), I(D(d.value)), {
-        default: h(() => [
-          v(l.$slots, "default", {}, () => [
-            A(w(e.text), 1)
+      class: n.value
+    }, c.$attrs), [
+      g(a(Q), G(F(r.value)), {
+        default: _(() => [
+          f(c.$slots, "default", {}, () => [
+            D(x(e.text), 1)
           ])
         ]),
         _: 3
       }, 16)
-    ], 16, Et));
+    ], 16, Ft));
   }
 });
-var X = {
+var ne = {
   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 It = ["id"], Ht = {
+const Qt = ["id"], Wt = {
   key: 0,
   class: "tooltip__tail",
   "aria-hidden": "true"
-}, Ot = {
+}, qt = {
   key: 1,
   class: "tooltip__plain-row has-text-body-small"
-}, Gt = {
+}, Xt = {
   key: 0,
   class: "tooltip__title-row"
-}, Dt = { key: 0 }, Pt = /* @__PURE__ */ _({
+}, Yt = { key: 0 }, Zt = /* @__PURE__ */ w({
   __name: "TooltipBubble",
   props: {
     id: {},
@@ -647,8 +787,8 @@ const It = ["id"], Ht = {
   },
   emits: ["dismiss"],
   setup(t) {
-    const e = t, a = B(
-      () => R(
+    const e = t, i = C(
+      () => W(
         "tooltip",
         "content",
         "resets-link-colors",
@@ -658,48 +798,48 @@ const It = ["id"], Ht = {
         e.className
       )
     );
-    return (o, r) => (n(), c("div", {
+    return (n, s) => (l(), d("div", {
       id: t.id,
-      class: S(a.value),
+      class: H(i.value),
       role: "tooltip"
     }, [
-      t.tail ? (n(), c("div", Ht)) : y("", !0),
-      t.type === "plain" ? (n(), c("div", Ot, [
-        v(o.$slots, "default", {}, void 0, !0),
-        t.dismissable ? (n(), k(i(q), {
+      t.tail ? (l(), d("div", Wt)) : $("", !0),
+      t.type === "plain" ? (l(), d("div", qt, [
+        f(n.$slots, "default", {}, void 0, !0),
+        t.dismissable ? (l(), B(a(ie), {
           key: 0,
           class: "tooltip__dismiss",
           variant: "standard",
           size: "extra-small",
           "icon-only": !0,
-          "icon-definition": i(X),
+          "icon-definition": a(ne),
           "aria-label": "Dismiss tooltip",
-          onClick: r[0] || (r[0] = (d) => o.$emit("dismiss"))
-        }, null, 8, ["icon-definition"])) : y("", !0)
-      ])) : (n(), c(T, { key: 2 }, [
-        t.title || t.dismissable ? (n(), c("div", Gt, [
-          t.title ? (n(), c("h6", Dt, w(t.title), 1)) : y("", !0),
-          t.dismissable ? (n(), k(i(q), {
+          onClick: s[0] || (s[0] = (r) => n.$emit("dismiss"))
+        }, null, 8, ["icon-definition"])) : $("", !0)
+      ])) : (l(), d(E, { key: 2 }, [
+        t.title || t.dismissable ? (l(), d("div", Xt, [
+          t.title ? (l(), d("h6", Yt, x(t.title), 1)) : $("", !0),
+          t.dismissable ? (l(), B(a(ie), {
             key: 1,
             class: "tooltip__dismiss",
             variant: "standard",
             size: "extra-small",
             "icon-only": !0,
-            "icon-definition": i(X),
+            "icon-definition": a(ne),
             "aria-label": "Dismiss tooltip",
-            onClick: r[1] || (r[1] = (d) => o.$emit("dismiss"))
-          }, null, 8, ["icon-definition"])) : y("", !0)
-        ])) : y("", !0),
-        v(o.$slots, "default", {}, void 0, !0)
+            onClick: s[1] || (s[1] = (r) => n.$emit("dismiss"))
+          }, null, 8, ["icon-definition"])) : $("", !0)
+        ])) : $("", !0),
+        f(n.$slots, "default", {}, void 0, !0)
       ], 64))
-    ], 10, It));
+    ], 10, Qt));
   }
-}), de = (t, e) => {
-  const a = t.__vccOpts || t;
-  for (const [o, r] of e)
-    a[o] = r;
-  return a;
-}, Rt = /* @__PURE__ */ de(Pt, [["__scopeId", "data-v-7ccd7c7d"]]), Vt = /* @__PURE__ */ _({
+}), be = (t, e) => {
+  const i = t.__vccOpts || t;
+  for (const [n, s] of e)
+    i[n] = s;
+  return i;
+}, Jt = /* @__PURE__ */ be(Zt, [["__scopeId", "data-v-7ccd7c7d"]]), ea = /* @__PURE__ */ w({
   __name: "Tooltip",
   props: {
     trigger: { default: "hover" },
@@ -712,75 +852,75 @@ const It = ["id"], Ht = {
     className: {}
   },
   setup(t, { expose: e }) {
-    const a = t, o = ye(), r = z(!1), d = z(null), l = z(null), $ = z("top-center"), f = z(0), g = () => {
-      const m = d.value?.getBoundingClientRect();
+    const i = t, n = _e(), s = L(!1), r = L(null), c = L(null), k = L("top-center"), p = L(0), h = () => {
+      const m = r.value?.getBoundingClientRect();
       if (!m) return "top-center";
-      const { innerWidth: N, innerHeight: U } = window, G = m.top, fe = U - m.bottom, j = l.value?.firstElementChild?.getBoundingClientRect().height ?? 0, be = (j > 0 ? G >= j : G >= fe) ? "top" : "bottom", F = m.left + m.width / 2, pe = F < N / 3 ? "left" : F > N * 2 / 3 ? "right" : "center";
-      return `${be}-${pe}`;
+      const { innerWidth: N, innerHeight: v } = window, I = m.top, M = v - m.bottom, O = c.value?.firstElementChild?.getBoundingClientRect().height ?? 0, V = (O > 0 ? I >= O : I >= M) ? "top" : "bottom", ee = m.left + m.width / 2, ge = ee < N / 3 ? "left" : ee > N * 2 / 3 ? "right" : "center";
+      return `${V}-${ge}`;
     }, b = (m) => {
-      m.key === "Escape" && C();
+      m.key === "Escape" && A();
     }, u = (m) => {
-      d.value && !d.value.contains(m.target) && C();
+      r.value && !r.value.contains(m.target) && A();
     };
-    function O() {
-      const m = l.value?.firstElementChild?.getBoundingClientRect();
+    function S() {
+      const m = c.value?.firstElementChild?.getBoundingClientRect();
       if (!m) return;
-      const N = 8, U = m.right - (window.innerWidth - N), G = N - m.left;
-      U <= 0 && G <= 0 || (f.value = window.innerWidth / 2 - (m.left + m.width / 2));
+      const N = 8, v = m.right - (window.innerWidth - N), I = N - m.left;
+      v <= 0 && I <= 0 || (p.value = window.innerWidth / 2 - (m.left + m.width / 2));
     }
-    const x = async () => {
-      a.placement === "auto" ? $.value = g() : $.value = a.placement, f.value = 0, r.value = !0, document.addEventListener("keydown", b), a.trigger === "click" && document.addEventListener("click", u), await Z(), O();
-    }, C = () => {
-      r.value = !1, document.removeEventListener("keydown", b), document.removeEventListener("click", u);
-    }, ue = () => {
-      r.value ? C() : x();
+    const y = async () => {
+      i.placement === "auto" ? k.value = h() : k.value = i.placement, p.value = 0, s.value = !0, document.addEventListener("keydown", b), i.trigger === "click" && document.addEventListener("click", u), await Y(), S();
+    }, A = () => {
+      s.value = !1, document.removeEventListener("keydown", b), document.removeEventListener("click", u);
+    }, q = () => {
+      s.value ? A() : y();
     };
-    J(C), e({ show: x, hide: C });
-    const ve = B(() => ({
-      type: a.type,
-      color: a.color,
-      tail: a.tail,
-      placement: $.value,
-      title: a.title,
-      dismissable: a.dismissable
+    le(A), e({ show: y, hide: A });
+    const X = C(() => ({
+      type: i.type,
+      color: i.color,
+      tail: i.tail,
+      placement: k.value,
+      title: i.title,
+      dismissable: i.dismissable
     }));
-    return (m, N) => (n(), c("span", M(
+    return (m, N) => (l(), d("span", z(
       {
         ref_key: "wrapperEl",
-        ref: d,
-        class: i(R)("tooltip-trigger", a.className)
+        ref: r,
+        class: a(W)("tooltip-trigger", i.className)
       },
-      t.trigger === "click" ? { onClick: ue } : { onMouseenter: x, onMouseleave: C, onFocusin: x, onFocusout: C }
+      t.trigger === "click" ? { onClick: q } : { onMouseenter: y, onMouseleave: A, onFocusin: y, onFocusout: A }
     ), [
-      v(m.$slots, "default", {
-        tooltipId: i(o),
-        isOpen: r.value
+      f(m.$slots, "default", {
+        tooltipId: a(n),
+        isOpen: s.value
       }, void 0, !0),
-      s("span", {
+      o("span", {
         ref_key: "positionerEl",
-        ref: l,
-        class: S(["tooltip-trigger__positioner", `tooltip-trigger__positioner--${$.value}`]),
-        style: ee({
-          visibility: r.value ? "visible" : "hidden",
+        ref: c,
+        class: H(["tooltip-trigger__positioner", `tooltip-trigger__positioner--${k.value}`]),
+        style: re({
+          visibility: s.value ? "visible" : "hidden",
           "--positioner-gap": t.tail ? "var(--spacing-l)" : "0.5rem",
-          "--adjust-x": `${f.value}px`
+          "--adjust-x": `${p.value}px`
         }),
-        onClick: N[0] || (N[0] = te(() => {
+        onClick: N[0] || (N[0] = K(() => {
         }, ["stop"]))
       }, [
-        p(Rt, M(ve.value, {
-          id: i(o),
-          onDismiss: C
+        g(Jt, z(X.value, {
+          id: a(n),
+          onDismiss: A
         }), {
-          default: h(() => [
-            v(m.$slots, "body", {}, void 0, !0)
+          default: _(() => [
+            f(m.$slots, "body", {}, void 0, !0)
           ]),
           _: 3
         }, 16, ["id"])
       ], 6)
     ], 16));
   }
-}), Ut = /* @__PURE__ */ de(Vt, [["__scopeId", "data-v-b3f93b8c"]]), jt = ["disabled"], Ft = /* @__PURE__ */ _({
+}), ta = /* @__PURE__ */ be(ea, [["__scopeId", "data-v-b3f93b8c"]]), aa = ["disabled"], ia = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -802,24 +942,24 @@ const It = ["id"], Ht = {
     svgRaw: {}
   },
   setup(t) {
-    const e = t, a = (l) => "href" in l && l.href !== void 0 || "to" in l && l.to !== void 0, o = B(() => R(
+    const e = t, i = (c) => "href" in c && c.href !== void 0 || "to" in c && c.to !== void 0, n = C(() => W(
       "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
-    )), r = B(() => a(e) ? "to" in e && e.to !== void 0 ? {
+    )), s = C(() => i(e) ? "to" in e && e.to !== void 0 ? {
       to: e.to,
       disabled: e.disabled,
-      className: o.value
+      className: n.value
     } : {
       href: e.href,
       target: e.target,
       rel: e.rel,
       disabled: e.disabled,
-      className: o.value
-    } : {}), d = B(
+      className: n.value
+    } : {}), r = C(
       () => ({
         iconDefinition: e.iconDefinition,
         iconClass: e.iconClass,
@@ -830,39 +970,39 @@ const It = ["id"], Ht = {
         size: e.size
       })
     );
-    return (l, $) => a(e) ? (n(), k(i(se), M({ key: 0 }, { ...r.value, ...l.$attrs }, { role: "button" }), {
-      default: h(() => [
-        p(i(P), I(D(d.value)), {
-          default: h(() => [
-            v(l.$slots, "default", {}, () => [
-              A(w(e.text), 1)
+    return (c, k) => i(e) ? (l(), B(a(ue), z({ key: 0 }, { ...s.value, ...c.$attrs }, { role: "button" }), {
+      default: _(() => [
+        g(a(Q), G(F(r.value)), {
+          default: _(() => [
+            f(c.$slots, "default", {}, () => [
+              D(x(e.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (n(), c("button", M({
+    }, 16)) : (l(), d("button", z({
       key: 1,
       type: "button",
       disabled: e.disabled,
-      class: o.value
-    }, l.$attrs), [
-      p(i(P), I(D(d.value)), {
-        default: h(() => [
-          v(l.$slots, "default", {}, () => [
-            A(w(e.text), 1)
+      class: n.value
+    }, c.$attrs), [
+      g(a(Q), G(F(r.value)), {
+        default: _(() => [
+          f(c.$slots, "default", {}, () => [
+            D(x(e.text), 1)
           ])
         ]),
         _: 3
       }, 16)
-    ], 16, jt));
+    ], 16, aa));
   }
-}), Qt = { class: "navbar-info" }, Kt = { class: "navbar-info__group" }, Wt = {
+}), na = { class: "navbar-info" }, sa = { class: "navbar-info__group" }, oa = {
   key: 0,
   class: "navbar-info__label has-text-body-default hidden-tablet",
   "aria-hidden": "true"
-}, qt = { class: "has-text-body-small" }, Xt = /* @__PURE__ */ _({
+}, la = { class: "has-text-body-small" }, ra = /* @__PURE__ */ w({
   __name: "NavbarInfo",
   props: {
     infoTitle: {},
@@ -870,53 +1010,54 @@ const It = ["id"], Ht = {
     label: {}
   },
   setup(t, { expose: e }) {
-    const a = E("tooltip");
+    const i = R("tooltip");
     return e({
-      show: () => a.value?.show(),
-      hide: () => a.value?.hide()
-    }), (o, r) => (n(), c("div", Qt, [
-      p(i(Ut), {
+      show: () => i.value?.show(),
+      hide: () => i.value?.hide()
+    }), (n, s) => (l(), d("div", na, [
+      g(a(ta), {
         ref_key: "tooltip",
-        ref: a,
+        ref: i,
         type: "rich",
         title: t.infoTitle,
         trigger: "click",
         dismissable: !0
       }, {
-        default: h(({ tooltipId: d, isOpen: l }) => [
-          s("span", Kt, [
-            p(i(Ft), {
+        default: _(({ tooltipId: r, isOpen: c }) => [
+          o("span", sa, [
+            g(a(ia), {
               class: "navbar-info__trigger",
               variant: "standard",
               size: "small",
               "icon-only": !0,
-              "icon-definition": i(ce),
+              "icon-definition": a(pe),
               "aria-label": "More information",
-              "aria-describedby": d,
-              "aria-pressed": l
+              "aria-describedby": r,
+              "aria-pressed": c
             }, null, 8, ["icon-definition", "aria-describedby", "aria-pressed"]),
-            t.label ? (n(), c("span", Wt, w(t.label), 1)) : y("", !0)
+            t.label ? (l(), d("span", oa, x(t.label), 1)) : $("", !0)
           ])
         ]),
-        body: h(() => [
-          v(o.$slots, "default", {}, () => [
-            s("div", qt, w(t.infoMessage), 1)
+        body: _(() => [
+          f(n.$slots, "default", {}, () => [
+            o("div", la, x(t.infoMessage), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["title"])
     ]));
   }
-}), ii = /* @__PURE__ */ V(Xt, [["__scopeId", "data-v-c3989251"]]);
+}), pa = /* @__PURE__ */ U(ra, [["__scopeId", "data-v-c3989251"]]);
 export {
-  lt as AlertBanner,
-  ti as AppHeader,
-  tt as NavBar,
+  ct as AlertBanner,
+  va as AppHeader,
+  Kt as LanguageSwitcher,
+  it as NavBar,
   Nt as NavbarBrand,
-  kt as NavbarBrandLogo,
-  St as NavbarBurger,
-  ii as NavbarInfo,
-  pt as NavbarLinks,
-  $t as NavbarSearch,
-  Ze as TrustedSite
+  Bt as NavbarBrandLogo,
+  It as NavbarBurger,
+  pa as NavbarInfo,
+  mt as NavbarLinks,
+  xt as NavbarSearch,
+  et as TrustedSite
 };