@uoguelph/web-components 1.9.0-rc.1 → 1.9.0-rc.11

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

@@ -1,275 +1,355 @@
-import { c as b, p as C, a as N, J as L, b as V, d as h, K as z, e as M, h as A, f as v, E as k, L as m, u as w, j as s, r as a, M as E, N as R, O, P as Y, Q as W, R as X, T as B, U as H, V as D, W as K, X as Z, F as J, s as Q, k as p, Y as $, i as ee } from "./font-awesome-icon-tL6xr2rJ.js";
-import { i as F } from "./legacy-DIGW2RSh.js";
-var te = v('<li class="p-3"><a class="transition-all decoration-transparent text-blue hover:text-blue-800 focus:text-blue-800 hover:underline focus:underline hover:decoration-current focus:decoration-current"> </a></li>'), ae = v('<ul class="flex flex-wrap items-center justify-center bg-white p-3 px-[max(calc((100%-1320px)/2),2rem)]"></ul>');
-function P(o, e) {
-  C(e, !0);
-  let t = N(e, "links", 7);
-  var r = ae();
-  return L(r, 21, t, z, (c, f) => {
-    let l = () => w(f).text, u = () => w(f).href;
-    var n = te(), i = s(n), g = s(i, !0);
-    a(i), a(n), V(() => {
-      k(i, "href", u()), m(g, l());
-    }), h(c, n);
-  }), a(r), h(o, r), M({
+import { c as m, p as z, a as C, J as S, b as _, d as h, K as I, e as N, h as L, f as x, E as F, L as b, l as v, j as l, r as s, 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 A, z as H, 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) {
+  z(e, !0);
+  let t = C(e, "links", 7);
+  var o = ue();
+  return S(o, 21, t, I, (r, c) => {
+    let n = () => v(c).text, f = () => v(c).href;
+    var a = ce(), u = l(a), d = l(u, !0);
+    s(u), s(a), _(() => {
+      F(u, "href", f()), b(d, n());
+    }), h(r, a);
+  }), s(o), h(i, o), N({
     get links() {
       return t();
     },
-    set links(c) {
-      t(c), A();
+    set links(r) {
+      t(r), L();
     }
   });
 }
-b(P, { links: {} }, [], [], !0);
-var re = E(`<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 819.54 168.95"><defs><style>.cls-1 {
-      fill: #221f20;
-      }
-
-      .cls-2 {
+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.28px;
+      font-size: 44.3px;
       }
 
-      .cls-3 {
-      letter-spacing: 0em;
+      .st0, .st1 {
+      isolation: isolate;
       }
 
-      .cls-4 {
+      .st2 {
+      fill: #221f20;
+      }
+
+      .st3 {
       fill: #e51937;
-      }</style></defs><g><rect class="cls-1" x="52.23" y="41.77" width="715.86" height="75.98"></rect><path class="cls-4" d="M766.59,43.27v72.98H53.73V43.27h712.86M769.59,40.27H50.73v78.98h718.86V40.27h0Z"></path></g><text class="cls-2" transform="translate(274.94 93.06)"><tspan x="0" y="0">IMP</tspan><tspan class="cls-3" x="69.75" y="0">R</tspan><tspan x="93.71" y="0">OVE LIFE</tspan></text></svg>`);
-function G(o) {
-  var e = re();
-  h(o, e);
+      }</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 O(i) {
+  var e = fe();
+  h(i, e);
 }
-b(G, {}, [], [], !0);
-var se = v('<a href="https://www.uoguelph.ca/improve-life" aria-label="Improve Life" class="flex transition-opacity focus:opacity-75 hover:opacity-75 [&amp;>svg]:block [&amp;>svg]:w-full"><!></a>');
-function I(o) {
-  var e = se(), t = s(e);
-  G(t), a(e), h(o, 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 = l(e);
+  O(t), s(e), h(i, e);
 }
-b(I, {}, [], [], !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 oe = {
+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"]
-}, ie = {
+  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"]
-}, ce = ie, ne = {
+  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: "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"]
-}, le = {
+  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"]
-}, ue = {
+}, 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"]
-}, fe = {
-  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"]
-}, S = {
+}, D = {
   directory: "https://www.uoguelph.ca/web/socialmedia/",
   links: [
     {
       text: "X",
-      icon: fe,
+      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: ce,
+      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: le,
+      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: ue,
+      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: ne,
+      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: oe,
+      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"
     }
   ]
-}, he = [
+}, be = [
   {
     text: "Accessibility",
-    icon: R,
+    icon: Z,
     href: "https://www.uoguelph.ca/diversity-human-rights/accessibility-u-g"
   },
   {
     text: "Privacy",
-    icon: O,
+    icon: q,
     href: "https://www.uoguelph.ca/web/privacy/"
   },
   {
     text: "Site Map",
-    icon: Y,
+    icon: B,
     href: "https://www.uoguelph.ca/sitemap"
   },
   {
     text: "Status Page",
-    icon: W,
+    icon: J,
     href: "https://uoguelph.statuspage.io/"
   },
   {
     text: "Land Acknowledgement",
-    icon: X,
+    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: B,
+    icon: Q,
     href: "https://careers.uoguelph.ca/"
   },
   {
     text: "Undergraduate Calendar",
-    icon: H,
+    icon: T,
     href: "https://www.uoguelph.ca/registrar/calendars/undergraduate/current/"
   },
   {
     text: "Graduate Calendar",
-    icon: H,
+    icon: T,
     href: "https://www.uoguelph.ca/registrar/calendars/graduate/current/"
   },
   {
-    text: "Program Plans",
-    icon: D,
-    href: "https://admission.uoguelph.ca/programs"
+    text: "Admission",
+    icon: ee,
+    href: "https://uoguelph.ca/admission"
   },
   {
     text: "Give to U of G",
-    icon: K,
+    icon: te,
     href: "https://www.alumni.uoguelph.ca/give-to-guelph/how-to-give"
   }
-], _ = {
+], M = {
   title: "University of Guelph",
   street: "50 Stone Road East",
   city: "Guelph",
   postalCode: "N1G 2W1",
   phoneNumber: "519-824-4120"
 };
-var de = v("<li><a><!></a></li>"), pe = v('<ul class="flex gap-3 text-2xl [&amp;>li]:contents"></ul> <a class="w-fit underline decoration-transparent transition-colors focus:decoration-white hover:decoration-white">Social Media Directory</a>', 1);
-function T(o, e) {
-  C(e, !1), F();
-  var t = pe(), r = Z(t);
-  L(r, 5, () => S.links, z, (f, l) => {
-    let u = () => w(l).href, n = () => w(l).text, i = () => w(l).icon, g = () => w(l).classes;
-    var d = de(), x = s(d), y = s(x);
-    J(y, {
+var me = x("<li><a><!></a></li>"), ke = x('<ul class="flex gap-2 text-xl [&amp;>li]:contents"></ul>');
+function Y(i, e) {
+  z(e, !1), $();
+  var t = ke();
+  S(t, 5, () => D.links, I, (o, r) => {
+    let c = () => v(r).href, n = () => v(r).text, f = () => v(r).icon, a = () => v(r).classes;
+    var u = me(), d = l(u);
+    const k = U(() => se(oe("border border-current transition-colors focus:border-transparent hover:border-transparent p-1 [&>*]:aspect-square", a())));
+    var w = l(d);
+    ae(w, {
       get icon() {
-        return i();
+        return f();
       }
-    }), a(x), a(d), V(() => {
-      k(x, "href", u()), k(x, "aria-label", n()), Q(x, `transition-colors ${g()}`);
-    }), h(f, d);
-  }), a(r);
-  var c = p(r, 2);
-  V(() => k(c, "href", S.directory)), h(o, t), M();
+    }), s(d), s(u), _(() => {
+      F(d, "href", c()), F(d, "aria-label", n()), re(d, v(k));
+    }), h(o, u);
+  }), s(t), h(i, t), N();
 }
-b(T, {}, [], [], !0);
-var ve = v('<a class="w-fit underline decoration-transparent transition-colors focus:decoration-white hover:decoration-white" href="https://www.uoguelph.ca/web/"> </a>');
-function U(o, e) {
-  C(e, !1), F();
-  var t = ve(), r = s(t);
-  V(() => m(r, `© ${(/* @__PURE__ */ new Date()).getFullYear() ?? ""} University of Guelph`)), a(t), h(o, t), M();
+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 V(i, e) {
+  z(e, !0);
+  let t = C(e, "href", 7), o = C(e, "label", 7), r = C(e, "title", 7), c = C(e, "children", 7);
+  var n = ye(), f = l(n);
+  return le(f, c), s(n), _(() => {
+    F(n, "href", t()), F(n, "title", r() ?? void 0), F(n, "aria-label", o() ?? void 0);
+  }), h(i, n), N({
+    get href() {
+      return t();
+    },
+    set href(a) {
+      t(a), L();
+    },
+    get label() {
+      return o();
+    },
+    set label(a) {
+      o(a), L();
+    },
+    get title() {
+      return r();
+    },
+    set title(a) {
+      r(a), L();
+    },
+    get children() {
+      return c();
+    },
+    set children(a) {
+      c(a), L();
+    }
+  });
 }
-b(U, {}, [], [], !0);
-var ge = v('<li><a class="w-fit underline decoration-transparent transition-colors focus:decoration-white hover:decoration-white"> </a></li>'), xe = v('<div class="flex justify-center md:col-span-2 md:row-start-2 lg:row-auto"><ul class="w-full flex flex-col gap-2 md:grid md:grid-cols-2 [&amp;>li]:contents"></ul></div>');
-function q(o) {
-  var e = xe(), t = s(e);
-  L(t, 5, () => he, z, (r, c) => {
-    let f = () => w(c).href, l = () => w(c).title, u = () => w(c).text;
-    var n = ge(), i = s(n), g = s(i, !0);
-    a(i), a(n), V(() => {
-      k(i, "href", f()), k(i, "title", l() ?? ""), m(g, u());
-    }), h(r, n);
-  }), a(t), a(e), h(o, e);
+m(
+  V,
+  {
+    href: {},
+    label: {},
+    title: {},
+    children: {}
+  },
+  [],
+  [],
+  !0
+);
+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 = l(e);
+  S(t, 5, () => be, I, (o, r) => {
+    let c = () => v(r).href, n = () => v(r).title, f = () => v(r).text;
+    var a = _e(), u = l(a);
+    V(u, {
+      get href() {
+        return c();
+      },
+      get title() {
+        return n();
+      },
+      children: (d, k) => {
+        H();
+        var w = A();
+        _(() => b(w, f())), h(d, w);
+      },
+      $$slots: { default: !0 }
+    }), s(a), h(o, a);
+  }), s(t), s(e), h(i, e);
 }
-b(q, {}, [], [], !0);
-var we = v('<address class="flex flex-col justify-between gap-4 not-italic"><strong> </strong> <span> </span> <span> </span> <span> </span> <a class="w-fit underline decoration-transparent transition-colors focus:decoration-blue-400 hover:decoration-blue-400 text-blue-400"> </a></address>');
-function j(o, e) {
-  C(e, !1), F();
-  var t = we(), r = s(t), c = s(r, !0);
-  a(r);
-  var f = p(r, 2), l = s(f);
-  a(f);
-  var u = p(f, 2), n = s(u);
-  a(u);
-  var i = p(u, 2), g = s(i, !0);
-  a(i);
-  var d = p(i, 2), x = s(d, !0);
-  a(d), a(t), V(() => {
-    m(c, _.title), m(l, `${_.street},`), m(n, `${_.city}, Ontario, Canada`), m(g, _.postalCode), k(d, "href", `tel:${_.phoneNumber}`), m(x, _.phoneNumber);
-  }), h(o, t), M();
+m(j, {}, [], [], !0);
+var Ce = x('<address class="flex flex-col gap-1 not-italic"><strong> </strong> <span> </span> <span> </span> <span> </span> <div class="flex items-center h-full"><!></div></address>');
+function W(i, e) {
+  z(e, !1), $();
+  var t = Ce(), o = l(t), r = l(o, !0);
+  s(o);
+  var c = g(o, 2), n = l(c);
+  s(c);
+  var f = g(c, 2), a = l(f);
+  s(f);
+  var u = g(f, 2), d = l(u, !0);
+  s(u);
+  var k = g(u, 2), w = l(k), P = U(() => `tel:${M.phoneNumber}`);
+  V(w, {
+    get href() {
+      return v(P);
+    },
+    children: (p, G) => {
+      H();
+      var y = A();
+      _(() => b(y, M.phoneNumber)), h(p, y);
+    },
+    $$slots: { default: !0 }
+  }), s(k), s(t), _(() => {
+    b(r, M.title), b(n, `${M.street},`), b(a, `${M.city}, Ontario, Canada`), b(d, M.postalCode);
+  }), h(i, t), N();
 }
-b(j, {}, [], [], !0);
-var me = v('<footer><!> <div class="flex flex-col content-center gap-6 bg-black px-[max(calc((100%-1320px)/2),2rem)] py-6 text-white md:grid md:grid-cols-2 lg:grid-cols-4"><div class="flex flex-col justify-between gap-2"><!> <!> <!></div> <!> <!></div></footer>');
-function be(o, e) {
-  C(e, !0);
-  let t = N(e, "subFooter", 7);
-  var r = me(), c = s(r);
+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) {
+  z(e, !0);
+  let t = C(e, "subFooter", 7);
+  var o = Le(), r = l(o);
   {
-    var f = (y) => {
-      P(y, {
+    var c = (p) => {
+      E(p, {
         get links() {
           return t();
         }
       });
     };
-    $(c, (y) => {
-      Array.isArray(t()) && t().length > 0 && y(f);
+    ie(r, (p) => {
+      Array.isArray(t()) && t().length > 0 && p(c);
     });
   }
-  var l = p(c, 2), u = s(l), n = s(u);
-  I(n);
-  var i = p(n, 2);
-  T(i, {});
-  var g = p(i, 2);
-  U(g, {}), a(u);
-  var d = p(u, 2);
-  q(d);
-  var x = p(d, 2);
-  return j(x, {}), a(l), a(r), h(o, r), M({
+  var n = g(r, 2), f = l(n), a = l(f);
+  R(a);
+  var u = g(a, 2);
+  Y(u, {});
+  var d = g(u, 2);
+  V(d, {
+    get href() {
+      return D.directory;
+    },
+    children: (p, G) => {
+      H();
+      var y = A("Social Media Directory");
+      h(p, y);
+    },
+    $$slots: { default: !0 }
+  });
+  var k = g(d, 2);
+  V(k, {
+    href: "https://www.uoguelph.ca/web/",
+    children: (p, G) => {
+      H();
+      var y = A();
+      _(() => b(y, `© ${(/* @__PURE__ */ new Date()).getFullYear() ?? ""} University of Guelph`)), h(p, y);
+    },
+    $$slots: { default: !0 }
+  }), s(f);
+  var w = g(f, 2);
+  j(w);
+  var P = g(w, 2);
+  return W(P, {}), s(n), s(o), h(i, o), N({
     get subFooter() {
       return t();
     },
-    set subFooter(y) {
-      t(y), A();
+    set subFooter(p) {
+      t(p), L();
     }
   });
 }
-customElements.define("uofg-footer", b(be, { subFooter: {} }, [], [], !0, (o) => class extends o {
+customElements.define("uofg-footer", m(Fe, { subFooter: {} }, [], [], !0, (i) => class extends i {
   constructor() {
-    super(), ee(this.shadowRoot);
+    super(), ne(this.shadowRoot);
   }
   connectedCallback() {
     super.connectedCallback(), this.updateSubFooter(), this.observer ?? (this.observer = new MutationObserver(() => {
@@ -287,5 +367,5 @@ customElements.define("uofg-footer", b(be, { subFooter: {} }, [], [], !0, (o) =>
   }
 }));
 export {
-  be as default
+  Fe as default
 };