@phila/phila-ui-app-header 1.0.0-beta.13 → 1.0.0-beta.15

package/dist/index.mjs

@@ -1,169 +1,140 @@
-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 { Logo as xe } from "@phila/phila-ui-logo";
-import './index.css';var ke = {
-  prefix: "fas",
-  iconName: "magnifying-glass",
-  icon: [512, 512, [128269, "search"], "f002", "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376C296.3 401.1 253.9 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"]
-}, we = ke, Be = {
-  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 = {
-  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 = {
-  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 = {
-  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 = {
-  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"]
-}, Ne = {
-  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 = {
-  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 = {
-  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 = {
-  class: "icon",
-  "aria-hidden": "true"
-}, Oe = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, Ge = ["aria-label", "aria-expanded"], De = {
-  class: "icon",
-  "aria-hidden": "true"
-}, Pe = {
+import { defineComponent as w, useSlots as pe, useTemplateRef as G, computed as A, watch as se, nextTick as Z, createElementBlock as d, openBlock as o, Fragment as z, createElementVNode as c, normalizeClass as O, createCommentVNode as $, unref as a, mergeProps as I, createTextVNode as H, createVNode as g, renderSlot as v, ref as M, onMounted as oe, onUnmounted as le, normalizeStyle as re, toDisplayString as x, onBeforeMount as ge, renderList as K, createBlock as B, withModifiers as F, withCtx as _, resolveDynamicComponent as ce, onBeforeUnmount as he, createSlots as ae, normalizeProps as P, useId as me, guardReactiveProps as Q } from "vue";
+import { IconCaretUp as J, IconCaretDown as ee, IconCircleInfo as de, IconBuildingColumns as ye, IconLock as _e, IconClose as U, IconCircleExclamation as $e, IconMagnifyingGlass as ke, IconBars as xe, IconGlobe as we } from "@phila/phila-ui-core/icons";
+import { useVisibility as V, Icon as N, debounce as Be, FocusTrap as ue, cn as q, BaseLink as ve, ActionContent as W } from "@phila/phila-ui-core";
+import { Logo as Ce } from "@phila/phila-ui-logo";
+import './index.css';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", Me = { class: "trusted-wrap" }, Ie = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, Te = ["src"], Ne = ["aria-label", "aria-expanded"], Le = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, Ee = ["aria-label", "aria-expanded"], ze = {
   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__ */ _({
+}, Se = ["hidden"], He = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, Oe = { class: "info-item-wrap is-flex" }, De = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, Re = { class: "trusted-icon is-flex is-flex-column has-text-center" }, Ge = { class: "circle-icon p-3 mb-2" }, Pe = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, Ue = { class: "trusted-icon is-flex is-flex-column has-text-center" }, Ve = { class: "circle-icon p-3 mb-2" }, je = { class: "info-content-close mt-4" }, Ke = /* @__PURE__ */ w({
   __name: "TrustedSite",
   props: {
     compactMobile: { type: Boolean }
   },
   setup(t) {
-    const e = me(), { isVisible: a, setVisibility: o, toggleProps: r } = H({
+    const e = pe(), { isVisible: i, setVisibility: n, toggleProps: s } = V({
       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());
+    }), l = G("infoToggle"), r = G("closeInfoToggle"), k = G("infoToggleMobile"), b = A(() => i());
+    return se(
+      () => b.value,
+      (m) => {
+        m ? Z(() => {
+          r.value?.focus();
+        }) : (l.value?.focus(), k.value?.focus());
       }
-    ), (g, b) => (n(), c(T, null, [
-      s("div", {
+    ), (m, p) => (o(), d(z, null, [
+      c("div", {
         id: "trusted-site",
-        class: S(["is-flex is-justify-space-between", { "is-compact-mobile": t.compactMobile }])
+        class: O(["is-flex is-justify-space-between", { "is-compact-mobile": t.compactMobile }])
       }, [
-        s("div", Te, [
-          s("div", Se, [
-            s("img", {
-              src: i(Ae),
+        c("div", Me, [
+          c("div", Ie, [
+            c("img", {
+              src: a(Ae),
               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, Te),
+            p[2] || (p[2] = c("div", { class: "content mx-2" }, "An official website of the City of Philadelphia government", -1)),
+            c("button", I({
               ref_key: "infoToggle",
-              ref: d,
+              ref: l,
               class: "phila-button is-extra-small",
-              "aria-label": `${f.value ? "Close" : "Open"} Trusted Site information panel`,
+              "aria-label": `${b.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)
-                }, null, 8, ["icon"])
-              ])
-            ], 16, Ie)
+              "aria-expanded": b.value
+            }, a(s)), [
+              p[1] || (p[1] = H(" Here's how you know ", -1)),
+              g(a(N), {
+                icon: b.value ? a(J) : a(ee),
+                inline: !0,
+                decorative: !0
+              }, null, 8, ["icon"])
+            ], 16, Ne)
           ]),
-          s("div", Oe, [
-            s("button", M({
+          c("div", Le, [
+            c("button", I({
               ref_key: "infoToggleMobile",
-              ref: $,
+              ref: k,
               class: "phila-button is-extra-small",
-              "aria-label": `${f.value ? "Close" : "Open"} Trusted Site information panel`,
+              "aria-label": `${b.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"])
-              ])
-            ], 16, Ge)
+              "aria-expanded": b.value
+            }, a(s)), [
+              p[3] || (p[3] = H(" An official website ", -1)),
+              g(a(N), {
+                icon: a(de),
+                size: "extra-small",
+                decorative: !0
+              }, null, 8, ["icon"])
+            ], 16, Ee)
           ])
         ]),
-        i(e).translation ? (n(), c("div", Pe, [
-          v(g.$slots, "translation", {}, void 0, !0)
-        ])) : y("", !0)
+        a(e).translation ? (o(), d("div", ze, [
+          v(m.$slots, "translation", {}, void 0, !0)
+        ])) : $("", !0)
       ], 2),
-      s("div", {
+      c("div", {
         id: "trusted-site-info",
         class: "px-6",
-        hidden: !f.value
+        hidden: !b.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"])
+        c("div", He, [
+          c("div", Oe, [
+            c("div", De, [
+              c("div", Re, [
+                c("span", Ge, [
+                  g(a(N), {
+                    icon: a(ye),
+                    inline: !0,
+                    decorative: !0
+                  }, null, 8, ["icon"])
                 ]),
-                b[4] || (b[4] = s("span", { class: "has-text-bold" }, ".gov", -1))
+                p[4] || (p[4] = c("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))
+              p[5] || (p[5] = c("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"])
+            c("div", Pe, [
+              c("div", Ue, [
+                c("div", Ve, [
+                  g(a(N), {
+                    icon: a(_e),
+                    inline: !0,
+                    decorative: !0
+                  }, null, 8, ["icon"])
                 ]),
-                b[6] || (b[6] = s("span", { class: "has-text-bold" }, "https://", -1))
+                p[6] || (p[6] = c("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))
+              p[7] || (p[7] = c("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", {
+          c("div", je, [
+            c("button", {
               ref_key: "closeInfoToggle",
-              ref: l,
+              ref: r,
               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: p[0] || (p[0] = (u) => a(n)(!1))
             }, [
-              p(i(L), { icon: i(Me) }, null, 8, ["icon"])
+              g(a(N), {
+                icon: a(U),
+                size: "extra-small",
+                decorative: !0
+              }, null, 8, ["icon"])
             ], 512)
           ])
         ])
-      ], 8, Re)
+      ], 8, Se)
     ], 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 = {
+}), R = (t, e) => {
+  const i = t.__vccOpts || t;
+  for (const [n, s] of e)
+    i[n] = s;
+  return i;
+}, Fe = /* @__PURE__ */ R(Ke, [["__scopeId", "data-v-dee4f05c"]]), Qe = {
   key: 0,
   class: "phila-navbar-end"
-}, W = "5rem", et = /* @__PURE__ */ _({
+}, ie = "5rem", We = /* @__PURE__ */ w({
   __name: "index",
   props: {
     id: {},
@@ -174,30 +145,30 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     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 } = V({ group: "app-header" }), n = G("navBarElement"), s = M(ie), l = M(0), r = Be(() => {
+      const b = (n.value?.offsetTop || 0) + (n.value?.offsetHeight || 0), m = typeof window < "u" ? window.innerWidth : 1024;
+      s.value = !e.sticky || m < 1024 ? b + "px" : ie, l.value = b;
+    }, 100), k = A(() => i.value?.appHeader);
+    return se(() => k.value, r, { deep: !0, immediate: !0 }), oe(() => {
+      window.addEventListener("resize", r);
+    }), le(() => {
+      window.removeEventListener("resize", r);
+    }), (b, m) => (o(), 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: O(["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:${l.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)
+      v(b.$slots, "navbar-toggle", {}, void 0, !0),
+      v(b.$slots, "navbar-left", {}, void 0, !0),
+      v(b.$slots, "navbar-right", {}, void 0, !0),
+      b.$slots["navbar-end"] ? (o(), d("div", Qe, [
+        v(b.$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__ */ _({
+}), qe = /* @__PURE__ */ R(We, [["__scopeId", "data-v-8a07f1df"]]), Xe = { class: "site-wide-alert content" }, Ye = { class: "alert-content" }, Ze = { class: "content-text" }, Je = { class: "title" }, et = { class: "body" }, tt = /* @__PURE__ */ w({
   __name: "AlertBanner",
   props: {
     bannerTitle: {},
@@ -205,36 +176,36 @@ 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) => (o(), d("div", Xe, [
+      c("div", Ye, [
+        g(a(N), {
+          icon: a($e),
           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)
+        }, null, 8, ["icon"]),
+        c("div", Ze, [
+          c("h6", Je, x(e.bannerTitle), 1),
+          c("div", et, 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 = {
+}), at = /* @__PURE__ */ R(tt, [["__scopeId", "data-v-f391cc47"]]), it = { class: "phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet" }, nt = ["href"], st = ["id", "onMouseenter", "onMouseleave"], ot = ["href", "aria-controls", "aria-expanded", "data-toggle", "onTouchend", "onClick"], lt = {
   key: 0,
   class: "content nav-flyout has-background-ghost-gray px-6 py-4",
   tabindex: "-1"
-}, ft = {
+}, rt = {
   class: "is-flex is-flex-column is-flex-wrap-wrap",
   style: { gap: "var(--spacing-4xl)" }
-}, bt = ["href"], pt = /* @__PURE__ */ _({
+}, ct = ["href"], dt = /* @__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 = (m) => !!(m.subLinks || m.subNav), i = (m) => `main-nav-${m.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g, "")}`, n = t, { setVisibility: s, create: l, isVisible: r, onMouseEnter: k, onMouseLeave: b } = V({
+      group: n.visibilityGroup,
       outsideClickHide: !0,
       escapeKeyHide: !0,
       mouseOverToggle: !0,
@@ -242,83 +213,85 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
       showSingle: !0
     });
     return ge(() => {
-      o.links?.forEach((g) => {
-        if (e(g)) {
-          const b = a(g);
-          d(b);
+      n.links?.forEach((m) => {
+        if (e(m)) {
+          const p = i(m);
+          l(p);
         }
       });
-    }), (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}`,
+    }), (m, p) => (o(), d("div", it, [
+      (o(!0), d(z, null, K(t.links, (u, E) => (o(), d(z, null, [
+        e(u) ? (o(), d("div", {
+          id: `${n.visibilityGroup}-item-${i(u)}`,
+          key: `navbar-link-${E}`,
           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(b)(i(u))
         }, [
-          s("a", {
+          c("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: O(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": a(r)(i(u)) }]),
+            "aria-controls": i(u),
+            "aria-expanded": a(r)(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(r)(i(u)), i(u)),
+            onClick: F((y) => a(s)(!a(r)(i(u)), i(u)), ["prevent"])
           }, [
-            A(w(u.text) + " ", 1),
-            p(i(L), {
-              class: "ml-1",
-              icon: i(l)(a(u)) ? i(le) : i(re)
+            H(x(u.text) + " ", 1),
+            g(a(N), {
+              icon: a(r)(i(u)) ? a(J) : a(ee),
+              inline: !0,
+              decorative: !0,
+              class: "ml-1"
             }, null, 8, ["icon"])
-          ], 42, ut),
-          (n(), k(i(ae), {
-            id: a(u),
+          ], 42, ot),
+          (o(), B(a(ue), {
+            id: i(u),
             key: u.text,
             "allow-escape": "",
-            hidden: !i(l)(a(u)),
-            onEscape: (x) => i(r)(!1, a(u))
+            hidden: !a(r)(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 ? (o(), d("div", lt, [
+                c("ul", rt, [
+                  (o(!0), d(z, null, K(u.subLinks, (y) => (o(), d("li", {
+                    key: y.text,
                     class: "sub-nav-link is-flex is-align-center",
                     style: { width: "150px" }
                   }, [
-                    s("a", {
-                      href: x.href,
+                    c("a", {
+                      href: y.href,
                       class: "has-text-link has-text-weight-medium",
                       tabindex: "0"
-                    }, w(x.text), 9, bt)
+                    }, x(y.text), 9, ct)
                   ]))), 128))
                 ])
-              ])) : (n(), k(ie(u.subNav), { key: 1 }))
+              ])) : (o(), B(ce(u.subNav), { key: 1 }))
             ]),
             _: 2
           }, 1032, ["id", "hidden", "onEscape"]))
-        ], 40, dt)) : (n(), c("div", {
-          key: `link-${O}`,
+        ], 40, st)) : (o(), d("div", {
+          key: `link-${E}`,
           class: "phila-navbar-link-list-item"
         }, [
-          s("a", {
+          c("a", {
             href: u.href,
             class: "phila-navbar-link px-4",
             tabindex: "0"
-          }, w(u.text), 9, ct)
+          }, x(u.text), 9, nt)
         ]))
       ], 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__ */ _({
+}), ut = { class: "phila-navbar-search is-flex" }, vt = { id: "navbar-search" }, ft = { class: "pr-4" }, bt = ["aria-controls", "data-toggle", "aria-expanded", "aria-label"], pt = /* @__PURE__ */ w({
   __name: "NavbarSearch",
   props: {
     visibilityGroup: {}
   },
   setup(t) {
-    const e = t, { setVisibility: a, isVisible: o } = H({
+    const e = t, { setVisibility: i, isVisible: n } = V({
       id: `${e.visibilityGroup}-flyout-navbar-search`,
       group: e.visibilityGroup,
       outsideClickHide: !0,
@@ -326,40 +299,39 @@ 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, l) => (o(), d("div", ut, [
+      c("div", vt, [
+        c("div", ft, [
+          c("button", {
+            class: O(["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: l[0] || (l[0] = (r) => a(i)(!a(n)()))
           }, [
-            s("span", _t, [
-              p(i(L), {
-                icon: i(o)() ? i(oe) : i(we)
-              }, null, 8, ["icon"])
-            ])
-          ], 10, yt)
+            g(a(N), {
+              icon: a(n)() ? a(U) : a(ke),
+              decorative: !0
+            }, null, 8, ["icon"])
+          ], 10, bt)
         ])
       ]),
-      p(i(ae), {
+      g(a(ue), {
         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: l[1] || (l[1] = (r) => a(i)(!1, `${e.visibilityGroup}-flyout-navbar-search`))
       }, {
-        default: h(() => [
-          v(r.$slots, "search-panel")
+        default: _(() => [
+          v(s.$slots, "search-panel")
         ]),
         _: 3
       }, 8, ["id", "hidden"])
     ]));
   }
-}), xt = /* @__PURE__ */ _({
+}), gt = /* @__PURE__ */ w({
   __name: "NavbarBrandLogo",
   props: {
     logo: {},
@@ -368,22 +340,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 = A(() => ({
       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) => (o(), B(a(Ce), I(i.value, { class: "phila-navbar-logo" }), null, 16));
   }
-}), kt = /* @__PURE__ */ V(xt, [["__scopeId", "data-v-3011c249"]]), wt = { class: "phila-navbar-brand is-flex" }, Bt = {
+}), ht = /* @__PURE__ */ R(gt, [["__scopeId", "data-v-3011c249"]]), mt = { class: "phila-navbar-brand is-flex" }, yt = {
   key: 0,
   class: "phila-navbar-item phila-navbar-brand-link hidden-tablet"
-}, Mt = {
+}, _t = {
   key: 0,
   class: "content"
-}, Ct = ["href"], Nt = /* @__PURE__ */ _({
+}, $t = ["href"], kt = /* @__PURE__ */ w({
   __name: "NavbarBrand",
   props: {
     brandingImage: {},
@@ -391,67 +363,204 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     logo: {}
   },
   setup(t) {
-    return (e, a) => (n(), c("div", wt, [
+    return (e, i) => (o(), d("div", mt, [
       v(e.$slots, "navbar-logo", {}, () => [
-        t.brandingImage ? (n(), k(kt, M({ key: 0 }, t.brandingImage, { logo: t.logo }), null, 16, ["logo"])) : y("", !0)
+        t.brandingImage ? (o(), B(ht, I({ key: 0 }, t.brandingImage, { logo: t.logo }), null, 16, ["logo"])) : $("", !0)
       ]),
-      e.$slots["navbar-brand-link"] || t.brandingLink ? (n(), c("div", Bt, [
+      e.$slots["navbar-brand-link"] || t.brandingLink ? (o(), d("div", yt, [
         v(e.$slots, "navbar-brand-link", {}, () => [
-          t.brandingLink ? (n(), c("div", Mt, [
-            s("a", {
+          t.brandingLink ? (o(), d("div", _t, [
+            c("a", {
               tabindex: "0",
               href: t.brandingLink.href,
               class: "has-text-underline"
-            }, w(t.brandingLink.text), 9, Ct)
-          ])) : y("", !0)
+            }, x(t.brandingLink.text), 9, $t)
+          ])) : $("", !0)
         ])
-      ])) : y("", !0)
+      ])) : $("", !0)
     ]));
   }
-}), Lt = ["id"], zt = ["aria-controls", "aria-expanded", "aria-label"], At = { class: "icon" }, Tt = ["id", "hidden"], St = /* @__PURE__ */ _({
+}), xt = ["id"], wt = ["aria-controls", "aria-expanded", "aria-label"], Bt = ["id", "hidden"], Ct = /* @__PURE__ */ w({
   __name: "NavbarBurger",
   props: {
     visibilityGroup: {},
     id: {}
   },
   setup(t) {
-    const e = t, { isVisible: a, toggleProps: o } = H({
+    const e = t, { isVisible: i, toggleProps: n } = V({
       id: e.id,
       group: e.visibilityGroup,
       outsideClickHide: !0,
       escapeKeyHide: !0,
       blurHide: !1,
       showSingle: !0
-    }), r = B(() => a(e.id));
-    return (d, l) => (n(), c("div", {
+    }), s = A(() => i(e.id));
+    return (l, r) => (o(), d("div", {
       id: e.id
     }, [
-      s("button", M({
-        class: ["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": r.value }],
+      c("button", I({
+        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)
-          }, null, 8, ["icon"])
-        ])
-      ], 16, zt),
-      s("div", {
+        "aria-expanded": s.value,
+        "aria-label": `${s.value ? "Close" : "Open"} mobile navigation panel`
+      }, a(n)), [
+        g(a(N), {
+          icon: s.value ? a(U) : a(xe),
+          size: "large",
+          decorative: !0
+        }, null, 8, ["icon"])
+      ], 16, wt),
+      c("div", {
         id: `navbar-burger-flyout-${e.visibilityGroup}`,
         class: "phila-mobile-nav",
-        hidden: !r.value
+        hidden: !s.value
       }, [
-        v(d.$slots, "mobile-nav")
-      ], 8, Tt)
-    ], 8, Lt));
+        v(l.$slots, "mobile-nav")
+      ], 8, Bt)
+    ], 8, xt));
+  }
+}), At = {
+  class: "language-inline hidden-tablet",
+  "aria-label": "Language selection"
+}, Mt = { class: "is-flex is-align-center is-gap-4" }, It = ["lang", "onClick"], Tt = { class: "language-globe" }, Nt = ["aria-expanded"], Lt = {
+  class: "icon",
+  "aria-hidden": "true"
+}, Et = {
+  class: "icon",
+  "aria-hidden": "true"
+}, zt = ["lang", "aria-checked", "tabindex", "onClick"], St = /* @__PURE__ */ w({
+  __name: "LanguageSwitcher",
+  props: {
+    languages: {},
+    locale: {}
+  },
+  emits: ["update:locale"],
+  setup(t, { emit: e }) {
+    const i = t, n = e, s = M(!1), l = M(-1), r = M(null), k = M(null), b = M([]), m = A(() => i.languages.slice(0, 3));
+    function p() {
+      s.value = !0, l.value = Math.max(
+        0,
+        i.languages.findIndex((f) => f.code === i.locale)
+      ), Z(() => y(l.value));
+    }
+    function u() {
+      s.value ? (s.value = !1, l.value = -1) : p();
+    }
+    function E() {
+      s.value = !1, l.value = -1, k.value?.focus();
+    }
+    function y(f) {
+      b.value[f]?.focus();
+    }
+    function L(f, S) {
+      f && (b.value[S] = f);
+    }
+    function X(f) {
+      n("update:locale", f), E();
+    }
+    function Y(f) {
+      (f.key === "ArrowDown" || f.key === "ArrowUp") && (f.preventDefault(), s.value || p());
+    }
+    function h(f) {
+      switch (f.key) {
+        case "Escape":
+          f.preventDefault(), E();
+          break;
+        case "ArrowDown":
+          f.preventDefault(), l.value = (l.value + 1) % i.languages.length, y(l.value);
+          break;
+        case "ArrowUp":
+          f.preventDefault(), l.value = (l.value - 1 + i.languages.length) % i.languages.length, y(l.value);
+          break;
+        case "Home":
+          f.preventDefault(), l.value = 0, y(l.value);
+          break;
+        case "End":
+          f.preventDefault(), l.value = i.languages.length - 1, y(l.value);
+          break;
+        case "Tab":
+          E();
+          break;
+      }
+    }
+    function T(f) {
+      r.value && !r.value.contains(f.target) && (s.value = !1, l.value = -1);
+    }
+    return oe(() => {
+      document.addEventListener("click", T);
+    }), he(() => {
+      document.removeEventListener("click", T);
+    }), (f, S) => (o(), d("div", {
+      ref_key: "containerRef",
+      ref: r,
+      class: "language-switcher is-flex is-align-center is-gap-4"
+    }, [
+      c("nav", At, [
+        c("div", Mt, [
+          (o(!0), d(z, null, K(m.value, (C) => (o(), d("button", {
+            key: C.code,
+            lang: C.lang,
+            class: "language-link",
+            onClick: (D) => n("update:locale", C.code)
+          }, x(C.title), 9, It))), 128))
+        ])
+      ]),
+      c("div", Tt, [
+        c("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: F(u, ["stop"]),
+          onKeydown: Y
+        }, [
+          c("span", Lt, [
+            g(a(N), {
+              icon: a(we),
+              decorative: "",
+              inline: "",
+              style: { "font-size": "1em" }
+            }, null, 8, ["icon"])
+          ]),
+          c("span", Et, [
+            g(a(N), {
+              icon: s.value ? a(J) : a(ee),
+              decorative: "",
+              inline: "",
+              style: { "font-size": "1em" }
+            }, null, 8, ["icon"])
+          ])
+        ], 40, Nt),
+        s.value ? (o(), d("div", {
+          key: 0,
+          class: "language-menu",
+          role: "menu",
+          onKeydown: h
+        }, [
+          (o(!0), d(z, null, K(t.languages, (C, D) => (o(), d("button", {
+            key: C.code,
+            ref_for: !0,
+            ref: (j) => L(j, D),
+            lang: C.lang,
+            role: "menuitemradio",
+            "aria-checked": C.code === t.locale,
+            tabindex: D === l.value ? 0 : -1,
+            class: O(["language-menu-item", { "is-selected": C.code === t.locale }]),
+            onClick: F((j) => X(C.code), ["stop"])
+          }, x(C.title), 11, zt))), 128))
+        ], 32)) : $("", !0)
+      ])
+    ], 512));
   }
-}), ti = /* @__PURE__ */ _({
+}), Ht = /* @__PURE__ */ R(St, [["__scopeId", "data-v-f91f4b58"]]), na = /* @__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 },
@@ -462,60 +571,67 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     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) => (o(), d(z, null, [
+      t.showTrustedSite ? (o(), B(Fe, {
         key: 0,
         "compact-mobile": t.compactMobile
       }, {
-        translation: h(() => [
-          v(e.$slots, "translations", {}, () => [
-            t.translations ? (n(), k(ie(t.translations), { key: 0 })) : y("", !0)
+        translation: _(() => [
+          v(n.$slots, "translations", {}, () => [
+            t.languages ? (o(), B(Ht, {
+              key: 0,
+              languages: t.languages,
+              locale: t.locale ?? "",
+              "onUpdate:locale": s[0] || (s[0] = (l) => i("update:locale", l))
+            }, null, 8, ["languages", "locale"])) : t.translations ? (o(), B(ce(t.translations), { key: 1 })) : $("", !0)
           ])
         ]),
         _: 3
-      }, 8, ["compact-mobile"])) : y("", !0),
-      p(tt, {
+      }, 8, ["compact-mobile"])) : $("", !0),
+      g(qe, {
         id: t.id,
         sticky: t.sticky,
         "compact-mobile": t.compactMobile
-      }, K({
-        "navbar-toggle": h(() => [
-          v(e.$slots, "navbar-toggle", {}, () => [
-            p(St, {
+      }, ae({
+        "navbar-toggle": _(() => [
+          v(n.$slots, "navbar-toggle", {}, () => [
+            g(Ct, {
               id: `mobile-nav-${t.id}`,
               "visibility-group": t.id
-            }, K({ _: 2 }, [
-              e.$slots["mobile-nav"] ? {
+            }, ae({ _: 2 }, [
+              n.$slots["mobile-nav"] ? {
                 name: "mobile-nav",
-                fn: h(() => [
-                  v(e.$slots, "mobile-nav")
+                fn: _(() => [
+                  v(n.$slots, "mobile-nav")
                 ]),
                 key: "0"
               } : void 0
             ]), 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": _(() => [
+          v(n.$slots, "navbar-left", {}, () => [
+            v(n.$slots, "navbar-brand", {}, () => [
+              t.navbarBrand ? (o(), B(kt, P(I({ 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": _(() => [
+          v(n.$slots, "navbar-right", {}, () => [
+            v(n.$slots, "navbar-links", {}, () => [
+              t.links ? (o(), B(dt, {
                 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")
+            v(n.$slots, "navbar-search", {}, () => [
+              g(pt, { "visibility-group": t.id }, {
+                "search-panel": _(() => [
+                  v(n.$slots, "search-panel")
                 ]),
                 _: 3
               }, 8, ["visibility-group"])
@@ -524,22 +640,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: _(() => [
+            v(n.$slots, "navbar-end")
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["id", "sticky", "compact-mobile"]),
-      t.bannerTitle || t.bannerMessage ? (n(), k(lt, {
+      t.bannerTitle || t.bannerMessage ? (o(), B(at, {
         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__ */ _({
+}), Ot = ["disabled"], ne = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -555,33 +671,31 @@ const Ae = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     iconRight: { type: Boolean },
     text: {},
     className: {},
-    iconDefinition: {},
-    iconClass: {},
+    icon: {},
     src: {},
     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 = (r) => "href" in r && r.href !== void 0 || "to" in r && r.to !== void 0, n = A(() => q(
       "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 = A(() => 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
+    } : {}), l = A(
       () => ({
-        iconDefinition: e.iconDefinition,
-        iconClass: e.iconClass,
+        icon: e.icon,
         src: e.src,
         iconRight: e.iconRight,
         iconOnly: e.iconOnly,
@@ -589,51 +703,45 @@ 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 (r, k) => i(e) ? (o(), B(a(ve), I({ key: 0 }, { ...s.value, ...r.$attrs }, { role: "button" }), {
+      default: _(() => [
+        g(a(W), P(Q(l.value)), {
+          default: _(() => [
+            v(r.$slots, "default", {}, () => [
+              H(x(e.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (n(), c("button", M({
+    }, 16)) : (o(), d("button", I({
       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
+    }, r.$attrs), [
+      g(a(W), P(Q(l.value)), {
+        default: _(() => [
+          v(r.$slots, "default", {}, () => [
+            H(x(e.text), 1)
           ])
         ]),
         _: 3
       }, 16)
-    ], 16, Et));
+    ], 16, Ot));
   }
-});
-var X = {
-  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 = {
+}), Dt = ["id"], Rt = {
   key: 0,
   class: "tooltip__tail",
   "aria-hidden": "true"
-}, Ot = {
+}, Gt = {
   key: 1,
   class: "tooltip__plain-row has-text-body-small"
-}, Gt = {
+}, Pt = {
   key: 0,
   class: "tooltip__title-row"
-}, Dt = { key: 0 }, Pt = /* @__PURE__ */ _({
+}, Ut = { key: 0 }, Vt = /* @__PURE__ */ w({
   __name: "TooltipBubble",
   props: {
     id: {},
@@ -647,8 +755,8 @@ const It = ["id"], Ht = {
   },
   emits: ["dismiss"],
   setup(t) {
-    const e = t, a = B(
-      () => R(
+    const e = t, i = A(
+      () => q(
         "tooltip",
         "content",
         "resets-link-colors",
@@ -658,48 +766,48 @@ const It = ["id"], Ht = {
         e.className
       )
     );
-    return (o, r) => (n(), c("div", {
+    return (n, s) => (o(), d("div", {
       id: t.id,
-      class: S(a.value),
+      class: O(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 ? (o(), d("div", Rt)) : $("", !0),
+      t.type === "plain" ? (o(), d("div", Gt, [
+        v(n.$slots, "default", {}, void 0, !0),
+        t.dismissable ? (o(), B(a(ne), {
           key: 0,
           class: "tooltip__dismiss",
           variant: "standard",
           size: "extra-small",
           "icon-only": !0,
-          "icon-definition": i(X),
+          icon: a(U),
           "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] = (l) => n.$emit("dismiss"))
+        }, null, 8, ["icon"])) : $("", !0)
+      ])) : (o(), d(z, { key: 2 }, [
+        t.title || t.dismissable ? (o(), d("div", Pt, [
+          t.title ? (o(), d("h6", Ut, x(t.title), 1)) : $("", !0),
+          t.dismissable ? (o(), B(a(ne), {
             key: 1,
             class: "tooltip__dismiss",
             variant: "standard",
             size: "extra-small",
             "icon-only": !0,
-            "icon-definition": i(X),
+            icon: a(U),
             "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] = (l) => n.$emit("dismiss"))
+          }, null, 8, ["icon"])) : $("", !0)
+        ])) : $("", !0),
+        v(n.$slots, "default", {}, void 0, !0)
       ], 64))
-    ], 10, It));
+    ], 10, Dt));
   }
-}), 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__ */ _({
+}), fe = (t, e) => {
+  const i = t.__vccOpts || t;
+  for (const [n, s] of e)
+    i[n] = s;
+  return i;
+}, jt = /* @__PURE__ */ fe(Vt, [["__scopeId", "data-v-7af177ec"]]), Kt = /* @__PURE__ */ w({
   __name: "Tooltip",
   props: {
     trigger: { default: "hover" },
@@ -712,75 +820,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();
-      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}`;
-    }, b = (m) => {
-      m.key === "Escape" && C();
-    }, u = (m) => {
-      d.value && !d.value.contains(m.target) && C();
+    const i = t, n = me(), s = M(!1), l = M(null), r = M(null), k = M("top-center"), b = M(0), m = () => {
+      const h = l.value?.getBoundingClientRect();
+      if (!h) return "top-center";
+      const { innerWidth: T, innerHeight: f } = window, S = h.top, C = f - h.bottom, D = r.value?.firstElementChild?.getBoundingClientRect().height ?? 0, j = (D > 0 ? S >= D : S >= C) ? "top" : "bottom", te = h.left + h.width / 2, be = te < T / 3 ? "left" : te > T * 2 / 3 ? "right" : "center";
+      return `${j}-${be}`;
+    }, p = (h) => {
+      h.key === "Escape" && L();
+    }, u = (h) => {
+      l.value && !l.value.contains(h.target) && L();
     };
-    function O() {
-      const m = l.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));
+    function E() {
+      const h = r.value?.firstElementChild?.getBoundingClientRect();
+      if (!h) return;
+      const T = 8, f = h.right - (window.innerWidth - T), S = T - h.left;
+      f <= 0 && S <= 0 || (b.value = window.innerWidth / 2 - (h.left + h.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 = m() : k.value = i.placement, b.value = 0, s.value = !0, document.addEventListener("keydown", p), i.trigger === "click" && document.addEventListener("click", u), await Z(), E();
+    }, L = () => {
+      s.value = !1, document.removeEventListener("keydown", p), document.removeEventListener("click", u);
+    }, X = () => {
+      s.value ? L() : 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(L), e({ show: y, hide: L });
+    const Y = A(() => ({
+      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 (h, T) => (o(), d("span", I(
       {
         ref_key: "wrapperEl",
-        ref: d,
-        class: i(R)("tooltip-trigger", a.className)
+        ref: l,
+        class: a(q)("tooltip-trigger", i.className)
       },
-      t.trigger === "click" ? { onClick: ue } : { onMouseenter: x, onMouseleave: C, onFocusin: x, onFocusout: C }
+      t.trigger === "click" ? { onClick: X } : { onMouseenter: y, onMouseleave: L, onFocusin: y, onFocusout: L }
     ), [
-      v(m.$slots, "default", {
-        tooltipId: i(o),
-        isOpen: r.value
+      v(h.$slots, "default", {
+        tooltipId: a(n),
+        isOpen: s.value
       }, void 0, !0),
-      s("span", {
+      c("span", {
         ref_key: "positionerEl",
-        ref: l,
-        class: S(["tooltip-trigger__positioner", `tooltip-trigger__positioner--${$.value}`]),
-        style: ee({
-          visibility: r.value ? "visible" : "hidden",
+        ref: r,
+        class: O(["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": `${b.value}px`
         }),
-        onClick: N[0] || (N[0] = te(() => {
+        onClick: T[0] || (T[0] = F(() => {
         }, ["stop"]))
       }, [
-        p(Rt, M(ve.value, {
-          id: i(o),
-          onDismiss: C
+        g(jt, I(Y.value, {
+          id: a(n),
+          onDismiss: L
         }), {
-          default: h(() => [
-            v(m.$slots, "body", {}, void 0, !0)
+          default: _(() => [
+            v(h.$slots, "body", {}, void 0, !0)
           ]),
           _: 3
         }, 16, ["id"])
       ], 6)
     ], 16));
   }
-}), Ut = /* @__PURE__ */ de(Vt, [["__scopeId", "data-v-b3f93b8c"]]), jt = ["disabled"], Ft = /* @__PURE__ */ _({
+}), Ft = /* @__PURE__ */ fe(Kt, [["__scopeId", "data-v-b3f93b8c"]]), Qt = ["disabled"], Wt = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -796,33 +904,31 @@ const It = ["id"], Ht = {
     iconRight: { type: Boolean },
     text: {},
     className: {},
-    iconDefinition: {},
-    iconClass: {},
+    icon: {},
     src: {},
     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 = (r) => "href" in r && r.href !== void 0 || "to" in r && r.to !== void 0, n = A(() => q(
       "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 = A(() => 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
+    } : {}), l = A(
       () => ({
-        iconDefinition: e.iconDefinition,
-        iconClass: e.iconClass,
+        icon: e.icon,
         src: e.src,
         iconRight: e.iconRight,
         iconOnly: e.iconOnly,
@@ -830,39 +936,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 (r, k) => i(e) ? (o(), B(a(ve), I({ key: 0 }, { ...s.value, ...r.$attrs }, { role: "button" }), {
+      default: _(() => [
+        g(a(W), P(Q(l.value)), {
+          default: _(() => [
+            v(r.$slots, "default", {}, () => [
+              H(x(e.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (n(), c("button", M({
+    }, 16)) : (o(), d("button", I({
       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
+    }, r.$attrs), [
+      g(a(W), P(Q(l.value)), {
+        default: _(() => [
+          v(r.$slots, "default", {}, () => [
+            H(x(e.text), 1)
           ])
         ]),
         _: 3
       }, 16)
-    ], 16, jt));
+    ], 16, Qt));
   }
-}), Qt = { class: "navbar-info" }, Kt = { class: "navbar-info__group" }, Wt = {
+}), qt = { class: "navbar-info" }, Xt = { class: "navbar-info__group" }, Yt = {
   key: 0,
   class: "navbar-info__label has-text-body-default hidden-tablet",
   "aria-hidden": "true"
-}, qt = { class: "has-text-body-small" }, Xt = /* @__PURE__ */ _({
+}, Zt = { class: "has-text-body-small" }, Jt = /* @__PURE__ */ w({
   __name: "NavbarInfo",
   props: {
     infoTitle: {},
@@ -870,53 +976,54 @@ const It = ["id"], Ht = {
     label: {}
   },
   setup(t, { expose: e }) {
-    const a = E("tooltip");
+    const i = G("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) => (o(), d("div", qt, [
+      g(a(Ft), {
         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: l, isOpen: r }) => [
+          c("span", Xt, [
+            g(a(Wt), {
               class: "navbar-info__trigger",
               variant: "standard",
               size: "small",
               "icon-only": !0,
-              "icon-definition": i(ce),
+              icon: a(de),
               "aria-label": "More information",
-              "aria-describedby": d,
-              "aria-pressed": l
-            }, null, 8, ["icon-definition", "aria-describedby", "aria-pressed"]),
-            t.label ? (n(), c("span", Wt, w(t.label), 1)) : y("", !0)
+              "aria-describedby": l,
+              "aria-pressed": r
+            }, null, 8, ["icon", "aria-describedby", "aria-pressed"]),
+            t.label ? (o(), d("span", Yt, x(t.label), 1)) : $("", !0)
           ])
         ]),
-        body: h(() => [
-          v(o.$slots, "default", {}, () => [
-            s("div", qt, w(t.infoMessage), 1)
+        body: _(() => [
+          v(n.$slots, "default", {}, () => [
+            c("div", Zt, x(t.infoMessage), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["title"])
     ]));
   }
-}), ii = /* @__PURE__ */ V(Xt, [["__scopeId", "data-v-c3989251"]]);
+}), sa = /* @__PURE__ */ R(Jt, [["__scopeId", "data-v-a29fa022"]]);
 export {
-  lt as AlertBanner,
-  ti as AppHeader,
-  tt as NavBar,
-  Nt as NavbarBrand,
-  kt as NavbarBrandLogo,
-  St as NavbarBurger,
-  ii as NavbarInfo,
-  pt as NavbarLinks,
-  $t as NavbarSearch,
-  Ze as TrustedSite
+  at as AlertBanner,
+  na as AppHeader,
+  Ht as LanguageSwitcher,
+  qe as NavBar,
+  kt as NavbarBrand,
+  ht as NavbarBrandLogo,
+  Ct as NavbarBurger,
+  sa as NavbarInfo,
+  dt as NavbarLinks,
+  pt as NavbarSearch,
+  Fe as TrustedSite
 };