@uoguelph/web-components 1.2.0-rc.6 → 1.2.0-rc.9

package/dist/uofg-web-components/uofg-header.esm.js

@@ -0,0 +1,2306 @@
+import { c as Me, S as Re, i as qe, s as te, r as R, b as ze, e as g, g as y, h as _, j as k, k as h, N as ee, O as De, u as Be, l as We, n as Ie, t as p, o as m, x as E, p as w, P as Qe, Q as B, C as F, R as G, T as se, U as Oe, V as ie, a as Ye, v as C, W as le, X as Ke, Y as Ve, Z as Xe, _ as ne, $ as Pe, F as z, d as j, m as A, q as U, y as H, B as x, a0 as Ge, z as T, A as Y, a1 as K, a2 as q, a3 as V, a4 as X } from "./index-CSn7dBx6.js";
+const Ze = typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : (
+  // @ts-ignore Node typings have this
+  global
+);
+function D(i, e) {
+  const n = {}, t = {}, l = { $$scope: 1 };
+  let s = i.length;
+  for (; s--; ) {
+    const o = i[s], a = e[s];
+    if (a) {
+      for (const r in o)
+        r in a || (t[r] = 1);
+      for (const r in a)
+        l[r] || (n[r] = a[r], l[r] = 1);
+      i[s] = a;
+    } else
+      for (const r in o)
+        l[r] = 1;
+  }
+  for (const o in t)
+    o in n || (n[o] = void 0);
+  return n;
+}
+function ae(i) {
+  return i < 0.5 ? 4 * i * i * i : 0.5 * Math.pow(2 * i - 2, 3) + 1;
+}
+function Je(i) {
+  const e = i - 1;
+  return e * e * e + 1;
+}
+function et(i, { delay: e = 0, duration: n = 400, easing: t = Je, axis: l = "y" } = {}) {
+  const s = getComputedStyle(i), o = +s.opacity, a = l === "y" ? "height" : "width", r = parseFloat(s[a]), f = l === "y" ? ["top", "bottom"] : ["left", "right"], u = f.map(
+    (S) => `${S[0].toUpperCase()}${S.slice(1)}`
+  ), c = parseFloat(s[`padding${u[0]}`]), d = parseFloat(s[`padding${u[1]}`]), N = parseFloat(s[`margin${u[0]}`]), b = parseFloat(s[`margin${u[1]}`]), v = parseFloat(
+    s[`border${u[0]}Width`]
+  ), Q = parseFloat(
+    s[`border${u[1]}Width`]
+  );
+  return {
+    delay: e,
+    duration: n,
+    easing: t,
+    css: (S) => `overflow: hidden;opacity: ${Math.min(S * 20, 1) * o};${a}: ${S * r}px;padding-${f[0]}: ${S * c}px;padding-${f[1]}: ${S * d}px;margin-${f[0]}: ${S * N}px;margin-${f[1]}: ${S * b}px;border-${f[0]}-width: ${S * v}px;border-${f[1]}-width: ${S * Q}px;`
+  };
+}
+const tt = (i) => {
+  const e = function(t) {
+    i.contains(t.relatedTarget) || i.dispatchEvent(new CustomEvent("focusoutside", { bubbles: !1 }));
+  }, n = function(t) {
+    i.contains(t.relatedTarget) || i.dispatchEvent(new CustomEvent("focusinside", { bubbles: !1 }));
+  };
+  return i.addEventListener("focusin", n), i.addEventListener("focusout", e), {
+    destroy() {
+      i.removeEventListener("focusin", n), i.removeEventListener("focusout", e);
+    }
+  };
+}, lt = (i) => ({}), fe = (i) => ({});
+function ue(i) {
+  let e = (
+    /*as*/
+    i[2]
+  ), n, t = !1, l, s = (
+    /*as*/
+    i[2] && J(i)
+  );
+  return {
+    c() {
+      s && s.c(), n = B();
+    },
+    m(o, a) {
+      s && s.m(o, a), k(o, n, a), l = !0;
+    },
+    p(o, a) {
+      /*as*/
+      o[2] ? e ? te(
+        e,
+        /*as*/
+        o[2]
+      ) ? (s.d(1), s = J(o), e = /*as*/
+      o[2], s.c(), t && (t = !1, p(s)), s.m(n.parentNode, n)) : (t && (t = !1, p(s)), s.p(o, a)) : (s = J(o), e = /*as*/
+      o[2], s.c(), p(s), s.m(n.parentNode, n)) : e && (t = !0, F(), m(s, 1, 1, () => {
+        s = null, e = /*as*/
+        o[2], t = !1;
+      }), E());
+    },
+    i(o) {
+      l || (p(s, o), l = !0);
+    },
+    o(o) {
+      m(s, o), l = !1;
+    },
+    d(o) {
+      o && w(n), s && s.d(o);
+    }
+  };
+}
+function J(i) {
+  let e, n, t;
+  const l = (
+    /*#slots*/
+    i[8].default
+  ), s = ze(
+    l,
+    i,
+    /*$$scope*/
+    i[7],
+    null
+  );
+  let o = [{ class: (
+    /*contentClass*/
+    i[5]
+  ) }], a = {};
+  for (let r = 0; r < o.length; r += 1)
+    a = G(a, o[r]);
+  return {
+    c() {
+      e = g(
+        /*as*/
+        i[2]
+      ), s && s.c(), se(
+        /*as*/
+        i[2]
+      )(e, a);
+    },
+    m(r, f) {
+      k(r, e, f), s && s.m(e, null), t = !0;
+    },
+    p(r, f) {
+      s && s.p && (!t || f & /*$$scope*/
+      128) && Be(
+        s,
+        l,
+        r,
+        /*$$scope*/
+        r[7],
+        t ? Ie(
+          l,
+          /*$$scope*/
+          r[7],
+          f,
+          null
+        ) : We(
+          /*$$scope*/
+          r[7]
+        ),
+        null
+      ), se(
+        /*as*/
+        r[2]
+      )(e, a = D(o, [
+        (!t || f & /*contentClass*/
+        32) && { class: (
+          /*contentClass*/
+          r[5]
+        ) }
+      ]));
+    },
+    i(r) {
+      t || (p(s, r), r && Oe(() => {
+        t && (n || (n = ie(
+          e,
+          /*transition*/
+          i[3],
+          { duration: 200, easing: ae },
+          !0
+        )), n.run(1));
+      }), t = !0);
+    },
+    o(r) {
+      m(s, r), r && (n || (n = ie(
+        e,
+        /*transition*/
+        i[3],
+        { duration: 200, easing: ae },
+        !1
+      )), n.run(0)), t = !1;
+    },
+    d(r) {
+      r && w(e), s && s.d(r), r && n && n.end();
+    }
+  };
+}
+function nt(i) {
+  let e, n, t, l, s, o;
+  const a = (
+    /*#slots*/
+    i[8].button
+  ), r = ze(
+    a,
+    i,
+    /*$$scope*/
+    i[7],
+    fe
+  );
+  let f = (
+    /*open*/
+    i[0] && ue(i)
+  );
+  return {
+    c() {
+      e = g("div"), n = g("button"), r && r.c(), t = y(), f && f.c(), _(
+        n,
+        "class",
+        /*buttonClass*/
+        i[4]
+      ), _(n, "aria-haspopup", "true"), _(
+        n,
+        "aria-expanded",
+        /*open*/
+        i[0]
+      ), _(
+        e,
+        "class",
+        /*className*/
+        i[1]
+      ), _(e, "tabindex", "-1");
+    },
+    m(u, c) {
+      k(u, e, c), h(e, n), r && r.m(n, null), h(e, t), f && f.m(e, null), l = !0, s || (o = [
+        ee(
+          n,
+          "click",
+          /*click_handler*/
+          i[9]
+        ),
+        ee(
+          e,
+          "focusoutside",
+          /*focusoutside_handler*/
+          i[10]
+        ),
+        De(tt.call(null, e))
+      ], s = !0);
+    },
+    p(u, [c]) {
+      r && r.p && (!l || c & /*$$scope*/
+      128) && Be(
+        r,
+        a,
+        u,
+        /*$$scope*/
+        u[7],
+        l ? Ie(
+          a,
+          /*$$scope*/
+          u[7],
+          c,
+          lt
+        ) : We(
+          /*$$scope*/
+          u[7]
+        ),
+        fe
+      ), (!l || c & /*buttonClass*/
+      16) && _(
+        n,
+        "class",
+        /*buttonClass*/
+        u[4]
+      ), (!l || c & /*open*/
+      1) && _(
+        n,
+        "aria-expanded",
+        /*open*/
+        u[0]
+      ), /*open*/
+      u[0] ? f ? (f.p(u, c), c & /*open*/
+      1 && p(f, 1)) : (f = ue(u), f.c(), p(f, 1), f.m(e, null)) : f && (F(), m(f, 1, 1, () => {
+        f = null;
+      }), E()), (!l || c & /*className*/
+      2) && _(
+        e,
+        "class",
+        /*className*/
+        u[1]
+      );
+    },
+    i(u) {
+      l || (p(r, u), p(f), l = !0);
+    },
+    o(u) {
+      m(r, u), m(f), l = !1;
+    },
+    d(u) {
+      u && w(e), r && r.d(u), f && f.d(), s = !1, Qe(o);
+    }
+  };
+}
+function rt(i, e, n) {
+  let { $$slots: t = {}, $$scope: l } = e, { class: s } = e, { open: o = !1 } = e, { as: a = "div" } = e, { transition: r = et } = e, { buttonClass: f = "" } = e, { contentClass: u = "" } = e, { autoCollapse: c = !0 } = e;
+  const d = (b) => {
+    n(0, o = !o), b.target.focus();
+  }, N = () => {
+    c && n(0, o = !1);
+  };
+  return i.$$set = (b) => {
+    "class" in b && n(1, s = b.class), "open" in b && n(0, o = b.open), "as" in b && n(2, a = b.as), "transition" in b && n(3, r = b.transition), "buttonClass" in b && n(4, f = b.buttonClass), "contentClass" in b && n(5, u = b.contentClass), "autoCollapse" in b && n(6, c = b.autoCollapse), "$$scope" in b && n(7, l = b.$$scope);
+  }, [
+    o,
+    s,
+    a,
+    r,
+    f,
+    u,
+    c,
+    l,
+    t,
+    d,
+    N
+  ];
+}
+class P extends Re {
+  constructor(e) {
+    super(), qe(this, e, rt, nt, te, {
+      class: 1,
+      open: 0,
+      as: 2,
+      transition: 3,
+      buttonClass: 4,
+      contentClass: 5,
+      autoCollapse: 6
+    });
+  }
+  get class() {
+    return this.$$.ctx[1];
+  }
+  set class(e) {
+    this.$$set({ class: e }), R();
+  }
+  get open() {
+    return this.$$.ctx[0];
+  }
+  set open(e) {
+    this.$$set({ open: e }), R();
+  }
+  get as() {
+    return this.$$.ctx[2];
+  }
+  set as(e) {
+    this.$$set({ as: e }), R();
+  }
+  get transition() {
+    return this.$$.ctx[3];
+  }
+  set transition(e) {
+    this.$$set({ transition: e }), R();
+  }
+  get buttonClass() {
+    return this.$$.ctx[4];
+  }
+  set buttonClass(e) {
+    this.$$set({ buttonClass: e }), R();
+  }
+  get contentClass() {
+    return this.$$.ctx[5];
+  }
+  set contentClass(e) {
+    this.$$set({ contentClass: e }), R();
+  }
+  get autoCollapse() {
+    return this.$$.ctx[6];
+  }
+  set autoCollapse(e) {
+    this.$$set({ autoCollapse: e }), R();
+  }
+}
+Me(P, { class: {}, open: { type: "Boolean" }, as: {}, transition: {}, buttonClass: {}, contentClass: {}, autoCollapse: { type: "Boolean" } }, ["button", "default"], [], !0);
+const { window: He } = Ze;
+function ce(i, e, n) {
+  const t = i.slice();
+  return t[13] = e[n], t;
+}
+function _e(i, e, n) {
+  const t = i.slice();
+  return t[16] = e[n], t;
+}
+function he(i, e, n) {
+  const t = i.slice();
+  return t[13] = e[n], t;
+}
+function ge(i, e, n) {
+  const t = i.slice();
+  return t[16] = e[n], t;
+}
+function pe(i, e, n) {
+  const t = i.slice();
+  return t[13] = e[n], t;
+}
+function be(i, e, n) {
+  const t = i.slice();
+  return t[16] = e[n], t;
+}
+function de(i, e, n) {
+  const t = i.slice();
+  return t[16] = e[n], t;
+}
+function me(i, e, n) {
+  const t = i.slice();
+  return t[13] = e[n], t;
+}
+function ke(i, e, n) {
+  const t = i.slice();
+  return t[13] = e[n], t;
+}
+function we(i, e, n) {
+  const t = i.slice();
+  return t[16] = e[n], t;
+}
+function ve(i) {
+  let e, n, t = [], l = /* @__PURE__ */ new Map(), s, o = C([
+    .../*topLinks*/
+    i[6],
+    /*account*/
+    i[9]
+  ]);
+  const a = (r) => (
+    /*item*/
+    r[13].text || /*item*/
+    r[13].title
+  );
+  for (let r = 0; r < o.length; r += 1) {
+    let f = ke(i, o, r), u = a(f);
+    l.set(u, t[r] = ye(u, f));
+  }
+  return {
+    c() {
+      e = g("nav"), n = g("ul");
+      for (let r = 0; r < t.length; r += 1)
+        t[r].c();
+      _(n, "class", "flex h-full items-center justify-end [&>li]:contents"), _(e, "class", "flex h-16 justify-end bg-white px-[calc((100%-1320px)/2)] text-3xl"), _(e, "aria-label", "Secondary");
+    },
+    m(r, f) {
+      k(r, e, f), h(e, n);
+      for (let u = 0; u < t.length; u += 1)
+        t[u] && t[u].m(n, null);
+      s = !0;
+    },
+    p(r, f) {
+      f[0] & /*topLinks, account*/
+      576 && (o = C([
+        .../*topLinks*/
+        r[6],
+        /*account*/
+        r[9]
+      ]), F(), t = le(t, f, a, 1, r, o, l, n, ne, ye, null, ke), E());
+    },
+    i(r) {
+      if (!s) {
+        for (let f = 0; f < o.length; f += 1)
+          p(t[f]);
+        s = !0;
+      }
+    },
+    o(r) {
+      for (let f = 0; f < t.length; f += 1)
+        m(t[f]);
+      s = !1;
+    },
+    d(r) {
+      r && w(e);
+      for (let f = 0; f < t.length; f += 1)
+        t[f].d();
+    }
+  };
+}
+function ot(i) {
+  let e, n = (
+    /*item*/
+    i[13].text.toUpperCase() + ""
+  ), t;
+  return {
+    c() {
+      e = g("a"), t = T(n), _(e, "class", "flex h-full items-center justify-center gap-2 px-4 transition-colors hover:bg-uofg-grey"), _(
+        e,
+        "href",
+        /*item*/
+        i[13].href
+      ), K(
+        e,
+        "bg-uofg-yellow",
+        /*item*/
+        i[13].highlight
+      );
+    },
+    m(l, s) {
+      k(l, e, s), h(e, t);
+    },
+    p: x,
+    i: x,
+    o: x,
+    d(l) {
+      l && w(e);
+    }
+  };
+}
+function st(i) {
+  let e, n;
+  return e = new P({
+    props: {
+      class: "relative h-full",
+      buttonClass: `flex h-full items-center justify-center gap-2 px-4 transition-colors hover:bg-uofg-grey aria-expanded:bg-uofg-grey ${/*item*/
+      i[13].icon ? "" : "[&_svg]:aria-expanded:rotate-180"}`,
+      contentClass: "absolute right-0 top-full z-50 flex min-w-[20rem] flex-col bg-uofg-grey [&>li]:contents",
+      as: "ul",
+      $$slots: {
+        button: [ut],
+        default: [it]
+      },
+      $$scope: { ctx: i }
+    }
+  }), {
+    c() {
+      j(e.$$.fragment);
+    },
+    m(t, l) {
+      A(e, t, l), n = !0;
+    },
+    p(t, l) {
+      const s = {};
+      l[1] & /*$$scope*/
+      16 && (s.$$scope = { dirty: l, ctx: t }), e.$set(s);
+    },
+    i(t) {
+      n || (p(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      m(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      U(e, t);
+    }
+  };
+}
+function $e(i) {
+  let e, n, t = (
+    /*link*/
+    i[16].text + ""
+  ), l, s, o = [
+    {
+      class: "border-0 border-b border-solid border-uofg-grey-500 p-4 transition-colors hover:bg-uofg-yellow"
+    },
+    {
+      href: (
+        /*link*/
+        i[16].href
+      )
+    },
+    /*link*/
+    i[16].attributes
+  ], a = {};
+  for (let r = 0; r < o.length; r += 1)
+    a = G(a, o[r]);
+  return {
+    c() {
+      e = g("li"), n = g("a"), l = T(t), s = y(), q(n, a);
+    },
+    m(r, f) {
+      k(r, e, f), h(e, n), h(n, l), h(e, s);
+    },
+    p: x,
+    d(r) {
+      r && w(e);
+    }
+  };
+}
+function it(i) {
+  let e, n = C(
+    /*item*/
+    i[13].links
+  ), t = [];
+  for (let l = 0; l < n.length; l += 1)
+    t[l] = $e(we(i, n, l));
+  return {
+    c() {
+      for (let l = 0; l < t.length; l += 1)
+        t[l].c();
+      e = B();
+    },
+    m(l, s) {
+      for (let o = 0; o < t.length; o += 1)
+        t[o] && t[o].m(l, s);
+      k(l, e, s);
+    },
+    p(l, s) {
+      if (s[0] & /*topLinks, account*/
+      576) {
+        n = C(
+          /*item*/
+          l[13].links
+        );
+        let o;
+        for (o = 0; o < n.length; o += 1) {
+          const a = we(l, n, o);
+          t[o] ? t[o].p(a, s) : (t[o] = $e(a), t[o].c(), t[o].m(e.parentNode, e));
+        }
+        for (; o < t.length; o += 1)
+          t[o].d(1);
+        t.length = n.length;
+      }
+    },
+    d(l) {
+      l && w(e), H(t, l);
+    }
+  };
+}
+function at(i) {
+  let e, n, t, l;
+  return t = new z({ props: { icon: X } }), {
+    c() {
+      e = g("span"), e.textContent = `${/*item*/
+      i[13].text.toUpperCase()}`, n = y(), j(t.$$.fragment);
+    },
+    m(s, o) {
+      k(s, e, o), k(s, n, o), A(t, s, o), l = !0;
+    },
+    p: x,
+    i(s) {
+      l || (p(t.$$.fragment, s), l = !0);
+    },
+    o(s) {
+      m(t.$$.fragment, s), l = !1;
+    },
+    d(s) {
+      s && (w(e), w(n)), U(t, s);
+    }
+  };
+}
+function ft(i) {
+  let e, n;
+  return e = new z({ props: { icon: (
+    /*item*/
+    i[13].icon
+  ) } }), {
+    c() {
+      j(e.$$.fragment);
+    },
+    m(t, l) {
+      A(e, t, l), n = !0;
+    },
+    p: x,
+    i(t) {
+      n || (p(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      m(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      U(e, t);
+    }
+  };
+}
+function ut(i) {
+  let e, n, t, l;
+  const s = [ft, at], o = [];
+  function a(r, f) {
+    return (
+      /*item*/
+      r[13].icon ? 0 : 1
+    );
+  }
+  return n = a(i), t = o[n] = s[n](i), {
+    c() {
+      e = g("span"), t.c(), _(e, "class", "flex gap-2 [&>svg]:transition-transform"), _(e, "slot", "button"), _(
+        e,
+        "aria-label",
+        /*item*/
+        i[13].icon ? (
+          /*item*/
+          i[13].text
+        ) : void 0
+      ), K(
+        e,
+        "bg-uofg-yellow",
+        /*item*/
+        i[13].highlight
+      );
+    },
+    m(r, f) {
+      k(r, e, f), o[n].m(e, null), l = !0;
+    },
+    p(r, f) {
+      t.p(r, f);
+    },
+    i(r) {
+      l || (p(t), l = !0);
+    },
+    o(r) {
+      m(t), l = !1;
+    },
+    d(r) {
+      r && w(e), o[n].d();
+    }
+  };
+}
+function ye(i, e) {
+  let n, t, l, s, o;
+  const a = [st, ot], r = [];
+  function f(u, c) {
+    return (
+      /*item*/
+      u[13].links ? 0 : 1
+    );
+  }
+  return t = f(e), l = r[t] = a[t](e), {
+    key: i,
+    first: null,
+    c() {
+      n = g("li"), l.c(), s = y(), this.first = n;
+    },
+    m(u, c) {
+      k(u, n, c), r[t].m(n, null), h(n, s), o = !0;
+    },
+    p(u, c) {
+      e = u, l.p(e, c);
+    },
+    i(u) {
+      o || (p(l), o = !0);
+    },
+    o(u) {
+      m(l), o = !1;
+    },
+    d(u) {
+      u && w(n), r[t].d();
+    }
+  };
+}
+function xe(i) {
+  let e;
+  return {
+    c() {
+      e = g("div"), e.innerHTML = '<img class="block h-full w-auto" src="decorative.svg" aria-hidden="true" alt="" width="75"/>', _(e, "class", "left-0 h-full w-[7.5rem] min-[1320px]:absolute");
+    },
+    m(n, t) {
+      k(n, e, t);
+    },
+    d(n) {
+      n && w(e);
+    }
+  };
+}
+function ct(i) {
+  let e, n;
+  return {
+    c() {
+      e = g("img"), _(e, "class", "block h-full w-[5rem]"), Pe(e.src, n = "logo-small.svg") || _(e, "src", n), _(e, "width", 50), _(e, "alt", "University of Guelph Logo");
+    },
+    m(t, l) {
+      k(t, e, l);
+    },
+    d(t) {
+      t && w(e);
+    }
+  };
+}
+function _t(i) {
+  let e, n;
+  return {
+    c() {
+      e = g("img"), _(e, "class", "block h-full w-[18.4rem]"), Pe(e.src, n = "logo.svg") || _(e, "src", n), _(e, "width", 184), _(e, "alt", "University of Guelph Logo");
+    },
+    m(t, l) {
+      k(t, e, l);
+    },
+    d(t) {
+      t && w(e);
+    }
+  };
+}
+function ht(i) {
+  let e, n, t, l, s, o, a, r, f, u, c;
+  return l = new z({ props: { icon: (
+    /*search*/
+    i[8].icon
+  ) } }), a = new P({
+    props: {
+      class: "h-full",
+      buttonClass: "flex h-full aspect-square items-center justify-center gap-2 px-4 transition-colors hover:bg-white focus:bg-white aria-expanded:bg-white hover:text-black focus:text-black aria-expanded:text-black",
+      contentClass: "absolute right-0 top-full z-50 flex w-full flex-col bg-white px-4 text-black shadow-md lg:w-[30rem] [&>li]:contents",
+      as: "ul",
+      $$slots: {
+        button: [bt],
+        default: [pt]
+      },
+      $$scope: { ctx: i }
+    }
+  }), u = new P({
+    props: {
+      class: "h-full",
+      buttonClass: "flex h-full aspect-square items-center justify-center gap-2 px-4 transition-colors hover:bg-white focus:bg-white aria-expanded:bg-white hover:text-black focus:text-black aria-expanded:text-black [&_svg]:aria-expanded:rotate-180",
+      contentClass: "absolute right-0 top-full z-50 flex w-full flex-col bg-white px-4 text-black shadow-md lg:w-[30rem] [&>li]:contents max-h-[calc(100vh-5rem)] overflow-y-auto",
+      as: "ul",
+      $$slots: {
+        button: [$t],
+        default: [vt]
+      },
+      $$scope: { ctx: i }
+    }
+  }), {
+    c() {
+      e = g("ul"), n = g("li"), t = g("a"), j(l.$$.fragment), s = y(), o = g("li"), j(a.$$.fragment), r = y(), f = g("li"), j(u.$$.fragment), _(t, "class", "flex h-full aspect-square items-center justify-center gap-2 px-4 transition-colors hover:bg-white focus:bg-white aria-expanded:bg-white hover:text-black focus:text-black aria-expanded:text-black"), _(
+        t,
+        "href",
+        /*search*/
+        i[8].href
+      ), _(
+        t,
+        "aria-label",
+        /*search*/
+        i[8].text
+      ), _(e, "class", "flex h-full [&>li]:contents");
+    },
+    m(d, N) {
+      k(d, e, N), h(e, n), h(n, t), A(l, t, null), h(e, s), h(e, o), A(a, o, null), h(e, r), h(e, f), A(u, f, null), c = !0;
+    },
+    p(d, N) {
+      const b = {};
+      N[1] & /*$$scope*/
+      16 && (b.$$scope = { dirty: N, ctx: d }), a.$set(b);
+      const v = {};
+      N[1] & /*$$scope*/
+      16 && (v.$$scope = { dirty: N, ctx: d }), u.$set(v);
+    },
+    i(d) {
+      c || (p(l.$$.fragment, d), p(a.$$.fragment, d), p(u.$$.fragment, d), c = !0);
+    },
+    o(d) {
+      m(l.$$.fragment, d), m(a.$$.fragment, d), m(u.$$.fragment, d), c = !1;
+    },
+    d(d) {
+      d && w(e), U(l), U(a), U(u);
+    }
+  };
+}
+function gt(i) {
+  let e, n, t, l, s, o, a = C(
+    /*mainLinks*/
+    i[7]
+  ), r = [];
+  for (let f = 0; f < a.length; f += 1)
+    r[f] = je(me(i, a, f));
+  return s = new z({ props: { icon: (
+    /*search*/
+    i[8].icon
+  ) } }), {
+    c() {
+      e = g("ul");
+      for (let f = 0; f < r.length; f += 1)
+        r[f].c();
+      n = y(), t = g("li"), l = g("a"), j(s.$$.fragment), _(l, "class", "flex h-full items-center justify-center border-0 border-b-8 border-solid border-transparent p-4 pb-6 pt-8 text-uofg-yellow transition-colors hover:border-uofg-yellow hover:text-white [&>svg]:fill-current"), _(
+        l,
+        "href",
+        /*search*/
+        i[8].href
+      ), _(
+        l,
+        "aria-label",
+        /*search*/
+        i[8].text
+      ), _(e, "class", "flex ml-auto [&>li]:contents text-4xl");
+    },
+    m(f, u) {
+      k(f, e, u);
+      for (let c = 0; c < r.length; c += 1)
+        r[c] && r[c].m(e, null);
+      h(e, n), h(e, t), h(t, l), A(s, l, null), o = !0;
+    },
+    p(f, u) {
+      if (u[0] & /*mainLinks*/
+      128) {
+        a = C(
+          /*mainLinks*/
+          f[7]
+        );
+        let c;
+        for (c = 0; c < a.length; c += 1) {
+          const d = me(f, a, c);
+          r[c] ? r[c].p(d, u) : (r[c] = je(d), r[c].c(), r[c].m(e, n));
+        }
+        for (; c < r.length; c += 1)
+          r[c].d(1);
+        r.length = a.length;
+      }
+    },
+    i(f) {
+      o || (p(s.$$.fragment, f), o = !0);
+    },
+    o(f) {
+      m(s.$$.fragment, f), o = !1;
+    },
+    d(f) {
+      f && w(e), H(r, f), U(s);
+    }
+  };
+}
+function Ce(i) {
+  let e, n, t = (
+    /*link*/
+    i[16].text + ""
+  ), l, s;
+  return {
+    c() {
+      e = g("li"), n = g("a"), l = T(t), s = y(), _(n, "class", "border-0 border-b border-solid border-uofg-grey-500 p-4 transition-colors hover:bg-uofg-yellow"), _(
+        n,
+        "href",
+        /*link*/
+        i[16].href
+      ), _(e, "class", "[&>*]:first:mt-4 [&>*]:last:mb-4");
+    },
+    m(o, a) {
+      k(o, e, a), h(e, n), h(n, l), h(e, s);
+    },
+    p: x,
+    d(o) {
+      o && w(e);
+    }
+  };
+}
+function pt(i) {
+  let e, n = C(
+    /*account*/
+    i[9].links
+  ), t = [];
+  for (let l = 0; l < n.length; l += 1)
+    t[l] = Ce(de(i, n, l));
+  return {
+    c() {
+      for (let l = 0; l < t.length; l += 1)
+        t[l].c();
+      e = B();
+    },
+    m(l, s) {
+      for (let o = 0; o < t.length; o += 1)
+        t[o] && t[o].m(l, s);
+      k(l, e, s);
+    },
+    p(l, s) {
+      if (s[0] & /*account*/
+      512) {
+        n = C(
+          /*account*/
+          l[9].links
+        );
+        let o;
+        for (o = 0; o < n.length; o += 1) {
+          const a = de(l, n, o);
+          t[o] ? t[o].p(a, s) : (t[o] = Ce(a), t[o].c(), t[o].m(e.parentNode, e));
+        }
+        for (; o < t.length; o += 1)
+          t[o].d(1);
+        t.length = n.length;
+      }
+    },
+    d(l) {
+      l && w(e), H(t, l);
+    }
+  };
+}
+function bt(i) {
+  let e, n;
+  return e = new z({
+    props: {
+      slot: "button",
+      icon: (
+        /*account*/
+        i[9].icon
+      )
+    }
+  }), {
+    c() {
+      j(e.$$.fragment);
+    },
+    m(t, l) {
+      A(e, t, l), n = !0;
+    },
+    p: x,
+    i(t) {
+      n || (p(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      m(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      U(e, t);
+    }
+  };
+}
+function dt(i) {
+  let e, n = (
+    /*item*/
+    i[13].text + ""
+  ), t;
+  return {
+    c() {
+      e = g("a"), t = T(n), _(e, "class", "border-0 border-b border-solid border-uofg-grey-500 p-4 transition-colors hover:bg-uofg-grey focus:bg-uofg-grey"), _(
+        e,
+        "href",
+        /*item*/
+        i[13].href
+      ), K(
+        e,
+        "bg-uofg-yellow",
+        /*item*/
+        i[13].highlight
+      );
+    },
+    m(l, s) {
+      k(l, e, s), h(e, t);
+    },
+    p: x,
+    i: x,
+    o: x,
+    d(l) {
+      l && w(e);
+    }
+  };
+}
+function mt(i) {
+  let e, n;
+  return e = new P({
+    props: {
+      class: "relative w-full",
+      buttonClass: "flex border-0 border-b border-solid border-uofg-grey-500 w-full items-center justify-between gap-2 p-4 transition-colors hover:bg-uofg-grey focus:bg-uofg-grey aria-expanded:bg-uofg-grey [&_svg]:aria-expanded:rotate-180",
+      contentClass: "flex flex-col w-full flex-col bg-white text-black [&>li]:contents",
+      as: "ul",
+      autoCollapse: !1,
+      $$slots: {
+        button: [wt],
+        default: [kt]
+      },
+      $$scope: { ctx: i }
+    }
+  }), {
+    c() {
+      j(e.$$.fragment);
+    },
+    m(t, l) {
+      A(e, t, l), n = !0;
+    },
+    p(t, l) {
+      const s = {};
+      l[1] & /*$$scope*/
+      16 && (s.$$scope = { dirty: l, ctx: t }), e.$set(s);
+    },
+    i(t) {
+      n || (p(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      m(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      U(e, t);
+    }
+  };
+}
+function Ne(i) {
+  let e, n, t = (
+    /*link*/
+    i[16].text + ""
+  ), l, s, o = [
+    {
+      class: "border-0 border-b border-solid border-uofg-grey-500 p-4 transition-colors hover:bg-uofg-grey"
+    },
+    {
+      href: (
+        /*link*/
+        i[16].href
+      )
+    },
+    /*link*/
+    i[16].attributes
+  ], a = {};
+  for (let r = 0; r < o.length; r += 1)
+    a = G(a, o[r]);
+  return {
+    c() {
+      e = g("li"), n = g("a"), l = T(t), s = y(), q(n, a);
+    },
+    m(r, f) {
+      k(r, e, f), h(e, n), h(n, l), h(e, s);
+    },
+    p: x,
+    d(r) {
+      r && w(e);
+    }
+  };
+}
+function kt(i) {
+  let e, n = C(
+    /*item*/
+    i[13].links
+  ), t = [];
+  for (let l = 0; l < n.length; l += 1)
+    t[l] = Ne(be(i, n, l));
+  return {
+    c() {
+      for (let l = 0; l < t.length; l += 1)
+        t[l].c();
+      e = B();
+    },
+    m(l, s) {
+      for (let o = 0; o < t.length; o += 1)
+        t[o] && t[o].m(l, s);
+      k(l, e, s);
+    },
+    p(l, s) {
+      if (s[0] & /*mainLinks, topLinks*/
+      192) {
+        n = C(
+          /*item*/
+          l[13].links
+        );
+        let o;
+        for (o = 0; o < n.length; o += 1) {
+          const a = be(l, n, o);
+          t[o] ? t[o].p(a, s) : (t[o] = Ne(a), t[o].c(), t[o].m(e.parentNode, e));
+        }
+        for (; o < t.length; o += 1)
+          t[o].d(1);
+        t.length = n.length;
+      }
+    },
+    d(l) {
+      l && w(e), H(t, l);
+    }
+  };
+}
+function wt(i) {
+  let e, n, t, l, s;
+  return l = new z({ props: { icon: X } }), {
+    c() {
+      e = g("span"), n = g("span"), n.textContent = `${/*item*/
+      i[13].text}`, t = y(), j(l.$$.fragment), _(n, "class", "mr-auto"), _(e, "class", "w-full flex gap-2 justify-between [&>svg]:transition-transform"), _(e, "slot", "button"), K(
+        e,
+        "bg-uofg-yellow",
+        /*item*/
+        i[13].highlight
+      );
+    },
+    m(o, a) {
+      k(o, e, a), h(e, n), h(e, t), A(l, e, null), s = !0;
+    },
+    p: x,
+    i(o) {
+      s || (p(l.$$.fragment, o), s = !0);
+    },
+    o(o) {
+      m(l.$$.fragment, o), s = !1;
+    },
+    d(o) {
+      o && w(e), U(l);
+    }
+  };
+}
+function Le(i) {
+  let e, n, t, l, s;
+  const o = [mt, dt], a = [];
+  function r(f, u) {
+    return (
+      /*item*/
+      f[13].links ? 0 : 1
+    );
+  }
+  return n = r(i), t = a[n] = o[n](i), {
+    c() {
+      e = g("li"), t.c(), l = y(), _(e, "class", "[&>*]:first:mt-4 [&>*]:last:mb-4");
+    },
+    m(f, u) {
+      k(f, e, u), a[n].m(e, null), h(e, l), s = !0;
+    },
+    p(f, u) {
+      t.p(f, u);
+    },
+    i(f) {
+      s || (p(t), s = !0);
+    },
+    o(f) {
+      m(t), s = !1;
+    },
+    d(f) {
+      f && w(e), a[n].d();
+    }
+  };
+}
+function vt(i) {
+  let e, n, t = C([.../*mainLinks*/
+  i[7], .../*topLinks*/
+  i[6]]), l = [];
+  for (let o = 0; o < t.length; o += 1)
+    l[o] = Le(pe(i, t, o));
+  const s = (o) => m(l[o], 1, 1, () => {
+    l[o] = null;
+  });
+  return {
+    c() {
+      for (let o = 0; o < l.length; o += 1)
+        l[o].c();
+      e = B();
+    },
+    m(o, a) {
+      for (let r = 0; r < l.length; r += 1)
+        l[r] && l[r].m(o, a);
+      k(o, e, a), n = !0;
+    },
+    p(o, a) {
+      if (a[0] & /*mainLinks, topLinks*/
+      192) {
+        t = C([.../*mainLinks*/
+        o[7], .../*topLinks*/
+        o[6]]);
+        let r;
+        for (r = 0; r < t.length; r += 1) {
+          const f = pe(o, t, r);
+          l[r] ? (l[r].p(f, a), p(l[r], 1)) : (l[r] = Le(f), l[r].c(), p(l[r], 1), l[r].m(e.parentNode, e));
+        }
+        for (F(), r = t.length; r < l.length; r += 1)
+          s(r);
+        E();
+      }
+    },
+    i(o) {
+      if (!n) {
+        for (let a = 0; a < t.length; a += 1)
+          p(l[a]);
+        n = !0;
+      }
+    },
+    o(o) {
+      l = l.filter(Boolean);
+      for (let a = 0; a < l.length; a += 1)
+        m(l[a]);
+      n = !1;
+    },
+    d(o) {
+      o && w(e), H(l, o);
+    }
+  };
+}
+function $t(i) {
+  let e, n;
+  return e = new z({ props: { slot: "button", icon: Ge } }), {
+    c() {
+      j(e.$$.fragment);
+    },
+    m(t, l) {
+      A(e, t, l), n = !0;
+    },
+    p: x,
+    i(t) {
+      n || (p(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      m(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      U(e, t);
+    }
+  };
+}
+function je(i) {
+  let e, n, t = (
+    /*item*/
+    i[13].text + ""
+  ), l, s;
+  return {
+    c() {
+      e = g("li"), n = g("a"), l = T(t), s = y(), _(n, "class", "flex h-full items-center justify-center border-0 border-b-8 border-solid border-transparent p-6 pt-8 transition-colors hover:border-uofg-yellow hover:text-uofg-yellow"), _(
+        n,
+        "href",
+        /*item*/
+        i[13].href
+      );
+    },
+    m(o, a) {
+      k(o, e, a), h(e, n), h(n, l), h(e, s);
+    },
+    p: x,
+    d(o) {
+      o && w(e);
+    }
+  };
+}
+function Ae(i) {
+  let e, n, t, l, s, o, a = (
+    /*pageTitle*/
+    i[1] && Ue(i)
+  );
+  const r = [Nt, Ct], f = [];
+  function u(c, d) {
+    return (
+      /*windowWidth*/
+      c[3] >= O && !/*subNavigationIsOverflowing*/
+      c[5] ? 0 : 1
+    );
+  }
+  return l = u(i), s = f[l] = r[l](i), {
+    c() {
+      e = g("nav"), n = g("ul"), a && a.c(), t = y(), s.c(), _(n, "class", "flex h-full w-fit min-w-full overflow-y-visible items-center justify-end [&>li]:contents relative"), _(e, "class", "block align-items relative h-[5rem] justify-end bg-uofg-grey px-[calc((100%-1320px)/2)] text-3xl lg:h-16 lg:whitespace-nowrap"), _(e, "aria-label", "Page Specific");
+    },
+    m(c, d) {
+      k(c, e, d), h(e, n), a && a.m(n, null), h(n, t), f[l].m(n, null), i[11](n), o = !0;
+    },
+    p(c, d) {
+      /*pageTitle*/
+      c[1] ? a ? a.p(c, d) : (a = Ue(c), a.c(), a.m(n, t)) : a && (a.d(1), a = null);
+      let N = l;
+      l = u(c), l === N ? f[l].p(c, d) : (F(), m(f[N], 1, 1, () => {
+        f[N] = null;
+      }), E(), s = f[l], s ? s.p(c, d) : (s = f[l] = r[l](c), s.c()), p(s, 1), s.m(n, null));
+    },
+    i(c) {
+      o || (p(s), o = !0);
+    },
+    o(c) {
+      m(s), o = !1;
+    },
+    d(c) {
+      c && w(e), a && a.d(), f[l].d(), i[11](null);
+    }
+  };
+}
+function Ue(i) {
+  let e;
+  function n(s, o) {
+    return (
+      /*pageURL*/
+      s[2] ? xt : yt
+    );
+  }
+  let t = n(i), l = t(i);
+  return {
+    c() {
+      e = g("li"), l.c();
+    },
+    m(s, o) {
+      k(s, e, o), l.m(e, null);
+    },
+    p(s, o) {
+      t === (t = n(s)) && l ? l.p(s, o) : (l.d(1), l = t(s), l && (l.c(), l.m(e, null)));
+    },
+    d(s) {
+      s && w(e), l.d();
+    }
+  };
+}
+function yt(i) {
+  let e, n;
+  return {
+    c() {
+      e = g("span"), n = T(
+        /*pageTitle*/
+        i[1]
+      ), _(e, "class", "mr-auto flex h-full items-center justify-center px-4 font-bold");
+    },
+    m(t, l) {
+      k(t, e, l), h(e, n);
+    },
+    p(t, l) {
+      l[0] & /*pageTitle*/
+      2 && Y(
+        n,
+        /*pageTitle*/
+        t[1]
+      );
+    },
+    d(t) {
+      t && w(e);
+    }
+  };
+}
+function xt(i) {
+  let e, n;
+  return {
+    c() {
+      e = g("a"), n = T(
+        /*pageTitle*/
+        i[1]
+      ), _(e, "class", "mr-auto flex h-full items-center justify-center px-4 font-bold transition-colors hover:bg-uofg-yellow"), _(
+        e,
+        "href",
+        /*pageURL*/
+        i[2]
+      );
+    },
+    m(t, l) {
+      k(t, e, l), h(e, n);
+    },
+    p(t, l) {
+      l[0] & /*pageTitle*/
+      2 && Y(
+        n,
+        /*pageTitle*/
+        t[1]
+      ), l[0] & /*pageURL*/
+      4 && _(
+        e,
+        "href",
+        /*pageURL*/
+        t[2]
+      );
+    },
+    d(t) {
+      t && w(e);
+    }
+  };
+}
+function Ct(i) {
+  let e, n;
+  return e = new P({
+    props: {
+      class: "h-full",
+      buttonClass: "flex h-full aspect-square items-center justify-center gap-2 px-4 transition-colors hover:bg-uofg-yellow aria-expanded:bg-uofg-yellow",
+      contentClass: "whitespace-normal absolute right-0 top-full z-50 flex w-full flex-col bg-white px-4 text-black shadow-md lg:w-[30rem] [&>li]:contents max-h-[calc(100vh-5rem)] overflow-y-auto",
+      as: "ul",
+      $$slots: {
+        button: [Tt],
+        default: [St]
+      },
+      $$scope: { ctx: i }
+    }
+  }), {
+    c() {
+      j(e.$$.fragment);
+    },
+    m(t, l) {
+      A(e, t, l), n = !0;
+    },
+    p(t, l) {
+      const s = {};
+      l[0] & /*subNavigation*/
+      1 | l[1] & /*$$scope*/
+      16 && (s.$$scope = { dirty: l, ctx: t }), e.$set(s);
+    },
+    i(t) {
+      n || (p(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      m(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      U(e, t);
+    }
+  };
+}
+function Nt(i) {
+  let e, n = [], t = /* @__PURE__ */ new Map(), l, s = C(
+    /*subNavigation*/
+    i[0]
+  );
+  const o = (a) => (
+    /*item*/
+    a[13].text || /*item*/
+    a[13].title
+  );
+  for (let a = 0; a < s.length; a += 1) {
+    let r = he(i, s, a), f = o(r);
+    t.set(f, n[a] = Fe(f, r));
+  }
+  return {
+    c() {
+      e = g("li");
+      for (let a = 0; a < n.length; a += 1)
+        n[a].c();
+    },
+    m(a, r) {
+      k(a, e, r);
+      for (let f = 0; f < n.length; f += 1)
+        n[f] && n[f].m(e, null);
+      l = !0;
+    },
+    p(a, r) {
+      r[0] & /*subNavigation*/
+      1 && (s = C(
+        /*subNavigation*/
+        a[0]
+      ), F(), n = le(n, r, o, 1, a, s, t, e, ne, Fe, null, he), E());
+    },
+    i(a) {
+      if (!l) {
+        for (let r = 0; r < s.length; r += 1)
+          p(n[r]);
+        l = !0;
+      }
+    },
+    o(a) {
+      for (let r = 0; r < n.length; r += 1)
+        m(n[r]);
+      l = !1;
+    },
+    d(a) {
+      a && w(e);
+      for (let r = 0; r < n.length; r += 1)
+        n[r].d();
+    }
+  };
+}
+function Lt(i) {
+  let e, n;
+  return e = new P({
+    props: {
+      class: "relative w-full",
+      buttonClass: "flex border-0 border-b border-solid border-uofg-grey-500 w-full items-center justify-between gap-2 p-4 transition-colors hover:bg-uofg-grey focus:bg-uofg-grey aria-expanded:bg-uofg-grey [&_svg]:aria-expanded:rotate-180",
+      contentClass: "flex flex-col w-full flex-col bg-white text-black [&>li]:contents",
+      as: "ul",
+      autoCollapse: !1,
+      $$slots: {
+        button: [Ut],
+        default: [At]
+      },
+      $$scope: { ctx: i }
+    }
+  }), {
+    c() {
+      j(e.$$.fragment);
+    },
+    m(t, l) {
+      A(e, t, l), n = !0;
+    },
+    p(t, l) {
+      const s = {};
+      l[0] & /*subNavigation*/
+      1 | l[1] & /*$$scope*/
+      16 && (s.$$scope = { dirty: l, ctx: t }), e.$set(s);
+    },
+    i(t) {
+      n || (p(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      m(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      U(e, t);
+    }
+  };
+}
+function jt(i) {
+  let e, n = (
+    /*item*/
+    i[13].text + ""
+  ), t, l, s = [
+    {
+      class: "border-0 border-b border-solid border-uofg-grey-500 p-4 transition-colors hover:bg-uofg-grey"
+    },
+    {
+      href: l = /*item*/
+      i[13].href
+    },
+    /*item*/
+    i[13].attributes
+  ], o = {};
+  for (let a = 0; a < s.length; a += 1)
+    o = G(o, s[a]);
+  return {
+    c() {
+      e = g("a"), t = T(n), q(e, o);
+    },
+    m(a, r) {
+      k(a, e, r), h(e, t);
+    },
+    p(a, r) {
+      r[0] & /*subNavigation*/
+      1 && n !== (n = /*item*/
+      a[13].text + "") && V(t, n, o.contenteditable), q(e, o = D(s, [
+        {
+          class: "border-0 border-b border-solid border-uofg-grey-500 p-4 transition-colors hover:bg-uofg-grey"
+        },
+        r[0] & /*subNavigation*/
+        1 && l !== (l = /*item*/
+        a[13].href) && { href: l },
+        r[0] & /*subNavigation*/
+        1 && /*item*/
+        a[13].attributes
+      ]));
+    },
+    i: x,
+    o: x,
+    d(a) {
+      a && w(e);
+    }
+  };
+}
+function Se(i) {
+  let e, n, t = (
+    /*link*/
+    i[16].text + ""
+  ), l, s, o, a = [
+    {
+      class: "border-0 border-b border-solid border-uofg-grey-500 p-4 transition-colors hover:bg-uofg-grey"
+    },
+    {
+      href: s = /*link*/
+      i[16].href
+    },
+    /*link*/
+    i[16].attributes
+  ], r = {};
+  for (let f = 0; f < a.length; f += 1)
+    r = G(r, a[f]);
+  return {
+    c() {
+      e = g("li"), n = g("a"), l = T(t), o = y(), q(n, r);
+    },
+    m(f, u) {
+      k(f, e, u), h(e, n), h(n, l), h(e, o);
+    },
+    p(f, u) {
+      u[0] & /*subNavigation*/
+      1 && t !== (t = /*link*/
+      f[16].text + "") && V(l, t, r.contenteditable), q(n, r = D(a, [
+        {
+          class: "border-0 border-b border-solid border-uofg-grey-500 p-4 transition-colors hover:bg-uofg-grey"
+        },
+        u[0] & /*subNavigation*/
+        1 && s !== (s = /*link*/
+        f[16].href) && { href: s },
+        u[0] & /*subNavigation*/
+        1 && /*link*/
+        f[16].attributes
+      ]));
+    },
+    d(f) {
+      f && w(e);
+    }
+  };
+}
+function At(i) {
+  let e, n = C(
+    /*item*/
+    i[13].links
+  ), t = [];
+  for (let l = 0; l < n.length; l += 1)
+    t[l] = Se(_e(i, n, l));
+  return {
+    c() {
+      for (let l = 0; l < t.length; l += 1)
+        t[l].c();
+      e = B();
+    },
+    m(l, s) {
+      for (let o = 0; o < t.length; o += 1)
+        t[o] && t[o].m(l, s);
+      k(l, e, s);
+    },
+    p(l, s) {
+      if (s[0] & /*subNavigation*/
+      1) {
+        n = C(
+          /*item*/
+          l[13].links
+        );
+        let o;
+        for (o = 0; o < n.length; o += 1) {
+          const a = _e(l, n, o);
+          t[o] ? t[o].p(a, s) : (t[o] = Se(a), t[o].c(), t[o].m(e.parentNode, e));
+        }
+        for (; o < t.length; o += 1)
+          t[o].d(1);
+        t.length = n.length;
+      }
+    },
+    d(l) {
+      l && w(e), H(t, l);
+    }
+  };
+}
+function Ut(i) {
+  let e, n, t = (
+    /*item*/
+    i[13].title + ""
+  ), l, s, o, a;
+  return o = new z({ props: { icon: X } }), {
+    c() {
+      e = g("span"), n = g("span"), l = T(t), s = y(), j(o.$$.fragment), _(n, "class", "mr-auto"), _(e, "class", "w-full flex gap-2 justify-between [&>svg]:transition-transform"), _(e, "slot", "button");
+    },
+    m(r, f) {
+      k(r, e, f), h(e, n), h(n, l), h(e, s), A(o, e, null), a = !0;
+    },
+    p(r, f) {
+      (!a || f[0] & /*subNavigation*/
+      1) && t !== (t = /*item*/
+      r[13].title + "") && Y(l, t);
+    },
+    i(r) {
+      a || (p(o.$$.fragment, r), a = !0);
+    },
+    o(r) {
+      m(o.$$.fragment, r), a = !1;
+    },
+    d(r) {
+      r && w(e), U(o);
+    }
+  };
+}
+function Te(i, e) {
+  let n, t, l, s, o;
+  const a = [jt, Lt], r = [];
+  function f(u, c) {
+    return (
+      /*item*/
+      u[13].text ? 0 : 1
+    );
+  }
+  return t = f(e), l = r[t] = a[t](e), {
+    key: i,
+    first: null,
+    c() {
+      n = g("li"), l.c(), s = y(), _(n, "class", "[&>*]:last:mb-4 [&>*]:first:mt-4"), this.first = n;
+    },
+    m(u, c) {
+      k(u, n, c), r[t].m(n, null), h(n, s), o = !0;
+    },
+    p(u, c) {
+      e = u;
+      let d = t;
+      t = f(e), t === d ? r[t].p(e, c) : (F(), m(r[d], 1, 1, () => {
+        r[d] = null;
+      }), E(), l = r[t], l ? l.p(e, c) : (l = r[t] = a[t](e), l.c()), p(l, 1), l.m(n, s));
+    },
+    i(u) {
+      o || (p(l), o = !0);
+    },
+    o(u) {
+      m(l), o = !1;
+    },
+    d(u) {
+      u && w(n), r[t].d();
+    }
+  };
+}
+function St(i) {
+  let e = [], n = /* @__PURE__ */ new Map(), t, l, s = C(
+    /*subNavigation*/
+    i[0]
+  );
+  const o = (a) => (
+    /*item*/
+    a[13].text || /*item*/
+    a[13].title
+  );
+  for (let a = 0; a < s.length; a += 1) {
+    let r = ce(i, s, a), f = o(r);
+    n.set(f, e[a] = Te(f, r));
+  }
+  return {
+    c() {
+      for (let a = 0; a < e.length; a += 1)
+        e[a].c();
+      t = B();
+    },
+    m(a, r) {
+      for (let f = 0; f < e.length; f += 1)
+        e[f] && e[f].m(a, r);
+      k(a, t, r), l = !0;
+    },
+    p(a, r) {
+      r[0] & /*subNavigation*/
+      1 && (s = C(
+        /*subNavigation*/
+        a[0]
+      ), F(), e = le(e, r, o, 1, a, s, n, t.parentNode, ne, Te, t, ce), E());
+    },
+    i(a) {
+      if (!l) {
+        for (let r = 0; r < s.length; r += 1)
+          p(e[r]);
+        l = !0;
+      }
+    },
+    o(a) {
+      for (let r = 0; r < e.length; r += 1)
+        m(e[r]);
+      l = !1;
+    },
+    d(a) {
+      a && w(t);
+      for (let r = 0; r < e.length; r += 1)
+        e[r].d(a);
+    }
+  };
+}
+function Tt(i) {
+  let e, n;
+  return e = new z({ props: { slot: "button", icon: Ge } }), {
+    c() {
+      j(e.$$.fragment);
+    },
+    m(t, l) {
+      A(e, t, l), n = !0;
+    },
+    p: x,
+    i(t) {
+      n || (p(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      m(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      U(e, t);
+    }
+  };
+}
+function Et(i) {
+  let e, n;
+  return e = new P({
+    props: {
+      class: "relative h-full",
+      buttonClass: "flex h-full items-center justify-center gap-2 px-4 transition-colors hover:bg-uofg-yellow aria-expanded:bg-uofg-yellow [&_svg]:aria-expanded:rotate-180",
+      contentClass: "absolute right-0 top-full z-50 flex min-w-[20rem] flex-col bg-uofg-grey [&>li]:contents",
+      as: "ul",
+      $$slots: {
+        button: [Rt],
+        default: [Mt]
+      },
+      $$scope: { ctx: i }
+    }
+  }), {
+    c() {
+      j(e.$$.fragment);
+    },
+    m(t, l) {
+      A(e, t, l), n = !0;
+    },
+    p(t, l) {
+      const s = {};
+      l[0] & /*subNavigation*/
+      1 | l[1] & /*$$scope*/
+      16 && (s.$$scope = { dirty: l, ctx: t }), e.$set(s);
+    },
+    i(t) {
+      n || (p(e.$$.fragment, t), n = !0);
+    },
+    o(t) {
+      m(e.$$.fragment, t), n = !1;
+    },
+    d(t) {
+      U(e, t);
+    }
+  };
+}
+function Ft(i) {
+  let e, n = (
+    /*item*/
+    i[13].text + ""
+  ), t, l, s, o = [
+    {
+      class: "flex h-full items-center justify-center gap-2 px-4 transition-colors hover:bg-uofg-yellow"
+    },
+    {
+      href: s = /*item*/
+      i[13].href
+    },
+    /*item*/
+    i[13].attributes
+  ], a = {};
+  for (let r = 0; r < o.length; r += 1)
+    a = G(a, o[r]);
+  return {
+    c() {
+      e = g("a"), t = T(n), l = y(), q(e, a);
+    },
+    m(r, f) {
+      k(r, e, f), h(e, t), h(e, l);
+    },
+    p(r, f) {
+      f[0] & /*subNavigation*/
+      1 && n !== (n = /*item*/
+      r[13].text + "") && V(t, n, a.contenteditable), q(e, a = D(o, [
+        {
+          class: "flex h-full items-center justify-center gap-2 px-4 transition-colors hover:bg-uofg-yellow"
+        },
+        f[0] & /*subNavigation*/
+        1 && s !== (s = /*item*/
+        r[13].href) && { href: s },
+        f[0] & /*subNavigation*/
+        1 && /*item*/
+        r[13].attributes
+      ]));
+    },
+    i: x,
+    o: x,
+    d(r) {
+      r && w(e);
+    }
+  };
+}
+function Ee(i) {
+  let e, n, t = (
+    /*link*/
+    i[16].text + ""
+  ), l, s, o = [
+    {
+      class: "border-0 border-b border-solid border-uofg-grey-500 p-4 transition-colors hover:bg-uofg-yellow"
+    },
+    {
+      href: s = /*link*/
+      i[16].href
+    },
+    /*link*/
+    i[16].attributes
+  ], a = {};
+  for (let r = 0; r < o.length; r += 1)
+    a = G(a, o[r]);
+  return {
+    c() {
+      e = g("li"), n = g("a"), l = T(t), q(n, a);
+    },
+    m(r, f) {
+      k(r, e, f), h(e, n), h(n, l);
+    },
+    p(r, f) {
+      f[0] & /*subNavigation*/
+      1 && t !== (t = /*link*/
+      r[16].text + "") && V(l, t, a.contenteditable), q(n, a = D(o, [
+        {
+          class: "border-0 border-b border-solid border-uofg-grey-500 p-4 transition-colors hover:bg-uofg-yellow"
+        },
+        f[0] & /*subNavigation*/
+        1 && s !== (s = /*link*/
+        r[16].href) && { href: s },
+        f[0] & /*subNavigation*/
+        1 && /*link*/
+        r[16].attributes
+      ]));
+    },
+    d(r) {
+      r && w(e);
+    }
+  };
+}
+function Mt(i) {
+  let e, n = C(
+    /*item*/
+    i[13].links
+  ), t = [];
+  for (let l = 0; l < n.length; l += 1)
+    t[l] = Ee(ge(i, n, l));
+  return {
+    c() {
+      for (let l = 0; l < t.length; l += 1)
+        t[l].c();
+      e = y();
+    },
+    m(l, s) {
+      for (let o = 0; o < t.length; o += 1)
+        t[o] && t[o].m(l, s);
+      k(l, e, s);
+    },
+    p(l, s) {
+      if (s[0] & /*subNavigation*/
+      1) {
+        n = C(
+          /*item*/
+          l[13].links
+        );
+        let o;
+        for (o = 0; o < n.length; o += 1) {
+          const a = ge(l, n, o);
+          t[o] ? t[o].p(a, s) : (t[o] = Ee(a), t[o].c(), t[o].m(e.parentNode, e));
+        }
+        for (; o < t.length; o += 1)
+          t[o].d(1);
+        t.length = n.length;
+      }
+    },
+    d(l) {
+      l && w(e), H(t, l);
+    }
+  };
+}
+function Rt(i) {
+  let e, n, t = (
+    /*item*/
+    i[13].title + ""
+  ), l, s, o, a, r;
+  return o = new z({ props: { icon: X } }), {
+    c() {
+      e = g("span"), n = g("span"), l = T(t), s = y(), j(o.$$.fragment), a = y(), _(e, "class", "flex gap-2 [&>svg]:transition-transform"), _(e, "slot", "button");
+    },
+    m(f, u) {
+      k(f, e, u), h(e, n), h(n, l), h(e, s), A(o, e, null), h(e, a), r = !0;
+    },
+    p(f, u) {
+      (!r || u[0] & /*subNavigation*/
+      1) && t !== (t = /*item*/
+      f[13].title + "") && Y(l, t);
+    },
+    i(f) {
+      r || (p(o.$$.fragment, f), r = !0);
+    },
+    o(f) {
+      m(o.$$.fragment, f), r = !1;
+    },
+    d(f) {
+      f && w(e), U(o);
+    }
+  };
+}
+function Fe(i, e) {
+  let n, t, l, s, o;
+  const a = [Ft, Et], r = [];
+  function f(u, c) {
+    return (
+      /*item*/
+      u[13].text ? 0 : 1
+    );
+  }
+  return t = f(e), l = r[t] = a[t](e), {
+    key: i,
+    first: null,
+    c() {
+      n = B(), l.c(), s = B(), this.first = n;
+    },
+    m(u, c) {
+      k(u, n, c), r[t].m(u, c), k(u, s, c), o = !0;
+    },
+    p(u, c) {
+      e = u;
+      let d = t;
+      t = f(e), t === d ? r[t].p(e, c) : (F(), m(r[d], 1, 1, () => {
+        r[d] = null;
+      }), E(), l = r[t], l ? l.p(e, c) : (l = r[t] = a[t](e), l.c()), p(l, 1), l.m(s.parentNode, s));
+    },
+    i(u) {
+      o || (p(l), o = !0);
+    },
+    o(u) {
+      m(l), o = !1;
+    },
+    d(u) {
+      u && (w(n), w(s)), r[t].d(u);
+    }
+  };
+}
+function qt(i) {
+  let e, n, t, l, s, o, a, r, f, u, c, d, N;
+  Oe(
+    /*onwindowresize*/
+    i[10]
+  );
+  let b = (
+    /*windowWidth*/
+    i[3] >= O && ve(i)
+  ), v = (
+    /*windowWidth*/
+    i[3] >= O && xe()
+  );
+  function Q($, M) {
+    return (
+      /*windowWidth*/
+      $[3] >= O ? _t : ct
+    );
+  }
+  let S = Q(i), W = S(i);
+  const re = [gt, ht], I = [];
+  function oe($, M) {
+    return (
+      /*windowWidth*/
+      $[3] >= O ? 0 : 1
+    );
+  }
+  r = oe(i), f = I[r] = re[r](i);
+  let L = (
+    /*subNavigation*/
+    (i[0].length > 0 || /*pageTitle*/
+    i[1]) && Ae(i)
+  );
+  return {
+    c() {
+      e = g("header"), b && b.c(), n = y(), t = g("nav"), l = g("div"), v && v.c(), s = y(), o = g("a"), W.c(), a = y(), f.c(), u = y(), L && L.c(), _(o, "class", "flex h-full w-fit transition-opacity focus:opacity-75 hover:opacity-75 min-[1320px]:absolute min-[1320px]:left-[max(calc((100%-1320px)/2),7.5rem)]"), _(o, "href", "https://www.uoguelph.ca"), _(o, "aria-label", "University of Guelph Home Page"), _(l, "class", "flex w-fit"), _(t, "class", "relative w-full justify-between flex h-[5rem] lg:h-[10rem] bg-black px-[calc((100%-1320px)/2)] text-3xl text-white"), _(t, "aria-label", "Primary"), _(e, "class", "relative w-full font-condensed text-3xl text-black");
+    },
+    m($, M) {
+      k($, e, M), b && b.m(e, null), h(e, n), h(e, t), h(t, l), v && v.m(l, null), h(l, s), h(l, o), W.m(o, null), h(t, a), I[r].m(t, null), h(e, u), L && L.m(e, null), c = !0, d || (N = ee(
+        He,
+        "resize",
+        /*onwindowresize*/
+        i[10]
+      ), d = !0);
+    },
+    p($, M) {
+      /*windowWidth*/
+      $[3] >= O ? b ? (b.p($, M), M[0] & /*windowWidth*/
+      8 && p(b, 1)) : (b = ve($), b.c(), p(b, 1), b.m(e, n)) : b && (F(), m(b, 1, 1, () => {
+        b = null;
+      }), E()), /*windowWidth*/
+      $[3] >= O ? v || (v = xe(), v.c(), v.m(l, s)) : v && (v.d(1), v = null), S !== (S = Q($)) && (W.d(1), W = S($), W && (W.c(), W.m(o, null)));
+      let Z = r;
+      r = oe($), r === Z ? I[r].p($, M) : (F(), m(I[Z], 1, 1, () => {
+        I[Z] = null;
+      }), E(), f = I[r], f ? f.p($, M) : (f = I[r] = re[r]($), f.c()), p(f, 1), f.m(t, null)), /*subNavigation*/
+      $[0].length > 0 || /*pageTitle*/
+      $[1] ? L ? (L.p($, M), M[0] & /*subNavigation, pageTitle*/
+      3 && p(L, 1)) : (L = Ae($), L.c(), p(L, 1), L.m(e, null)) : L && (F(), m(L, 1, 1, () => {
+        L = null;
+      }), E());
+    },
+    i($) {
+      c || (p(b), p(f), p(L), c = !0);
+    },
+    o($) {
+      m(b), m(f), m(L), c = !1;
+    },
+    d($) {
+      $ && w(e), b && b.d(), v && v.d(), W.d(), I[r].d(), L && L.d(), d = !1, N();
+    }
+  };
+}
+const O = 1024, zt = 35;
+function Bt(i, e, n) {
+  const t = [
+    {
+      text: "Give",
+      href: "https://bbis.alumni.uoguelph.ca/BBIS_Cannon/give/uofg"
+    },
+    {
+      text: "News",
+      href: "https://news.uoguelph.ca/"
+    },
+    {
+      text: "Quick Links",
+      links: [
+        {
+          text: "Future Students",
+          href: "https://uoguelph.ca/future-ready"
+        },
+        {
+          text: "Current Students",
+          href: "https://www.uoguelph.ca/students"
+        },
+        {
+          text: "Alumni & Donors",
+          href: "https://alumni.uoguelph.ca/"
+        },
+        {
+          text: "Faculty & Staff",
+          href: "https://www.uoguelph.ca/faculty"
+        },
+        {
+          text: "Employers & Partners",
+          href: "https://cecs.uoguelph.ca/employers-institutions"
+        }
+      ]
+    },
+    {
+      text: "APPLY NOW",
+      href: "https://uoguelph.ca/apply/",
+      highlight: !0
+    }
+  ], l = [
+    {
+      text: "About",
+      href: "https://uoguelph.ca/about"
+    },
+    {
+      text: "Academics",
+      href: "https://www.uoguelph.ca/explore-all-programs/"
+    },
+    {
+      text: "Admission",
+      href: "https://uoguelph.ca/admissions"
+    },
+    {
+      text: "Research",
+      href: "https://uoguelph.ca/research"
+    },
+    {
+      text: "Student Life",
+      href: "https://www.uoguelph.ca/studentexperience/"
+    }
+  ], s = {
+    text: "Search the University of Guelph",
+    href: "https://uoguelph.ca/search",
+    icon: Ke
+  }, o = {
+    text: "Account Menu",
+    links: [
+      {
+        text: "Intranet",
+        href: "https://intranet.uoguelph.ca/"
+      },
+      {
+        text: "WebAdvisor",
+        href: "https://www.uoguelph.ca/webadvisor/"
+      },
+      {
+        text: "GryphMail",
+        href: "https://mail.uoguelph.ca/"
+      },
+      {
+        text: "CourseLink",
+        href: "https://courselink.uoguelph.ca/"
+      },
+      {
+        text: "GryphLife",
+        href: "https://gryphlife.uoguelph.ca/"
+      }
+    ],
+    icon: Ve
+  };
+  let a, r, f = !1, { subNavigation: u } = e, { pageTitle: c } = e, { pageURL: d } = e;
+  function N() {
+    n(3, a = He.innerWidth);
+  }
+  function b(v) {
+    Xe[v ? "unshift" : "push"](() => {
+      r = v, n(4, r);
+    });
+  }
+  return i.$$set = (v) => {
+    "subNavigation" in v && n(0, u = v.subNavigation), "pageTitle" in v && n(1, c = v.pageTitle), "pageURL" in v && n(2, d = v.pageURL);
+  }, i.$$.update = () => {
+    i.$$.dirty[0] & /*windowWidth, subNavigationElement, subNavigationIsOverflowing*/
+    56 && window.requestAnimationFrame(() => {
+      a >= O && r && !f && n(5, f = r.offsetWidth > r.parentElement.offsetWidth);
+    });
+  }, [
+    u,
+    c,
+    d,
+    a,
+    r,
+    f,
+    t,
+    l,
+    s,
+    o,
+    N,
+    b
+  ];
+}
+class Wt extends Re {
+  constructor(e) {
+    super(), qe(
+      this,
+      e,
+      Bt,
+      qt,
+      te,
+      {
+        subNavigation: 0,
+        pageTitle: 1,
+        pageURL: 2
+      },
+      null,
+      [-1, -1]
+    );
+  }
+  get subNavigation() {
+    return this.$$.ctx[0];
+  }
+  set subNavigation(e) {
+    this.$$set({ subNavigation: e }), R();
+  }
+  get pageTitle() {
+    return this.$$.ctx[1];
+  }
+  set pageTitle(e) {
+    this.$$set({ pageTitle: e }), R();
+  }
+  get pageURL() {
+    return this.$$.ctx[2];
+  }
+  set pageURL(e) {
+    this.$$set({ pageURL: e }), R();
+  }
+}
+customElements.define("uofg-header", Me(Wt, { subNavigation: {}, pageTitle: { reflect: !0, type: "String", attribute: "page-title" }, pageURL: { reflect: !0, type: "String", attribute: "page-url" } }, [], [], !0, (i) => class extends i {
+  constructor() {
+    super(), Ye(this.shadowRoot);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.updateSubNavigation(), this.observer ?? (this.observer = new MutationObserver(() => {
+      this.updateSubNavigation();
+    })), this.observer.observe(this, { childList: !0, subtree: !0 });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback(), this.observer.disconnect();
+  }
+  updateSubNavigation() {
+    const e = (n) => {
+      const t = {};
+      return n.getAttributeNames().filter((l) => l !== "href").forEach((l) => t[l] = n.getAttribute(l)), {
+        href: n.getAttribute("href"),
+        text: n.textContent,
+        attributes: t
+      };
+    };
+    this.subNavigation = Array.from(this.children).filter((n) => n.tagName === "A" || n.tagName === "UL").map((n) => {
+      switch (n.tagName) {
+        case "A":
+          return e(n);
+        case "UL":
+          const t = {
+            title: n.getAttribute("data-title"),
+            links: Array.from(n.querySelectorAll("a")).map(e)
+          };
+          return t.wrapContent = t.links.reduce(
+            (l, s) => (s.text.length > zt && (l = !0), l),
+            !1
+          ), t;
+      }
+    }).filter((n) => !!n);
+  }
+}));
+export {
+  Wt as default
+};