@uoguelph/web-components 1.9.0-rc.4 → 1.9.0-rc.5

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

@@ -1,27 +1,27 @@
-import { c as b, p as V, a as S, J as L, b as k, d as p, K as z, e as C, h as N, f as x, E as m, L as g, u as v, j as s, r as a, M as O, N as j, O as W, P as X, Q as Y, R as B, T as D, U as H, V as K, W as Z, F as J, s as Q, k as d, X as $, i as ee } from "./font-awesome-icon-Dud1EYGD.js";
-import { i as A } from "./legacy-DI2J6sTz.js";
-var te = x('<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 = x('<ul class="flex flex-wrap items-center justify-center bg-white p-3 px-[max(calc((100%-1320px)/2),2rem)]"></ul>');
-function G(i, e) {
-  V(e, !0);
-  let t = S(e, "links", 7);
-  var c = ae();
-  return L(c, 21, t, z, (o, f) => {
-    let h = () => v(f).text, u = () => v(f).href;
-    var n = te(), r = s(n), l = s(r, !0);
-    a(r), a(n), k(() => {
-      m(r, "href", u()), g(l, h());
-    }), p(o, n);
-  }), a(c), p(i, c), C({
+import { c as m, p as z, a as V, I, b as y, d as h, J as $, 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 D, M as W, N as X, O as B, P as K, Q as Z, R as J, T as G, 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-BQURLWNp.js";
+import { i as T, s as le } from "./legacy-DxV08m0s.js";
+var ne = 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>'), ie = x('<ul class="flex flex-wrap items-center justify-center bg-white p-3 px-[max(calc((100%-1320px)/2),2rem)]"></ul>');
+function U(l, e) {
+  z(e, !0);
+  let t = V(e, "links", 7);
+  var s = ie();
+  return I(s, 21, t, $, (r, i) => {
+    let n = () => g(i).text, f = () => g(i).href;
+    var a = ne(), c = u(a), d = u(c, !0);
+    o(c), o(a), y(() => {
+      M(c, "href", f()), w(d, n());
+    }), h(r, a);
+  }), o(s), h(l, s), F({
     get links() {
       return t();
     },
-    set links(o) {
-      t(o), N();
+    set links(r) {
+      t(r), C();
     }
   });
 }
-b(G, { links: {} }, [], [], !0);
-var re = O(`<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 {
+m(U, { links: {} }, [], [], !0);
+var ce = D(`<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;
       }
 
@@ -38,229 +38,316 @@ var re = O(`<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/
       .cls-4 {
       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 I(i) {
-  var e = re();
-  p(i, e);
+function q(l) {
+  var e = ce();
+  h(l, e);
 }
-b(I, {}, [], [], !0);
-var se = 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 T(i) {
-  var e = se(), t = s(e);
-  I(t), a(e), p(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 R(l) {
+  var e = ue(), t = u(e);
+  q(t), o(e), h(l, e);
 }
-b(T, {}, [], [], !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 fe = {
   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 = {
+}, he = {
   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 = {
+}, 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"]
-}, le = {
+}, ve = {
   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 = {
+}, ge = {
   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 = {
+}, 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"]
-}, U = {
+}, E = {
   directory: "https://www.uoguelph.ca/web/socialmedia/",
   links: [
     {
       text: "X",
-      icon: fe,
+      icon: xe,
       href: "https://twitter.com/uofg",
       classes: "focus:text-[#1da1f2] hover:text-[#1da1f2]"
     },
     {
       text: "Facebook",
-      icon: ce,
+      icon: de,
       href: "https://www.facebook.com/uofguelph",
       classes: "focus:text-[#4267b2] hover:text-[#4267b2]"
     },
     {
       text: "Instagram",
-      icon: le,
+      icon: ve,
       href: "https://www.instagram.com/uofguelph/",
       classes: "focus:text-[#e1306c] hover:text-[#e1306c]"
     },
     {
       text: "Youtube",
-      icon: ue,
+      icon: ge,
       href: "https://www.youtube.com/user/uofguelph",
       classes: "focus:text-[#f00] hover:text-[#f00]"
     },
     {
       text: "LinkedIn",
-      icon: ne,
+      icon: pe,
       href: "https://www.linkedin.com/school/university-of-guelph/",
       classes: "focus:text-[#0077b5] hover:text-[#0077b5]"
     },
     {
       text: "TikTok",
-      icon: oe,
+      icon: fe,
       href: "https://www.tiktok.com/@uofguelph",
       classes: "focus:text-[#f00] hover:text-[#f00]"
     }
   ]
-}, he = [
+}, we = [
   {
     text: "Accessibility",
-    icon: j,
+    icon: W,
     href: "https://www.uoguelph.ca/diversity-human-rights/accessibility-u-g"
   },
   {
     text: "Privacy",
-    icon: W,
+    icon: X,
     href: "https://www.uoguelph.ca/web/privacy/"
   },
   {
     text: "Site Map",
-    icon: X,
+    icon: B,
     href: "https://www.uoguelph.ca/sitemap"
   },
   {
     text: "Status Page",
-    icon: Y,
+    icon: K,
     href: "https://uoguelph.statuspage.io/"
   },
   {
     text: "Land Acknowledgement",
-    icon: B,
+    icon: Z,
     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: D,
+    icon: J,
     href: "https://careers.uoguelph.ca/"
   },
   {
     text: "Undergraduate Calendar",
-    icon: H,
+    icon: G,
     href: "https://www.uoguelph.ca/registrar/calendars/undergraduate/current/"
   },
   {
     text: "Graduate Calendar",
-    icon: H,
+    icon: G,
     href: "https://www.uoguelph.ca/registrar/calendars/graduate/current/"
   },
   {
     text: "Admission",
-    icon: K,
+    icon: Q,
     href: "https://uoguelph.ca/admission"
   },
   {
     text: "Give to U of G",
-    icon: Z,
+    icon: ee,
     href: "https://www.alumni.uoguelph.ca/give-to-guelph/how-to-give"
   }
-], y = {
+], _ = {
   title: "University of Guelph",
   street: "50 Stone Road East",
   city: "Guelph",
   postalCode: "N1G 2W1",
   phoneNumber: "519-824-4120"
 };
-var de = x("<li><a><!></a></li>"), pe = x('<ul class="flex gap-3 text-xl [&amp;>li]:contents"></ul>');
-function P(i, e) {
-  V(e, !1), A();
-  var t = pe();
-  L(t, 5, () => U.links, z, (c, o) => {
-    let f = () => v(o).href, h = () => v(o).text, u = () => v(o).icon, n = () => v(o).classes;
-    var r = de(), l = s(r), w = s(l);
-    J(w, {
+var me = x("<li><a><!></a></li>"), be = x('<ul class="flex gap-3 text-xl [&amp;>li]:contents"></ul>');
+function O(l, e) {
+  z(e, !1), T();
+  var t = be();
+  I(t, 5, () => E.links, $, (s, r) => {
+    let i = () => g(r).href, n = () => g(r).text, f = () => g(r).icon, a = () => g(r).classes;
+    var c = me(), d = u(c), k = u(d);
+    te(k, {
       get icon() {
-        return u();
+        return f();
       }
-    }), a(l), a(r), k(() => {
-      m(l, "href", f()), m(l, "aria-label", h()), Q(l, `transition-colors ${n()}`);
-    }), p(c, r);
-  }), a(t), p(i, t), C();
+    }), o(d), o(c), y(() => {
+      M(d, "href", i()), M(d, "aria-label", n()), ae(d, `transition-colors ${a()}`);
+    }), h(s, c);
+  }), o(t), h(l, t), F();
 }
-b(P, {}, [], [], !0);
-var ve = x('<li><a class="w-fit underline decoration-transparent transition-colors focus:decoration-white hover:decoration-white"> </a></li>'), xe = 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 q(i) {
-  var e = xe(), t = s(e);
-  L(t, 5, () => he, z, (c, o) => {
-    let f = () => v(o).href, h = () => v(o).title, u = () => v(o).text;
-    var n = ve(), r = s(n), l = s(r, !0);
-    a(r), a(n), k(() => {
-      m(r, "href", f()), m(r, "title", h() ?? ""), g(l, u());
-    }), p(c, n);
-  }), a(t), a(e), p(i, e);
+m(O, {}, [], [], !0);
+var ye = x('<a class="w-fit underline decoration-transparent transition-colors focus:decoration-black-contrast hover:decoration-black-contrast"><!></a>');
+function L(l, e) {
+  z(e, !0);
+  let t = V(e, "href", 7), s = V(e, "label", 7), r = V(e, "title", 7), i = V(e, "children", 7);
+  var n = ye(), f = u(n);
+  return le(f, i), o(n), y(() => {
+    M(n, "href", t()), M(n, "title", r() ?? void 0), M(n, "aria-label", s() ?? void 0);
+  }), h(l, n), F({
+    get href() {
+      return t();
+    },
+    set href(a) {
+      t(a), C();
+    },
+    get label() {
+      return s();
+    },
+    set label(a) {
+      s(a), C();
+    },
+    get title() {
+      return r();
+    },
+    set title(a) {
+      r(a), C();
+    },
+    get children() {
+      return i();
+    },
+    set children(a) {
+      i(a), C();
+    }
+  });
 }
-b(q, {}, [], [], !0);
-var we = x('<address class="flex flex-col gap-1 not-italic"><strong> </strong> <span> </span> <span> </span> <span> </span> <a class="w-fit underline decoration-transparent transition-colors focus:decoration-white hover:decoration-white text-white"> </a></address>');
-function E(i, e) {
-  V(e, !1), A();
-  var t = we(), c = s(t), o = s(c, !0);
-  a(c);
-  var f = d(c, 2), h = s(f);
-  a(f);
-  var u = d(f, 2), n = s(u);
-  a(u);
-  var r = d(u, 2), l = s(r, !0);
-  a(r);
-  var w = d(r, 2), M = s(w, !0);
-  a(w), a(t), k(() => {
-    g(o, y.title), g(h, `${y.street},`), g(n, `${y.city}, Ontario, Canada`), g(l, y.postalCode), m(w, "href", `tel:${y.phoneNumber}`), g(M, y.phoneNumber);
-  }), p(i, t), C();
+m(
+  L,
+  {
+    href: {},
+    label: {},
+    title: {},
+    children: {}
+  },
+  [],
+  [],
+  !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 Y(l) {
+  var e = _e(), t = u(e);
+  I(t, 5, () => we, $, (s, r) => {
+    let i = () => g(r).href, n = () => g(r).title, f = () => g(r).text;
+    var a = ke(), c = u(a);
+    L(c, {
+      get href() {
+        return i();
+      },
+      get title() {
+        return n();
+      },
+      children: (d, k) => {
+        A();
+        var b = N();
+        y(() => w(b, f())), h(d, b);
+      },
+      $$slots: { default: !0 }
+    }), o(a), h(s, a);
+  }), o(t), o(e), h(l, e);
 }
-b(E, {}, [], [], !0);
-var ge = x('<footer><!> <div class="flex flex-col content-center gap-6 bg-black px-[max(calc((100%-1320px)/2),2rem)] py-12 text-white md:grid md:grid-cols-2 lg:grid-cols-4"><div class="flex flex-col gap-1"><!> <!> <a class="w-fit underline decoration-transparent transition-colors focus:decoration-white hover:decoration-white">Social Media Directory</a> <a class="w-fit underline decoration-transparent transition-colors focus:decoration-white hover:decoration-white" href="https://www.uoguelph.ca/web/"> </a></div> <!> <!></div></footer>');
-function me(i, e) {
-  V(e, !0);
-  let t = S(e, "subFooter", 7);
-  var c = ge(), o = s(c);
+m(Y, {}, [], [], !0);
+var Ve = x('<address class="flex flex-col gap-1 not-italic"><strong> </strong> <span> </span> <span> </span> <span> </span> <!></address>');
+function j(l, e) {
+  z(e, !1), T();
+  var t = Ve(), s = u(t), r = u(s, !0);
+  o(s);
+  var i = v(s, 2), n = u(i);
+  o(i);
+  var f = v(i, 2), a = u(f);
+  o(f);
+  var c = v(f, 2), d = u(c, !0);
+  o(c);
+  var k = v(c, 2), b = re(() => `tel:${_.phoneNumber}`);
+  L(k, {
+    get href() {
+      return g(b);
+    },
+    children: (P, p) => {
+      A();
+      var H = N();
+      y(() => w(H, _.phoneNumber)), h(P, H);
+    },
+    $$slots: { default: !0 }
+  }), o(t), y(() => {
+    w(r, _.title), w(n, `${_.street},`), w(a, `${_.city}, Ontario, Canada`), w(d, _.postalCode);
+  }), h(l, t), F();
+}
+m(j, {}, [], [], !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(l, e) {
+  z(e, !0);
+  let t = V(e, "subFooter", 7);
+  var s = Ce(), r = u(s);
   {
-    var f = (_) => {
-      G(_, {
+    var i = (p) => {
+      U(p, {
         get links() {
           return t();
         }
       });
     };
-    $(o, (_) => {
-      Array.isArray(t()) && t().length > 0 && _(f);
+    se(r, (p) => {
+      Array.isArray(t()) && t().length > 0 && p(i);
     });
   }
-  var h = d(o, 2), u = s(h), n = s(u);
-  T(n);
-  var r = d(n, 2);
-  P(r, {});
-  var l = d(r, 2), w = d(l, 2), M = s(w);
-  k(() => g(M, `© ${(/* @__PURE__ */ new Date()).getFullYear() ?? ""} University of Guelph`)), a(w), a(u);
-  var F = d(u, 2);
-  q(F);
-  var R = d(F, 2);
-  return E(R, {}), a(h), a(c), k(() => m(l, "href", U.directory)), p(i, c), C({
+  var n = v(r, 2), f = u(n), a = u(f);
+  R(a);
+  var c = v(a, 2);
+  O(c, {});
+  var d = v(c, 2);
+  L(d, {
+    get href() {
+      return E.directory;
+    },
+    children: (p, H) => {
+      A();
+      var S = N("Social Media Directory");
+      h(p, S);
+    },
+    $$slots: { default: !0 }
+  });
+  var k = v(d, 2);
+  L(k, {
+    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);
+    },
+    $$slots: { default: !0 }
+  }), o(f);
+  var b = v(f, 2);
+  Y(b);
+  var P = v(b, 2);
+  return j(P, {}), o(n), o(s), h(l, s), F({
     get subFooter() {
       return t();
     },
-    set subFooter(_) {
-      t(_), N();
+    set subFooter(p) {
+      t(p), C();
     }
   });
 }
-customElements.define("uofg-footer", b(me, { subFooter: {} }, [], [], !0, (i) => class extends i {
+customElements.define("uofg-footer", m(Me, { subFooter: {} }, [], [], !0, (l) => class extends l {
   constructor() {
-    super(), ee(this.shadowRoot);
+    super(), oe(this.shadowRoot);
   }
   connectedCallback() {
     super.connectedCallback(), this.updateSubFooter(), this.observer ?? (this.observer = new MutationObserver(() => {
@@ -278,5 +365,5 @@ customElements.define("uofg-footer", b(me, { subFooter: {} }, [], [], !0, (i) =>
   }
 }));
 export {
-  me as default
+  Me as default
 };