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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,13 +1,13 @@
1
- import { aG as d, D as c, B as g, aH as i, u as p, an as m, aI as b, aJ as v, w as h, aK as k } from "./font-awesome-icon-AppLwNgo.js";
2
- function x(n = !1) {
1
+ import { aF as d, D as c, B as g, aG as i, u as p, am as m, aH as b, aI as v, w as h, aJ as k } from "./font-awesome-icon-tL6xr2rJ.js";
2
+ function x(t = !1) {
3
3
  const s = (
4
4
  /** @type {ComponentContextLegacy} */
5
5
  m
6
6
  ), e = s.l.u;
7
7
  if (!e) return;
8
8
  let f = () => v(s.s);
9
- if (n) {
10
- let t = 0, a = (
9
+ if (t) {
10
+ let n = 0, a = (
11
11
  /** @type {Record<string, any>} */
12
12
  {}
13
13
  );
@@ -16,25 +16,25 @@ function x(n = !1) {
16
16
  const r = s.s;
17
17
  for (const o in r)
18
18
  r[o] !== a[o] && (a[o] = r[o], l = !0);
19
- return l && t++, t;
19
+ return l && n++, n;
20
20
  });
21
21
  f = () => p(_);
22
22
  }
23
23
  e.b.length && d(() => {
24
24
  u(s, f), i(e.b);
25
25
  }), c(() => {
26
- const t = g(() => e.m.map(b));
26
+ const n = g(() => e.m.map(b));
27
27
  return () => {
28
- for (const a of t)
28
+ for (const a of n)
29
29
  typeof a == "function" && a();
30
30
  };
31
31
  }), e.a.length && c(() => {
32
32
  u(s, f), i(e.a);
33
33
  });
34
34
  }
35
- function u(n, s) {
36
- if (n.l.s)
37
- for (const e of n.l.s) p(e);
35
+ function u(t, s) {
36
+ if (t.l.s)
37
+ for (const e of t.l.s) p(e);
38
38
  s();
39
39
  }
40
40
  k();
@@ -1,4 +1,4 @@
1
- import { H as r, I as l } from "./font-awesome-icon-AppLwNgo.js";
1
+ import { H as r, I as l } from "./font-awesome-icon-tL6xr2rJ.js";
2
2
  function d(i, t, e, s, o) {
3
3
  var a;
4
4
  r && l();
@@ -1,36 +1,38 @@
1
- import { c as h, p, a as y, F as w, s as E, t as r, b as F, d as j, e as k, f as z, g as C, h as R, i as S, j as i, k as d, r as n } from "./font-awesome-icon-AppLwNgo.js";
2
- import { s as T, a as c } from "./slot-CexNersB.js";
3
- var U = z('<div class="flex flex-col"><div class="flex items-center p-4 text-lg [&amp;>svg]:mr-4 [&amp;>svg]:h-[1.5em] [&amp;>svg]:fill-current"><!> <!></div> <div><!> <!></div> <div class="flex bg-light-grey text-lg"><!></div></div>');
4
- function q(g, l) {
5
- const e = T(l);
6
- p(l, !0);
7
- let t = y(l, "color", 7, "red");
8
- var f = U(), a = i(f), m = i(a);
9
- w(m, { icon: C });
10
- var u = d(m, 2);
11
- c(u, l, "title", {}), n(a);
12
- var o = d(a, 2);
13
- E(o, 'flex flex-col bg-white px-6 py-3 [&>slot[name="message"]::slotted(*)]:text-base [&>slot[name="subtitle"]::slotted(*)]:mb-4 [&>slot[name="subtitle"]::slotted(*)]:text-xl [&>slot[name="subtitle"]::slotted(*)]:font-bold border-light-grey border-t-0 border'), r(o, "border-b", !(e != null && e.footer));
14
- var b = i(o);
15
- c(b, l, "subtitle", {});
16
- var v = d(b, 2);
17
- c(v, l, "message", {}), n(o);
18
- var s = d(o, 2);
19
- r(s, "px-4", e == null ? void 0 : e.footer), r(s, "py-2", e == null ? void 0 : e.footer);
20
- var x = i(s);
21
- return c(x, l, "footer", {}), n(s), n(f), F(() => {
22
- r(a, "bg-red", t() === "red"), r(a, "bg-yellow", t() === "yellow"), r(a, "bg-green", t() === "green"), r(a, "bg-blue", t() === "blue"), r(a, "text-white", t() === "red" || t() === "blue" || t() === "green");
23
- }), j(g, f), k({
1
+ import { c as w, p as y, a as E, F, s as f, t as a, b as j, d as k, e as z, f as C, g as R, h as S, i as T, j as r, k as d, r as n } from "./font-awesome-icon-tL6xr2rJ.js";
2
+ import { s as U, a as m } from "./slot-dkmGAqBq.js";
3
+ var q = C('<div class="flex flex-col"><div class="flex items-center p-4 text-lg [&amp;>svg]:mr-4 [&amp;>svg]:h-[1.5em] [&amp;>svg]:fill-current"><!> <!></div> <div><!> <span><!></span></div> <div class="flex bg-light-grey"><!></div></div>');
4
+ function A(c, o) {
5
+ const e = U(o);
6
+ y(o, !0);
7
+ let t = E(o, "color", 7, "red");
8
+ var g = q(), s = r(g), b = r(s);
9
+ F(b, { icon: R });
10
+ var x = d(b, 2);
11
+ m(x, o, "title", {}), n(s);
12
+ var l = d(s, 2);
13
+ f(l, '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-light-grey border-t-0 border'), a(l, "border-b", !(e != null && e.footer));
14
+ var u = r(l);
15
+ m(u, o, "subtitle", {});
16
+ var v = d(u, 2);
17
+ f(v, '[&>slot[name="message"]::slotted(*)]:text-base [&>slot[name="message"]::slotted(a)]:text-blue [&>slot[name="message"]::slotted(a)]:px-1 [&>slot[name="message"]::slotted(a:hover)]:bg-blue [&>slot[name="message"]::slotted(a:hover)]:text-white [&>slot[name="message"]::slotted(a:hover)]:transition-colors [&>slot[name="message"]::slotted(a:hover)]:decoration-transparent');
18
+ var h = r(v);
19
+ m(h, o, "message", {}), n(v), n(l);
20
+ var i = d(l, 2);
21
+ a(i, "px-4", e == null ? void 0 : e.footer), a(i, "py-2", e == null ? void 0 : e.footer);
22
+ var _ = r(i);
23
+ return m(_, o, "footer", {}), n(i), n(g), j(() => {
24
+ a(s, "bg-red", t() === "red"), a(s, "bg-yellow", t() === "yellow"), a(s, "bg-green", t() === "green"), a(s, "bg-blue", t() === "blue"), a(s, "text-white", t() === "red" || t() === "blue" || t() === "green");
25
+ }), k(c, g), z({
24
26
  get color() {
25
27
  return t();
26
28
  },
27
- set color(_ = "red") {
28
- t(_), R();
29
+ set color(p = "red") {
30
+ t(p), S();
29
31
  }
30
32
  });
31
33
  }
32
- customElements.define("uofg-alert", h(
33
- q,
34
+ customElements.define("uofg-alert", w(
35
+ A,
34
36
  {
35
37
  color: {
36
38
  attribute: "color",
@@ -41,12 +43,12 @@ customElements.define("uofg-alert", h(
41
43
  ["title", "subtitle", "message", "footer"],
42
44
  [],
43
45
  !0,
44
- (g) => class extends g {
46
+ (c) => class extends c {
45
47
  constructor() {
46
- super(), S(this.shadowRoot);
48
+ super(), T(this.shadowRoot);
47
49
  }
48
50
  }
49
51
  ));
50
52
  export {
51
- q as default
53
+ A as default
52
54
  };
@@ -1,5 +1,5 @@
1
- import { l as b, c as m, p as h, m as _, F as w, b as v, d as g, e as x, f as y, n as k, o as n, q as T, u as e, i as j, v as c, j as i, s as F, w as U, x as q, r as l, y as z } from "./font-awesome-icon-AppLwNgo.js";
2
- import { b as B } from "./window-CPkdhWRF.js";
1
+ import { l as b, c as m, p as h, m as _, F as w, b as v, d as g, e as x, f as y, n as k, o as n, q as T, u as e, i as j, v as c, j as i, s as F, w as U, x as q, r as l, y as z } from "./font-awesome-icon-tL6xr2rJ.js";
2
+ import { b as B } from "./window-BjFv1LQ0.js";
3
3
  import { t as C } from "./bundle-mjs-BpzLJ4dA.js";
4
4
  const E = () => {
5
5
  window.scroll({ top: 0, left: 0, behavior: "smooth" });
@@ -1,27 +1,27 @@
1
- import { c as y, p as C, a as A, J as F, b as V, d as g, K as L, e as M, h as P, f as w, E as k, L as m, u as x, j as a, r, M as O, N as Y, O as W, P as X, Q as Z, R as B, T as D, U as S, V as K, W as J, X as Q, F as z, s as $, k as b, Y as ee, Z as te, i as re } from "./font-awesome-icon-AppLwNgo.js";
2
- import { i as H } from "./legacy-CNO5GCyF.js";
3
- var ae = w('<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>'), se = w('<ul class="flex flex-wrap items-center justify-center bg-white p-3 px-[max(calc((100%-1320px)/2),2rem)]"></ul>');
4
- function G(o, e) {
1
+ 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";
2
+ import { i as F } from "./legacy-DIGW2RSh.js";
3
+ 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>');
4
+ function P(o, e) {
5
5
  C(e, !0);
6
- let t = A(e, "links", 7);
7
- var s = se();
8
- return F(s, 21, t, L, (n, h) => {
9
- let c = () => x(h).text, l = () => x(h).href;
10
- var d = ae(), i = a(d), p = a(i, !0);
11
- r(i), r(d), V(() => {
12
- k(i, "href", l()), m(p, c());
13
- }), g(n, d);
14
- }), r(s), g(o, s), M({
6
+ let t = N(e, "links", 7);
7
+ var r = ae();
8
+ return L(r, 21, t, z, (c, f) => {
9
+ let l = () => w(f).text, u = () => w(f).href;
10
+ var n = te(), i = s(n), g = s(i, !0);
11
+ a(i), a(n), V(() => {
12
+ k(i, "href", u()), m(g, l());
13
+ }), h(c, n);
14
+ }), a(r), h(o, r), M({
15
15
  get links() {
16
16
  return t();
17
17
  },
18
- set links(n) {
19
- t(n), P();
18
+ set links(c) {
19
+ t(c), A();
20
20
  }
21
21
  });
22
22
  }
23
- y(G, { links: {} }, [], [], !0);
24
- var oe = 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 {
23
+ b(P, { links: {} }, [], [], !0);
24
+ 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 {
25
25
  fill: #221f20;
26
26
  }
27
27
 
@@ -38,136 +38,136 @@ var oe = O(`<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/
38
38
  .cls-4 {
39
39
  fill: #e51937;
40
40
  }</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>`);
41
- function I(o) {
42
- var e = oe();
43
- g(o, e);
41
+ function G(o) {
42
+ var e = re();
43
+ h(o, e);
44
44
  }
45
- y(I, {}, [], [], !0);
46
- var ie = w('<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>');
47
- function T(o) {
48
- var e = ie(), t = a(e);
49
- I(t), r(e), g(o, e);
45
+ b(G, {}, [], [], !0);
46
+ 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>');
47
+ function I(o) {
48
+ var e = se(), t = s(e);
49
+ G(t), a(e), h(o, e);
50
50
  }
51
- y(T, {}, [], [], !0);
51
+ b(I, {}, [], [], !0);
52
52
  /*!
53
53
  * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
54
54
  * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
55
55
  * Copyright 2024 Fonticons, Inc.
56
56
  */
57
- const ne = {
57
+ const oe = {
58
58
  prefix: "fab",
59
59
  iconName: "tiktok",
60
60
  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"]
61
- }, ce = {
61
+ }, ie = {
62
62
  prefix: "fab",
63
63
  iconName: "square-facebook",
64
64
  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"]
65
- }, le = ce, ue = {
65
+ }, ce = ie, ne = {
66
66
  prefix: "fab",
67
67
  iconName: "linkedin",
68
68
  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"]
69
- }, fe = {
69
+ }, le = {
70
70
  prefix: "fab",
71
71
  iconName: "instagram",
72
72
  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"]
73
- }, he = {
73
+ }, ue = {
74
74
  prefix: "fab",
75
75
  iconName: "youtube",
76
76
  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"]
77
- }, de = {
77
+ }, fe = {
78
78
  prefix: "fab",
79
79
  iconName: "square-x-twitter",
80
80
  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"]
81
- }, N = {
81
+ }, S = {
82
82
  directory: "https://www.uoguelph.ca/web/socialmedia/",
83
83
  links: [
84
84
  {
85
85
  text: "X",
86
- icon: de,
86
+ icon: fe,
87
87
  href: "https://twitter.com/uofg",
88
88
  classes: "focus:text-[#1da1f2] hover:text-[#1da1f2]"
89
89
  },
90
90
  {
91
91
  text: "Facebook",
92
- icon: le,
92
+ icon: ce,
93
93
  href: "https://www.facebook.com/uofguelph",
94
94
  classes: "focus:text-[#4267b2] hover:text-[#4267b2]"
95
95
  },
96
96
  {
97
97
  text: "Instagram",
98
- icon: fe,
98
+ icon: le,
99
99
  href: "https://www.instagram.com/uofguelph/",
100
100
  classes: "focus:text-[#e1306c] hover:text-[#e1306c]"
101
101
  },
102
102
  {
103
103
  text: "Youtube",
104
- icon: he,
104
+ icon: ue,
105
105
  href: "https://www.youtube.com/user/uofguelph",
106
106
  classes: "focus:text-[#f00] hover:text-[#f00]"
107
107
  },
108
108
  {
109
109
  text: "LinkedIn",
110
- icon: ue,
110
+ icon: ne,
111
111
  href: "https://www.linkedin.com/school/university-of-guelph/",
112
112
  classes: "focus:text-[#0077b5] hover:text-[#0077b5]"
113
113
  },
114
114
  {
115
115
  text: "TikTok",
116
- icon: ne,
116
+ icon: oe,
117
117
  href: "https://www.tiktok.com/@uofguelph",
118
118
  classes: "focus:text-[#f00] hover:text-[#f00]"
119
119
  }
120
120
  ]
121
- }, pe = [
121
+ }, he = [
122
122
  {
123
123
  text: "Accessibility",
124
- icon: Y,
124
+ icon: R,
125
125
  href: "https://www.uoguelph.ca/diversity-human-rights/accessibility-u-g"
126
126
  },
127
127
  {
128
128
  text: "Privacy",
129
- icon: W,
129
+ icon: O,
130
130
  href: "https://www.uoguelph.ca/web/privacy/"
131
131
  },
132
132
  {
133
133
  text: "Site Map",
134
- icon: X,
134
+ icon: Y,
135
135
  href: "https://www.uoguelph.ca/sitemap"
136
136
  },
137
137
  {
138
138
  text: "Status Page",
139
- icon: Z,
139
+ icon: W,
140
140
  href: "https://uoguelph.statuspage.io/"
141
141
  },
142
142
  {
143
143
  text: "Land Acknowledgement",
144
- icon: B,
144
+ icon: X,
145
145
  href: "https://www.uoguelph.ca/land-acknowledgement/",
146
146
  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."
147
147
  },
148
148
  {
149
149
  text: "Careers",
150
- icon: D,
150
+ icon: B,
151
151
  href: "https://careers.uoguelph.ca/"
152
152
  },
153
153
  {
154
154
  text: "Undergraduate Calendar",
155
- icon: S,
155
+ icon: H,
156
156
  href: "https://www.uoguelph.ca/registrar/calendars/undergraduate/current/"
157
157
  },
158
158
  {
159
159
  text: "Graduate Calendar",
160
- icon: S,
160
+ icon: H,
161
161
  href: "https://www.uoguelph.ca/registrar/calendars/graduate/current/"
162
162
  },
163
163
  {
164
164
  text: "Program Plans",
165
- icon: K,
165
+ icon: D,
166
166
  href: "https://admission.uoguelph.ca/programs"
167
167
  },
168
168
  {
169
169
  text: "Give to U of G",
170
- icon: J,
170
+ icon: K,
171
171
  href: "https://www.alumni.uoguelph.ca/give-to-guelph/how-to-give"
172
172
  }
173
173
  ], _ = {
@@ -177,107 +177,99 @@ const ne = {
177
177
  postalCode: "N1G 2W1",
178
178
  phoneNumber: "519-824-4120"
179
179
  };
180
- var ve = w("<li><a><!></a></li>"), be = w('<ul class="flex gap-3 text-2xl [&amp;>li]:contents"></ul> <a class="w-fit border-0 border-b-2 border-dotted border-transparent transition-colors focus:border-white hover:border-white">Social Media Directory</a>', 1);
181
- function U(o, e) {
182
- C(e, !1), H();
183
- var t = be(), s = Q(t);
184
- F(s, 5, () => N.links, L, (h, c) => {
185
- let l = () => x(c).href, d = () => x(c).text, i = () => x(c).icon, p = () => x(c).classes;
186
- var u = ve(), f = a(u), v = a(f);
187
- z(v, {
180
+ 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);
181
+ function T(o, e) {
182
+ C(e, !1), F();
183
+ var t = pe(), r = Z(t);
184
+ L(r, 5, () => S.links, z, (f, l) => {
185
+ let u = () => w(l).href, n = () => w(l).text, i = () => w(l).icon, g = () => w(l).classes;
186
+ var d = de(), x = s(d), y = s(x);
187
+ J(y, {
188
188
  get icon() {
189
189
  return i();
190
190
  }
191
- }), r(f), r(u), V(() => {
192
- k(f, "href", l()), k(f, "aria-label", d()), $(f, `transition-colors ${p()}`);
193
- }), g(h, u);
194
- }), r(s);
195
- var n = b(s, 2);
196
- V(() => k(n, "href", N.directory)), g(o, t), M();
191
+ }), a(x), a(d), V(() => {
192
+ k(x, "href", u()), k(x, "aria-label", n()), Q(x, `transition-colors ${g()}`);
193
+ }), h(f, d);
194
+ }), a(r);
195
+ var c = p(r, 2);
196
+ V(() => k(c, "href", S.directory)), h(o, t), M();
197
197
  }
198
- y(U, {}, [], [], !0);
199
- var ge = w('<a class="w-fit border-0 border-b-2 border-dotted border-transparent transition-colors focus:border-white hover:border-white" href="https://www.uoguelph.ca/web/"> </a>');
200
- function j(o, e) {
201
- C(e, !1), H();
202
- var t = ge(), s = a(t);
203
- V(() => m(s, `© ${(/* @__PURE__ */ new Date()).getFullYear() ?? ""} University of Guelph`)), r(t), g(o, t), M();
198
+ b(T, {}, [], [], !0);
199
+ 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>');
200
+ function U(o, e) {
201
+ C(e, !1), F();
202
+ var t = ve(), r = s(t);
203
+ V(() => m(r, `© ${(/* @__PURE__ */ new Date()).getFullYear() ?? ""} University of Guelph`)), a(t), h(o, t), M();
204
204
  }
205
- y(j, {}, [], [], !0);
206
- var xe = w('<li><a class="flex justify-center items-center w-fit gap-2 border-0 border-b-2 border-dotted border-transparent transition-colors focus:border-white hover:border-white [&amp;>svg]:fill-yellow"><!> <span> </span></a></li>'), we = w('<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>');
205
+ b(U, {}, [], [], !0);
206
+ 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>');
207
207
  function q(o) {
208
- var e = we(), t = a(e);
209
- F(t, 5, () => pe, L, (s, n) => {
210
- let h = () => x(n).href, c = () => x(n).title, l = () => x(n).icon, d = () => x(n).text;
211
- var i = xe(), p = a(i), u = a(p);
212
- z(u, {
213
- get icon() {
214
- return l();
215
- }
216
- });
217
- var f = b(u, 2), v = a(f, !0);
218
- r(f), r(p), r(i), V(() => {
219
- k(p, "href", h()), k(p, "title", c() ?? ""), m(v, d());
220
- }), g(s, i);
221
- }), r(t), r(e), g(o, e);
208
+ var e = xe(), t = s(e);
209
+ L(t, 5, () => he, z, (r, c) => {
210
+ let f = () => w(c).href, l = () => w(c).title, u = () => w(c).text;
211
+ var n = ge(), i = s(n), g = s(i, !0);
212
+ a(i), a(n), V(() => {
213
+ k(i, "href", f()), k(i, "title", l() ?? ""), m(g, u());
214
+ }), h(r, n);
215
+ }), a(t), a(e), h(o, e);
222
216
  }
223
- y(q, {}, [], [], !0);
224
- var me = w('<address class="flex flex-col justify-between gap-4 not-italic"><strong> </strong> <span> </span> <span> </span> <span> </span> <a class="flex justify-center items-center w-fit gap-2 border-0 border-b-2 border-dotted border-transparent text-blue-400 transition-colors focus:border-current hover:border-current"><!> <span> </span></a></address>');
225
- function E(o, e) {
226
- C(e, !1), H();
227
- var t = me(), s = a(t), n = a(s, !0);
228
- r(s);
229
- var h = b(s, 2), c = a(h);
230
- r(h);
231
- var l = b(h, 2), d = a(l);
232
- r(l);
233
- var i = b(l, 2), p = a(i, !0);
234
- r(i);
235
- var u = b(i, 2), f = a(u);
236
- z(f, { icon: ee });
237
- var v = b(f, 2), R = a(v, !0);
238
- r(v), r(u), r(t), V(() => {
239
- m(n, _.title), m(c, `${_.street},`), m(d, `${_.city}, Ontario, Canada`), m(p, _.postalCode), k(u, "href", `tel:${_.phoneNumber}`), m(R, _.phoneNumber);
240
- }), g(o, t), M();
217
+ b(q, {}, [], [], !0);
218
+ 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>');
219
+ function j(o, e) {
220
+ C(e, !1), F();
221
+ var t = we(), r = s(t), c = s(r, !0);
222
+ a(r);
223
+ var f = p(r, 2), l = s(f);
224
+ a(f);
225
+ var u = p(f, 2), n = s(u);
226
+ a(u);
227
+ var i = p(u, 2), g = s(i, !0);
228
+ a(i);
229
+ var d = p(i, 2), x = s(d, !0);
230
+ a(d), a(t), V(() => {
231
+ m(c, _.title), m(l, `${_.street},`), m(n, `${_.city}, Ontario, Canada`), m(g, _.postalCode), k(d, "href", `tel:${_.phoneNumber}`), m(x, _.phoneNumber);
232
+ }), h(o, t), M();
241
233
  }
242
- y(E, {}, [], [], !0);
243
- var ye = w('<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>');
244
- function ke(o, e) {
234
+ b(j, {}, [], [], !0);
235
+ 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>');
236
+ function be(o, e) {
245
237
  C(e, !0);
246
- let t = A(e, "subFooter", 7);
247
- var s = ye(), n = a(s);
238
+ let t = N(e, "subFooter", 7);
239
+ var r = me(), c = s(r);
248
240
  {
249
- var h = (v) => {
250
- G(v, {
241
+ var f = (y) => {
242
+ P(y, {
251
243
  get links() {
252
244
  return t();
253
245
  }
254
246
  });
255
247
  };
256
- te(n, (v) => {
257
- Array.isArray(t()) && t().length > 0 && v(h);
248
+ $(c, (y) => {
249
+ Array.isArray(t()) && t().length > 0 && y(f);
258
250
  });
259
251
  }
260
- var c = b(n, 2), l = a(c), d = a(l);
261
- T(d);
262
- var i = b(d, 2);
263
- U(i, {});
264
- var p = b(i, 2);
265
- j(p, {}), r(l);
266
- var u = b(l, 2);
267
- q(u);
268
- var f = b(u, 2);
269
- return E(f, {}), r(c), r(s), g(o, s), M({
252
+ var l = p(c, 2), u = s(l), n = s(u);
253
+ I(n);
254
+ var i = p(n, 2);
255
+ T(i, {});
256
+ var g = p(i, 2);
257
+ U(g, {}), a(u);
258
+ var d = p(u, 2);
259
+ q(d);
260
+ var x = p(d, 2);
261
+ return j(x, {}), a(l), a(r), h(o, r), M({
270
262
  get subFooter() {
271
263
  return t();
272
264
  },
273
- set subFooter(v) {
274
- t(v), P();
265
+ set subFooter(y) {
266
+ t(y), A();
275
267
  }
276
268
  });
277
269
  }
278
- customElements.define("uofg-footer", y(ke, { subFooter: {} }, [], [], !0, (o) => class extends o {
270
+ customElements.define("uofg-footer", b(be, { subFooter: {} }, [], [], !0, (o) => class extends o {
279
271
  constructor() {
280
- super(), re(this.shadowRoot);
272
+ super(), ee(this.shadowRoot);
281
273
  }
282
274
  connectedCallback() {
283
275
  super.connectedCallback(), this.updateSubFooter(), this.observer ?? (this.observer = new MutationObserver(() => {
@@ -295,5 +287,5 @@ customElements.define("uofg-footer", y(ke, { subFooter: {} }, [], [], !0, (o) =>
295
287
  }
296
288
  }));
297
289
  export {
298
- ke as default
290
+ be as default
299
291
  };