@uoguelph/web-components 1.9.1-rc.0 → 1.9.1-rc.10

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

@@ -1,27 +1,42 @@
-import { c as m, e as z, p as M, t as x, H as P, b as h, d as N, k as L, r as s, h as n, a as _, C as F, o as g, I as w, J as I, K as q, L as B, M as J, N as K, O as Z, P as Q, Q as ee, R as T, T as te, U as ae, F as re, V as U, i as se, s as oe, j as ie, x as H, W as A, g as v, X as le, l as ne } from "./bundle-mjs-BTgoI2Ah.js";
-import { i as $, s as ce } from "./legacy-BVWTAdcf.js";
-var ue = x('<li class="p-3"><a class="text-blue decoration-transparent transition-all hover:text-blue-focus hover:underline hover:decoration-current focus:text-blue-focus focus:underline focus:decoration-current"> </a></li>'), fe = x('<ul class="flex flex-wrap items-center justify-center bg-white p-3 px-[max(calc((100%-1320px)/2),2rem)]"></ul>');
-function O(i, e) {
-  z(e, !0);
-  let t = M(e, "links", 7);
-  var o = fe();
-  return P(o, 21, t, I, (r, c) => {
-    let l = () => g(c).text, f = () => g(c).href;
-    var a = ue(), u = n(a), d = n(u, !0);
-    s(u), s(a), _(() => {
-      F(u, "href", f()), w(d, l());
-    }), h(r, a);
-  }), s(o), h(i, o), N({
+import { c as z, p as I, a as T, t as $, H as D, e as y, g as V, h as N, i as u, j as S, k as U, r as n, d as g, C as X, m as h, I as L, J as E, K as ue, L as fe, M as he, N as de, O as pe, P as ve, Q as ge, R as B, T as xe, U as we, V as A, F as me, W as te, X as be, Y as _e, Z as W, s as M, _ as J, $ as Z, a0 as K, w as O, a1 as R, v as ke, u as Q, q as ye, b as Me } from "./index-C4pxMwQ8.js";
+import { o as $e } from "./index-client-CXlOM-p3.js";
+import { c as Y } from "./index-O5kp37c8.js";
+import { i as j, s as Ce } from "./legacy-Dg274yvM.js";
+var Le = $("<li><a> </a></li>"), Ve = $("<ul></ul>");
+function se(d, e) {
+  I(e, !0);
+  let i = T(e, "links", 7);
+  const l = Y({
+    slots: {
+      base: "flex flex-wrap items-center justify-center bg-white p-3 px-[max(calc((100%-1320px)/2),2rem)]",
+      item: "p-3",
+      links: "text-blue decoration-transparent transition-all hover:text-blue-focus hover:underline hover:decoration-current focus:text-blue-focus focus:underline focus:decoration-current"
+    }
+  }), { base: m, item: c, links: f } = l();
+  var s = Ve();
+  return D(s, 21, i, E, (r, t) => {
+    let v = () => h(t).text, o = () => h(t).href;
+    var x = Le(), w = g(x), b = g(w, !0);
+    n(w), n(x), y(
+      (p, C) => {
+        N(x, 1, p), N(w, 1, C), X(w, "href", o()), L(b, v());
+      },
+      [
+        () => V(c()),
+        () => V(f())
+      ]
+    ), u(r, x);
+  }), n(s), y((r) => N(s, 1, r), [() => V(m())]), u(d, s), S({
     get links() {
-      return t();
+      return i();
     },
     set links(r) {
-      t(r), L();
+      i(r), U();
     }
   });
 }
-m(O, { links: {} }, [], [], !0);
-var he = q(`<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 718.9 79.5"><defs><style>.st0 {
+z(se, { links: {} }, [], [], !0);
+var Ne = ue(`<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,339 +53,436 @@ var he = q(`<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 R(i) {
-  var e = he();
-  h(i, e);
+function ae(d) {
+  var e = Ne();
+  u(d, e);
 }
-m(R, {}, [], [], !0);
-var de = x('<a href="https://www.uoguelph.ca/improve-life" aria-label="Improve Life" class="flex transition-opacity hover:opacity-75 focus:opacity-75 md:h-[3.5em] [&amp;>svg]:block [&amp;>svg]:w-full"><!></a>');
-function D(i) {
-  var e = de(), t = n(e);
-  R(t), s(e), h(i, e);
+z(ae, {}, [], [], !0);
+var ze = $('<a href="https://www.uoguelph.ca/improve-life" aria-label="Improve Life" class="row-span-2 flex h-[4.8rem] w-full overflow-hidden transition-opacity hover:opacity-75 focus:opacity-75 md:h-[3.5em] [&amp;>svg]:block [&amp;>svg]:h-full [&amp;>svg]:w-full"><!></a>');
+function re(d) {
+  var e = ze(), i = g(e);
+  ae(i), n(e), u(d, e);
 }
-m(D, {}, [], [], !0);
+z(re, {}, [], [], !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 pe = {
+const He = {
   prefix: "fab",
   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"]
-}, ve = {
+}, Ae = {
   prefix: "fab",
   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"]
-}, ge = {
+}, Pe = {
   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"]
-}, xe = {
+}, Ie = {
   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"]
-}, be = {
+}, Se = {
   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"]
-}, we = {
+}, Fe = {
   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"]
-}, E = {
+}, oe = {
   directory: "https://www.uoguelph.ca/web/socialmedia/",
   links: [
     {
       text: "X",
-      icon: ge,
+      icon: Pe,
       href: "https://twitter.com/uofg",
       classes: "focus:text-black hover:text-black focus:bg-white hover:bg-white"
     },
     {
       text: "Facebook",
-      icon: ve,
+      icon: Ae,
       href: "https://www.facebook.com/uofguelph",
       classes: "focus:text-white hover:text-white focus:bg-[#0866ff] hover:bg-[#0866ff]"
     },
     {
       text: "Instagram",
-      icon: be,
+      icon: Se,
       href: "https://www.instagram.com/uofguelph/",
       classes: "focus:text-white hover:text-white focus:bg-[#d62976] hover:bg-[#d62976]"
     },
     {
       text: "Youtube",
-      icon: we,
+      icon: Fe,
       href: "https://www.youtube.com/user/uofguelph",
       classes: "focus:text-white hover:text-white focus:bg-[#ff0000] hover:bg-[#ff0000]"
     },
     {
       text: "LinkedIn",
-      icon: pe,
+      icon: He,
       href: "https://www.linkedin.com/school/university-of-guelph/",
       classes: "focus:text-white hover:text-white focus:bg-[#0a66c2] hover:bg-[#0a66c2]"
     },
     {
       text: "TikTok",
-      icon: xe,
+      icon: Ie,
       href: "https://www.tiktok.com/@uofguelph",
       classes: "focus:text-black hover:text-black focus:bg-white hover:bg-white"
     }
   ]
-}, me = [
+}, ee = [
   {
     text: "Accessibility",
-    icon: B,
+    icon: fe,
     href: "https://www.uoguelph.ca/diversity-human-rights/accessibility-u-g"
   },
   {
     text: "Privacy",
-    icon: J,
+    icon: he,
     href: "https://www.uoguelph.ca/web/privacy/"
   },
   {
     text: "Site Map",
-    icon: K,
+    icon: de,
     href: "https://www.uoguelph.ca/sitemap"
   },
   {
     text: "Status Page",
-    icon: Z,
+    icon: pe,
     href: "https://uoguelph.statuspage.io/"
   },
   {
     text: "Land Acknowledgement",
-    icon: Q,
+    icon: ve,
     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."
+    attributes: {
+      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: ee,
+    icon: ge,
     href: "https://careers.uoguelph.ca/"
   },
   {
     text: "Undergraduate Calendar",
-    icon: T,
+    icon: B,
     href: "https://www.uoguelph.ca/registrar/calendars/undergraduate/current/"
   },
   {
     text: "Graduate Calendar",
-    icon: T,
+    icon: B,
     href: "https://www.uoguelph.ca/registrar/calendars/graduate/current/"
   },
   {
     text: "Admission",
-    icon: te,
+    icon: xe,
     href: "https://uoguelph.ca/admission"
   },
   {
     text: "Give to U of G",
-    icon: ae,
+    icon: we,
     href: "https://www.alumni.uoguelph.ca/give-to-guelph/how-to-give"
   }
-], C = {
+], H = {
   title: "University of Guelph",
   street: "50 Stone Road East",
   city: "Guelph",
   postalCode: "N1G 2W1",
   phoneNumber: "519-824-4120"
 };
-var ke = x("<li><a><!></a></li>"), ye = x('<ul class="flex gap-2 text-xl [&amp;>li]:contents"></ul>');
-function j(i, e) {
-  z(e, !1), $();
-  var t = ye();
-  P(t, 5, () => E.links, I, (o, r) => {
-    let c = () => g(r).href, l = () => g(r).text, f = () => g(r).icon, a = () => g(r).classes;
-    var u = ke(), d = n(u), k = n(d);
-    re(k, {
+var Ge = $("<li><a><!></a></li>"), Te = $("<ul></ul>");
+function ne(d, e) {
+  I(e, !1);
+  const i = Y({
+    slots: {
+      base: "flex gap-2 text-lg [&>li]:contents",
+      links: "border border-current p-0.5 transition-colors hover:border-transparent focus:border-transparent [&>*]:aspect-square"
+    }
+  }), { base: l, links: m } = i();
+  j();
+  var c = Te();
+  D(c, 5, () => oe.links, E, (f, s, r, t) => {
+    let v = () => h(s).href, o = () => h(s).text, x = () => h(s).icon, w = () => h(s).classes;
+    var b = Ge(), p = g(b), C = g(p);
+    me(C, {
       get icon() {
-        return f();
+        return x();
       }
-    }), s(d), s(u), _(
-      (b) => {
-        F(d, "href", c()), F(d, "aria-label", l()), oe(d, 1, ie(b));
+    }), n(p), n(b), y(
+      (a) => {
+        X(p, "href", v()), X(p, "aria-label", o()), N(p, 1, a);
       },
       [
-        () => se("border border-current p-1 transition-colors hover:border-transparent focus:border-transparent [&>*]:aspect-square", a())
+        () => V(te(m(), w()))
       ],
-      U
-    ), h(o, u);
-  }), s(t), h(i, t), N();
+      A
+    ), u(f, b);
+  }), n(c), y((f) => N(c, 1, f), [() => V(l())], A), u(d, c), S();
 }
-m(j, {}, [], [], !0);
-var _e = x('<a class="w-fit underline decoration-transparent transition-colors hover:decoration-black-contrast focus:decoration-black-contrast"><!></a>');
-function V(i, e) {
-  z(e, !0);
-  let t = M(e, "href", 7), o = M(e, "label", 7), r = M(e, "title", 7), c = M(e, "children", 7);
-  var l = _e(), f = n(l);
-  return ce(f, c), s(l), _(() => {
-    F(l, "href", t()), F(l, "title", r() ?? void 0), F(l, "aria-label", o() ?? void 0);
-  }), h(i, l), N({
+z(ne, {}, [], [], !0);
+var Ue = $("<a><!></a>");
+function P(d, e) {
+  I(e, !0);
+  let i = T(e, "href", 7), l = T(e, "label", 7), m = T(e, "children", 7), c = T(e, "class", 7), f = _e(e, [
+    "$$slots",
+    "$$events",
+    "$$legacy",
+    "$$host",
+    "href",
+    "label",
+    "children",
+    "class"
+  ]);
+  const s = te("w-fit underline decoration-transparent transition-colors hover:decoration-black-contrast focus:decoration-black-contrast", c());
+  var r = Ue();
+  let t;
+  var v = g(r);
+  return Ce(v, m), n(r), y(() => t = be(r, t, {
+    ...f,
+    class: s,
+    href: i(),
+    "aria-label": l() ?? void 0
+  })), u(d, r), S({
     get href() {
-      return t();
+      return i();
     },
-    set href(a) {
-      t(a), L();
+    set href(o) {
+      i(o), U();
     },
     get label() {
-      return o();
+      return l();
     },
-    set label(a) {
-      o(a), L();
+    set label(o) {
+      l(o), U();
     },
-    get title() {
-      return r();
+    get children() {
+      return m();
     },
-    set title(a) {
-      r(a), L();
+    set children(o) {
+      m(o), U();
     },
-    get children() {
+    get class() {
       return c();
     },
-    set children(a) {
-      c(a), L();
+    set class(o) {
+      c(o), U();
     }
   });
 }
-m(
-  V,
+z(
+  P,
   {
     href: {},
     label: {},
-    title: {},
-    children: {}
+    children: {},
+    class: {}
   },
   [],
   [],
   !0
 );
-var Ce = x("<li><!></li>"), Me = x('<div class="flex justify-center md:col-span-2 md:row-start-2 lg:row-auto"><ul class="flex w-full flex-col gap-x-6 gap-y-1 md:grid md:grid-cols-2 [&amp;>li]:contents"></ul></div>');
-function W(i) {
-  var e = Me(), t = n(e);
-  P(t, 5, () => me, I, (o, r) => {
-    let c = () => g(r).href, l = () => g(r).title, f = () => g(r).text;
-    var a = Ce(), u = n(a);
-    V(u, {
-      get href() {
-        return c();
-      },
-      get title() {
-        return l();
-      },
-      children: (d, k) => {
-        H();
-        var b = A();
-        _(() => w(b, f())), h(d, b);
-      },
-      $$slots: { default: !0 }
-    }), s(a), h(o, a);
-  }), s(t), s(e), h(i, e);
+var Oe = $("<li><!></li>"), Re = $("<li><!></li>"), De = $("<ul></ul> <ul></ul>", 1);
+function ie(d, e) {
+  I(e, !1);
+  const i = Y({
+    slots: {
+      list: "grid grid-rows-5 items-center gap-0 not-italic",
+      link: "flex h-full items-center"
+    }
+  }), { list: l, link: m } = i();
+  j();
+  var c = De(), f = W(c);
+  D(f, 5, () => ee, E, (r, t, v) => {
+    let o = () => h(t).href, x = () => h(t).attributes, w = () => h(t).text;
+    var b = J(), p = W(b);
+    {
+      var C = (a) => {
+        var _ = Oe(), k = g(_);
+        const F = A(m);
+        P(k, K(
+          {
+            get class() {
+              return h(F);
+            },
+            get href() {
+              return o();
+            }
+          },
+          x,
+          {
+            children: (q, ce) => {
+              O();
+              var G = R();
+              y(() => L(G, w())), u(q, G);
+            },
+            $$slots: { default: !0 }
+          }
+        )), n(_), u(a, _);
+      };
+      Z(p, (a) => {
+        v % 2 === 0 && a(C);
+      });
+    }
+    u(r, b);
+  }), n(f);
+  var s = M(f, 2);
+  D(s, 5, () => ee, E, (r, t, v) => {
+    let o = () => h(t).href, x = () => h(t).attributes, w = () => h(t).text;
+    var b = J(), p = W(b);
+    {
+      var C = (a) => {
+        var _ = Re(), k = g(_);
+        const F = A(m);
+        P(k, K(
+          {
+            get class() {
+              return h(F);
+            },
+            get href() {
+              return o();
+            }
+          },
+          x,
+          {
+            children: (q, ce) => {
+              O();
+              var G = R();
+              y(() => L(G, w())), u(q, G);
+            },
+            $$slots: { default: !0 }
+          }
+        )), n(_), u(a, _);
+      };
+      Z(p, (a) => {
+        v % 2 !== 0 && a(C);
+      });
+    }
+    u(r, b);
+  }), n(s), y(
+    (r, t) => {
+      N(f, 1, r), N(s, 1, t);
+    },
+    [
+      () => V(l()),
+      () => V(l())
+    ],
+    A
+  ), u(d, c), S();
 }
-m(W, {}, [], [], !0);
-var Le = x('<address class="flex flex-col gap-1 not-italic"><strong class="flex-1"> </strong> <span class="flex-1"> </span> <span class="flex-1"> </span> <span class="flex-1"> </span> <div class="flex h-full flex-1 items-center"><!></div></address>');
-function X(i, e) {
-  z(e, !1), $();
-  var t = Le(), o = n(t), r = n(o, !0);
-  s(o);
-  var c = v(o, 2), l = n(c);
-  s(c);
-  var f = v(c, 2), a = n(f);
-  s(f);
-  var u = v(f, 2), d = n(u, !0);
-  s(u);
-  var k = v(u, 2), b = n(k);
-  const S = U(() => `tel:${C.phoneNumber}`);
-  V(b, {
+z(ie, {}, [], [], !0);
+var Ee = $('<address class="mt-6 grid grid-rows-5 items-center gap-0 not-italic md:col-[2] md:row-[1] md:mt-0 lg:col-[4] lg:row-[1]"><strong> </strong> <span> </span> <span> </span> <span> </span> <!></address>');
+function le(d, e) {
+  I(e, !1), j();
+  var i = Ee(), l = g(i), m = g(l, !0);
+  n(l);
+  var c = M(l, 2), f = g(c);
+  n(c);
+  var s = M(c, 2), r = g(s);
+  n(s);
+  var t = M(s, 2), v = g(t, !0);
+  n(t);
+  var o = M(t, 2);
+  const x = A(() => `tel:${H.phoneNumber}`);
+  P(o, {
     get href() {
-      return g(S);
+      return h(x);
     },
-    children: (p, G) => {
-      H();
-      var y = A();
-      _(() => w(y, C.phoneNumber)), h(p, y);
+    children: (w, b) => {
+      O();
+      var p = R();
+      y(() => L(p, H.phoneNumber)), u(w, p);
     },
     $$slots: { default: !0 }
-  }), s(k), s(t), _(() => {
-    w(r, C.title), w(l, `${C.street},`), w(a, `${C.city}, Ontario, Canada`), w(d, C.postalCode);
-  }), h(i, t), N();
+  }), n(i), y(() => {
+    L(m, H.title), L(f, `${H.street},`), L(r, `${H.city}, Ontario, Canada`), L(v, H.postalCode);
+  }), u(d, i), S();
 }
-m(X, {}, [], [], !0);
-var Fe = 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="mb-1 flex flex-col gap-1"><!> <!> <!> <!></div> <!> <!></div></footer>');
-function Ve(i, e) {
-  z(e, !0);
-  let t = M(e, "subFooter", 7);
-  var o = Fe(), r = n(o);
+z(le, {}, [], [], !0);
+var Ye = $("<footer><!> <div><div><!> <!> <!> <!></div> <!> <!></div></footer>");
+function qe(d, e) {
+  I(e, !0);
+  const i = Y({
+    slots: {
+      footer: "flex flex-col content-center gap-0 bg-black px-[max(calc((100%-1320px)/2),2rem)] py-12 text-black-contrast md:grid md:grid-cols-2 md:gap-6 lg:grid-cols-4",
+      wrapper: "mb-6 grid grid-rows-5 items-center gap-0 not-italic md:mb-0"
+    }
+  });
+  let l = ke(Q([]));
+  $e(() => {
+    const a = () => {
+      ye(l, Q(Array.from(e.$$host.children).filter((k) => k.tagName === "A").map((k) => ({
+        text: k.textContent ?? "",
+        href: k.getAttribute("href") ?? ""
+      }))));
+    };
+    a();
+    const _ = new MutationObserver(a);
+    return _.observe(e.$$host, { childList: !0, subtree: !0 }), () => {
+      _.disconnect();
+    };
+  });
+  const { footer: m, wrapper: c } = i();
+  var f = Ye(), s = g(f);
   {
-    var c = (p) => {
-      O(p, {
+    var r = (a) => {
+      se(a, {
         get links() {
-          return t();
+          return h(l);
         }
       });
     };
-    le(r, (p) => {
-      Array.isArray(t()) && t().length > 0 && p(c);
+    Z(s, (a) => {
+      Array.isArray(h(l)) && h(l).length > 0 && a(r);
     });
   }
-  var l = v(r, 2), f = n(l), a = n(f);
-  D(a);
-  var u = v(a, 2);
-  j(u, {});
-  var d = v(u, 2);
-  V(d, {
+  var t = M(s, 2), v = g(t), o = g(v);
+  re(o);
+  var x = M(o, 2);
+  ne(x, {});
+  var w = M(x, 2);
+  P(w, {
     get href() {
-      return E.directory;
+      return oe.directory;
     },
-    children: (p, G) => {
-      H();
-      var y = A("Social Media Directory");
-      h(p, y);
+    children: (a, _) => {
+      O();
+      var k = R("Social Media Directory");
+      u(a, k);
     },
     $$slots: { default: !0 }
   });
-  var k = v(d, 2);
-  V(k, {
+  var b = M(w, 2);
+  P(b, {
     href: "https://www.uoguelph.ca/web/",
-    children: (p, G) => {
-      H();
-      var y = A();
-      _((Y) => w(y, `© ${Y ?? ""} University of Guelph`), [() => (/* @__PURE__ */ new Date()).getFullYear()]), h(p, y);
+    children: (a, _) => {
+      O();
+      var k = R();
+      y((F) => L(k, `© ${F ?? ""} University of Guelph`), [() => (/* @__PURE__ */ new Date()).getFullYear()]), u(a, k);
     },
     $$slots: { default: !0 }
-  }), s(f);
-  var b = v(f, 2);
-  W(b);
-  var S = v(b, 2);
-  return X(S, {}), s(l), s(o), h(i, o), N({
-    get subFooter() {
-      return t();
+  }), n(v);
+  var p = M(v, 2);
+  ie(p, {});
+  var C = M(p, 2);
+  le(C, {}), n(t), n(f), y(
+    (a, _) => {
+      N(t, 1, a), N(v, 1, _);
     },
-    set subFooter(p) {
-      t(p), L();
-    }
-  });
+    [
+      () => V(m()),
+      () => V(c())
+    ]
+  ), u(d, f), S();
 }
-customElements.define("uofg-footer", m(Ve, { subFooter: {} }, [], [], !0, (i) => class extends i {
+customElements.define("uofg-footer", z(qe, {}, [], [], !0, (d) => class extends d {
   constructor() {
-    super(), ne(this.shadowRoot);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.updateSubFooter(), this.observer ?? (this.observer = new MutationObserver(() => {
-      this.updateSubFooter();
-    })), this.observer.observe(this, { childList: !0, subtree: !0 });
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.observer.disconnect();
-  }
-  updateSubFooter() {
-    this.subFooter = Array.from(this.children).filter((e) => e.tagName === "A").map((e) => ({
-      text: e.textContent,
-      href: e.getAttribute("href")
-    }));
+    super(), Me(this.shadowRoot);
   }
 }));
 export {
-  Ve as default
+  qe as default
 };