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

package/dist/index.mjs

@@ -1,219 +1,219 @@
-import { defineComponent as k, useSlots as H, computed as M, createElementBlock as c, openBlock as s, Fragment as y, createElementVNode as a, createCommentVNode as h, unref as t, createTextVNode as C, createVNode as b, renderSlot as f, createBlock as u, withCtx as m, resolveDynamicComponent as _, normalizeClass as $, renderList as A, toDisplayString as x, withKeys as O, mergeProps as z, useTemplateRef as j, ref as N, watch as D, onMounted as V, onUnmounted as Q, normalizeStyle as K, createSlots as S } from "vue";
-import { FontAwesomeIcon as p } from "@fortawesome/vue-fontawesome";
-import { useCollapse as T, debounce as F, Icon as R } from "@phila/phila-ui-core";
-import { CollapsePanel as w } from "@phila/phila-ui-collapse-panel";
-import { Logo as q } from "@phila/phila-ui-logo";
-import './index.css';var W = {
+import { defineComponent as y, useSlots as ue, computed as k, createElementBlock as u, openBlock as o, Fragment as N, createElementVNode as s, createCommentVNode as m, unref as n, createTextVNode as w, createVNode as p, renderSlot as f, createBlock as b, withCtx as v, resolveDynamicComponent as E, normalizeClass as z, renderList as F, toDisplayString as h, withKeys as fe, mergeProps as C, useTemplateRef as W, ref as B, watch as ve, onMounted as me, onUnmounted as q, normalizeStyle as X, createSlots as Z, useId as be, withModifiers as pe, normalizeProps as M, guardReactiveProps as T } from "vue";
+import { FontAwesomeIcon as $ } from "@fortawesome/vue-fontawesome";
+import { useCollapse as Y, debounce as he, Icon as ye, cn as I, BaseLink as J, ActionContent as S } from "@phila/phila-ui-core";
+import { CollapsePanel as D } from "@phila/phila-ui-collapse-panel";
+import { Logo as ge } from "@phila/phila-ui-logo";
+import './index.css';var ke = {
   prefix: "fas",
   iconName: "magnifying-glass",
   icon: [512, 512, [128269, "search"], "f002", "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376C296.3 401.1 253.9 416 208 416 93.1 416 0 322.9 0 208S93.1 0 208 0 416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"]
-}, X = W, Y = {
+}, _e = ke, xe = {
   prefix: "fas",
   iconName: "circle-exclamation",
   icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512a256 256 0 1 1 0-512 256 256 0 1 1 0 512zm0-192a32 32 0 1 0 0 64 32 32 0 1 0 0-64zm0-192c-18.2 0-32.7 15.5-31.4 33.7l7.4 104c.9 12.6 11.4 22.3 23.9 22.3 12.6 0 23-9.7 23.9-22.3l7.4-104c1.3-18.2-13.1-33.7-31.4-33.7z"]
-}, E = {
+}, P = {
   prefix: "fas",
   iconName: "xmark",
   icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
-}, Z = E, I = E, J = {
+}, $e = P, ee = P, Ce = {
   prefix: "fas",
   iconName: "lock",
   icon: [384, 512, [128274], "f023", "M128 96l0 64 128 0 0-64c0-35.3-28.7-64-64-64s-64 28.7-64 64zM64 160l0-64C64 25.3 121.3-32 192-32S320 25.3 320 96l0 64c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64z"]
-}, U = {
+}, te = {
   prefix: "fas",
   iconName: "caret-up",
   icon: [320, 512, [], "f0d8", "M140.3 135.2c12.6-10.3 31.1-9.5 42.8 2.2l128 128c9.2 9.2 11.9 22.9 6.9 34.9S301.4 320 288.5 320l-256 0c-12.9 0-24.6-7.8-29.6-19.8S.7 274.5 9.9 265.4l128-128 2.4-2.2z"]
-}, G = {
+}, ae = {
   prefix: "fas",
   iconName: "caret-down",
   icon: [320, 512, [], "f0d7", "M140.3 376.8c12.6 10.2 31.1 9.5 42.8-2.2l128-128c9.2-9.2 11.9-22.9 6.9-34.9S301.4 192 288.5 192l-256 0c-12.9 0-24.6 7.8-29.6 19.8S.7 237.5 9.9 246.6l128 128 2.4 2.2z"]
-}, P = {
+}, we = {
   prefix: "fas",
   iconName: "building-columns",
   icon: [512, 512, ["bank", "institution", "museum", "university"], "f19c", "M271.9 20.2c-9.8-5.6-21.9-5.6-31.8 0l-224 128c-12.6 7.2-18.8 22-15.1 36S17.5 208 32 208l32 0 0 208 0 0-51.2 38.4C4.7 460.4 0 469.9 0 480 0 497.7 14.3 512 32 512l448 0c17.7 0 32-14.3 32-32 0-10.1-4.7-19.6-12.8-25.6l-51.2-38.4 0-208 32 0c14.5 0 27.2-9.8 30.9-23.8s-2.5-28.8-15.1-36l-224-128zM400 208l0 208-64 0 0-208 64 0zm-112 0l0 208-64 0 0-208 64 0zm-112 0l0 208-64 0 0-208 64 0zM256 96a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"]
-}, ee = {
+}, Be = {
   prefix: "fas",
   iconName: "bars",
   icon: [448, 512, ["navicon"], "f0c9", "M0 96C0 78.3 14.3 64 32 64l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l384 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L32 288c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32L32 448c-17.7 0-32-14.3-32-32s14.3-32 32-32l384 0c17.7 0 32 14.3 32 32z"]
-}, ae = {
+}, Ne = {
   prefix: "fas",
   iconName: "circle-info",
   icon: [512, 512, ["info-circle"], "f05a", "M256 512a256 256 0 1 0 0-512 256 256 0 1 0 0 512zM224 160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm-8 64l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24z"]
-}, ne = ae;
-const te = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%200%2016%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='16'%20height='11'%20fill='url(%23pattern0_61022_1867)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_61022_1867'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_61022_1867'%20transform='scale(0.0625%200.0909091)'/%3e%3c/pattern%3e%3cimage%20id='image0_61022_1867'%20width='16'%20height='11'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e", ie = {
+}, ie = Ne;
+const ze = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%200%2016%2011'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3crect%20width='16'%20height='11'%20fill='url(%23pattern0_61022_1867)'/%3e%3cdefs%3e%3cpattern%20id='pattern0_61022_1867'%20patternContentUnits='objectBoundingBox'%20width='1'%20height='1'%3e%3cuse%20xlink:href='%23image0_61022_1867'%20transform='scale(0.0625%200.0909091)'/%3e%3c/pattern%3e%3cimage%20id='image0_61022_1867'%20width='16'%20height='11'%20preserveAspectRatio='none'%20xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAAAG1BMVEUdM7EeNLIeM7HgQCDaPh/bPh/bPx/////bPyBEby41AAAAUElEQVQI123MNw4CABDEwD3jC/9/MQ1BQrgeOSkIqYe2o2FZtthXgQLgbHVMZdlsfUQFQnHtjP1+8BUhBDKOqtmfot6ojqPzR7TjdU+f6vkED+IDPhTBcMAAAAAASUVORK5CYII='/%3e%3c/defs%3e%3c/svg%3e", Ae = {
   id: "trusted-site",
   class: "is-flex is-justify-space-between"
