@uoguelph/web-components 1.9.0-rc.8 → 1.9.0-rc.9

package/dist/uofg-web-components/{legacy-znqGHd23.js → legacy-CiXHZGcB.js}

@@ -1,26 +1,26 @@
-import { Z as d, _ as g, $ as h, ah as m, a7 as b, G as v, a3 as y, aF as k, u as c, B as E, aG as l, l as u, am as F, aH as T, aI as x, m as A, aJ as G } from "./font-awesome-icon-DS3QHgPg.js";
-function R(t, s, ...a) {
-  var r = t, n = m, e;
+import { _ as d, $ as g, a0 as b, ai as h, a8 as m, H as v, a4 as y, aG as k, u as c, C as E, aH as l, l as u, an as T, aI as x, aJ as A, m as C, aK as F } from "./bundle-mjs-BDxvNl4x.js";
+function N(t, s, ...a) {
+  var r = t, n = h, e;
   d(() => {
-    n !== (n = s()) && (e && (b(e), e = null), e = h(() => (
+    n !== (n = s()) && (e && (m(e), e = null), e = b(() => (
       /** @type {SnippetFn} */
       n(r, ...a)
     )));
   }, g), v && (r = y);
 }
-function B(t = !1) {
+function R(t = !1) {
   const s = (
     /** @type {ComponentContextLegacy} */
-    F
+    T
   ), a = s.l.u;
   if (!a) return;
-  let r = () => x(s.s);
+  let r = () => A(s.s);
   if (t) {
     let n = 0, e = (
       /** @type {Record<string, any>} */
       {}
     );
-    const _ = A(() => {
+    const _ = C(() => {
       let i = !1;
       const o = s.s;
       for (const f in o)
@@ -32,7 +32,7 @@ function B(t = !1) {
   a.b.length && k(() => {
     p(s, r), l(a.b);
   }), c(() => {
-    const n = E(() => a.m.map(T));
+    const n = E(() => a.m.map(x));
     return () => {
       for (const e of n)
         typeof e == "function" && e();
@@ -46,8 +46,8 @@ function p(t, s) {
     for (const a of t.l.s) u(a);
   s();
 }
-G();
+F();
 export {
-  B as i,
-  R as s
+  R as i,
+  N as s
 };

package/dist/uofg-web-components/{slot-C9Xuadhw.js → slot-DDCVqxeF.js}

@@ -1,4 +1,4 @@
-import { G as r, H as l } from "./font-awesome-icon-DS3QHgPg.js";
+import { H as r, I as l } from "./bundle-mjs-BDxvNl4x.js";
 function d(i, t, e, s, o) {
   var a;
   r && l();

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

@@ -1,13 +1,12 @@
-import { c as w, p as E, a as F, F as j, s as v, t as b, b as k, d as z, e as C, f as J, g as R, h as S, i as T, j as o, k as d, l as U, m as q, n as A, r } from "./font-awesome-icon-DS3QHgPg.js";
-import { s as B, a as i } from "./slot-C9Xuadhw.js";
-import { t as D } from "./bundle-mjs-BpzLJ4dA.js";
+import { c as w, p as E, a as F, F as j, s as v, t as b, b as k, d as z, e as C, f as J, g as R, h as S, i as T, j as o, k as d, l as U, m as q, n as A, o as B, r } from "./bundle-mjs-BDxvNl4x.js";
+import { s as D, a as i } from "./slot-DDCVqxeF.js";
 var G = J('<div class="flex flex-col"><div><!> <!></div> <div><!> <span><!></span></div> <div class="flex bg-grey-light text-grey-light-contrast"><!></div></div>');
 function H(c, t) {
-  const e = B(t);
+  const e = D(t);
   E(t, !0);
   let s = F(t, "color", 7, "red");
-  var m = G(), l = o(m);
-  const x = q(() => A(D("flex items-center p-4 text-lg [&>svg]:mr-4 [&>svg]:h-[1.5em] [&>svg]:fill-current", s() === "red" && "bg-red text-red-contrast", s() === "yellow" && "bg-yellow text-yellow-contrast", s() === "blue" && "bg-blue text-blue-contrast", s() === "green" && "bg-green text-green-contrast")));
+  var g = G(), l = o(g);
+  const x = q(() => A(B("flex items-center p-4 text-lg [&>svg]:mr-4 [&>svg]:h-[1.5em] [&>svg]:fill-current", s() === "red" && "bg-red text-red-contrast", s() === "yellow" && "bg-yellow text-yellow-contrast", s() === "blue" && "bg-blue text-blue-contrast", s() === "green" && "bg-green text-green-contrast")));
   var u = o(l);
   j(u, { icon: R });
   var _ = d(u, 2);
@@ -16,14 +15,14 @@ function H(c, t) {
   v(a, 'flex flex-col bg-white px-6 py-3 [&>slot[name="subtitle"]::slotted(*)]:mb-4 [&>slot[name="subtitle"]::slotted(*)]:text-xl [&>slot[name="subtitle"]::slotted(*)]:font-bold border-grey-muted border-t-0 border'), b(a, "border-b", !(e != null && e.footer));
   var f = o(a);
   i(f, t, "subtitle", {});
-  var g = d(f, 2);
-  v(g, '[&>slot[name="message"]::slotted(*)]:text-base [&>slot[name="message"]::slotted(a)]:text-blue-text [&>slot[name="message"]::slotted(a)]:px-1 [&>slot[name="message"]::slotted(a:hover)]:bg-blue [&>slot[name="message"]::slotted(a:hover)]:text-blue-contrast [&>slot[name="message"]::slotted(a:hover)]:transition-colors [&>slot[name="message"]::slotted(a:hover)]:decoration-transparent');
-  var h = o(g);
-  i(h, t, "message", {}), r(g), r(a);
+  var m = d(f, 2);
+  v(m, '[&>slot[name="message"]::slotted(*)]:text-base [&>slot[name="message"]::slotted(a)]:text-blue-text [&>slot[name="message"]::slotted(a)]:px-1 [&>slot[name="message"]::slotted(a:hover)]:bg-blue [&>slot[name="message"]::slotted(a:hover)]:text-blue-contrast [&>slot[name="message"]::slotted(a:hover)]:transition-colors [&>slot[name="message"]::slotted(a:hover)]:decoration-transparent');
+  var h = o(m);
+  i(h, t, "message", {}), r(m), r(a);
   var n = d(a, 2);
   b(n, "px-4", e == null ? void 0 : e.footer), b(n, "py-2", e == null ? void 0 : e.footer);
   var p = o(n);
-  return i(p, t, "footer", {}), r(n), r(m), k(() => v(l, U(x))), z(c, m), C({
+  return i(p, t, "footer", {}), r(n), r(g), k(() => v(l, U(x))), z(c, g), C({
     get color() {
       return s();
     },

package/dist/uofg-web-components/uofg-back-to-top.esm.js

@@ -1,21 +1,20 @@
-import { o as b, c as m, p as _, u as h, F as v, b as x, d as w, e as g, f as k, q as c, l as e, v as y, w as T, i as j, x as n, j as i, s as F, m as U, n as q, r as l, y as z } from "./font-awesome-icon-DS3QHgPg.js";
-import { b as B } from "./window-CLG-P9gm.js";
-import { t as C } from "./bundle-mjs-BpzLJ4dA.js";
+import { q as b, c as m, p as _, u as h, F as v, b as x, d as w, e as g, f as k, v as c, l as e, w as y, x as T, i as j, y as n, j as l, s as z, m as F, n as U, o as q, r as i, z as B } from "./bundle-mjs-BDxvNl4x.js";
+import { b as C } from "./window-B5VNuvDD.js";
 const E = () => {
   window.scroll({ top: 0, left: 0, behavior: "smooth" });
 };
 var J = k('<button><span aria-hidden="true"><!></span> <span class="sr-only">Back to top of page</span></button>');
 function R(s, p) {
   _(p, !0);
-  let a = n(!1), o = n(0);
+  let o = n(!1), a = n(0);
   h(() => {
-    c(a, e(o) > 50);
+    c(o, e(a) > 50);
   });
   var t = J();
   t.__click = [E];
-  const d = U(() => q(C("flex z-10 justify-center items-center text-lg w-10 h-10 border border-white bg-black text-black-contrast fixed bottom-8 right-8 hover:bg-red focus:bg-red hover:text-red-contrast focus:text-red-contrast transition", e(a) ? "opacity-100" : "opacity-0")));
-  var r = i(t), f = i(r);
-  v(f, { icon: y }), l(r), z(2), l(t), x(() => F(t, e(d))), B("y", () => e(o), (u) => c(o, T(u))), w(s, t), g();
+  const d = F(() => U(q("flex z-10 justify-center items-center text-lg w-10 h-10 border border-white bg-black text-black-contrast fixed bottom-8 right-8 hover:bg-red focus:bg-red hover:text-red-contrast focus:text-red-contrast transition", e(o) ? "opacity-100" : "opacity-0")));
+  var r = l(t), f = l(r);
+  v(f, { icon: y }), i(r), B(2), i(t), x(() => z(t, e(d))), C("y", () => e(a), (u) => c(a, T(u))), w(s, t), g();
 }
 b(["click"]);
 customElements.define("uofg-back-to-top", m(R, {}, [], [], !0, (s) => class extends s {

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

@@ -1,17 +1,17 @@
-import { c as m, p as z, a as V, I, b as y, d as h, J as G, e as F, h as C, f as x, D as M, K as w, l as g, j as u, r as o, L as j, M as W, N as X, O as B, P as K, Q as Z, R as J, T as $, U as Q, V as ee, F as te, s as ae, W as N, y as A, k as v, X as re, Y as se, i as oe } from "./font-awesome-icon-DS3QHgPg.js";
-import { i as T, s as ne } from "./legacy-znqGHd23.js";
-var ie = x('<li class="p-3"><a class="transition-all decoration-transparent text-blue hover:text-blue-focus focus:text-blue-focus hover:underline focus:underline hover:decoration-current focus:decoration-current"> </a></li>'), le = x('<ul class="flex flex-wrap items-center justify-center bg-white p-3 px-[max(calc((100%-1320px)/2),2rem)]"></ul>');
-function U(n, e) {
-  z(e, !0);
-  let t = V(e, "links", 7);
-  var s = le();
+import { c as m, p as V, a as M, J as I, b as k, d as h, K as G, e as z, h as C, f as x, E as L, L as b, l as p, j as u, r as o, M as X, N as Z, O as q, P as B, Q as J, R as K, T as Q, U as T, V as ee, W as te, F as ae, s as re, X as U, n as se, o as oe, Y as H, z as P, k as g, Z as ie, i as ne } from "./bundle-mjs-BDxvNl4x.js";
+import { i as $, s as le } from "./legacy-CiXHZGcB.js";
+var ce = x('<li class="p-3"><a class="transition-all decoration-transparent text-blue hover:text-blue-focus focus:text-blue-focus hover:underline focus:underline hover:decoration-current focus:decoration-current"> </a></li>'), ue = x('<ul class="flex flex-wrap items-center justify-center bg-white p-3 px-[max(calc((100%-1320px)/2),2rem)]"></ul>');
+function E(i, e) {
+  V(e, !0);
+  let t = M(e, "links", 7);
+  var s = ue();
   return I(s, 21, t, G, (r, l) => {
-    let i = () => g(l).text, f = () => g(l).href;
-    var a = ie(), c = u(a), d = u(c, !0);
-    o(c), o(a), y(() => {
-      M(c, "href", f()), w(d, i());
+    let n = () => p(l).text, f = () => p(l).href;
+    var a = ce(), c = u(a), d = u(c, !0);
+    o(c), o(a), k(() => {
+      L(c, "href", f()), b(d, n());
     }), h(r, a);
-  }), o(s), h(n, s), F({
+  }), o(s), h(i, s), z({
     get links() {
       return t();
     },
@@ -20,8 +20,8 @@ function U(n, e) {
     }
   });
 }
-m(U, { links: {} }, [], [], !0);
-var ce = j(`<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 718.9 79.5"><defs><style>.st0 {
+m(E, { links: {} }, [], [], !0);
+var fe = X(`<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 718.9 79.5"><defs><style>.st0 {
       fill: #fff;
       font-family: MyriadPro-Regular, 'Myriad Pro';
       font-size: 44.3px;
@@ -38,95 +38,95 @@ var ce = j(`<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" v
       .st3 {
       fill: #e51937;
       }</style></defs><g><rect class="st2" x="1.5" y="1.5" width="715.9" height="76.5"></rect><path class="st3" d="M715.9,3v73.5H3V3h712.9M718.9,0H0v79.5h718.9V0h0Z"></path></g><g class="st1"><text class="st0" transform="translate(107.3 54.3)"><tspan x="0" y="0">IMP</tspan></text><text class="st0" transform="translate(177 54.3)"><tspan x="0" y="0">R</tspan></text><text class="st0" transform="translate(201 54.3)"><tspan x="0" y="0">OVE LIFE NO PADDING</tspan></text></g></svg>`);
-function q(n) {
-  var e = ce();
-  h(n, e);
+function O(i) {
+  var e = fe();
+  h(i, e);
 }
-m(q, {}, [], [], !0);
-var ue = x('<a href="https://www.uoguelph.ca/improve-life" aria-label="Improve Life" class="flex transition-opacity md:h-[3.5em] focus:opacity-75 hover:opacity-75 [&amp;>svg]:block [&amp;>svg]:w-full"><!></a>');
-function D(n) {
-  var e = ue(), t = u(e);
-  q(t), o(e), h(n, e);
+m(O, {}, [], [], !0);
+var he = x('<a href="https://www.uoguelph.ca/improve-life" aria-label="Improve Life" class="flex transition-opacity md:h-[3.5em] focus:opacity-75 hover:opacity-75 [&amp;>svg]:block [&amp;>svg]:w-full"><!></a>');
+function R(i) {
+  var e = he(), t = u(e);
+  O(t), o(e), h(i, e);
 }
-m(D, {}, [], [], !0);
+m(R, {}, [], [], !0);
 /*!
  * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
  * Copyright 2024 Fonticons, Inc.
  */
-const fe = {
+const de = {
   prefix: "fab",
-  iconName: "tiktok",
-  icon: [448, 512, [], "e07b", "M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"]
-}, he = {
+  iconName: "linkedin-in",
+  icon: [448, 512, [], "f0e1", "M100.28 448H7.4V148.9h92.88zM53.79 108.1C24.09 108.1 0 83.5 0 53.8a53.79 53.79 0 0 1 107.58 0c0 29.7-24.1 54.3-53.79 54.3zM447.9 448h-92.68V302.4c0-34.7-.7-79.2-48.29-79.2-48.29 0-55.69 37.7-55.69 76.7V448h-92.78V148.9h89.08v40.8h1.3c12.4-23.5 42.69-48.3 87.88-48.3 94 0 111.28 61.9 111.28 142.3V448z"]
+}, pe = {
   prefix: "fab",
-  iconName: "square-facebook",
-  icon: [448, 512, ["facebook-square"], "f082", "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64h98.2V334.2H109.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H255V480H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64z"]
-}, de = he, pe = {
-  prefix: "fab",
-  iconName: "linkedin",
-  icon: [448, 512, [], "f08c", "M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"]
+  iconName: "facebook-f",
+  icon: [320, 512, [], "f39e", "M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"]
 }, ve = {
+  prefix: "fab",
+  iconName: "x-twitter",
+  icon: [512, 512, [], "e61b", "M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"]
+}, ge = {
+  prefix: "fab",
+  iconName: "tiktok",
+  icon: [448, 512, [], "e07b", "M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"]
+}, xe = {
   prefix: "fab",
   iconName: "instagram",
   icon: [448, 512, [], "f16d", "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"]
-}, ge = {
+}, we = {
   prefix: "fab",
   iconName: "youtube",
   icon: [576, 512, [61802], "f167", "M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"]
-}, xe = {
-  prefix: "fab",
-  iconName: "square-x-twitter",
-  icon: [448, 512, [], "e61a", "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zm297.1 84L257.3 234.6 379.4 396H283.8L209 298.1 123.3 396H75.8l111-126.9L69.7 116h98l67.7 89.5L313.6 116h47.5zM323.3 367.6L153.4 142.9H125.1L296.9 367.6h26.3z"]
-}, O = {
+}, D = {
   directory: "https://www.uoguelph.ca/web/socialmedia/",
   links: [
     {
       text: "X",
-      icon: xe,
+      icon: ve,
       href: "https://twitter.com/uofg",
-      classes: "focus:text-[#1da1f2] hover:text-[#1da1f2]"
+      classes: "focus:text-black hover:text-black focus:bg-white hover:bg-white"
     },
     {
       text: "Facebook",
-      icon: de,
+      icon: pe,
       href: "https://www.facebook.com/uofguelph",
-      classes: "focus:text-[#4267b2] hover:text-[#4267b2]"
+      classes: "focus:text-white hover:text-white focus:bg-[#0866ff] hover:bg-[#0866ff]"
     },
     {
       text: "Instagram",
-      icon: ve,
+      icon: xe,
       href: "https://www.instagram.com/uofguelph/",
-      classes: "focus:text-[#e1306c] hover:text-[#e1306c]"
+      classes: "focus:text-white hover:text-white focus:bg-[#d62976] hover:bg-[#d62976]"
     },
     {
       text: "Youtube",
-      icon: ge,
+      icon: we,
       href: "https://www.youtube.com/user/uofguelph",
-      classes: "focus:text-[#f00] hover:text-[#f00]"
+      classes: "focus:text-white hover:text-white focus:bg-[#ff0000] hover:bg-[#ff0000]"
     },
     {
       text: "LinkedIn",
-      icon: pe,
+      icon: de,
       href: "https://www.linkedin.com/school/university-of-guelph/",
-      classes: "focus:text-[#0077b5] hover:text-[#0077b5]"
+      classes: "focus:text-white hover:text-white focus:bg-[#0a66c2] hover:bg-[#0a66c2]"
     },
     {
       text: "TikTok",
-      icon: fe,
+      icon: ge,
       href: "https://www.tiktok.com/@uofguelph",
-      classes: "focus:text-[#f00] hover:text-[#f00]"
+      classes: "focus:text-black hover:text-black focus:bg-white hover:bg-white"
     }
   ]
-}, we = [
+}, be = [
   {
     text: "Accessibility",
-    icon: W,
+    icon: Z,
     href: "https://www.uoguelph.ca/diversity-human-rights/accessibility-u-g"
   },
   {
     text: "Privacy",
-    icon: X,
+    icon: q,
     href: "https://www.uoguelph.ca/web/privacy/"
   },
   {
@@ -136,38 +136,38 @@ const fe = {
   },
   {
     text: "Status Page",
-    icon: K,
+    icon: J,
     href: "https://uoguelph.statuspage.io/"
   },
   {
     text: "Land Acknowledgement",
-    icon: Z,
+    icon: K,
     href: "https://www.uoguelph.ca/land-acknowledgement/",
     title: "The University of Guelph resides on the treaty lands and territory of the Mississaugas of the Credit. We recognize that today this gathering place is home to many First Nations, Inuit and Métis peoples and acknowledging them reminds us of our collective responsibility to the land where we learn and work."
   },
   {
     text: "Careers",
-    icon: J,
+    icon: Q,
     href: "https://careers.uoguelph.ca/"
   },
   {
     text: "Undergraduate Calendar",
-    icon: $,
+    icon: T,
     href: "https://www.uoguelph.ca/registrar/calendars/undergraduate/current/"
   },
   {
     text: "Graduate Calendar",
-    icon: $,
+    icon: T,
     href: "https://www.uoguelph.ca/registrar/calendars/graduate/current/"
   },
   {
     text: "Admission",
-    icon: Q,
+    icon: ee,
     href: "https://uoguelph.ca/admission"
   },
   {
     text: "Give to U of G",
-    icon: ee,
+    icon: te,
     href: "https://www.alumni.uoguelph.ca/give-to-guelph/how-to-give"
   }
 ], _ = {
@@ -177,31 +177,33 @@ const fe = {
   postalCode: "N1G 2W1",
   phoneNumber: "519-824-4120"
 };
-var me = x("<li><a><!></a></li>"), be = x('<ul class="flex gap-3 text-xl [&amp;>li]:contents"></ul>');
-function R(n, e) {
-  z(e, !1), T();
-  var t = be();
-  I(t, 5, () => O.links, G, (s, r) => {
-    let l = () => g(r).href, i = () => g(r).text, f = () => g(r).icon, a = () => g(r).classes;
-    var c = me(), d = u(c), k = u(d);
-    te(k, {
+var me = x("<li><a><!></a></li>"), ke = x('<ul class="flex gap-2 text-xl [&amp;>li]:contents"></ul>');
+function Y(i, e) {
+  V(e, !1), $();
+  var t = ke();
+  I(t, 5, () => D.links, G, (s, r) => {
+    let l = () => p(r).href, n = () => p(r).text, f = () => p(r).icon, a = () => p(r).classes;
+    var c = me(), d = u(c);
+    const y = U(() => se(oe("border border-current transition-colors focus:border-transparent hover:border-transparent p-1 [&>*]:aspect-square", a())));
+    var w = u(d);
+    ae(w, {
       get icon() {
         return f();
       }
-    }), o(d), o(c), y(() => {
-      M(d, "href", l()), M(d, "aria-label", i()), ae(d, `transition-colors ${a()}`);
+    }), o(d), o(c), k(() => {
+      L(d, "href", l()), L(d, "aria-label", n()), re(d, p(y));
     }), h(s, c);
-  }), o(t), h(n, t), F();
+  }), o(t), h(i, t), z();
 }
-m(R, {}, [], [], !0);
+m(Y, {}, [], [], !0);
 var ye = x('<a class="w-fit underline decoration-transparent transition-colors focus:decoration-black-contrast hover:decoration-black-contrast"><!></a>');
-function L(n, e) {
-  z(e, !0);
-  let t = V(e, "href", 7), s = V(e, "label", 7), r = V(e, "title", 7), l = V(e, "children", 7);
-  var i = ye(), f = u(i);
-  return ne(f, l), o(i), y(() => {
-    M(i, "href", t()), M(i, "title", r() ?? void 0), M(i, "aria-label", s() ?? void 0);
-  }), h(n, i), F({
+function F(i, e) {
+  V(e, !0);
+  let t = M(e, "href", 7), s = M(e, "label", 7), r = M(e, "title", 7), l = M(e, "children", 7);
+  var n = ye(), f = u(n);
+  return le(f, l), o(n), k(() => {
+    L(n, "href", t()), L(n, "title", r() ?? void 0), L(n, "aria-label", s() ?? void 0);
+  }), h(i, n), z({
     get href() {
       return t();
     },
@@ -229,7 +231,7 @@ function L(n, e) {
   });
 }
 m(
-  L,
+  F,
   {
     href: {},
     label: {},
@@ -240,114 +242,114 @@ m(
   [],
   !0
 );
-var ke = x("<li><!></li>"), _e = x('<div class="flex justify-center md:col-span-2 md:row-start-2 lg:row-auto"><ul class="w-full flex flex-col gap-y-1 gap-x-6 md:grid md:grid-cols-2 [&amp;>li]:contents"></ul></div>');
-function E(n) {
-  var e = _e(), t = u(e);
-  I(t, 5, () => we, G, (s, r) => {
-    let l = () => g(r).href, i = () => g(r).title, f = () => g(r).text;
-    var a = ke(), c = u(a);
-    L(c, {
+var _e = x("<li><!></li>"), Me = x('<div class="flex justify-center md:col-span-2 md:row-start-2 lg:row-auto"><ul class="w-full flex flex-col gap-y-1 gap-x-6 md:grid md:grid-cols-2 [&amp;>li]:contents"></ul></div>');
+function j(i) {
+  var e = Me(), t = u(e);
+  I(t, 5, () => be, G, (s, r) => {
+    let l = () => p(r).href, n = () => p(r).title, f = () => p(r).text;
+    var a = _e(), c = u(a);
+    F(c, {
       get href() {
         return l();
       },
       get title() {
-        return i();
+        return n();
       },
-      children: (d, k) => {
-        A();
-        var b = N();
-        y(() => w(b, f())), h(d, b);
+      children: (d, y) => {
+        P();
+        var w = H();
+        k(() => b(w, f())), h(d, w);
       },
       $$slots: { default: !0 }
     }), o(a), h(s, a);
-  }), o(t), o(e), h(n, e);
+  }), o(t), o(e), h(i, e);
 }
-m(E, {}, [], [], !0);
-var Ve = x('<address class="flex flex-col gap-1 not-italic"><strong> </strong> <span> </span> <span> </span> <span> </span> <!></address>');
-function Y(n, e) {
-  z(e, !1), T();
-  var t = Ve(), s = u(t), r = u(s, !0);
+m(j, {}, [], [], !0);
+var Ce = x('<address class="flex flex-col gap-1 not-italic"><strong> </strong> <span> </span> <span> </span> <span> </span> <!></address>');
+function W(i, e) {
+  V(e, !1), $();
+  var t = Ce(), s = u(t), r = u(s, !0);
   o(s);
-  var l = v(s, 2), i = u(l);
+  var l = g(s, 2), n = u(l);
   o(l);
-  var f = v(l, 2), a = u(f);
+  var f = g(l, 2), a = u(f);
   o(f);
-  var c = v(f, 2), d = u(c, !0);
+  var c = g(f, 2), d = u(c, !0);
   o(c);
-  var k = v(c, 2), b = re(() => `tel:${_.phoneNumber}`);
-  L(k, {
+  var y = g(c, 2), w = U(() => `tel:${_.phoneNumber}`);
+  F(y, {
     get href() {
-      return g(b);
+      return p(w);
     },
-    children: (P, p) => {
-      A();
-      var H = N();
-      y(() => w(H, _.phoneNumber)), h(P, H);
+    children: (S, v) => {
+      P();
+      var N = H();
+      k(() => b(N, _.phoneNumber)), h(S, N);
     },
     $$slots: { default: !0 }
-  }), o(t), y(() => {
-    w(r, _.title), w(i, `${_.street},`), w(a, `${_.city}, Ontario, Canada`), w(d, _.postalCode);
-  }), h(n, t), F();
+  }), o(t), k(() => {
+    b(r, _.title), b(n, `${_.street},`), b(a, `${_.city}, Ontario, Canada`), b(d, _.postalCode);
+  }), h(i, t), z();
 }
-m(Y, {}, [], [], !0);
-var Ce = x('<footer><!> <div class="flex flex-col content-center gap-6 bg-black px-[max(calc((100%-1320px)/2),2rem)] py-12 text-black-contrast md:grid md:grid-cols-2 lg:grid-cols-4"><div class="flex flex-col gap-1"><!> <!> <!> <!></div> <!> <!></div></footer>');
-function Me(n, e) {
-  z(e, !0);
-  let t = V(e, "subFooter", 7);
-  var s = Ce(), r = u(s);
+m(W, {}, [], [], !0);
+var Le = x('<footer><!> <div class="flex flex-col content-center gap-6 bg-black px-[max(calc((100%-1320px)/2),2rem)] py-12 text-black-contrast md:grid md:grid-cols-2 lg:grid-cols-4"><div class="flex flex-col gap-1"><!> <!> <!> <!></div> <!> <!></div></footer>');
+function Fe(i, e) {
+  V(e, !0);
+  let t = M(e, "subFooter", 7);
+  var s = Le(), r = u(s);
   {
-    var l = (p) => {
-      U(p, {
+    var l = (v) => {
+      E(v, {
         get links() {
           return t();
         }
       });
     };
-    se(r, (p) => {
-      Array.isArray(t()) && t().length > 0 && p(l);
+    ie(r, (v) => {
+      Array.isArray(t()) && t().length > 0 && v(l);
     });
   }
-  var i = v(r, 2), f = u(i), a = u(f);
-  D(a);
-  var c = v(a, 2);
-  R(c, {});
-  var d = v(c, 2);
-  L(d, {
+  var n = g(r, 2), f = u(n), a = u(f);
+  R(a);
+  var c = g(a, 2);
+  Y(c, {});
+  var d = g(c, 2);
+  F(d, {
     get href() {
-      return O.directory;
+      return D.directory;
     },
-    children: (p, H) => {
-      A();
-      var S = N("Social Media Directory");
-      h(p, S);
+    children: (v, N) => {
+      P();
+      var A = H("Social Media Directory");
+      h(v, A);
     },
     $$slots: { default: !0 }
   });
-  var k = v(d, 2);
-  L(k, {
+  var y = g(d, 2);
+  F(y, {
     href: "https://www.uoguelph.ca/web/",
-    children: (p, H) => {
-      A();
-      var S = N();
-      y(() => w(S, `© ${(/* @__PURE__ */ new Date()).getFullYear() ?? ""} University of Guelph`)), h(p, S);
+    children: (v, N) => {
+      P();
+      var A = H();
+      k(() => b(A, `© ${(/* @__PURE__ */ new Date()).getFullYear() ?? ""} University of Guelph`)), h(v, A);
     },
     $$slots: { default: !0 }
   }), o(f);
-  var b = v(f, 2);
-  E(b);
-  var P = v(b, 2);
-  return Y(P, {}), o(i), o(s), h(n, s), F({
+  var w = g(f, 2);
+  j(w);
+  var S = g(w, 2);
+  return W(S, {}), o(n), o(s), h(i, s), z({
     get subFooter() {
       return t();
     },
-    set subFooter(p) {
-      t(p), C();
+    set subFooter(v) {
+      t(v), C();
     }
   });
 }
-customElements.define("uofg-footer", m(Me, { subFooter: {} }, [], [], !0, (n) => class extends n {
+customElements.define("uofg-footer", m(Fe, { subFooter: {} }, [], [], !0, (i) => class extends i {
   constructor() {
-    super(), oe(this.shadowRoot);
+    super(), ne(this.shadowRoot);
   }
   connectedCallback() {
     super.connectedCallback(), this.updateSubFooter(), this.observer ?? (this.observer = new MutationObserver(() => {
@@ -365,5 +367,5 @@ customElements.define("uofg-footer", m(Me, { subFooter: {} }, [], [], !0, (n) =>
   }
 }));
 export {
-  Me as default
+  Fe as default
 };