@uoguelph/web-components 1.9.0-rc.9 → 1.9.1-rc.0

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

@@ -1,27 +1,27 @@
-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);
+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 s = ue();
-  return I(s, 21, t, G, (r, l) => {
-    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());
+  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);
-  }), o(s), h(i, s), z({
+  }), s(o), h(i, o), N({
     get links() {
       return t();
     },
     set links(r) {
-      t(r), C();
+      t(r), L();
     }
   });
 }
-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 {
+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 {
       fill: #fff;
       font-family: MyriadPro-Regular, 'Myriad Pro';
       font-size: 44.3px;
@@ -38,39 +38,39 @@ var fe = X(`<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 O(i) {
-  var e = fe();
-  h(i, 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);
+  var e = he();
+  h(i, 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);
+}
+m(D, {}, [], [], !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 de = {
+const pe = {
   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"]
-}, pe = {
+}, ve = {
   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"]
-}, ve = {
+}, ge = {
   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 = {
+}, xe = {
   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 = {
+}, be = {
   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"]
@@ -78,24 +78,24 @@ const de = {
   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"]
-}, D = {
+}, E = {
   directory: "https://www.uoguelph.ca/web/socialmedia/",
   links: [
     {
       text: "X",
-      icon: ve,
+      icon: ge,
       href: "https://twitter.com/uofg",
       classes: "focus:text-black hover:text-black focus:bg-white hover:bg-white"
     },
     {
       text: "Facebook",
-      icon: pe,
+      icon: ve,
       href: "https://www.facebook.com/uofguelph",
       classes: "focus:text-white hover:text-white focus:bg-[#0866ff] hover:bg-[#0866ff]"
     },
     {
       text: "Instagram",
-      icon: xe,
+      icon: be,
       href: "https://www.instagram.com/uofguelph/",
       classes: "focus:text-white hover:text-white focus:bg-[#d62976] hover:bg-[#d62976]"
     },
@@ -107,47 +107,47 @@ const de = {
     },
     {
       text: "LinkedIn",
-      icon: de,
+      icon: pe,
       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: ge,
+      icon: xe,
       href: "https://www.tiktok.com/@uofguelph",
       classes: "focus:text-black hover:text-black focus:bg-white hover:bg-white"
     }
   ]
-}, be = [
+}, me = [
   {
     text: "Accessibility",
-    icon: Z,
+    icon: B,
     href: "https://www.uoguelph.ca/diversity-human-rights/accessibility-u-g"
   },
   {
     text: "Privacy",
-    icon: q,
+    icon: J,
     href: "https://www.uoguelph.ca/web/privacy/"
   },
   {
     text: "Site Map",
-    icon: B,
+    icon: K,
     href: "https://www.uoguelph.ca/sitemap"
   },
   {
     text: "Status Page",
-    icon: J,
+    icon: Z,
     href: "https://uoguelph.statuspage.io/"
   },
   {
     text: "Land Acknowledgement",
-    icon: K,
+    icon: Q,
     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: Q,
+    icon: ee,
     href: "https://careers.uoguelph.ca/"
   },
   {
@@ -162,76 +162,80 @@ const de = {
   },
   {
     text: "Admission",
-    icon: ee,
+    icon: te,
     href: "https://uoguelph.ca/admission"
   },
   {
     text: "Give to U of G",
-    icon: te,
+    icon: ae,
     href: "https://www.alumni.uoguelph.ca/give-to-guelph/how-to-give"
   }
-], _ = {
+], C = {
   title: "University of Guelph",
   street: "50 Stone Road East",
   city: "Guelph",
   postalCode: "N1G 2W1",
   phoneNumber: "519-824-4120"
 };
-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, {
+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, {
       get icon() {
         return f();
       }
-    }), o(d), o(c), k(() => {
-      L(d, "href", l()), L(d, "aria-label", n()), re(d, p(y));
-    }), h(s, c);
-  }), o(t), h(i, t), z();
+    }), s(d), s(u), _(
+      (b) => {
+        F(d, "href", c()), F(d, "aria-label", l()), oe(d, 1, ie(b));
+      },
+      [
+        () => se("border border-current p-1 transition-colors hover:border-transparent focus:border-transparent [&>*]:aspect-square", a())
+      ],
+      U
+    ), h(o, u);
+  }), s(t), h(i, t), N();
 }
-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 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({
+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({
     get href() {
       return t();
     },
     set href(a) {
-      t(a), C();
+      t(a), L();
     },
     get label() {
-      return s();
+      return o();
     },
     set label(a) {
-      s(a), C();
+      o(a), L();
     },
     get title() {
       return r();
     },
     set title(a) {
-      r(a), C();
+      r(a), L();
     },
     get children() {
-      return l();
+      return c();
     },
     set children(a) {
-      l(a), C();
+      c(a), L();
     }
   });
 }
 m(
-  F,
+  V,
   {
     href: {},
     label: {},
@@ -242,112 +246,113 @@ m(
   [],
   !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 = 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, {
+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 l();
+        return c();
       },
       get title() {
-        return n();
+        return l();
       },
-      children: (d, y) => {
-        P();
-        var w = H();
-        k(() => b(w, f())), h(d, w);
+      children: (d, k) => {
+        H();
+        var b = A();
+        _(() => w(b, f())), h(d, b);
       },
       $$slots: { default: !0 }
-    }), o(a), h(s, a);
-  }), o(t), o(e), h(i, e);
+    }), s(a), h(o, a);
+  }), s(t), s(e), h(i, e);
 }
-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 = g(s, 2), n = u(l);
-  o(l);
-  var f = g(l, 2), a = u(f);
-  o(f);
-  var c = g(f, 2), d = u(c, !0);
-  o(c);
-  var y = g(c, 2), w = U(() => `tel:${_.phoneNumber}`);
-  F(y, {
+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, {
     get href() {
-      return p(w);
+      return g(S);
     },
-    children: (S, v) => {
-      P();
-      var N = H();
-      k(() => b(N, _.phoneNumber)), h(S, N);
+    children: (p, G) => {
+      H();
+      var y = A();
+      _(() => w(y, C.phoneNumber)), h(p, y);
     },
     $$slots: { default: !0 }
-  }), o(t), k(() => {
-    b(r, _.title), b(n, `${_.street},`), b(a, `${_.city}, Ontario, Canada`), b(d, _.postalCode);
-  }), h(i, t), z();
+  }), 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();
 }
-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);
+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 s = Le(), r = u(s);
+  var o = Fe(), r = n(o);
   {
-    var l = (v) => {
-      E(v, {
+    var c = (p) => {
+      O(p, {
         get links() {
           return t();
         }
       });
     };
-    ie(r, (v) => {
-      Array.isArray(t()) && t().length > 0 && v(l);
+    le(r, (p) => {
+      Array.isArray(t()) && t().length > 0 && p(c);
     });
   }
-  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, {
+  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, {
     get href() {
-      return D.directory;
+      return E.directory;
     },
-    children: (v, N) => {
-      P();
-      var A = H("Social Media Directory");
-      h(v, A);
+    children: (p, G) => {
+      H();
+      var y = A("Social Media Directory");
+      h(p, y);
     },
     $$slots: { default: !0 }
   });
-  var y = g(d, 2);
-  F(y, {
+  var k = v(d, 2);
+  V(k, {
     href: "https://www.uoguelph.ca/web/",
-    children: (v, N) => {
-      P();
-      var A = H();
-      k(() => b(A, `© ${(/* @__PURE__ */ new Date()).getFullYear() ?? ""} University of Guelph`)), h(v, A);
+    children: (p, G) => {
+      H();
+      var y = A();
+      _((Y) => w(y, `© ${Y ?? ""} University of Guelph`), [() => (/* @__PURE__ */ new Date()).getFullYear()]), h(p, y);
     },
     $$slots: { default: !0 }
-  }), o(f);
-  var w = g(f, 2);
-  j(w);
-  var S = g(w, 2);
-  return W(S, {}), o(n), o(s), h(i, s), z({
+  }), 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();
     },
-    set subFooter(v) {
-      t(v), C();
+    set subFooter(p) {
+      t(p), L();
     }
   });
 }
-customElements.define("uofg-footer", m(Fe, { subFooter: {} }, [], [], !0, (i) => class extends i {
+customElements.define("uofg-footer", m(Ve, { subFooter: {} }, [], [], !0, (i) => class extends i {
   constructor() {
     super(), ne(this.shadowRoot);
   }
@@ -367,5 +372,5 @@ customElements.define("uofg-footer", m(Fe, { subFooter: {} }, [], [], !0, (i) =>
   }
 }));
 export {
-  Fe as default
+  Ve as default
 };