-}, se = { class: "trusted-wrap" }, oe = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, le = ["src"], re = ["aria-label", "aria-expanded"], ce = {
+}, Le = { class: "trusted-wrap" }, Me = { class: "hidden-tablet trusted-toggle is-flex is-align-center" }, Te = ["src"], Se = ["aria-label", "aria-expanded"], Ee = {
   class: "icon",
   "aria-hidden": "true"
-}, de = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, ue = ["aria-label", "aria-expanded"], ve = {
+}, Ie = { class: "hidden-desktop trusted-toggle is-flex is-align-center" }, Oe = ["aria-label", "aria-expanded"], De = {
   class: "icon",
   "aria-hidden": "true"
-}, fe = {
+}, Re = {
   key: 0,
   class: "trusted-translation is-flex is-align-center"
-}, he = ["hidden"], be = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, me = { class: "info-item-wrap is-flex" }, pe = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, ke = { class: "trusted-icon is-flex is-flex-column has-text-center" }, ge = { class: "icon circle-icon p-3 mb-2" }, xe = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, ye = { class: "trusted-icon is-flex is-flex-column has-text-center" }, _e = { class: "icon circle-icon p-3 mb-2" }, $e = { class: "info-content-close mt-4" }, Ce = /* @__PURE__ */ k({
+}, He = ["hidden"], Ue = { class: "trusted-site-info-content content has-text-body-small is-flex is-justify-space-between" }, Ge = { class: "info-item-wrap is-flex" }, je = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, Fe = { class: "trusted-icon is-flex is-flex-column has-text-center" }, Ve = { class: "icon circle-icon p-3 mb-2" }, Qe = { class: "info-item is-flex is-12-mobile is-align-flex-start is-flex-1 my-4" }, Ke = { class: "trusted-icon is-flex is-flex-column has-text-center" }, We = { class: "icon circle-icon p-3 mb-2" }, qe = { class: "info-content-close mt-4" }, Xe = /* @__PURE__ */ y({
   __name: "TrustedSite",
-  setup(e) {
-    const l = H(), { isCollapsed: d, onClickToggle: n } = T({
+  setup(t) {
+    const e = ue(), { isCollapsed: l, onClickToggle: a } = Y({
       id: "trusted-site-info",
       escapeKeyClose: !0
-    }), v = M(() => d("trusted-site-info"));
-    return (r, o) => (s(), c(y, null, [
-      a("div", ie, [
-        a("div", se, [
-          a("div", oe, [
-            a("img", {
-              src: t(te),
+    }), c = k(() => l("trusted-site-info"));
+    return (d, i) => (o(), u(N, null, [
+      s("div", Ae, [
+        s("div", Le, [
+          s("div", Me, [
+            s("img", {
+              src: n(ze),
               alt: "",
               class: "icon"
-            }, null, 8, le),
-            o[4] || (o[4] = a("div", { class: "content mx-2" }, "An official website of the City of Philadelphia government", -1)),
-            a("button", {
+            }, null, 8, Te),
+            i[4] || (i[4] = s("div", { class: "content mx-2" }, "An official website of the City of Philadelphia government", -1)),
+            s("button", {
               class: "phila-button is-extra-small",
-              "aria-label": `${v.value ? "Close" : "Open"} Trusted Site information panel`,
+              "aria-label": `${c.value ? "Close" : "Open"} Trusted Site information panel`,
               "aria-controls": "trusted-site-info",
-              "aria-expanded": v.value,
-              onClick: o[0] || (o[0] = //@ts-ignore
-              (...i) => t(n) && t(n)(...i))
+              "aria-expanded": c.value,
+              onClick: i[0] || (i[0] = //@ts-ignore
+              (...r) => n(a) && n(a)(...r))
             }, [
-              o[3] || (o[3] = C(" Here's how you know ", -1)),
-              a("span", ce, [
-                b(t(p), {
-                  icon: v.value ? t(U) : t(G)
+              i[3] || (i[3] = w(" Here's how you know ", -1)),
+              s("span", Ee, [
+                p(n($), {
+                  icon: c.value ? n(te) : n(ae)
                 }, null, 8, ["icon"])
               ])
-            ], 8, re)
+            ], 8, Se)
           ]),
-          a("div", de, [
-            a("button", {
+          s("div", Ie, [
+            s("button", {
               class: "phila-button is-extra-small",
-              "aria-label": `${v.value ? "Close" : "Open"} Trusted Site information panel`,
+              "aria-label": `${c.value ? "Close" : "Open"} Trusted Site information panel`,
               "aria-controls": "trusted-site-info",
-              "aria-expanded": v.value,
-              onClick: o[1] || (o[1] = //@ts-ignore
-              (...i) => t(n) && t(n)(...i))
+              "aria-expanded": c.value,
+              onClick: i[1] || (i[1] = //@ts-ignore
+              (...r) => n(a) && n(a)(...r))
             }, [
-              o[5] || (o[5] = C(" An official website ", -1)),
-              a("span", ve, [
-                b(t(p), { icon: t(ne) }, null, 8, ["icon"])
+              i[5] || (i[5] = w(" An official website ", -1)),
+              s("span", De, [
+                p(n($), { icon: n(ie) }, null, 8, ["icon"])
               ])
-            ], 8, ue)
+            ], 8, Oe)
           ])
         ]),
-        t(l).translation ? (s(), c("div", fe, [
-          f(r.$slots, "translation", {}, void 0, !0)
-        ])) : h("", !0)
+        n(e).translation ? (o(), u("div", Re, [
+          f(d.$slots, "translation", {}, void 0, !0)
+        ])) : m("", !0)
       ]),
-      a("div", {
+      s("div", {
         id: "trusted-site-info",
         class: "px-6",
-        hidden: !v.value
+        hidden: !c.value
       }, [
-        a("div", be, [
-          a("div", me, [
-            a("div", pe, [
-              a("div", ke, [
-                a("span", ge, [
-                  b(t(p), { icon: t(P) }, null, 8, ["icon"])
+        s("div", Ue, [
+          s("div", Ge, [
+            s("div", je, [
+              s("div", Fe, [
+                s("span", Ve, [
+                  p(n($), { icon: n(we) }, null, 8, ["icon"])
                 ]),
-                o[6] || (o[6] = a("span", { class: "has-text-bold" }, ".gov", -1))
+                i[6] || (i[6] = s("span", { class: "has-text-bold" }, ".gov", -1))
               ]),
-              o[7] || (o[7] = a("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
+              i[7] || (i[7] = s("div", { class: "trusted-text m-4" }, "Only government entities in the U.S. can end in .gov", -1))
             ]),
-            a("div", xe, [
-              a("div", ye, [
-                a("div", _e, [
-                  b(t(p), { icon: t(J) }, null, 8, ["icon"])
+            s("div", Qe, [
+              s("div", Ke, [
+                s("div", We, [
+                  p(n($), { icon: n(Ce) }, null, 8, ["icon"])
                 ]),
-                o[8] || (o[8] = a("span", { class: "has-text-bold" }, "https://", -1))
+                i[8] || (i[8] = s("span", { class: "has-text-bold" }, "https://", -1))
               ]),
-              o[9] || (o[9] = a("div", { class: "trusted-text m-4" }, " The https:// in the address bar means your information is encrypted and can not be accessed by anyone else ", -1))
+              i[9] || (i[9] = s("div", { class: "trusted-text m-4" }, " The https:// in the address bar means your information is encrypted and can not be accessed by anyone else ", -1))
             ])
           ]),
-          a("div", $e, [
-            a("button", {
+          s("div", qe, [
+            s("button", {
               class: "phila-button phila-button--primary icon-button is-extra-small",
               "aria-label": "Close Trusted Site information panel",
-              onClick: o[2] || (o[2] = //@ts-ignore
-              (...i) => t(n) && t(n)(...i))
+              onClick: i[2] || (i[2] = //@ts-ignore
+              (...r) => n(a) && n(a)(...r))
             }, [
-              b(t(p), { icon: t(Z) }, null, 8, ["icon"])
+              p(n($), { icon: n($e) }, null, 8, ["icon"])
             ])
           ])
         ])
-      ], 8, he)
+      ], 8, He)
     ], 64));
   }
-}), B = (e, l) => {
-  const d = e.__vccOpts || e;
-  for (const [n, v] of l)
-    d[n] = v;
-  return d;
-}, we = /* @__PURE__ */ B(Ce, [["__scopeId", "data-v-3fc90bb2"]]), Be = ["aria-controls", "aria-expanded", "aria-label", "onClick"], Ae = { class: "icon" }, Ne = ["id", "hidden"], Le = /* @__PURE__ */ k({
+}), O = (t, e) => {
+  const l = t.__vccOpts || t;
+  for (const [a, c] of e)
+    l[a] = c;
+  return l;
+}, Ze = /* @__PURE__ */ O(Xe, [["__scopeId", "data-v-3fc90bb2"]]), Ye = ["aria-controls", "aria-expanded", "aria-label", "onClick"], Je = { class: "icon" }, Pe = ["id", "hidden"], et = /* @__PURE__ */ y({
   __name: "NavbarBurger",
   props: {
     mobileNav: {},
     collapseGroup: {}
   },
-  setup(e) {
-    return (l, d) => (s(), u(t(w), {
+  setup(t) {
+    return (e, l) => (o(), b(n(D), {
       id: "mobile-nav",
-      group: e.collapseGroup,
+      group: t.collapseGroup,
       "outside-click-close": "",
       "escape-key-close": "",
       "blur-close": "",
       "open-single": ""
     }, {
-      toggle: m((n) => [
-        a("button", {
-          class: $(["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": n.open }]),
-          "aria-controls": n.ariaControls,
-          "aria-expanded": n.open,
-          "aria-label": `${n.open ? "Close" : "Open"} mobile navigation panel`,
-          onClick: n.onClick
+      toggle: v((a) => [
+        s("button", {
+          class: z(["phila-navbar-burger phila-button icon-button", { "phila-navbar-item-flyout-active": a.open }]),
+          "aria-controls": a.ariaControls,
+          "aria-expanded": a.open,
+          "aria-label": `${a.open ? "Close" : "Open"} mobile navigation panel`,
+          onClick: a.onClick
         }, [
-          a("span", Ae, [
-            b(t(p), {
-              icon: n.open ? t(I) : t(ee)
+          s("span", Je, [
+            p(n($), {
+              icon: a.open ? n(ee) : n(Be)
             }, null, 8, ["icon"])
           ])
-        ], 10, Be)
+        ], 10, Ye)
       ]),
-      default: m((n) => [
-        a("div", {
-          id: n.id,
+      default: v((a) => [
+        s("div", {
+          id: a.id,
           class: "phila-mobile-nav",
-          hidden: !n.open
+          hidden: !a.open
         }, [
-          f(l.$slots, "mobile-nav", {}, () => [
-            (s(), u(_(e.mobileNav)))
+          f(e.$slots, "mobile-nav", {}, () => [
+            (o(), b(E(t.mobileNav)))
           ])
-        ], 8, Ne)
+        ], 8, Pe)
       ]),
       _: 3
     }, 8, ["group"]));
   }
-}), Me = ["href"], ze = ["href", "aria-controls", "aria-expanded", "onKeypress", "onTouchend", "onClick"], Se = ["id", "hidden"], Te = {
+}), tt = ["href"], at = ["href", "aria-controls", "aria-expanded", "onKeypress", "onTouchend", "onClick"], it = ["id", "hidden"], nt = {
   key: 0,
   class: "content nav-flyout has-background-ghost-gray px-6 py-4",
   tabindex: "-1"
-}, Ee = {
+}, st = {
   class: "is-flex is-flex-column is-flex-wrap-wrap",
   style: { gap: "var(--spacing-4xl)" }
-}, Ie = ["href"], Ue = /* @__PURE__ */ k({
+}, ot = ["href"], lt = /* @__PURE__ */ y({
   __name: "NavbarLinks",
   props: {
     links: {},
     collapseGroup: {}
   },
-  setup(e) {
-    const l = (n) => !!(n.subLinks || n.subNav), d = (n) => `main-nav-${n.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g, "")}`;
-    return (n, v) => (s(!0), c(y, null, A(e.links, (r, o) => (s(), c(y, null, [
-      l(r) ? (s(), u(t(w), {
-        id: d(r),
-        key: `collapse-${o}`,
-        group: e.collapseGroup,
+  setup(t) {
+    const e = (a) => !!(a.subLinks || a.subNav), l = (a) => `main-nav-${a.text.split(" ").join("-").toLowerCase().replace(/[^a-z0-9-]/g, "")}`;
+    return (a, c) => (o(!0), u(N, null, F(t.links, (d, i) => (o(), u(N, null, [
+      e(d) ? (o(), b(n(D), {
+        id: l(d),
+        key: `collapse-${i}`,
+        group: t.collapseGroup,
         "outside-click-close": "",
         "escape-key-close": "",
         "blur-close": "",
@@ -221,61 +221,61 @@ const te = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
         "open-single": "",
         class: "phila-navbar-link-list-item"
       }, {
-        toggle: m((i) => [
-          a("a", {
-            href: r.href,
-            class: $(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": i.open }]),
-            "aria-controls": i.ariaControls,
-            "aria-expanded": i.open,
+        toggle: v((r) => [
+          s("a", {
+            href: d.href,
+            class: z(["phila-navbar-link px-4", { "phila-navbar-item-flyout-active": r.open }]),
+            "aria-controls": r.ariaControls,
+            "aria-expanded": r.open,
             tabindex: "0",
-            onKeypress: O(i.onClick, ["enter"]),
-            onTouchend: i.onClick,
-            onClick: i.onClick
+            onKeypress: fe(r.onClick, ["enter"]),
+            onTouchend: r.onClick,
+            onClick: r.onClick
           }, [
-            C(x(r.text) + " ", 1),
-            b(t(p), {
+            w(h(d.text) + " ", 1),
+            p(n($), {
               class: "ml-1",
-              icon: i.open ? t(U) : t(G)
+              icon: r.open ? n(te) : n(ae)
             }, null, 8, ["icon"])
-          ], 42, ze)
+          ], 42, at)
         ]),
-        default: m((i) => [
-          (s(), c("div", {
-            id: i.id,
-            key: r.text,
-            hidden: !i.open
+        default: v((r) => [
+          (o(), u("div", {
+            id: r.id,
+            key: d.text,
+            hidden: !r.open
           }, [
-            r.subLinks ? (s(), c("div", Te, [
-              a("ul", Ee, [
-                (s(!0), c(y, null, A(r.subLinks, (g) => (s(), c("li", {
-                  key: g.text,
+            d.subLinks ? (o(), u("div", nt, [
+              s("ul", st, [
+                (o(!0), u(N, null, F(d.subLinks, (_) => (o(), u("li", {
+                  key: _.text,
                   class: "sub-nav-link is-flex is-align-center",
                   style: { width: "150px" }
                 }, [
-                  a("a", {
-                    href: g.href,
+                  s("a", {
+                    href: _.href,
                     class: "has-text-link has-text-weight-medium",
                     tabindex: "0"
-                  }, x(g.text), 9, Ie)
+                  }, h(_.text), 9, ot)
                 ]))), 128))
               ])
-            ])) : (s(), u(_(r.subNav), { key: 1 }))
-          ], 8, Se))
+            ])) : (o(), b(E(d.subNav), { key: 1 }))
+          ], 8, it))
         ]),
         _: 2
-      }, 1032, ["id", "group"])) : (s(), c("div", {
-        key: `link-${o}`,
+      }, 1032, ["id", "group"])) : (o(), u("div", {
+        key: `link-${i}`,
         class: "phila-navbar-link-list-item"
       }, [
-        a("a", {
-          href: r.href,
+        s("a", {
+          href: d.href,
           class: "phila-navbar-link px-4",
           tabindex: "0"
-        }, x(r.text), 9, Me)
+        }, h(d.text), 9, tt)
       ]))
     ], 64))), 256));
   }
-}), Ge = /* @__PURE__ */ k({
+}), rt = /* @__PURE__ */ y({
   __name: "NavbarBrandLogo",
   props: {
     logo: {},
@@ -283,72 +283,72 @@ const te = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     href: {},
     altText: {}
   },
-  setup(e) {
-    const l = e, d = M(() => ({
+  setup(t) {
+    const e = t, l = k(() => ({
       variant: "city",
       layout: "stacked",
       colorScheme: "on-primary",
-      href: l.href,
-      ...l.logo
+      href: e.href,
+      ...e.logo
     }));
-    return (n, v) => (s(), u(t(q), z(d.value, { class: "phila-navbar-logo" }), null, 16));
+    return (a, c) => (o(), b(n(ge), C(l.value, { class: "phila-navbar-logo" }), null, 16));
   }
-}), He = /* @__PURE__ */ B(Ge, [["__scopeId", "data-v-3011c249"]]), Oe = { class: "pr-4" }, je = ["aria-controls", "aria-expanded", "aria-label", "onClick"], De = { class: "icon" }, Ve = ["id", "hidden"], Qe = /* @__PURE__ */ k({
+}), ct = /* @__PURE__ */ O(rt, [["__scopeId", "data-v-3011c249"]]), dt = { class: "pr-4" }, ut = ["aria-controls", "aria-expanded", "aria-label", "onClick"], ft = { class: "icon" }, vt = ["id", "hidden"], mt = /* @__PURE__ */ y({
   __name: "NavbarSearch",
   props: {
     search: {},
     collapseGroup: {}
   },
-  setup(e) {
-    return (l, d) => (s(), u(t(w), {
+  setup(t) {
+    return (e, l) => (o(), b(n(D), {
       id: "navbar-search",
-      group: e.collapseGroup,
+      group: t.collapseGroup,
       "outside-click-close": "",
       "escape-key-close": "",
       "blur-close": "",
       "open-single": ""
     }, {
-      toggle: m((n) => [
-        a("div", Oe, [
-          a("button", {
-            class: $(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": n.open }]),
-            "aria-controls": n.ariaControls,
-            "aria-expanded": n.open,
-            "aria-label": `${n.open ? "Close" : "Open"} search panel`,
-            onClick: n.onClick
+      toggle: v((a) => [
+        s("div", dt, [
+          s("button", {
+            class: z(["phila-button phila-button--primary icon-button is-small", { "phila-navbar-item-flyout-active": a.open }]),
+            "aria-controls": a.ariaControls,
+            "aria-expanded": a.open,
+            "aria-label": `${a.open ? "Close" : "Open"} search panel`,
+            onClick: a.onClick
           }, [
-            a("span", De, [
-              b(t(p), {
-                icon: n.open ? t(I) : t(X)
+            s("span", ft, [
+              p(n($), {
+                icon: a.open ? n(ee) : n(_e)
               }, null, 8, ["icon"])
             ])
-          ], 10, je)
+          ], 10, ut)
         ])
       ]),
-      default: m((n) => [
-        a("div", {
-          id: n.id,
+      default: v((a) => [
+        s("div", {
+          id: a.id,
           class: "nav-flyout is-12",
-          hidden: !n.open
+          hidden: !a.open
         }, [
-          f(l.$slots, "default", {}, () => [
-            e.search && n.open ? (s(), u(_(e.search), { key: 0 })) : h("", !0)
+          f(e.$slots, "default", {}, () => [
+            t.search && a.open ? (o(), b(E(t.search), { key: 0 })) : m("", !0)
           ])
-        ], 8, Ve)
+        ], 8, vt)
       ]),
       _: 3
     }, 8, ["group"]));
   }
-}), Ke = { class: "phila-navbar-brand" }, Fe = {
+}), bt = { class: "phila-navbar-brand" }, pt = {
   key: 0,
   class: "phila-navbar-item phila-navbar-brand-link hidden-tablet"
-}, Re = {
+}, ht = {
   key: 0,
   class: "content"
-}, qe = ["href"], We = { class: "phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet" }, Xe = { class: "phila-navbar-search" }, Ye = {
+}, yt = ["href"], gt = { class: "phila-navbar-item phila-navbar-list is-flex is-align-center is-justify-space-between content has-text-label-default hidden-tablet" }, kt = { class: "phila-navbar-search" }, _t = {
   key: 0,
   class: "phila-navbar-end"
-}, L = "5rem", Ze = /* @__PURE__ */ k({
+}, V = "5rem", xt = /* @__PURE__ */ y({
   __name: "index",
   props: {
     id: {},
@@ -359,101 +359,101 @@ const te = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     search: {},
     links: { default: () => [{ text: "Home", href: "#" }] }
   },
-  setup(e) {
-    const l = e, { state: d } = T(), n = j("navBarElement"), v = N(L), r = N(0), o = F(() => {
-      const i = (n.value?.offsetTop || 0) + (n.value?.offsetHeight || 0), g = typeof window < "u" ? window.innerWidth : 1024;
-      v.value = !l.sticky || g < 1024 ? i + "px" : L, r.value = i;
+  setup(t) {
+    const e = t, { state: l } = Y(), a = W("navBarElement"), c = B(V), d = B(0), i = he(() => {
+      const r = (a.value?.offsetTop || 0) + (a.value?.offsetHeight || 0), _ = typeof window < "u" ? window.innerWidth : 1024;
+      c.value = !e.sticky || _ < 1024 ? r + "px" : V, d.value = r;
     }, 100);
-    return D(() => d.value, o, { deep: !0, immediate: !0 }), V(() => {
-      window.addEventListener("resize", o);
-    }), Q(() => {
-      window.removeEventListener("resize", o);
-    }), (i, g) => (s(), c("nav", {
+    return ve(() => l.value, i, { deep: !0, immediate: !0 }), me(() => {
+      window.addEventListener("resize", i);
+    }), q(() => {
+      window.removeEventListener("resize", i);
+    }), (r, _) => (o(), u("nav", {
       ref_key: "navBarElement",
-      ref: n,
-      class: $(["phila-navbar has-links-on-primary", { "is-sticky-desktop": e.sticky }]),
+      ref: a,
+      class: z(["phila-navbar has-links-on-primary", { "is-sticky-desktop": t.sticky }]),
       "aria-label": "Main navigation",
-      style: K(`--nav-height:${v.value};--nav-bottom:${r.value}px`)
+      style: X(`--nav-height:${c.value};--nav-bottom:${d.value}px`)
     }, [
-      f(i.$slots, "navbar-burger", {}, () => [
-        e.mobileNav || i.$slots["mobile-nav"] ? (s(), u(Le, {
+      f(r.$slots, "navbar-burger", {}, () => [
+        t.mobileNav || r.$slots["mobile-nav"] ? (o(), b(et, {
           key: 0,
-          "mobile-nav": e.mobileNav,
-          "collapse-group": e.id
-        }, S({ _: 2 }, [
-          i.$slots["mobile-nav"] ? {
+          "mobile-nav": t.mobileNav,
+          "collapse-group": t.id
+        }, Z({ _: 2 }, [
+          r.$slots["mobile-nav"] ? {
             name: "mobile-nav",
-            fn: m(() => [
-              f(i.$slots, "mobile-nav", {}, void 0, !0)
+            fn: v(() => [
+              f(r.$slots, "mobile-nav", {}, void 0, !0)
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["mobile-nav", "collapse-group"])) : h("", !0)
+        ]), 1032, ["mobile-nav", "collapse-group"])) : m("", !0)
       ], !0),
-      a("div", Ke, [
-        f(i.$slots, "navbar-logo", {}, () => [
-          e.navbarBrand?.brandingImage ? (s(), u(He, z({ key: 0 }, e.navbarBrand.brandingImage, {
-            logo: e.navbarBrand?.logo
-          }), null, 16, ["logo"])) : h("", !0)
+      s("div", bt, [
+        f(r.$slots, "navbar-logo", {}, () => [
+          t.navbarBrand?.brandingImage ? (o(), b(ct, C({ key: 0 }, t.navbarBrand.brandingImage, {
+            logo: t.navbarBrand?.logo
+          }), null, 16, ["logo"])) : m("", !0)
         ], !0),
-        i.$slots["navbar-brand-link"] || e.navbarBrand?.brandingLink ? (s(), c("div", Fe, [
-          f(i.$slots, "navbar-brand-link", {}, () => [
-            e.navbarBrand?.brandingLink ? (s(), c("div", Re, [
-              a("a", {
+        r.$slots["navbar-brand-link"] || t.navbarBrand?.brandingLink ? (o(), u("div", pt, [
+          f(r.$slots, "navbar-brand-link", {}, () => [
+            t.navbarBrand?.brandingLink ? (o(), u("div", ht, [
+              s("a", {
                 tabindex: "0",
-                href: e.navbarBrand.brandingLink.href,
+                href: t.navbarBrand.brandingLink.href,
                 class: "has-text-underline"
-              }, x(e.navbarBrand.brandingLink.text), 9, qe)
-            ])) : h("", !0)
+              }, h(t.navbarBrand.brandingLink.text), 9, yt)
+            ])) : m("", !0)
           ], !0)
-        ])) : h("", !0)
+        ])) : m("", !0)
       ]),
-      a("div", We, [
-        f(i.$slots, "navbar-links", {}, () => [
-          e.links ? (s(), u(Ue, {
+      s("div", gt, [
+        f(r.$slots, "navbar-links", {}, () => [
+          t.links ? (o(), b(lt, {
             key: 0,
-            links: e.links,
-            "collapse-group": e.id
-          }, null, 8, ["links", "collapse-group"])) : h("", !0)
+            links: t.links,
+            "collapse-group": t.id
+          }, null, 8, ["links", "collapse-group"])) : m("", !0)
         ], !0)
       ]),
-      a("div", Xe, [
-        f(i.$slots, "navbar-search", {}, () => [
-          e.search ? (s(), u(Qe, {
+      s("div", kt, [
+        f(r.$slots, "navbar-search", {}, () => [
+          t.search ? (o(), b(mt, {
             key: 0,
-            search: e.search,
-            "collapse-group": e.id
-          }, null, 8, ["search", "collapse-group"])) : h("", !0)
+            search: t.search,
+            "collapse-group": t.id
+          }, null, 8, ["search", "collapse-group"])) : m("", !0)
         ], !0)
       ]),
-      i.$slots["navbar-end"] ? (s(), c("div", Ye, [
-        f(i.$slots, "navbar-end", {}, void 0, !0)
-      ])) : h("", !0)
+      r.$slots["navbar-end"] ? (o(), u("div", _t, [
+        f(r.$slots, "navbar-end", {}, void 0, !0)
+      ])) : m("", !0)
     ], 6));
   }
-}), Je = /* @__PURE__ */ B(Ze, [["__scopeId", "data-v-caf52a6d"]]), Pe = { class: "site-wide-alert content" }, ea = { class: "alert-content" }, aa = { class: "content-text" }, na = { class: "title" }, ta = { class: "body" }, ia = /* @__PURE__ */ k({
+}), $t = /* @__PURE__ */ O(xt, [["__scopeId", "data-v-caf52a6d"]]), Ct = { class: "site-wide-alert content" }, wt = { class: "alert-content" }, Bt = { class: "content-text" }, Nt = { class: "title" }, zt = { class: "body" }, At = /* @__PURE__ */ y({
   __name: "AlertBanner",
   props: {
     bannerTitle: {},
     bannerMessage: {}
   },
-  setup(e) {
-    const l = e;
-    return (d, n) => (s(), c("div", Pe, [
-      a("div", ea, [
-        b(t(R), {
-          "icon-definition": t(Y),
+  setup(t) {
+    const e = t;
+    return (l, a) => (o(), u("div", Ct, [
+      s("div", wt, [
+        p(n(ye), {
+          "icon-definition": n(xe),
           size: "small",
           decorative: !0
         }, null, 8, ["icon-definition"]),
-        a("div", aa, [
-          a("h6", na, x(l.bannerTitle), 1),
-          a("div", ta, x(l.bannerMessage), 1)
+        s("div", Bt, [
+          s("h6", Nt, h(e.bannerTitle), 1),
+          s("div", zt, h(e.bannerMessage), 1)
         ])
       ])
     ]));
   }
-}), da = /* @__PURE__ */ k({
+}), Jt = /* @__PURE__ */ y({
   __name: "AppHeader",
   props: {
     showTrustedSite: { type: Boolean, default: !0 },
@@ -469,47 +469,408 @@ const te = "data:image/svg+xml,%3csvg%20width='16'%20height='11'%20viewBox='0%20
     bannerTitle: { default: void 0 },
     bannerMessage: { default: void 0 }
   },
-  setup(e) {
-    return (l, d) => (s(), c(y, null, [
-      e.showTrustedSite ? (s(), u(we, { key: 0 }, {
-        translation: m(() => [
-          f(l.$slots, "translations", {}, () => [
-            e.translations ? (s(), u(_(e.translations), { key: 0 })) : h("", !0)
+  setup(t) {
+    return (e, l) => (o(), u(N, null, [
+      t.showTrustedSite ? (o(), b(Ze, { key: 0 }, {
+        translation: v(() => [
+          f(e.$slots, "translations", {}, () => [
+            t.translations ? (o(), b(E(t.translations), { key: 0 })) : m("", !0)
           ])
         ]),
         _: 3
-      })) : h("", !0),
-      b(Je, {
-        id: e.id,
-        sticky: e.sticky,
-        "mobile-nav": e.mobileNav,
-        links: e.links,
-        "navbar-brand": e.navbarBrand,
-        search: e.search
-      }, S({ _: 2 }, [
-        l.$slots["mobile-nav"] ? {
+      })) : m("", !0),
+      p($t, {
+        id: t.id,
+        sticky: t.sticky,
+        "mobile-nav": t.mobileNav,
+        links: t.links,
+        "navbar-brand": t.navbarBrand,
+        search: t.search
+      }, Z({ _: 2 }, [
+        e.$slots["mobile-nav"] ? {
           name: "mobile-nav",
-          fn: m(() => [
-            f(l.$slots, "mobile-nav")
+          fn: v(() => [
+            f(e.$slots, "mobile-nav")
           ]),
           key: "0"
         } : void 0,
-        l.$slots["navbar-end"] ? {
+        e.$slots["navbar-end"] ? {
           name: "navbar-end",
-          fn: m(() => [
-            f(l.$slots, "navbar-end")
+          fn: v(() => [
+            f(e.$slots, "navbar-end")
           ]),
           key: "1"
         } : void 0
       ]), 1032, ["id", "sticky", "mobile-nav", "links", "navbar-brand", "search"]),
-      e.bannerTitle || e.bannerMessage ? (s(), u(ia, {
+      t.bannerTitle || t.bannerMessage ? (o(), b(At, {
         key: 1,
-        "banner-title": e.bannerTitle,
-        "banner-message": e.bannerMessage
-      }, null, 8, ["banner-title", "banner-message"])) : h("", !0)
+        "banner-title": t.bannerTitle,
+        "banner-message": t.bannerMessage
+      }, null, 8, ["banner-title", "banner-message"])) : m("", !0)
     ], 64));
   }
+}), Lt = ["disabled"], Q = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "PhlButton",
+  props: {
+    href: {},
+    to: {},
+    target: {},
+    rel: {},
+    disabled: { type: Boolean, default: !1 },
+    clickTarget: {},
+    variant: { default: "primary" },
+    size: { default: "medium" },
+    iconOnly: { type: Boolean, default: !1 },
+    iconRight: { type: Boolean },
+    text: {},
+    className: {},
+    iconDefinition: {},
+    iconClass: {},
+    src: {},
+    svgRaw: {}
+  },
+  setup(t) {
+    const e = t, l = (i) => "href" in i && i.href !== void 0 || "to" in i && i.to !== void 0, a = k(() => I(
+      "phila-button",
+      `phila-button--${e.variant}`,
+      e.size && `is-${e.size}`,
+      e.iconOnly && "icon-button",
+      e.iconOnly && e.variant === "standard" && "icon-button--standard",
+      e.className
+    )), c = k(() => l(e) ? "to" in e && e.to !== void 0 ? {
+      to: e.to,
+      disabled: e.disabled,
+      className: a.value
+    } : {
+      href: e.href,
+      target: e.target,
+      rel: e.rel,
+      disabled: e.disabled,
+      className: a.value
+    } : {}), d = k(
+      () => ({
+        iconDefinition: e.iconDefinition,
+        iconClass: e.iconClass,
+        src: e.src,
+        iconRight: e.iconRight,
+        iconOnly: e.iconOnly,
+        text: e.text,
+        size: e.size
+      })
+    );
+    return (i, r) => l(e) ? (o(), b(n(J), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
+      default: v(() => [
+        p(n(S), M(T(d.value)), {
+          default: v(() => [
+            f(i.$slots, "default", {}, () => [
+              w(h(e.text), 1)
+            ])
+          ]),
+          _: 3
+        }, 16)
+      ]),
+      _: 3
+    }, 16)) : (o(), u("button", C({
+      key: 1,
+      type: "button",
+      disabled: e.disabled,
+      class: a.value
+    }, i.$attrs), [
+      p(n(S), M(T(d.value)), {
+        default: v(() => [
+          f(i.$slots, "default", {}, () => [
+            w(h(e.text), 1)
+          ])
+        ]),
+        _: 3
+      }, 16)
+    ], 16, Lt));
+  }
 });
+var K = {
+  prefix: "fas",
+  iconName: "xmark",
+  icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M55.1 73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L147.2 256 9.9 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192.5 301.3 329.9 438.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.8 256 375.1 118.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192.5 210.7 55.1 73.4z"]
+};
+const Mt = ["id"], Tt = {
+  key: 0,
+  class: "tooltip__tail",
+  "aria-hidden": "true"
+}, St = {
+  key: 1,
+  class: "tooltip__plain-row has-text-body-small"
+}, Et = {
+  key: 0,
+  class: "tooltip__title-row"
+}, It = { key: 0 }, Ot = /* @__PURE__ */ y({
+  __name: "TooltipBubble",
+  props: {
+    id: {},
+    type: { default: "plain" },
+    color: { default: "default" },
+    tail: { type: Boolean, default: !1 },
+    placement: { default: "top-center" },
+    title: {},
+    dismissable: { type: Boolean, default: !1 },
+    className: {}
+  },
+  emits: ["dismiss"],
+  setup(t) {
+    const e = t, l = k(
+      () => I(
+        "tooltip",
+        "content",
+        "resets-link-colors",
+        `tooltip--${e.type}`,
+        `tooltip--${e.color}`,
+        e.tail && `tooltip--${e.placement}`,
+        e.className
+      )
+    );
+    return (a, c) => (o(), u("div", {
+      id: t.id,
+      class: z(l.value),
+      role: "tooltip"
+    }, [
+      t.tail ? (o(), u("div", Tt)) : m("", !0),
+      t.type === "plain" ? (o(), u("div", St, [
+        f(a.$slots, "default", {}, void 0, !0),
+        t.dismissable ? (o(), b(n(Q), {
+          key: 0,
+          class: "tooltip__dismiss",
+          variant: "standard",
+          size: "extra-small",
+          "icon-only": !0,
+          "icon-definition": n(K),
+          "aria-label": "Dismiss tooltip",
+          onClick: c[0] || (c[0] = (d) => a.$emit("dismiss"))
+        }, null, 8, ["icon-definition"])) : m("", !0)
+      ])) : (o(), u(N, { key: 2 }, [
+        t.title || t.dismissable ? (o(), u("div", Et, [
+          t.title ? (o(), u("h6", It, h(t.title), 1)) : m("", !0),
+          t.dismissable ? (o(), b(n(Q), {
+            key: 1,
+            class: "tooltip__dismiss",
+            variant: "standard",
+            size: "extra-small",
+            "icon-only": !0,
+            "icon-definition": n(K),
+            "aria-label": "Dismiss tooltip",
+            onClick: c[1] || (c[1] = (d) => a.$emit("dismiss"))
+          }, null, 8, ["icon-definition"])) : m("", !0)
+        ])) : m("", !0),
+        f(a.$slots, "default", {}, void 0, !0)
+      ], 64))
+    ], 10, Mt));
+  }
+}), ne = (t, e) => {
+  const l = t.__vccOpts || t;
+  for (const [a, c] of e)
+    l[a] = c;
+  return l;
+}, Dt = /* @__PURE__ */ ne(Ot, [["__scopeId", "data-v-0155bbdd"]]), Rt = /* @__PURE__ */ y({
+  __name: "Tooltip",
+  props: {
+    trigger: { default: "hover" },
+    type: { default: "plain" },
+    color: { default: "default" },
+    tail: { type: Boolean, default: !1 },
+    placement: { default: "auto" },
+    title: {},
+    dismissable: { type: Boolean },
+    className: {}
+  },
+  setup(t, { expose: e }) {
+    const l = t, a = be(), c = B(!1), d = B(null), i = B(null), r = B("top-center"), _ = () => {
+      const g = d.value?.getBoundingClientRect();
+      if (!g) return "top-center";
+      const { innerWidth: A, innerHeight: le } = window, U = g.top, re = le - g.bottom, G = i.value?.firstElementChild?.getBoundingClientRect().height ?? 0, ce = (G > 0 ? U >= G : U >= re) ? "top" : "bottom", j = g.left + g.width / 2, de = j < A / 3 ? "left" : j > A * 2 / 3 ? "right" : "center";
+      return `${ce}-${de}`;
+    }, R = (g) => {
+      g.key === "Escape" && x();
+    }, H = (g) => {
+      d.value && !d.value.contains(g.target) && x();
+    }, L = () => {
+      l.placement === "auto" ? r.value = _() : r.value = l.placement, c.value = !0, document.addEventListener("keydown", R), l.trigger === "click" && document.addEventListener("click", H);
+    }, x = () => {
+      c.value = !1, document.removeEventListener("keydown", R), document.removeEventListener("click", H);
+    }, se = () => {
+      c.value ? x() : L();
+    };
+    q(x), e({ show: L, hide: x });
+    const oe = k(() => ({
+      type: l.type,
+      color: l.color,
+      tail: l.tail,
+      placement: r.value,
+      title: l.title,
+      dismissable: l.dismissable
+    }));
+    return (g, A) => (o(), u("span", C(
+      {
+        ref_key: "wrapperEl",
+        ref: d,
+        class: n(I)("tooltip-trigger", l.className)
+      },
+      t.trigger === "click" ? { onClick: se } : { onMouseenter: L, onMouseleave: x, onFocusin: L, onFocusout: x }
+    ), [
+      f(g.$slots, "default", {
+        tooltipId: n(a),
+        isOpen: c.value
+      }, void 0, !0),
+      s("span", {
+        ref_key: "positionerEl",
+        ref: i,
+        class: z(["tooltip-trigger__positioner", `tooltip-trigger__positioner--${r.value}`]),
+        style: X({
+          visibility: c.value ? "visible" : "hidden",
+          "--positioner-gap": t.tail ? "var(--spacing-l)" : "0.5rem"
+        }),
+        onClick: A[0] || (A[0] = pe(() => {
+        }, ["stop"]))
+      }, [
+        p(Dt, C(oe.value, {
+          id: n(a),
+          onDismiss: x
+        }), {
+          default: v(() => [
+            f(g.$slots, "body", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 16, ["id"])
+      ], 6)
+    ], 16));
+  }
+}), Ht = /* @__PURE__ */ ne(Rt, [["__scopeId", "data-v-bea2f168"]]), Ut = ["disabled"], Gt = /* @__PURE__ */ y({
+  inheritAttrs: !1,
+  __name: "PhlButton",
+  props: {
+    href: {},
+    to: {},
+    target: {},
+    rel: {},
+    disabled: { type: Boolean, default: !1 },
+    clickTarget: {},
+    variant: { default: "primary" },
+    size: { default: "medium" },
+    iconOnly: { type: Boolean, default: !1 },
+    iconRight: { type: Boolean },
+    text: {},
+    className: {},
+    iconDefinition: {},
+    iconClass: {},
+    src: {},
+    svgRaw: {}
+  },
+  setup(t) {
+    const e = t, l = (i) => "href" in i && i.href !== void 0 || "to" in i && i.to !== void 0, a = k(() => I(
+      "phila-button",
+      `phila-button--${e.variant}`,
+      e.size && `is-${e.size}`,
+      e.iconOnly && "icon-button",
+      e.iconOnly && e.variant === "standard" && "icon-button--standard",
+      e.className
+    )), c = k(() => l(e) ? "to" in e && e.to !== void 0 ? {
+      to: e.to,
+      disabled: e.disabled,
+      className: a.value
+    } : {
+      href: e.href,
+      target: e.target,
+      rel: e.rel,
+      disabled: e.disabled,
+      className: a.value
+    } : {}), d = k(
+      () => ({
+        iconDefinition: e.iconDefinition,
+        iconClass: e.iconClass,
+        src: e.src,
+        iconRight: e.iconRight,
+        iconOnly: e.iconOnly,
+        text: e.text,
+        size: e.size
+      })
+    );
+    return (i, r) => l(e) ? (o(), b(n(J), C({ key: 0 }, { ...c.value, ...i.$attrs }, { role: "button" }), {
+      default: v(() => [
+        p(n(S), M(T(d.value)), {
+          default: v(() => [
+            f(i.$slots, "default", {}, () => [
+              w(h(e.text), 1)
+            ])
+          ]),
+          _: 3
+        }, 16)
+      ]),
+      _: 3
+    }, 16)) : (o(), u("button", C({
+      key: 1,
+      type: "button",
+      disabled: e.disabled,
+      class: a.value
+    }, i.$attrs), [
+      p(n(S), M(T(d.value)), {
+        default: v(() => [
+          f(i.$slots, "default", {}, () => [
+            w(h(e.text), 1)
+          ])
+        ]),
+        _: 3
+      }, 16)
+    ], 16, Ut));
+  }
+}), jt = { class: "navbar-info" }, Ft = { class: "navbar-info__group" }, Vt = {
+  key: 0,
+  class: "navbar-info__label has-text-body-default hidden-tablet",
+  "aria-hidden": "true"
+}, Qt = { class: "has-text-body-small" }, Kt = /* @__PURE__ */ y({
+  __name: "NavbarInfo",
+  props: {
+    infoTitle: {},
+    infoMessage: {},
+    label: {}
+  },
+  setup(t, { expose: e }) {
+    const l = W("tooltip");
+    return e({
+      show: () => l.value?.show(),
+      hide: () => l.value?.hide()
+    }), (a, c) => (o(), u("div", jt, [
+      p(n(Ht), {
+        ref_key: "tooltip",
+        ref: l,
+        type: "rich",
+        title: t.infoTitle,
+        trigger: "click",
+        dismissable: !0
+      }, {
+        default: v(({ tooltipId: d, isOpen: i }) => [
+          s("span", Ft, [
+            p(n(Gt), {
+              class: "navbar-info__trigger",
+              variant: "standard",
+              size: "small",
+              "icon-only": !0,
+              "icon-definition": n(ie),
+              "aria-label": "More information",
+              "aria-describedby": d,
+              "aria-pressed": i
+            }, null, 8, ["icon-definition", "aria-describedby", "aria-pressed"]),
+            t.label ? (o(), u("span", Vt, h(t.label), 1)) : m("", !0)
+          ])
+        ]),
+        body: v(() => [
+          f(a.$slots, "default", {}, () => [
+            s("div", Qt, h(t.infoMessage), 1)
+          ], !0)
+        ]),
+        _: 3
+      }, 8, ["title"])
+    ]));
+  }
+}), Pt = /* @__PURE__ */ O(Kt, [["__scopeId", "data-v-c3989251"]]);
 export {
-  da as AppHeader
+  Jt as AppHeader,
+  Pt as NavbarInfo
 };