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

package/dist/index.mjs

@@ -1,173 +1,140 @@
-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 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"]
-}, 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"]
-}, 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"]
-}, 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"]
-}, 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"]
-}, 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"]
-}, 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"]
-}, 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"]
-}, 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"]
-}, 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"
-}, Re = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, Ge = ["aria-label", "aria-expanded"], Pe = {
-  class: "icon",
-  "aria-hidden": "true"
-}, Ue = {
+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"
-}, 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({
+}, 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: i, setVisibility: n, toggleProps: s } = P({
+    const e = pe(), { isVisible: i, setVisibility: n, toggleProps: s } = V({
       id: "trusted-site-info",
       escapeKeyHide: !0
-    }), r = R("infoToggle"), c = R("closeInfoToggle"), k = R("infoToggleMobile"), p = C(() => i());
+    }), l = G("infoToggle"), r = G("closeInfoToggle"), k = G("infoToggleMobile"), b = A(() => i());
     return se(
-      () => p.value,
-      (h) => {
-        h ? Y(() => {
-          c.value?.focus();
-        }) : (r.value?.focus(), k.value?.focus());
+      () => b.value,
+      (m) => {
+        m ? Z(() => {
+          r.value?.focus();
+        }) : (l.value?.focus(), k.value?.focus());
       }
-    ), (h, b) => (l(), d(E, null, [
-      o("div", {
+    ), (m, p) => (o(), d(z, null, [
+      c("div", {
         id: "trusted-site",
-        class: H(["is-flex is-justify-space-between", { "is-compact-mobile": t.compactMobile }])
+        class: O(["is-flex is-justify-space-between", { "is-compact-mobile": t.compactMobile }])
       }, [
-        o("div", Ee, [
-          o("div", Ie, [
-            o("img", {
-              src: a(Se),
+        c("div", Me, [
+          c("div", Ie, [
+            c("img", {
+              src: a(Ae),
               alt: "",
               class: "icon"
-            }, 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({
+            }, 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: r,
+              ref: l,
               class: "phila-button is-extra-small",
-              "aria-label": `${p.value ? "Close" : "Open"} Trusted Site information panel`,
+              "aria-label": `${b.value ? "Close" : "Open"} Trusted Site information panel`,
               "aria-controls": "trusted-site-info",
-              "aria-expanded": p.value
+              "aria-expanded": b.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, He)
+              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)
           ]),
-          o("div", Re, [
-            o("button", z({
+          c("div", Le, [
+            c("button", I({
               ref_key: "infoToggleMobile",
               ref: k,
               class: "phila-button is-extra-small",
-              "aria-label": `${p.value ? "Close" : "Open"} Trusted Site information panel`,
+              "aria-label": `${b.value ? "Close" : "Open"} Trusted Site information panel`,
               "aria-controls": "trusted-site-info",
-              "aria-expanded": p.value
+              "aria-expanded": b.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)
+              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)
           ])
         ]),
-        a(e).translation ? (l(), d("div", Ue, [
-          f(h.$slots, "translation", {}, void 0, !0)
+        a(e).translation ? (o(), d("div", ze, [
+          v(m.$slots, "translation", {}, void 0, !0)
         ])) : $("", !0)
       ], 2),
-      o("div", {
+      c("div", {
         id: "trusted-site-info",
         class: "px-6",
-        hidden: !p.value
+        hidden: !b.value
       }, [
-        o("div", je, [
-          o("div", Ke, [
-            o("div", Fe, [
-              o("div", Qe, [
-                o("span", We, [
-                  g(a(T), { icon: a(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] = o("span", { class: "has-text-bold" }, ".gov", -1))
+                p[4] || (p[4] = c("span", { class: "has-text-bold" }, ".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))
+              p[5] || (p[5] = c("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
             ]),
-            o("div", qe, [
-              o("div", Xe, [
-                o("div", Ye, [
-                  g(a(T), { icon: a(Le) }, 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] = o("span", { class: "has-text-bold" }, "https://", -1))
+                p[6] || (p[6] = c("span", { class: "has-text-bold" }, "https://", -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))
+              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))
             ])
           ]),
-          o("div", Ze, [
-            o("button", {
+          c("div", je, [
+            c("button", {
               ref_key: "closeInfoToggle",
-              ref: c,
+              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) => a(n)(!1))
+              onClick: p[0] || (p[0] = (u) => a(n)(!1))
             }, [
-              g(a(T), { icon: a(Ce) }, null, 8, ["icon"])
+              g(a(N), {
+                icon: a(U),
+                size: "extra-small",
+                decorative: !0
+              }, null, 8, ["icon"])
             ], 512)
           ])
         ])
-      ], 8, Ve)
+      ], 8, Se)
     ], 64));
   }
-}), U = (t, e) => {
+}), R = (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 = {
+}, Fe = /* @__PURE__ */ R(Ke, [["__scopeId", "data-v-dee4f05c"]]), Qe = {
   key: 0,
   class: "phila-navbar-end"
-}, ae = "5rem", at = /* @__PURE__ */ w({
+}, ie = "5rem", We = /* @__PURE__ */ w({
   __name: "index",
   props: {
     id: {},
@@ -178,30 +145,30 @@ const Se = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     links: { default: () => [{ text: "Home", href: "#" }] }
   },
   setup(t) {
-    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);
+    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", c);
-    }), (p, h) => (l(), d("nav", {
+      window.removeEventListener("resize", r);
+    }), (b, m) => (o(), d("nav", {
       ref_key: "navBarElement",
       ref: n,
-      class: H(["phila-navbar has-links-on-primary", { "is-sticky-desktop": t.sticky, "is-compact-mobile": t.compactMobile }]),
+      class: O(["phila-navbar has-links-on-primary", { "is-sticky-desktop": t.sticky, "is-compact-mobile": t.compactMobile }]),
       "aria-label": "Main navigation",
-      style: re(`--nav-height:${s.value};--nav-bottom:${r.value}px`)
+      style: re(`--nav-height:${s.value};--nav-bottom:${l.value}px`)
     }, [
-      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)
+      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));
   }
-}), 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({
+}), 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: {},
@@ -209,35 +176,35 @@ const Se = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
   },
   setup(t) {
     const e = t;
-    return (i, n) => (l(), d("div", nt, [
-      o("div", st, [
-        g(a(ke), {
-          "icon-definition": a(Me),
+    return (i, n) => (o(), d("div", Xe, [
+      c("div", Ye, [
+        g(a(N), {
+          icon: a($e),
           size: "small",
           decorative: !0
-        }, null, 8, ["icon-definition"]),
-        o("div", ot, [
-          o("h6", lt, x(e.bannerTitle), 1),
-          o("div", rt, x(e.bannerMessage), 1)
+        }, null, 8, ["icon"]),
+        c("div", Ze, [
+          c("h6", Je, x(e.bannerTitle), 1),
+          c("div", et, x(e.bannerMessage), 1)
         ])
       ])
     ]));
   }
-}), 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 = {
+}), 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"
-}, bt = {
+}, rt = {
   class: "is-flex is-flex-column is-flex-wrap-wrap",
   style: { gap: "var(--spacing-4xl)" }
-}, gt = ["href"], mt = /* @__PURE__ */ w({
+}, ct = ["href"], dt = /* @__PURE__ */ w({
   __name: "NavbarLinks",
   props: {
     links: {},
     visibilityGroup: {}
   },
   setup(t) {
-    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({
+    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,
@@ -245,84 +212,86 @@ const Se = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
       blurHide: !0,
       showSingle: !0
     });
-    return he(() => {
-      n.links?.forEach((h) => {
-        if (e(h)) {
-          const b = i(h);
-          r(b);
+    return ge(() => {
+      n.links?.forEach((m) => {
+        if (e(m)) {
+          const p = i(m);
+          l(p);
         }
       });
-    }), (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", {
+    }), (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-${S}`,
+          key: `navbar-link-${E}`,
           class: "phila-navbar-link-list-item",
           onMouseenter: (y) => a(k)(i(u)),
-          onMouseleave: (y) => a(p)(i(u))
+          onMouseleave: (y) => a(b)(i(u))
         }, [
-          o("a", {
+          c("a", {
             href: u.href,
-            class: H(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": a(c)(i(u)) }]),
+            class: O(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": a(r)(i(u)) }]),
             "aria-controls": i(u),
-            "aria-expanded": a(c)(i(u)),
+            "aria-expanded": a(r)(i(u)),
             "data-toggle": `visibility-${i(u)}`,
             tabindex: "0",
-            onTouchend: (y) => a(s)(!a(c)(i(u)), i(u)),
-            onClick: K((y) => a(s)(!a(c)(i(u)), i(u)), ["prevent"])
+            onTouchend: (y) => a(s)(!a(r)(i(u)), i(u)),
+            onClick: F((y) => a(s)(!a(r)(i(u)), i(u)), ["prevent"])
           }, [
-            D(x(u.text) + " ", 1),
-            g(a(T), {
-              class: "ml-1",
-              icon: a(c)(i(u)) ? a(Z) : a(J)
+            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, vt),
-          (l(), B(a(de), {
+          ], 42, ot),
+          (o(), B(a(ue), {
             id: i(u),
             key: u.text,
             "allow-escape": "",
-            hidden: !a(c)(i(u)),
+            hidden: !a(r)(i(u)),
             onEscape: (y) => a(s)(!1, i(u))
           }, {
             default: _(() => [
-              u.subLinks ? (l(), d("div", pt, [
-                o("ul", bt, [
-                  (l(!0), d(E, null, j(u.subLinks, (y) => (l(), d("li", {
+              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" }
                   }, [
-                    o("a", {
+                    c("a", {
                       href: y.href,
                       class: "has-text-link has-text-weight-medium",
                       tabindex: "0"
-                    }, x(y.text), 9, gt)
+                    }, x(y.text), 9, ct)
                   ]))), 128))
                 ])
-              ])) : (l(), B(ce(u.subNav), { key: 1 }))
+              ])) : (o(), B(ce(u.subNav), { key: 1 }))
             ]),
             _: 2
           }, 1032, ["id", "hidden", "onEscape"]))
-        ], 40, ft)) : (l(), d("div", {
-          key: `link-${S}`,
+        ], 40, st)) : (o(), d("div", {
+          key: `link-${E}`,
           class: "phila-navbar-link-list-item"
         }, [
-          o("a", {
+          c("a", {
             href: u.href,
             class: "phila-navbar-link px-4",
             tabindex: "0"
-          }, x(u.text), 9, ut)
+          }, x(u.text), 9, nt)
         ]))
       ], 64))), 256))
     ]));
   }
-}), 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({
+}), 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: i, isVisible: n } = P({
+    const e = t, { setVisibility: i, isVisible: n } = V({
       id: `${e.visibilityGroup}-flyout-navbar-search`,
       group: e.visibilityGroup,
       outsideClickHide: !0,
@@ -330,40 +299,39 @@ const Se = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
       blurHide: !0,
       showSingle: !0
     });
-    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)() }]),
+    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": a(n)(),
             "aria-label": `${a(n)() ? "Close" : "Open"} search panel`,
-            onClick: r[0] || (r[0] = (c) => a(i)(!a(n)()))
+            onClick: l[0] || (l[0] = (r) => a(i)(!a(n)()))
           }, [
-            o("span", kt, [
-              g(a(T), {
-                icon: a(n)() ? a(ve) : a(Be)
-              }, null, 8, ["icon"])
-            ])
-          ], 10, $t)
+            g(a(N), {
+              icon: a(n)() ? a(U) : a(ke),
+              decorative: !0
+            }, null, 8, ["icon"])
+          ], 10, bt)
         ])
       ]),
-      g(a(de), {
+      g(a(ue), {
         id: `${e.visibilityGroup}-flyout-navbar-search`,
         "allow-escape": "",
         class: "nav-flyout is-12",
         hidden: !a(n)(),
-        onEscape: r[1] || (r[1] = (c) => a(i)(!1, `${e.visibilityGroup}-flyout-navbar-search`))
+        onEscape: l[1] || (l[1] = (r) => a(i)(!1, `${e.visibilityGroup}-flyout-navbar-search`))
       }, {
         default: _(() => [
-          f(s.$slots, "search-panel")
+          v(s.$slots, "search-panel")
         ]),
         _: 3
       }, 8, ["id", "hidden"])
     ]));
   }
-}), wt = /* @__PURE__ */ w({
+}), gt = /* @__PURE__ */ w({
   __name: "NavbarBrandLogo",
   props: {
     logo: {},
@@ -372,22 +340,22 @@ const Se = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     altText: {}
   },
   setup(t) {
-    const e = t, i = C(() => ({
+    const e = t, i = A(() => ({
       variant: "city",
       layout: "stacked",
       colorScheme: "on-primary",
       href: e.href,
       ...e.logo
     }));
-    return (n, s) => (l(), B(a(xe), z(i.value, { class: "phila-navbar-logo" }), null, 16));
+    return (n, s) => (o(), B(a(Ce), I(i.value, { class: "phila-navbar-logo" }), null, 16));
   }
-}), Bt = /* @__PURE__ */ U(wt, [["__scopeId", "data-v-3011c249"]]), Mt = { class: "phila-navbar-brand is-flex" }, Ct = {
+}), 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"
-}, Lt = {
+}, _t = {
   key: 0,
   class: "content"
-}, zt = ["href"], Nt = /* @__PURE__ */ w({
+}, $t = ["href"], kt = /* @__PURE__ */ w({
   __name: "NavbarBrand",
   props: {
     brandingImage: {},
@@ -395,72 +363,72 @@ const Se = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     logo: {}
   },
   setup(t) {
-    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)
+    return (e, i) => (o(), d("div", mt, [
+      v(e.$slots, "navbar-logo", {}, () => [
+        t.brandingImage ? (o(), B(ht, I({ key: 0 }, t.brandingImage, { logo: t.logo }), null, 16, ["logo"])) : $("", !0)
       ]),
-      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", {
+      e.$slots["navbar-brand-link"] || t.brandingLink ? (o(), d("div", yt, [
+        v(e.$slots, "navbar-brand-link", {}, () => [
+          t.brandingLink ? (o(), d("div", _t, [
+            c("a", {
               tabindex: "0",
               href: t.brandingLink.href,
               class: "has-text-underline"
-            }, x(t.brandingLink.text), 9, zt)
+            }, x(t.brandingLink.text), 9, $t)
           ])) : $("", !0)
         ])
       ])) : $("", !0)
     ]));
   }
-}), At = ["id"], Tt = ["aria-controls", "aria-expanded", "aria-label"], St = { class: "icon" }, Et = ["id", "hidden"], It = /* @__PURE__ */ w({
+}), 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: i, toggleProps: n } = P({
+    const e = t, { isVisible: i, toggleProps: n } = V({
       id: e.id,
       group: e.visibilityGroup,
       outsideClickHide: !0,
       escapeKeyHide: !0,
       blurHide: !1,
       showSingle: !0
-    }), s = C(() => i(e.id));
-    return (r, c) => (l(), d("div", {
+    }), s = A(() => i(e.id));
+    return (l, r) => (o(), d("div", {
       id: e.id
     }, [
-      o("button", z({
+      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": 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, Tt),
-      o("div", {
+        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: !s.value
       }, [
-        f(r.$slots, "mobile-nav")
-      ], 8, Et)
-    ], 8, At));
+        v(l.$slots, "mobile-nav")
+      ], 8, Bt)
+    ], 8, xt));
   }
-}), Dt = {
+}), At = {
   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 = {
+}, 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"
-}, Ut = {
+}, Et = {
   class: "icon",
   "aria-hidden": "true"
-}, Vt = ["lang", "aria-checked", "tabindex", "onClick"], jt = /* @__PURE__ */ w({
+}, zt = ["lang", "aria-checked", "tabindex", "onClick"], St = /* @__PURE__ */ w({
   __name: "LanguageSwitcher",
   props: {
     languages: {},
@@ -468,117 +436,125 @@ const Se = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
   },
   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(
+    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((v) => v.code === i.locale)
-      ), Y(() => y(r.value));
+        i.languages.findIndex((f) => f.code === i.locale)
+      ), Z(() => y(l.value));
     }
     function u() {
-      s.value ? (s.value = !1, r.value = -1) : b();
+      s.value ? (s.value = !1, l.value = -1) : p();
     }
-    function S() {
-      s.value = !1, r.value = -1, k.value?.focus();
+    function E() {
+      s.value = !1, l.value = -1, k.value?.focus();
     }
-    function y(v) {
-      p.value[v]?.focus();
+    function y(f) {
+      b.value[f]?.focus();
     }
-    function A(v, I) {
-      v && (p.value[I] = v);
+    function L(f, S) {
+      f && (b.value[S] = f);
     }
-    function q(v) {
-      n("update:locale", v), S();
+    function X(f) {
+      n("update:locale", f), E();
     }
-    function X(v) {
-      (v.key === "ArrowDown" || v.key === "ArrowUp") && (v.preventDefault(), s.value || b());
+    function Y(f) {
+      (f.key === "ArrowDown" || f.key === "ArrowUp") && (f.preventDefault(), s.value || p());
     }
-    function m(v) {
-      switch (v.key) {
+    function h(f) {
+      switch (f.key) {
         case "Escape":
-          v.preventDefault(), S();
+          f.preventDefault(), E();
           break;
         case "ArrowDown":
-          v.preventDefault(), r.value = (r.value + 1) % i.languages.length, y(r.value);
+          f.preventDefault(), l.value = (l.value + 1) % i.languages.length, y(l.value);
           break;
         case "ArrowUp":
-          v.preventDefault(), r.value = (r.value - 1 + i.languages.length) % i.languages.length, y(r.value);
+          f.preventDefault(), l.value = (l.value - 1 + i.languages.length) % i.languages.length, y(l.value);
           break;
         case "Home":
-          v.preventDefault(), r.value = 0, y(r.value);
+          f.preventDefault(), l.value = 0, y(l.value);
           break;
         case "End":
-          v.preventDefault(), r.value = i.languages.length - 1, y(r.value);
+          f.preventDefault(), l.value = i.languages.length - 1, y(l.value);
           break;
         case "Tab":
-          S();
+          E();
           break;
       }
     }
-    function N(v) {
-      c.value && !c.value.contains(v.target) && (s.value = !1, r.value = -1);
+    function T(f) {
+      r.value && !r.value.contains(f.target) && (s.value = !1, l.value = -1);
     }
     return oe(() => {
-      document.addEventListener("click", N);
-    }), ye(() => {
-      document.removeEventListener("click", N);
-    }), (v, I) => (l(), d("div", {
+      document.addEventListener("click", T);
+    }), he(() => {
+      document.removeEventListener("click", T);
+    }), (f, S) => (o(), d("div", {
       ref_key: "containerRef",
-      ref: c,
+      ref: r,
       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,
+      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: (O) => n("update:locale", M.code)
-          }, x(M.title), 9, Ot))), 128))
+            onClick: (D) => n("update:locale", C.code)
+          }, x(C.title), 9, It))), 128))
         ])
       ]),
-      o("div", Rt, [
-        o("button", {
+      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: K(u, ["stop"]),
-          onKeydown: X
+          onClick: F(u, ["stop"]),
+          onKeydown: Y
         }, [
-          o("span", Pt, [
-            g(a(T), { icon: a(ze) }, null, 8, ["icon"])
+          c("span", Lt, [
+            g(a(N), {
+              icon: a(we),
+              decorative: "",
+              inline: "",
+              style: { "font-size": "1em" }
+            }, null, 8, ["icon"])
           ]),
-          o("span", Ut, [
-            g(a(T), {
-              icon: s.value ? a(Z) : a(J)
+          c("span", Et, [
+            g(a(N), {
+              icon: s.value ? a(J) : a(ee),
+              decorative: "",
+              inline: "",
+              style: { "font-size": "1em" }
             }, null, 8, ["icon"])
           ])
-        ], 40, Gt),
-        s.value ? (l(), d("div", {
+        ], 40, Nt),
+        s.value ? (o(), d("div", {
           key: 0,
           class: "language-menu",
           role: "menu",
-          onKeydown: m
+          onKeydown: h
         }, [
-          (l(!0), d(E, null, j(t.languages, (M, O) => (l(), d("button", {
-            key: M.code,
+          (o(!0), d(z, null, K(t.languages, (C, D) => (o(), d("button", {
+            key: C.code,
             ref_for: !0,
-            ref: (V) => A(V, O),
-            lang: M.lang,
+            ref: (j) => L(j, D),
+            lang: C.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))
+            "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));
   }
-}), Kt = /* @__PURE__ */ U(jt, [["__scopeId", "data-v-217fe173"]]), va = /* @__PURE__ */ w({
+}), Ht = /* @__PURE__ */ R(St, [["__scopeId", "data-v-f91f4b58"]]), na = /* @__PURE__ */ w({
   __name: "AppHeader",
   props: {
     showTrustedSite: { type: Boolean, default: !0 },
@@ -598,38 +574,38 @@ const Se = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
   emits: ["update:locale"],
   setup(t, { emit: e }) {
     const i = e;
-    return (n, s) => (l(), d(E, null, [
-      t.showTrustedSite ? (l(), B(et, {
+    return (n, s) => (o(), d(z, null, [
+      t.showTrustedSite ? (o(), B(Fe, {
         key: 0,
         "compact-mobile": t.compactMobile
       }, {
         translation: _(() => [
-          f(n.$slots, "translations", {}, () => [
-            t.languages ? (l(), B(Kt, {
+          v(n.$slots, "translations", {}, () => [
+            t.languages ? (o(), B(Ht, {
               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)
+              "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"])) : $("", !0),
-      g(it, {
+      g(qe, {
         id: t.id,
         sticky: t.sticky,
         "compact-mobile": t.compactMobile
-      }, te({
+      }, ae({
         "navbar-toggle": _(() => [
-          f(n.$slots, "navbar-toggle", {}, () => [
-            g(It, {
+          v(n.$slots, "navbar-toggle", {}, () => [
+            g(Ct, {
               id: `mobile-nav-${t.id}`,
               "visibility-group": t.id
-            }, te({ _: 2 }, [
+            }, ae({ _: 2 }, [
               n.$slots["mobile-nav"] ? {
                 name: "mobile-nav",
                 fn: _(() => [
-                  f(n.$slots, "mobile-nav")
+                  v(n.$slots, "mobile-nav")
                 ]),
                 key: "0"
               } : void 0
@@ -637,25 +613,25 @@ const Se = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
           ])
         ]),
         "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)
+          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": _(() => [
-          f(n.$slots, "navbar-right", {}, () => [
-            f(n.$slots, "navbar-links", {}, () => [
-              t.links ? (l(), B(mt, {
+          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"])) : $("", !0)
             ]),
-            f(n.$slots, "navbar-search", {}, () => [
-              g(xt, { "visibility-group": t.id }, {
+            v(n.$slots, "navbar-search", {}, () => [
+              g(pt, { "visibility-group": t.id }, {
                 "search-panel": _(() => [
-                  f(n.$slots, "search-panel")
+                  v(n.$slots, "search-panel")
                 ]),
                 _: 3
               }, 8, ["visibility-group"])
@@ -667,19 +643,19 @@ const Se = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
         n.$slots["navbar-end"] ? {
           name: "navbar-end",
           fn: _(() => [
-            f(n.$slots, "navbar-end")
+            v(n.$slots, "navbar-end")
           ]),
           key: "0"
         } : void 0
       ]), 1032, ["id", "sticky", "compact-mobile"]),
-      t.bannerTitle || t.bannerMessage ? (l(), B(ct, {
+      t.bannerTitle || t.bannerMessage ? (o(), B(at, {
         key: 1,
         "banner-title": t.bannerTitle,
         "banner-message": t.bannerMessage
       }, null, 8, ["banner-title", "banner-message"])) : $("", !0)
     ], 64));
   }
-}), Ft = ["disabled"], ie = /* @__PURE__ */ w({
+}), Ot = ["disabled"], ne = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -695,20 +671,19 @@ const Se = "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, i = (c) => "href" in c && c.href !== void 0 || "to" in c && c.to !== void 0, n = C(() => W(
+    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
-    )), s = C(() => i(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: n.value
@@ -718,10 +693,9 @@ const Se = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
       rel: e.rel,
       disabled: e.disabled,
       className: n.value
-    } : {}), r = C(
+    } : {}), l = A(
       () => ({
-        iconDefinition: e.iconDefinition,
-        iconClass: e.iconClass,
+        icon: e.icon,
         src: e.src,
         iconRight: e.iconRight,
         iconOnly: e.iconOnly,
@@ -729,51 +703,45 @@ const Se = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
         size: e.size
       })
     );
-    return (c, k) => i(e) ? (l(), B(a(ue), z({ key: 0 }, { ...s.value, ...c.$attrs }, { role: "button" }), {
+    return (r, k) => i(e) ? (o(), B(a(ve), I({ key: 0 }, { ...s.value, ...r.$attrs }, { role: "button" }), {
       default: _(() => [
-        g(a(Q), G(F(r.value)), {
+        g(a(W), P(Q(l.value)), {
           default: _(() => [
-            f(c.$slots, "default", {}, () => [
-              D(x(e.text), 1)
+            v(r.$slots, "default", {}, () => [
+              H(x(e.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (l(), d("button", z({
+    }, 16)) : (o(), d("button", I({
       key: 1,
       type: "button",
       disabled: e.disabled,
       class: n.value
-    }, c.$attrs), [
-      g(a(Q), G(F(r.value)), {
+    }, r.$attrs), [
+      g(a(W), P(Q(l.value)), {
         default: _(() => [
-          f(c.$slots, "default", {}, () => [
-            D(x(e.text), 1)
+          v(r.$slots, "default", {}, () => [
+            H(x(e.text), 1)
           ])
         ]),
         _: 3
       }, 16)
-    ], 16, Ft));
+    ], 16, Ot));
   }
-});
-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 Qt = ["id"], Wt = {
+}), Dt = ["id"], Rt = {
   key: 0,
   class: "tooltip__tail",
   "aria-hidden": "true"
-}, qt = {
+}, Gt = {
   key: 1,
   class: "tooltip__plain-row has-text-body-small"
-}, Xt = {
+}, Pt = {
   key: 0,
   class: "tooltip__title-row"
-}, Yt = { key: 0 }, Zt = /* @__PURE__ */ w({
+}, Ut = { key: 0 }, Vt = /* @__PURE__ */ w({
   __name: "TooltipBubble",
   props: {
     id: {},
@@ -787,8 +755,8 @@ const Qt = ["id"], Wt = {
   },
   emits: ["dismiss"],
   setup(t) {
-    const e = t, i = C(
-      () => W(
+    const e = t, i = A(
+      () => q(
         "tooltip",
         "content",
         "resets-link-colors",
@@ -798,48 +766,48 @@ const Qt = ["id"], Wt = {
         e.className
       )
     );
-    return (n, s) => (l(), d("div", {
+    return (n, s) => (o(), d("div", {
       id: t.id,
-      class: H(i.value),
+      class: O(i.value),
       role: "tooltip"
     }, [
-      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), {
+      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": a(ne),
+          icon: a(U),
           "aria-label": "Dismiss tooltip",
-          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), {
+          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": a(ne),
+            icon: a(U),
             "aria-label": "Dismiss tooltip",
-            onClick: s[1] || (s[1] = (r) => n.$emit("dismiss"))
-          }, null, 8, ["icon-definition"])) : $("", !0)
+            onClick: s[1] || (s[1] = (l) => n.$emit("dismiss"))
+          }, null, 8, ["icon"])) : $("", !0)
         ])) : $("", !0),
-        f(n.$slots, "default", {}, void 0, !0)
+        v(n.$slots, "default", {}, void 0, !0)
       ], 64))
-    ], 10, Qt));
+    ], 10, Dt));
   }
-}), be = (t, e) => {
+}), fe = (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({
+}, jt = /* @__PURE__ */ fe(Vt, [["__scopeId", "data-v-7af177ec"]]), Kt = /* @__PURE__ */ w({
   __name: "Tooltip",
   props: {
     trigger: { default: "hover" },
@@ -852,31 +820,31 @@ const Qt = ["id"], Wt = {
     className: {}
   },
   setup(t, { expose: e }) {
-    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: 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" && A();
-    }, u = (m) => {
-      r.value && !r.value.contains(m.target) && A();
+    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 S() {
-      const m = c.value?.firstElementChild?.getBoundingClientRect();
-      if (!m) return;
-      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));
+    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 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();
+      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();
     };
-    le(A), e({ show: y, hide: A });
-    const X = C(() => ({
+    le(L), e({ show: y, hide: L });
+    const Y = A(() => ({
       type: i.type,
       color: i.color,
       tail: i.tail,
@@ -884,43 +852,43 @@ const Qt = ["id"], Wt = {
       title: i.title,
       dismissable: i.dismissable
     }));
-    return (m, N) => (l(), d("span", z(
+    return (h, T) => (o(), d("span", I(
       {
         ref_key: "wrapperEl",
-        ref: r,
-        class: a(W)("tooltip-trigger", i.className)
+        ref: l,
+        class: a(q)("tooltip-trigger", i.className)
       },
-      t.trigger === "click" ? { onClick: q } : { onMouseenter: y, onMouseleave: A, onFocusin: y, onFocusout: A }
+      t.trigger === "click" ? { onClick: X } : { onMouseenter: y, onMouseleave: L, onFocusin: y, onFocusout: L }
     ), [
-      f(m.$slots, "default", {
+      v(h.$slots, "default", {
         tooltipId: a(n),
         isOpen: s.value
       }, void 0, !0),
-      o("span", {
+      c("span", {
         ref_key: "positionerEl",
-        ref: c,
-        class: H(["tooltip-trigger__positioner", `tooltip-trigger__positioner--${k.value}`]),
+        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": `${p.value}px`
+          "--adjust-x": `${b.value}px`
         }),
-        onClick: N[0] || (N[0] = K(() => {
+        onClick: T[0] || (T[0] = F(() => {
         }, ["stop"]))
       }, [
-        g(Jt, z(X.value, {
+        g(jt, I(Y.value, {
           id: a(n),
-          onDismiss: A
+          onDismiss: L
         }), {
           default: _(() => [
-            f(m.$slots, "body", {}, void 0, !0)
+            v(h.$slots, "body", {}, void 0, !0)
           ]),
           _: 3
         }, 16, ["id"])
       ], 6)
     ], 16));
   }
-}), ta = /* @__PURE__ */ be(ea, [["__scopeId", "data-v-b3f93b8c"]]), aa = ["disabled"], ia = /* @__PURE__ */ w({
+}), Ft = /* @__PURE__ */ fe(Kt, [["__scopeId", "data-v-b3f93b8c"]]), Qt = ["disabled"], Wt = /* @__PURE__ */ w({
   inheritAttrs: !1,
   __name: "PhlButton",
   props: {
@@ -936,20 +904,19 @@ const Qt = ["id"], Wt = {
     iconRight: { type: Boolean },
     text: {},
     className: {},
-    iconDefinition: {},
-    iconClass: {},
+    icon: {},
     src: {},
     svgRaw: {}
   },
   setup(t) {
-    const e = t, i = (c) => "href" in c && c.href !== void 0 || "to" in c && c.to !== void 0, n = C(() => W(
+    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
-    )), s = C(() => i(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: n.value
@@ -959,10 +926,9 @@ const Qt = ["id"], Wt = {
       rel: e.rel,
       disabled: e.disabled,
       className: n.value
-    } : {}), r = C(
+    } : {}), l = A(
       () => ({
-        iconDefinition: e.iconDefinition,
-        iconClass: e.iconClass,
+        icon: e.icon,
         src: e.src,
         iconRight: e.iconRight,
         iconOnly: e.iconOnly,
@@ -970,39 +936,39 @@ const Qt = ["id"], Wt = {
         size: e.size
       })
     );
-    return (c, k) => i(e) ? (l(), B(a(ue), z({ key: 0 }, { ...s.value, ...c.$attrs }, { role: "button" }), {
+    return (r, k) => i(e) ? (o(), B(a(ve), I({ key: 0 }, { ...s.value, ...r.$attrs }, { role: "button" }), {
       default: _(() => [
-        g(a(Q), G(F(r.value)), {
+        g(a(W), P(Q(l.value)), {
           default: _(() => [
-            f(c.$slots, "default", {}, () => [
-              D(x(e.text), 1)
+            v(r.$slots, "default", {}, () => [
+              H(x(e.text), 1)
             ])
           ]),
           _: 3
         }, 16)
       ]),
       _: 3
-    }, 16)) : (l(), d("button", z({
+    }, 16)) : (o(), d("button", I({
       key: 1,
       type: "button",
       disabled: e.disabled,
       class: n.value
-    }, c.$attrs), [
-      g(a(Q), G(F(r.value)), {
+    }, r.$attrs), [
+      g(a(W), P(Q(l.value)), {
         default: _(() => [
-          f(c.$slots, "default", {}, () => [
-            D(x(e.text), 1)
+          v(r.$slots, "default", {}, () => [
+            H(x(e.text), 1)
           ])
         ]),
         _: 3
       }, 16)
-    ], 16, aa));
+    ], 16, Qt));
   }
-}), na = { class: "navbar-info" }, sa = { class: "navbar-info__group" }, oa = {
+}), 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"
-}, la = { class: "has-text-body-small" }, ra = /* @__PURE__ */ w({
+}, Zt = { class: "has-text-body-small" }, Jt = /* @__PURE__ */ w({
   __name: "NavbarInfo",
   props: {
     infoTitle: {},
@@ -1010,12 +976,12 @@ const Qt = ["id"], Wt = {
     label: {}
   },
   setup(t, { expose: e }) {
-    const i = R("tooltip");
+    const i = G("tooltip");
     return e({
       show: () => i.value?.show(),
       hide: () => i.value?.hide()
-    }), (n, s) => (l(), d("div", na, [
-      g(a(ta), {
+    }), (n, s) => (o(), d("div", qt, [
+      g(a(Ft), {
         ref_key: "tooltip",
         ref: i,
         type: "rich",
@@ -1023,41 +989,41 @@ const Qt = ["id"], Wt = {
         trigger: "click",
         dismissable: !0
       }, {
-        default: _(({ tooltipId: r, isOpen: c }) => [
-          o("span", sa, [
-            g(a(ia), {
+        default: _(({ tooltipId: l, isOpen: r }) => [
+          c("span", Xt, [
+            g(a(Wt), {
               class: "navbar-info__trigger",
               variant: "standard",
               size: "small",
               "icon-only": !0,
-              "icon-definition": a(pe),
+              icon: a(de),
               "aria-label": "More information",
-              "aria-describedby": r,
-              "aria-pressed": c
-            }, null, 8, ["icon-definition", "aria-describedby", "aria-pressed"]),
-            t.label ? (l(), d("span", oa, x(t.label), 1)) : $("", !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: _(() => [
-          f(n.$slots, "default", {}, () => [
-            o("div", la, x(t.infoMessage), 1)
+          v(n.$slots, "default", {}, () => [
+            c("div", Zt, x(t.infoMessage), 1)
           ], !0)
         ]),
         _: 3
       }, 8, ["title"])
     ]));
   }
-}), pa = /* @__PURE__ */ U(ra, [["__scopeId", "data-v-c3989251"]]);
+}), sa = /* @__PURE__ */ R(Jt, [["__scopeId", "data-v-a29fa022"]]);
 export {
-  ct as AlertBanner,
-  va as AppHeader,
-  Kt as LanguageSwitcher,
-  it as NavBar,
-  Nt as NavbarBrand,
-  Bt as NavbarBrandLogo,
-  It as NavbarBurger,
-  pa as NavbarInfo,
-  mt as NavbarLinks,
-  xt as NavbarSearch,
-  et 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
 };