@uoguelph/web-components 0.0.24 → 0.0.26

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.
Files changed (18) hide show
  1. package/dist/cjs/uofg-alert_6.cjs.entry.js +8 -7
  2. package/dist/collection/components/uofg-alert/uofg-alert.css +21 -4
  3. package/dist/collection/components/uofg-back-to-top/uofg-back-to-top.css +5 -2
  4. package/dist/collection/components/uofg-footer/uofg-footer.css +38 -9
  5. package/dist/collection/components/uofg-header/uofg-header.css +160 -45
  6. package/dist/collection/components/uofg-modal/uofg-modal.css +40 -9
  7. package/dist/collection/components/uofg-modal/uofg-modal.js +3 -2
  8. package/dist/components/uofg-alert.js +1 -1
  9. package/dist/components/uofg-back-to-top.js +1 -1
  10. package/dist/components/uofg-footer.js +1 -1
  11. package/dist/components/uofg-header.js +1 -1
  12. package/dist/components/uofg-modal.js +4 -3
  13. package/dist/esm/uofg-alert_6.entry.js +8 -7
  14. package/dist/types/components/uofg-modal/uofg-modal.d.ts +1 -0
  15. package/dist/uofg-web-components/p-1976d7da.entry.js +1 -0
  16. package/dist/uofg-web-components/uofg-web-components.esm.js +1 -1
  17. package/package.json +5 -2
  18. package/dist/uofg-web-components/p-7e646543.entry.js +0 -1
package/dist/collection/components/uofg-header/uofg-header.css CHANGED
@@ -3,7 +3,8 @@
3
3
  }
4
4
 
5
5
  * {
6
- box-sizing: border-box;
6
+ -webkit-box-sizing: border-box;
7
+ box-sizing: border-box;
7
8
  }
8
9
 
9
10
  :focus-visible {
@@ -12,13 +13,20 @@
12
13
  }
13
14
 
14
15
  a {
16
+ display: -webkit-box;
17
+ display: -ms-flexbox;
15
18
  display: flex;
16
- align-items: center;
19
+ -webkit-box-align: center;
20
+ -ms-flex-align: center;
21
+ align-items: center;
17
22
  text-decoration: none;
18
23
  color: inherit;
24
+ -webkit-transition-property: color, background-color;
19
25
  transition-property: color, background-color;
20
- transition-duration: 0.2s;
21
- transition-timing-function: ease-in-out;
26
+ -webkit-transition-duration: 0.2s;
27
+ transition-duration: 0.2s;
28
+ -webkit-transition-timing-function: ease-in-out;
29
+ transition-timing-function: ease-in-out;
22
30
  }
23
31
 
24
32
  ul {
@@ -40,14 +48,23 @@ button {
40
48
  line-height: inherit;
41
49
  word-spacing: inherit;
42
50
  letter-spacing: inherit;
51
+ -webkit-transition-property: color, background-color;
43
52
  transition-property: color, background-color;
44
- transition-duration: 0.2s;
45
- transition-timing-function: ease-in-out;
53
+ -webkit-transition-duration: 0.2s;
54
+ transition-duration: 0.2s;
55
+ -webkit-transition-timing-function: ease-in-out;
56
+ transition-timing-function: ease-in-out;
46
57
  }
47
58
  button[type=submit] {
59
+ display: -webkit-box;
60
+ display: -ms-flexbox;
48
61
  display: flex;
49
- align-items: center;
50
- justify-content: center;
62
+ -webkit-box-align: center;
63
+ -ms-flex-align: center;
64
+ align-items: center;
65
+ -webkit-box-pack: center;
66
+ -ms-flex-pack: center;
67
+ justify-content: center;
51
68
  background-color: #d50029;
52
69
  color: #fff;
53
70
  padding: 0.5rem;
@@ -79,8 +96,12 @@ uofg-menu {
79
96
  position: relative;
80
97
  }
81
98
  uofg-menu > [slot=button] {
99
+ display: -webkit-box;
100
+ display: -ms-flexbox;
82
101
  display: flex;
83
- align-items: center;
102
+ -webkit-box-align: center;
103
+ -ms-flex-align: center;
104
+ align-items: center;
84
105
  gap: 0.5rem;
85
106
  height: 100%;
86
107
  padding: 0 1rem;
@@ -88,20 +109,31 @@ uofg-menu > [slot=button] {
88
109
  uofg-menu > [slot=button] > svg {
89
110
  height: 1em;
90
111
  fill: currentColor;
112
+ -webkit-transition-property: -webkit-transform;
113
+ transition-property: -webkit-transform;
91
114
  transition-property: transform;
92
- transition-duration: 0.2s;
93
- transition-timing-function: ease-in-out;
115
+ transition-property: transform, -webkit-transform;
116
+ -webkit-transition-duration: 0.2s;
117
+ transition-duration: 0.2s;
118
+ -webkit-transition-timing-function: ease-in-out;
119
+ transition-timing-function: ease-in-out;
94
120
  }
95
121
  uofg-menu > [slot=content] {
122
+ display: -webkit-box;
123
+ display: -ms-flexbox;
96
124
  display: flex;
97
- flex-direction: column;
125
+ -webkit-box-orient: vertical;
126
+ -webkit-box-direction: normal;
127
+ -ms-flex-direction: column;
128
+ flex-direction: column;
98
129
  position: absolute;
99
130
  z-index: 1;
100
131
  min-width: 20rem;
101
132
  right: 0;
102
133
  background-color: #fff;
103
134
  color: #000;
104
- box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
135
+ -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
136
+ box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
105
137
  }
106
138
 
107
139
  #uofg-header {
@@ -115,10 +147,16 @@ uofg-menu > [slot=content] {
115
147
  #uofg-header-top-content-container,
116
148
  #uofg-header-main-content-container,
117
149
  #uofg-header-sub-content-container {
150
+ display: -webkit-box;
151
+ display: -ms-flexbox;
118
152
  display: flex;
119
153
  position: relative;
120
- align-items: center;
121
- justify-content: flex-end;
154
+ -webkit-box-align: center;
155
+ -ms-flex-align: center;
156
+ align-items: center;
157
+ -webkit-box-pack: end;
158
+ -ms-flex-pack: end;
159
+ justify-content: flex-end;
122
160
  width: 100%;
123
161
  padding: 0 calc((100vw - 1500px) / 2);
124
162
  }
@@ -130,8 +168,12 @@ uofg-menu > [slot=content] {
130
168
  z-index: 3;
131
169
  }
132
170
  #uofg-header-top-content-container > ul {
171
+ display: -webkit-box;
172
+ display: -ms-flexbox;
133
173
  display: flex;
134
- align-items: center;
174
+ -webkit-box-align: center;
175
+ -ms-flex-align: center;
176
+ align-items: center;
135
177
  height: 100%;
136
178
  }
137
179
  #uofg-header-top-content-container > ul > li > a {
@@ -155,7 +197,9 @@ uofg-menu > [slot=content] {
155
197
  color: #000;
156
198
  }
157
199
  #uofg-header-top-content-container > uofg-menu > [slot=button][aria-expanded=true] > svg {
158
- transform: rotate(180deg);
200
+ -webkit-transform: rotate(180deg);
201
+ -ms-transform: rotate(180deg);
202
+ transform: rotate(180deg);
159
203
  }
160
204
  #uofg-header-top-content-container > uofg-menu > [slot=content] {
161
205
  background-color: #ddd;
@@ -184,6 +228,8 @@ uofg-menu > [slot=content] {
184
228
  }
185
229
 
186
230
  #uofg-header-logo-container {
231
+ display: -webkit-box;
232
+ display: -ms-flexbox;
187
233
  display: flex;
188
234
  height: 100%;
189
235
  margin-right: auto;
@@ -213,6 +259,7 @@ uofg-menu > [slot=content] {
213
259
  height: 100%;
214
260
  position: relative;
215
261
  margin-left: 1rem;
262
+ -webkit-transition: opacity 0.2s ease-in-out;
216
263
  transition: opacity 0.2s ease-in-out;
217
264
  }
218
265
  #uofg-header-logo > svg {
@@ -231,6 +278,8 @@ uofg-menu > [slot=content] {
231
278
 
232
279
  #uofg-header-full-main-content,
233
280
  #uofg-header-reduced-main-content {
281
+ display: -webkit-box;
282
+ display: -ms-flexbox;
234
283
  display: flex;
235
284
  }
236
285
  #uofg-header-full-main-content svg,
@@ -240,21 +289,34 @@ uofg-menu > [slot=content] {
240
289
  }
241
290
 
242
291
  #uofg-header-full-main-content > ul {
292
+ display: -webkit-box;
293
+ display: -ms-flexbox;
243
294
  display: flex;
244
- align-items: center;
295
+ -webkit-box-align: center;
296
+ -ms-flex-align: center;
297
+ align-items: center;
245
298
  }
246
299
  #uofg-header-full-main-content > ul > li > a,
247
300
  #uofg-header-full-main-content > a,
248
301
  #uofg-header-full-main-content > uofg-menu > [slot=button] {
302
+ display: -webkit-box;
303
+ display: -ms-flexbox;
249
304
  display: flex;
250
- align-items: center;
251
- justify-content: center;
305
+ -webkit-box-align: center;
306
+ -ms-flex-align: center;
307
+ align-items: center;
308
+ -webkit-box-pack: center;
309
+ -ms-flex-pack: center;
310
+ justify-content: center;
252
311
  height: 100%;
253
312
  padding: 0 1.5rem;
254
313
  font-size: 1.8rem;
314
+ -webkit-transition-property: color, background-color;
255
315
  transition-property: color, background-color;
256
- transition-duration: 0.2s;
257
- transition-timing-function: ease-in-out;
316
+ -webkit-transition-duration: 0.2s;
317
+ transition-duration: 0.2s;
318
+ -webkit-transition-timing-function: ease-in-out;
319
+ transition-timing-function: ease-in-out;
258
320
  }
259
321
  #uofg-header-full-main-content > ul > li > a:hover, #uofg-header-full-main-content > ul > li > a:focus-visible,
260
322
  #uofg-header-full-main-content > a:hover,
@@ -285,7 +347,9 @@ uofg-menu > [slot=content] {
285
347
 
286
348
  #uofg-header-reduced-main-content > uofg-menu > [slot=button],
287
349
  #uofg-header-reduced-main-content > a {
288
- justify-content: center;
350
+ -webkit-box-pack: center;
351
+ -ms-flex-pack: center;
352
+ justify-content: center;
289
353
  padding: 0 1.5rem;
290
354
  font-size: 2rem;
291
355
  border-left: 1px solid rgba(255, 255, 255, 0.15);
@@ -322,6 +386,8 @@ uofg-menu > [slot=content] {
322
386
  position: relative;
323
387
  }
324
388
  #uofg-header-main-menu uofg-menu > [slot=button] {
389
+ display: -webkit-box;
390
+ display: -ms-flexbox;
325
391
  display: flex;
326
392
  padding: 0.75rem;
327
393
  height: auto;
@@ -336,19 +402,25 @@ uofg-menu > [slot=content] {
336
402
  background-color: rgba(0, 0, 0, 0.1);
337
403
  }
338
404
  #uofg-header-main-menu uofg-menu > [slot=button][aria-expanded=true] > svg {
339
- transform: rotate(180deg);
405
+ -webkit-transform: rotate(180deg);
406
+ -ms-transform: rotate(180deg);
407
+ transform: rotate(180deg);
340
408
  }
341
409
  #uofg-header-main-menu uofg-menu > [slot=content] {
342
410
  position: relative;
343
- box-shadow: none;
411
+ -webkit-box-shadow: none;
412
+ box-shadow: none;
344
413
  padding: 0;
345
414
  }
346
415
  #uofg-header-main-menu uofg-menu > [slot=content] > li > a {
347
416
  padding: 0.75rem;
348
417
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
418
+ -webkit-transition-property: color, background-color;
349
419
  transition-property: color, background-color;
350
- transition-duration: 0.2s;
351
- transition-timing-function: ease-in-out;
420
+ -webkit-transition-duration: 0.2s;
421
+ transition-duration: 0.2s;
422
+ -webkit-transition-timing-function: ease-in-out;
423
+ transition-timing-function: ease-in-out;
352
424
  }
353
425
  #uofg-header-main-menu uofg-menu > [slot=content] > li > a:hover, #uofg-header-main-menu uofg-menu > [slot=content] > li > a:focus-visible {
354
426
  background-color: rgba(0, 0, 0, 0.1);
@@ -367,9 +439,12 @@ uofg-menu > [slot=content] {
367
439
  width: 100%;
368
440
  color: inherit;
369
441
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
442
+ -webkit-transition-property: color, background-color;
370
443
  transition-property: color, background-color;
371
- transition-duration: 0.2s;
372
- transition-timing-function: ease-in-out;
444
+ -webkit-transition-duration: 0.2s;
445
+ transition-duration: 0.2s;
446
+ -webkit-transition-timing-function: ease-in-out;
447
+ transition-timing-function: ease-in-out;
373
448
  }
374
449
  #uofg-header-main-menu ul > li > a:hover, #uofg-header-main-menu ul > li > a:focus-visible, #uofg-header-main-menu ul > li > a[aria-expanded=true] {
375
450
  background-color: rgba(0, 0, 0, 0.1);
@@ -409,12 +484,20 @@ uofg-menu > [slot=content] {
409
484
  }
410
485
  */
411
486
  .uofg-header-search-menu .uofg-header-search-bar {
487
+ display: -webkit-box;
488
+ display: -ms-flexbox;
412
489
  display: flex;
413
- align-items: center;
414
- justify-content: center;
490
+ -webkit-box-align: center;
491
+ -ms-flex-align: center;
492
+ align-items: center;
493
+ -webkit-box-pack: center;
494
+ -ms-flex-pack: center;
495
+ justify-content: center;
415
496
  }
416
497
  .uofg-header-search-menu .uofg-header-search-bar > input {
417
- flex: 1;
498
+ -webkit-box-flex: 1;
499
+ -ms-flex: 1;
500
+ flex: 1;
418
501
  }
419
502
  .uofg-header-search-menu .uofg-header-search-bar > button[type=submit] {
420
503
  width: 4rem;
@@ -428,8 +511,12 @@ uofg-menu > [slot=content] {
428
511
  z-index: 1;
429
512
  }
430
513
  #uofg-header-sub-content-container #uofg-header-page-title {
514
+ display: -webkit-box;
515
+ display: -ms-flexbox;
431
516
  display: flex;
432
- align-items: center;
517
+ -webkit-box-align: center;
518
+ -ms-flex-align: center;
519
+ align-items: center;
433
520
  margin-right: auto;
434
521
  padding: 0 1rem;
435
522
  height: 100%;
@@ -456,16 +543,27 @@ uofg-menu > [slot=content] {
456
543
  }
457
544
  #uofg-header-sub-content-container uofg-menu > [slot=content] > li > a {
458
545
  padding: 0.75rem;
459
- justify-content: flex-start;
546
+ -webkit-box-pack: start;
547
+ -ms-flex-pack: start;
548
+ justify-content: flex-start;
460
549
  }
461
550
  #uofg-header-sub-content-container a {
551
+ display: -webkit-box;
552
+ display: -ms-flexbox;
462
553
  display: flex;
463
- align-items: center;
464
- justify-content: center;
554
+ -webkit-box-align: center;
555
+ -ms-flex-align: center;
556
+ align-items: center;
557
+ -webkit-box-pack: center;
558
+ -ms-flex-pack: center;
559
+ justify-content: center;
465
560
  height: 100%;
561
+ -webkit-transition-property: color, background-color;
466
562
  transition-property: color, background-color;
467
- transition-duration: 0.2s;
468
- transition-timing-function: ease-in-out;
563
+ -webkit-transition-duration: 0.2s;
564
+ transition-duration: 0.2s;
565
+ -webkit-transition-timing-function: ease-in-out;
566
+ transition-timing-function: ease-in-out;
469
567
  }
470
568
  #uofg-header-sub-content-container a:hover, #uofg-header-sub-content-container a:focus-visible {
471
569
  background-color: #ffc72a;
@@ -485,16 +583,26 @@ uofg-menu > [slot=content] {
485
583
  height: 100%;
486
584
  }
487
585
  #uofg-header-full-sub-content > ul {
586
+ display: -webkit-box;
587
+ display: -ms-flexbox;
488
588
  display: flex;
489
- align-items: center;
589
+ -webkit-box-align: center;
590
+ -ms-flex-align: center;
591
+ align-items: center;
490
592
  }
491
593
  #uofg-header-full-sub-content uofg-menu > [slot=button][aria-expanded=true] > svg {
492
- transform: rotate(180deg);
594
+ -webkit-transform: rotate(180deg);
595
+ -ms-transform: rotate(180deg);
596
+ transform: rotate(180deg);
493
597
  }
494
598
  #uofg-header-full-sub-content .uofg-header-page-specific {
599
+ display: -webkit-box;
600
+ display: -ms-flexbox;
495
601
  display: flex;
496
602
  height: 100%;
497
- align-items: center;
603
+ -webkit-box-align: center;
604
+ -ms-flex-align: center;
605
+ align-items: center;
498
606
  }
499
607
 
500
608
  #uofg-header-reduced-sub-content > uofg-menu {
@@ -522,8 +630,12 @@ uofg-menu > [slot=content] {
522
630
  height: auto;
523
631
  padding: 1rem;
524
632
  width: 100%;
525
- align-items: flex-start;
526
- justify-content: flex-start;
633
+ -webkit-box-align: start;
634
+ -ms-flex-align: start;
635
+ align-items: flex-start;
636
+ -webkit-box-pack: start;
637
+ -ms-flex-pack: start;
638
+ justify-content: flex-start;
527
639
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
528
640
  }
529
641
  #uofg-header-reduced-sub-content > uofg-menu > [slot=content] a:hover, #uofg-header-reduced-sub-content > uofg-menu > [slot=content] a:focus-visible {
@@ -546,10 +658,13 @@ uofg-menu > [slot=content] {
546
658
  color: #000;
547
659
  }
548
660
  #uofg-header-reduced-sub-content > uofg-menu > [slot=content] uofg-menu > [slot=button][aria-expanded=true] > svg {
549
- transform: rotate(180deg);
661
+ -webkit-transform: rotate(180deg);
662
+ -ms-transform: rotate(180deg);
663
+ transform: rotate(180deg);
550
664
  }
551
665
  #uofg-header-reduced-sub-content > uofg-menu > [slot=content] uofg-menu > [slot=content] {
552
666
  position: static;
553
667
  background-color: rgba(0, 0, 0, 0.1);
554
- box-shadow: none;
668
+ -webkit-box-shadow: none;
669
+ box-shadow: none;
555
670
  }
package/dist/collection/components/uofg-modal/uofg-modal.css CHANGED
@@ -9,10 +9,13 @@
9
9
  }
10
10
 
11
11
  * {
12
- box-sizing: border-box;
12
+ -webkit-box-sizing: border-box;
13
+ box-sizing: border-box;
13
14
  }
14
15
 
15
16
  #uofg-modal {
17
+ display: -webkit-box;
18
+ display: -ms-flexbox;
16
19
  display: flex;
17
20
  position: fixed;
18
21
  top: 0;
@@ -23,14 +26,23 @@
23
26
  background-color: rgba(0, 0, 0, 0.5);
24
27
  visibility: hidden;
25
28
  opacity: 0;
26
- transition-duration: 0.3s;
27
- transition-timing-function: ease-in-out;
29
+ -webkit-transition-duration: 0.3s;
30
+ transition-duration: 0.3s;
31
+ -webkit-transition-timing-function: ease-in-out;
32
+ transition-timing-function: ease-in-out;
33
+ -webkit-transition-property: visibility, opacity;
28
34
  transition-property: visibility, opacity;
29
35
  }
30
36
  #uofg-modal #uofg-modal-dismiss {
37
+ display: -webkit-box;
38
+ display: -ms-flexbox;
31
39
  display: flex;
32
- justify-content: center;
33
- align-items: center;
40
+ -webkit-box-pack: center;
41
+ -ms-flex-pack: center;
42
+ justify-content: center;
43
+ -webkit-box-align: center;
44
+ -ms-flex-align: center;
45
+ align-items: center;
34
46
  position: absolute;
35
47
  top: 2rem;
36
48
  right: 2rem;
@@ -52,24 +64,39 @@
52
64
  }
53
65
  #uofg-modal > #uofg-modal-content {
54
66
  position: absolute;
67
+ width: -webkit-fit-content;
68
+ width: -moz-fit-content;
55
69
  width: fit-content;
70
+ height: -webkit-fit-content;
71
+ height: -moz-fit-content;
56
72
  height: fit-content;
73
+ width: -moz-max-content;
74
+ height: -moz-max-content;
57
75
  padding: 2rem;
58
76
  max-width: 100%;
59
77
  max-height: 100%;
60
78
  left: 50%;
79
+ -webkit-transition: -webkit-transform 0.3s ease-in-out;
80
+ transition: -webkit-transform 0.3s ease-in-out;
61
81
  transition: transform 0.3s ease-in-out;
62
- transform: translate(-50%, -50px);
82
+ transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
83
+ -webkit-transform: translate(-50%, -50px);
84
+ -ms-transform: translate(-50%, -50px);
85
+ transform: translate(-50%, -50px);
63
86
  z-index: 1;
87
+ overflow: auto;
64
88
  }
65
89
  @media (prefers-reduced-motion: reduce) {
66
90
  #uofg-modal > #uofg-modal-content {
91
+ -webkit-transition: none;
67
92
  transition: none;
68
93
  }
69
94
  }
70
95
  #uofg-modal > #uofg-modal-content.centered {
71
96
  top: 50%;
72
- transform: translate(-50%, calc(-50% - 50px));
97
+ -webkit-transform: translate(-50%, calc(-50% - 50px));
98
+ -ms-transform: translate(-50%, calc(-50% - 50px));
99
+ transform: translate(-50%, calc(-50% - 50px));
73
100
  }
74
101
  #uofg-modal.open {
75
102
  visibility: visible;
@@ -78,8 +105,12 @@
78
105
  #uofg-modal.open #uofg-modal-content {
79
106
  visibility: visible;
80
107
  opacity: 1;
81
- transform: translate(-50%, 0);
108
+ -webkit-transform: translate(-50%, 0);
109
+ -ms-transform: translate(-50%, 0);
110
+ transform: translate(-50%, 0);
82
111
  }
83
112
  #uofg-modal.open #uofg-modal-content.centered {
84
- transform: translate(-50%, -50%);
113
+ -webkit-transform: translate(-50%, -50%);
114
+ -ms-transform: translate(-50%, -50%);
115
+ transform: translate(-50%, -50%);
85
116
  }
package/dist/collection/components/uofg-modal/uofg-modal.js CHANGED
@@ -56,7 +56,8 @@ export class UofgModal {
56
56
  window.requestAnimationFrame(() => {
57
57
  window.requestAnimationFrame(() => {
58
58
  window.requestAnimationFrame(() => {
59
- this.dismissButton.focus();
59
+ // Focus the container element when the modal is opened, so that the screen reader's will announce the modal when it opens.
60
+ this.container.focus();
60
61
  });
61
62
  });
62
63
  });
@@ -65,7 +66,7 @@ export class UofgModal {
65
66
  document.body.style.overflow = newValue ? 'hidden' : '';
66
67
  }
67
68
  render() {
68
- return (h("div", { id: "uofg-modal", class: { open: this.isOpen }, role: this.isOpen ? (this.alertDialog ? 'alertdialog' : 'dialog') : '', "aria-modal": this.isOpen, "aria-label": this.label, "aria-hidden": !this.isOpen, tabIndex: -1, onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown }, h("div", { id: "uofg-modal-content", part: "content", class: { centered: this.centered } }, h("button", { id: "uofg-modal-dismiss", part: "dismiss-button", "aria-label": "Close modal", ref: (el) => (this.dismissButton = el), onClick: () => (this.isOpen = false) }, h(FontAwesomeIcon, { icon: faTimes })), h("slot", null))));
69
+ return (h("div", { id: "uofg-modal", class: { open: this.isOpen }, role: this.isOpen ? (this.alertDialog ? 'alertdialog' : 'dialog') : '', "aria-modal": this.isOpen, "aria-label": this.label, "aria-hidden": !this.isOpen, tabIndex: -1, onClick: this.handleClick, onKeyUp: this.handleKeyUp, onKeyDown: this.handleKeyDown, ref: (el) => (this.container = el) }, h("div", { id: "uofg-modal-content", part: "content", class: { centered: this.centered } }, h("button", { id: "uofg-modal-dismiss", part: "dismiss-button", "aria-label": "Close modal", ref: (el) => (this.dismissButton = el), onClick: () => (this.isOpen = false) }, h(FontAwesomeIcon, { icon: faTimes })), h("slot", null))));
69
70
  }
70
71
  /**
71
72
  * Get the current state of the modal.
package/dist/components/uofg-alert.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
  import { F as FontAwesomeIcon, f as faCircleExclamation } from './index2.js';
3
3
 
4
- const uofgAlertCss = ":host{display:block;max-width:100rem}*{box-sizing:border-box}#uofg-alert{display:flex;flex-direction:column;font-size:2rem}#uofg-alert #uofg-alert-title{display:flex;align-items:center;font-size:2.25rem;padding:2rem;color:white;background-color:#c10631}#uofg-alert #uofg-alert-title>svg{margin-right:1rem;fill:currentColor;height:1.5em}#uofg-alert #uofg-alert-body{display:flex;flex-direction:column;padding:1.5rem 2rem;background-color:white}#uofg-alert #uofg-alert-body slot[name=subtitle]::slotted(*){font-size:2rem;margin-bottom:2rem;font-weight:bold}#uofg-alert #uofg-alert-body slot[name=message]::slotted(*){font-size:1.6rem}#uofg-alert #uofg-alert-footer{display:flex;padding:1rem 2rem;background-color:#dddddd;font-size:1.4rem}";
4
+ const uofgAlertCss = ":host{display:block;max-width:100rem}*{-webkit-box-sizing:border-box;box-sizing:border-box}#uofg-alert{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-size:2rem}#uofg-alert #uofg-alert-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:2.25rem;padding:2rem;color:white;background-color:#c10631}#uofg-alert #uofg-alert-title>svg{margin-right:1rem;fill:currentColor;height:1.5em}#uofg-alert #uofg-alert-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:1.5rem 2rem;background-color:white}#uofg-alert #uofg-alert-body slot[name=subtitle]::slotted(*){font-size:2rem;margin-bottom:2rem;font-weight:bold}#uofg-alert #uofg-alert-body slot[name=message]::slotted(*){font-size:1.6rem}#uofg-alert #uofg-alert-footer{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem 2rem;background-color:#dddddd;font-size:1.4rem}";
5
5
 
6
6
  const UofgAlert$1 = /*@__PURE__*/ proxyCustomElement(class UofgAlert extends HTMLElement {
7
7
  constructor() {
package/dist/components/uofg-back-to-top.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
2
2
  import { F as FontAwesomeIcon, a as faChevronUp } from './index2.js';
3
3
 
4
- const uofgBackToTopCss = ":host{display:block}:focus-visible{outline:2px solid #ffc72a;outline-offset:0.5rem}#uofg-back-to-top{position:fixed;margin:10px;height:35px;width:35px;right:0;bottom:0;z-index:1000;cursor:pointer;background-color:black;color:white;transition-duration:0.3s;transition-timing-function:ease-in-out;transition-property:opacity, visibility, background-color;opacity:0;visibility:hidden;border-radius:50%;border:1px solid #fff}#uofg-back-to-top:hover{background-color:#d50029}#uofg-back-to-top>svg{width:1em;height:1em;fill:currentColor}#uofg-back-to-top.visible{opacity:1;visibility:visible}";
4
+ const uofgBackToTopCss = ":host{display:block}:focus-visible{outline:2px solid #ffc72a;outline-offset:0.5rem}#uofg-back-to-top{position:fixed;margin:10px;height:35px;width:35px;right:0;bottom:0;z-index:1000;cursor:pointer;background-color:black;color:white;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;-webkit-transition-property:opacity, visibility, background-color;transition-property:opacity, visibility, background-color;opacity:0;visibility:hidden;border-radius:50%;border:1px solid #fff}#uofg-back-to-top:hover{background-color:#d50029}#uofg-back-to-top>svg{width:1em;height:1em;fill:currentColor}#uofg-back-to-top.visible{opacity:1;visibility:visible}";
5
5
 
6
6
  const UofgBackToTop$1 = /*@__PURE__*/ proxyCustomElement(class UofgBackToTop extends HTMLElement {
7
7
  constructor() {
package/dist/components/uofg-footer.js CHANGED
@@ -67,7 +67,7 @@ const improveLifeLogo = `<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" vie
67
67
  </svg>
68
68
  `;
69
69
 
70
- const uofgFooterCss = ":host{display:block;width:100%;font-size:1.6rem;font-family:sans-serif}*{box-sizing:border-box}:focus-visible{outline:2px solid #ffc72a;outline-offset:0.5rem}a{display:flex;align-items:center;gap:0.5rem;border-bottom:2px dotted transparent;transition-property:border-color;width:fit-content;color:inherit;transition-duration:200ms;transition-timing-function:ease-in-out;text-decoration:none;white-space:nowrap;padding-bottom:0.2rem}a:hover,a:focus{border-color:currentColor}svg{fill:currentColor;height:1.6rem}ul{list-style:none;padding:0;margin:unset}ul li{display:contents}#uofg-footer{display:flex;justify-content:center;align-items:center;background-color:#000;color:#fff;padding:2rem}#uofg-footer-content{display:grid;grid-template-columns:1fr;gap:2rem;width:100%;max-width:1370px}@media (min-width: 570px){#uofg-footer-content{grid-template-columns:1fr 1fr}}@media (min-width: 962px){#uofg-footer-content{grid-template-columns:0.5fr 2fr 0.5fr;justify-items:center;gap:2rem 4.75vw}}.uofg-footer-content-separator{display:flex;flex-direction:column;gap:0.75rem;justify-content:space-between}#uofg-footer-improve-life{transition-property:opacity;border:0}#uofg-footer-improve-life>svg{height:2.5rem}#uofg-footer-improve-life:hover,#uofg-footer-improve-life:focus{opacity:0.8}#uofg-footer-social-links{display:flex;align-items:center;list-style:none;padding:0;margin-left:0;gap:0.75rem}#uofg-footer-social-links a{transition-property:color;border:0}#uofg-footer-social-links a:hover,#uofg-footer-social-links a:focus{color:#ffc72a}#uofg-footer-social-links a:hover[aria-label=Twitter],#uofg-footer-social-links a:focus[aria-label=Twitter]{color:#1da1f2}#uofg-footer-social-links a:hover[aria-label=Facebook],#uofg-footer-social-links a:focus[aria-label=Facebook]{color:#4267b2}#uofg-footer-social-links a:hover[aria-label=Instagram],#uofg-footer-social-links a:focus[aria-label=Instagram]{color:#e1306c}#uofg-footer-social-links a:hover[aria-label=Youtube],#uofg-footer-social-links a:focus[aria-label=Youtube]{color:#f00}#uofg-footer-social-links a:hover[aria-label=LinkedIn],#uofg-footer-social-links a:focus[aria-label=LinkedIn]{color:#0077b5}#uofg-footer-social-links a:hover[aria-label=TikTok],#uofg-footer-social-links a:focus[aria-label=TikTok]{color:#f00}#uofg-footer-social-links svg{height:2rem}#uofg-footer-links{display:grid;grid-template-columns:1fr}#uofg-footer-links svg{color:#ffc72a}@media (min-width: 570px){#uofg-footer-links{grid-template-columns:1fr 1fr;grid-column-start:1;grid-column-end:3}}@media (min-width: 962px){#uofg-footer-links{grid-row:unset;grid-column:unset;gap:0.75rem 9.5vw}}#uofg-footer-address{font-style:normal;white-space:nowrap}#uofg-footer-address a{color:#69a3b9}@media (min-width: 570px){#uofg-footer-address{grid-row:1;grid-column:2}}@media (min-width: 962px){#uofg-footer-address{grid-row:unset;grid-column:unset}}";
70
+ const uofgFooterCss = ":host{display:block;width:100%;font-size:1.6rem;font-family:sans-serif}*{-webkit-box-sizing:border-box;box-sizing:border-box}:focus-visible{outline:2px solid #ffc72a;outline-offset:0.5rem}a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;border-bottom:2px dotted transparent;-webkit-transition-property:border-color;transition-property:border-color;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:inherit;-webkit-transition-duration:200ms;transition-duration:200ms;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out;text-decoration:none;white-space:nowrap;padding-bottom:0.2rem}a:hover,a:focus{border-color:currentColor}svg{fill:currentColor;height:1.6rem}ul{list-style:none;padding:0;margin:unset}ul li{display:contents}#uofg-footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#000;color:#fff;padding:2rem}#uofg-footer-content{display:grid;grid-template-columns:1fr;gap:2rem;width:100%;max-width:1370px}@media (min-width: 570px){#uofg-footer-content{grid-template-columns:1fr 1fr}}@media (min-width: 962px){#uofg-footer-content{grid-template-columns:0.5fr 2fr 0.5fr;justify-items:center;gap:2rem 4.75vw}}.uofg-footer-content-separator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:0.75rem;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#uofg-footer-improve-life{-webkit-transition-property:opacity;transition-property:opacity;border:0}#uofg-footer-improve-life>svg{height:2.5rem}#uofg-footer-improve-life:hover,#uofg-footer-improve-life:focus{opacity:0.8}#uofg-footer-social-links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;list-style:none;padding:0;margin-left:0;gap:0.75rem}#uofg-footer-social-links a{-webkit-transition-property:color;transition-property:color;border:0}#uofg-footer-social-links a:hover,#uofg-footer-social-links a:focus{color:#ffc72a}#uofg-footer-social-links a:hover[aria-label=Twitter],#uofg-footer-social-links a:focus[aria-label=Twitter]{color:#1da1f2}#uofg-footer-social-links a:hover[aria-label=Facebook],#uofg-footer-social-links a:focus[aria-label=Facebook]{color:#4267b2}#uofg-footer-social-links a:hover[aria-label=Instagram],#uofg-footer-social-links a:focus[aria-label=Instagram]{color:#e1306c}#uofg-footer-social-links a:hover[aria-label=Youtube],#uofg-footer-social-links a:focus[aria-label=Youtube]{color:#f00}#uofg-footer-social-links a:hover[aria-label=LinkedIn],#uofg-footer-social-links a:focus[aria-label=LinkedIn]{color:#0077b5}#uofg-footer-social-links a:hover[aria-label=TikTok],#uofg-footer-social-links a:focus[aria-label=TikTok]{color:#f00}#uofg-footer-social-links svg{height:2rem}#uofg-footer-links{display:grid;grid-template-columns:1fr}#uofg-footer-links svg{color:#ffc72a}@media (min-width: 570px){#uofg-footer-links{grid-template-columns:1fr 1fr;grid-column-start:1;grid-column-end:3}}@media (min-width: 962px){#uofg-footer-links{grid-row:unset;grid-column:unset;gap:0.75rem 9.5vw}}#uofg-footer-address{font-style:normal;white-space:nowrap}#uofg-footer-address a{color:#69a3b9}@media (min-width: 570px){#uofg-footer-address{grid-row:1;grid-column:2}}@media (min-width: 962px){#uofg-footer-address{grid-row:unset;grid-column:unset}}";
71
71
 
72
72
  const UofgFooter$1 = /*@__PURE__*/ proxyCustomElement(class UofgFooter extends HTMLElement {
73
73
  constructor() {
package/dist/components/uofg-header.js CHANGED
@@ -66,7 +66,7 @@ const SearchBar = () => (h("form", { class: "uofg-header-search-bar", method: "g
66
66
  h("button", { class: "uofg-search-bar-button", "aria-label": "Search", type: "submit" },
67
67
  h(FontAwesomeIcon, { icon: faSearch }))));
68
68
 
69
- const uofgHeaderCss = ":host{height:auto !important}*{box-sizing:border-box}:focus-visible{outline:2px solid #ffc72a;outline-offset:0.5rem}a{display:flex;align-items:center;text-decoration:none;color:inherit;transition-property:color, background-color;transition-duration:0.2s;transition-timing-function:ease-in-out}ul{list-style:none;margin:0;padding:0}ul>li{display:contents}button{border:none;background:none;cursor:pointer;font-size:inherit;font-family:inherit;color:inherit;line-height:inherit;word-spacing:inherit;letter-spacing:inherit;transition-property:color, background-color;transition-duration:0.2s;transition-timing-function:ease-in-out}button[type=submit]{display:flex;align-items:center;justify-content:center;background-color:#d50029;color:#fff;padding:0.5rem;font-size:inherit;font-family:inherit}input[type=text],input[type=password]{background-color:#eff6f7;border:1px solid #69a3b9;padding:1rem;color:#555555;font-size:inherit;font-family:inherit}input[type=text]:focus-visible,input[type=text]:focus,input[type=password]:focus-visible,input[type=password]:focus{outline:none;background-color:#fffdf7}uofg-menu{--uofg-menu-animation-type:slide;--uofg-menu-animation-duration:0.2s;--uofg-menu-animation-easing:ease-in-out;display:block;position:relative}uofg-menu>[slot=button]{display:flex;align-items:center;gap:0.5rem;height:100%;padding:0 1rem}uofg-menu>[slot=button]>svg{height:1em;fill:currentColor;transition-property:transform;transition-duration:0.2s;transition-timing-function:ease-in-out}uofg-menu>[slot=content]{display:flex;flex-direction:column;position:absolute;z-index:1;min-width:20rem;right:0;background-color:#fff;color:#000;box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2)}#uofg-header{position:relative;width:100%;z-index:10000;font-size:1.6rem;font-family:\"Roboto Condensed\", Arial, sans-serif}#uofg-header-top-content-container,#uofg-header-main-content-container,#uofg-header-sub-content-container{display:flex;position:relative;align-items:center;justify-content:flex-end;width:100%;padding:0 calc((100vw - 1500px) / 2)}#uofg-header-top-content-container{height:3.5rem;background-color:#fff;color:#000;z-index:3}#uofg-header-top-content-container>ul{display:flex;align-items:center;height:100%}#uofg-header-top-content-container>ul>li>a{height:100%;padding:0 1rem}#uofg-header-top-content-container>ul>li>a:hover,#uofg-header-top-content-container>ul>li>a:focus-visible,#uofg-header-top-content-container>ul>li>a[aria-expanded=true]{background-color:#ddd}#uofg-header-top-content-container>uofg-menu{height:100%}#uofg-header-top-content-container>uofg-menu>[slot=button]{padding:0 1rem;background-color:#ffc72a;color:#000;font-weight:bold}#uofg-header-top-content-container>uofg-menu>[slot=button]:hover,#uofg-header-top-content-container>uofg-menu>[slot=button]:focus-visible,#uofg-header-top-content-container>uofg-menu>[slot=button][aria-expanded=true]{background-color:#ccc;color:#000}#uofg-header-top-content-container>uofg-menu>[slot=button][aria-expanded=true]>svg{transform:rotate(180deg)}#uofg-header-top-content-container>uofg-menu>[slot=content]{background-color:#ddd;color:#000}#uofg-header-top-content-container>uofg-menu>[slot=content] a{height:100%;padding:0.75rem;border-bottom:1px solid rgba(0, 0, 0, 0.4)}#uofg-header-top-content-container>uofg-menu>[slot=content] a:hover,#uofg-header-top-content-container>uofg-menu>[slot=content] a:focus-visible{background-color:#ffc72a}#uofg-header-main-content-container{height:5rem;background-color:#000;color:#fff;z-index:2}#uofg-header-main-content-container>*{height:100%}#uofg-header-main-content-container.full-height{height:8rem}#uofg-header-logo-container{display:flex;height:100%;margin-right:auto;overflow:hidden}#uofg-header-logo-container>*{height:100%}#uofg-header-logo-container svg{width:auto}#uofg-header-decorative-img{position:absolute;left:0}#uofg-header-decorative-img>svg{height:100%}@media screen and (max-width: 1500px){#uofg-header-decorative-img{position:static}}#uofg-header-logo{height:100%;position:relative;margin-left:1rem;transition:opacity 0.2s ease-in-out}#uofg-header-logo>svg{height:100%}#uofg-header-logo:hover,#uofg-header-logo:focus-visible{opacity:0.8}@media screen and (min-width: 1500px) and (max-width: calc(1500px + 7rem)){#uofg-header-logo{position:absolute;left:0;margin-left:7rem}}#uofg-header-full-main-content,#uofg-header-reduced-main-content{display:flex}#uofg-header-full-main-content svg,#uofg-header-reduced-main-content svg{height:1em;fill:currentColor}#uofg-header-full-main-content>ul{display:flex;align-items:center}#uofg-header-full-main-content>ul>li>a,#uofg-header-full-main-content>a,#uofg-header-full-main-content>uofg-menu>[slot=button]{display:flex;align-items:center;justify-content:center;height:100%;padding:0 1.5rem;font-size:1.8rem;transition-property:color, background-color;transition-duration:0.2s;transition-timing-function:ease-in-out}#uofg-header-full-main-content>ul>li>a:hover,#uofg-header-full-main-content>ul>li>a:focus-visible,#uofg-header-full-main-content>a:hover,#uofg-header-full-main-content>a:focus-visible,#uofg-header-full-main-content>uofg-menu>[slot=button]:hover,#uofg-header-full-main-content>uofg-menu>[slot=button]:focus-visible{background-color:#333;color:#ffc72a}#uofg-header-full-main-content>uofg-menu>[slot=button]{color:#ffc72a}#uofg-header-full-main-content>uofg-menu>[slot=content]{color:#000;background-color:#fff;padding:2rem;width:35rem}#uofg-header-full-main-content>uofg-menu>[slot=content]>span{display:block;font-size:2.4rem;font-weight:bold;padding:1rem 0}#uofg-header-full-main-content>a{color:#ffc72a}#uofg-header-reduced-main-content>uofg-menu>[slot=button],#uofg-header-reduced-main-content>a{justify-content:center;padding:0 1.5rem;font-size:2rem;border-left:1px solid rgba(255, 255, 255, 0.15)}#uofg-header-reduced-main-content>uofg-menu>[slot=button]:hover,#uofg-header-reduced-main-content>uofg-menu>[slot=button]:focus-visible,#uofg-header-reduced-main-content>uofg-menu>[slot=button][aria-expanded=true],#uofg-header-reduced-main-content>a:hover,#uofg-header-reduced-main-content>a:focus-visible,#uofg-header-reduced-main-content>a[aria-expanded=true]{background-color:#fff;color:#000}#uofg-header-reduced-main-content>uofg-menu{position:static;height:100%}#uofg-header-reduced-main-content>uofg-menu>[slot=content]{background-color:#fff;color:#000;width:100%;padding:1rem 2rem 2rem}#uofg-header-reduced-main-content>uofg-menu>[slot=content]>span{display:block;font-size:2.4rem;font-weight:bold;padding:1rem 0}#uofg-header-main-menu>[slot=content]{overflow-y:auto;max-height:calc(100vh - 5rem)}#uofg-header-main-menu uofg-menu{position:relative}#uofg-header-main-menu uofg-menu>[slot=button]{display:flex;padding:0.75rem;height:auto;width:100%;color:inherit;border-bottom:1px solid rgba(0, 0, 0, 0.1)}#uofg-header-main-menu uofg-menu>[slot=button]>svg{margin-left:auto}#uofg-header-main-menu uofg-menu>[slot=button]:hover,#uofg-header-main-menu uofg-menu>[slot=button]:focus-visible,#uofg-header-main-menu uofg-menu>[slot=button][aria-expanded=true]{background-color:rgba(0, 0, 0, 0.1)}#uofg-header-main-menu uofg-menu>[slot=button][aria-expanded=true]>svg{transform:rotate(180deg)}#uofg-header-main-menu uofg-menu>[slot=content]{position:relative;box-shadow:none;padding:0}#uofg-header-main-menu uofg-menu>[slot=content]>li>a{padding:0.75rem;border-bottom:1px solid rgba(0, 0, 0, 0.1);transition-property:color, background-color;transition-duration:0.2s;transition-timing-function:ease-in-out}#uofg-header-main-menu uofg-menu>[slot=content]>li>a:hover,#uofg-header-main-menu uofg-menu>[slot=content]>li>a:focus-visible{background-color:rgba(0, 0, 0, 0.1)}#uofg-header-main-menu uofg-menu.uofg-header-hello-you-menu>[slot=button]{background-color:#ffc72a;color:#000;font-weight:bold}#uofg-header-main-menu uofg-menu.uofg-header-hello-you-menu>[slot=content]{background-color:rgba(0, 0, 0, 0.1);color:#000}#uofg-header-main-menu ul>li>a{padding:0.75rem;width:100%;color:inherit;border-bottom:1px solid rgba(0, 0, 0, 0.1);transition-property:color, background-color;transition-duration:0.2s;transition-timing-function:ease-in-out}#uofg-header-main-menu ul>li>a:hover,#uofg-header-main-menu ul>li>a:focus-visible,#uofg-header-main-menu ul>li>a[aria-expanded=true]{background-color:rgba(0, 0, 0, 0.1)}.uofg-header-search-menu .uofg-header-search-bar{display:flex;align-items:center;justify-content:center}.uofg-header-search-menu .uofg-header-search-bar>input{flex:1}.uofg-header-search-menu .uofg-header-search-bar>button[type=submit]{width:4rem;height:4rem}#uofg-header-sub-content-container{height:4rem;background-color:#ddd;color:#000;z-index:1}#uofg-header-sub-content-container #uofg-header-page-title{display:flex;align-items:center;margin-right:auto;padding:0 1rem;height:100%;font-weight:bold}#uofg-header-sub-content-container uofg-menu{position:relative;height:100%}#uofg-header-sub-content-container uofg-menu>[slot=button]{color:inherit}#uofg-header-sub-content-container uofg-menu>[slot=button]:hover,#uofg-header-sub-content-container uofg-menu>[slot=button]:focus-visible,#uofg-header-sub-content-container uofg-menu>[slot=button][aria-expanded=true]{background-color:#ffc72a;color:#000}#uofg-header-sub-content-container uofg-menu>[slot=content]{position:absolute;background-color:#ddd;color:#000}#uofg-header-sub-content-container uofg-menu>[slot=content]>li:not(:last-child)>a{border-bottom:1px solid rgba(0, 0, 0, 0.1)}#uofg-header-sub-content-container uofg-menu>[slot=content]>li>a{padding:0.75rem;justify-content:flex-start}#uofg-header-sub-content-container a{display:flex;align-items:center;justify-content:center;height:100%;transition-property:color, background-color;transition-duration:0.2s;transition-timing-function:ease-in-out}#uofg-header-sub-content-container a:hover,#uofg-header-sub-content-container a:focus-visible{background-color:#ffc72a;color:#000}#uofg-header-full-sub-content,#uofg-header-reduced-sub-content{height:100%}#uofg-header-full-sub-content a,#uofg-header-reduced-sub-content a{padding:0 0.5rem}#uofg-header-full-sub-content{height:100%}#uofg-header-full-sub-content>ul{display:flex;align-items:center}#uofg-header-full-sub-content uofg-menu>[slot=button][aria-expanded=true]>svg{transform:rotate(180deg)}#uofg-header-full-sub-content .uofg-header-page-specific{display:flex;height:100%;align-items:center}#uofg-header-reduced-sub-content>uofg-menu{position:static}#uofg-header-reduced-sub-content>uofg-menu>[slot=button]{font-size:2rem;padding:0 1.5rem}#uofg-header-reduced-sub-content>uofg-menu>[slot=content]{background-color:#fff;color:#000;padding:2rem;overflow-y:auto;max-height:calc(100vh - 5rem - 4rem);width:100%}#uofg-header-reduced-sub-content>uofg-menu>[slot=content]>span{display:block;font-size:2.4rem;font-weight:bold;padding:1rem 0}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] a{height:auto;padding:1rem;width:100%;align-items:flex-start;justify-content:flex-start;border-bottom:1px solid rgba(0, 0, 0, 0.1)}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] a:hover,#uofg-header-reduced-sub-content>uofg-menu>[slot=content] a:focus-visible{background-color:rgba(0, 0, 0, 0.1);color:#000}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu{height:auto}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=button]{width:100%;padding:1rem;border-bottom:1px solid rgba(0, 0, 0, 0.1)}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=button]>svg{margin-left:auto}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=button]:hover,#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=button]:focus-visible,#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=button][aria-expanded=true]{background-color:rgba(0, 0, 0, 0.2);color:#000}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=button][aria-expanded=true]>svg{transform:rotate(180deg)}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=content]{position:static;background-color:rgba(0, 0, 0, 0.1);box-shadow:none}";
69
+ const uofgHeaderCss = ":host{height:auto !important}*{-webkit-box-sizing:border-box;box-sizing:border-box}:focus-visible{outline:2px solid #ffc72a;outline-offset:0.5rem}a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;text-decoration:none;color:inherit;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}ul{list-style:none;margin:0;padding:0}ul>li{display:contents}button{border:none;background:none;cursor:pointer;font-size:inherit;font-family:inherit;color:inherit;line-height:inherit;word-spacing:inherit;letter-spacing:inherit;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}button[type=submit]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:#d50029;color:#fff;padding:0.5rem;font-size:inherit;font-family:inherit}input[type=text],input[type=password]{background-color:#eff6f7;border:1px solid #69a3b9;padding:1rem;color:#555555;font-size:inherit;font-family:inherit}input[type=text]:focus-visible,input[type=text]:focus,input[type=password]:focus-visible,input[type=password]:focus{outline:none;background-color:#fffdf7}uofg-menu{--uofg-menu-animation-type:slide;--uofg-menu-animation-duration:0.2s;--uofg-menu-animation-easing:ease-in-out;display:block;position:relative}uofg-menu>[slot=button]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:0.5rem;height:100%;padding:0 1rem}uofg-menu>[slot=button]>svg{height:1em;fill:currentColor;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}uofg-menu>[slot=content]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:absolute;z-index:1;min-width:20rem;right:0;background-color:#fff;color:#000;-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2)}#uofg-header{position:relative;width:100%;z-index:10000;font-size:1.6rem;font-family:\"Roboto Condensed\", Arial, sans-serif}#uofg-header-top-content-container,#uofg-header-main-content-container,#uofg-header-sub-content-container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;width:100%;padding:0 calc((100vw - 1500px) / 2)}#uofg-header-top-content-container{height:3.5rem;background-color:#fff;color:#000;z-index:3}#uofg-header-top-content-container>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%}#uofg-header-top-content-container>ul>li>a{height:100%;padding:0 1rem}#uofg-header-top-content-container>ul>li>a:hover,#uofg-header-top-content-container>ul>li>a:focus-visible,#uofg-header-top-content-container>ul>li>a[aria-expanded=true]{background-color:#ddd}#uofg-header-top-content-container>uofg-menu{height:100%}#uofg-header-top-content-container>uofg-menu>[slot=button]{padding:0 1rem;background-color:#ffc72a;color:#000;font-weight:bold}#uofg-header-top-content-container>uofg-menu>[slot=button]:hover,#uofg-header-top-content-container>uofg-menu>[slot=button]:focus-visible,#uofg-header-top-content-container>uofg-menu>[slot=button][aria-expanded=true]{background-color:#ccc;color:#000}#uofg-header-top-content-container>uofg-menu>[slot=button][aria-expanded=true]>svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#uofg-header-top-content-container>uofg-menu>[slot=content]{background-color:#ddd;color:#000}#uofg-header-top-content-container>uofg-menu>[slot=content] a{height:100%;padding:0.75rem;border-bottom:1px solid rgba(0, 0, 0, 0.4)}#uofg-header-top-content-container>uofg-menu>[slot=content] a:hover,#uofg-header-top-content-container>uofg-menu>[slot=content] a:focus-visible{background-color:#ffc72a}#uofg-header-main-content-container{height:5rem;background-color:#000;color:#fff;z-index:2}#uofg-header-main-content-container>*{height:100%}#uofg-header-main-content-container.full-height{height:8rem}#uofg-header-logo-container{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin-right:auto;overflow:hidden}#uofg-header-logo-container>*{height:100%}#uofg-header-logo-container svg{width:auto}#uofg-header-decorative-img{position:absolute;left:0}#uofg-header-decorative-img>svg{height:100%}@media screen and (max-width: 1500px){#uofg-header-decorative-img{position:static}}#uofg-header-logo{height:100%;position:relative;margin-left:1rem;-webkit-transition:opacity 0.2s ease-in-out;transition:opacity 0.2s ease-in-out}#uofg-header-logo>svg{height:100%}#uofg-header-logo:hover,#uofg-header-logo:focus-visible{opacity:0.8}@media screen and (min-width: 1500px) and (max-width: calc(1500px + 7rem)){#uofg-header-logo{position:absolute;left:0;margin-left:7rem}}#uofg-header-full-main-content,#uofg-header-reduced-main-content{display:-webkit-box;display:-ms-flexbox;display:flex}#uofg-header-full-main-content svg,#uofg-header-reduced-main-content svg{height:1em;fill:currentColor}#uofg-header-full-main-content>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#uofg-header-full-main-content>ul>li>a,#uofg-header-full-main-content>a,#uofg-header-full-main-content>uofg-menu>[slot=button]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;padding:0 1.5rem;font-size:1.8rem;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}#uofg-header-full-main-content>ul>li>a:hover,#uofg-header-full-main-content>ul>li>a:focus-visible,#uofg-header-full-main-content>a:hover,#uofg-header-full-main-content>a:focus-visible,#uofg-header-full-main-content>uofg-menu>[slot=button]:hover,#uofg-header-full-main-content>uofg-menu>[slot=button]:focus-visible{background-color:#333;color:#ffc72a}#uofg-header-full-main-content>uofg-menu>[slot=button]{color:#ffc72a}#uofg-header-full-main-content>uofg-menu>[slot=content]{color:#000;background-color:#fff;padding:2rem;width:35rem}#uofg-header-full-main-content>uofg-menu>[slot=content]>span{display:block;font-size:2.4rem;font-weight:bold;padding:1rem 0}#uofg-header-full-main-content>a{color:#ffc72a}#uofg-header-reduced-main-content>uofg-menu>[slot=button],#uofg-header-reduced-main-content>a{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 1.5rem;font-size:2rem;border-left:1px solid rgba(255, 255, 255, 0.15)}#uofg-header-reduced-main-content>uofg-menu>[slot=button]:hover,#uofg-header-reduced-main-content>uofg-menu>[slot=button]:focus-visible,#uofg-header-reduced-main-content>uofg-menu>[slot=button][aria-expanded=true],#uofg-header-reduced-main-content>a:hover,#uofg-header-reduced-main-content>a:focus-visible,#uofg-header-reduced-main-content>a[aria-expanded=true]{background-color:#fff;color:#000}#uofg-header-reduced-main-content>uofg-menu{position:static;height:100%}#uofg-header-reduced-main-content>uofg-menu>[slot=content]{background-color:#fff;color:#000;width:100%;padding:1rem 2rem 2rem}#uofg-header-reduced-main-content>uofg-menu>[slot=content]>span{display:block;font-size:2.4rem;font-weight:bold;padding:1rem 0}#uofg-header-main-menu>[slot=content]{overflow-y:auto;max-height:calc(100vh - 5rem)}#uofg-header-main-menu uofg-menu{position:relative}#uofg-header-main-menu uofg-menu>[slot=button]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0.75rem;height:auto;width:100%;color:inherit;border-bottom:1px solid rgba(0, 0, 0, 0.1)}#uofg-header-main-menu uofg-menu>[slot=button]>svg{margin-left:auto}#uofg-header-main-menu uofg-menu>[slot=button]:hover,#uofg-header-main-menu uofg-menu>[slot=button]:focus-visible,#uofg-header-main-menu uofg-menu>[slot=button][aria-expanded=true]{background-color:rgba(0, 0, 0, 0.1)}#uofg-header-main-menu uofg-menu>[slot=button][aria-expanded=true]>svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#uofg-header-main-menu uofg-menu>[slot=content]{position:relative;-webkit-box-shadow:none;box-shadow:none;padding:0}#uofg-header-main-menu uofg-menu>[slot=content]>li>a{padding:0.75rem;border-bottom:1px solid rgba(0, 0, 0, 0.1);-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}#uofg-header-main-menu uofg-menu>[slot=content]>li>a:hover,#uofg-header-main-menu uofg-menu>[slot=content]>li>a:focus-visible{background-color:rgba(0, 0, 0, 0.1)}#uofg-header-main-menu uofg-menu.uofg-header-hello-you-menu>[slot=button]{background-color:#ffc72a;color:#000;font-weight:bold}#uofg-header-main-menu uofg-menu.uofg-header-hello-you-menu>[slot=content]{background-color:rgba(0, 0, 0, 0.1);color:#000}#uofg-header-main-menu ul>li>a{padding:0.75rem;width:100%;color:inherit;border-bottom:1px solid rgba(0, 0, 0, 0.1);-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}#uofg-header-main-menu ul>li>a:hover,#uofg-header-main-menu ul>li>a:focus-visible,#uofg-header-main-menu ul>li>a[aria-expanded=true]{background-color:rgba(0, 0, 0, 0.1)}.uofg-header-search-menu .uofg-header-search-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.uofg-header-search-menu .uofg-header-search-bar>input{-webkit-box-flex:1;-ms-flex:1;flex:1}.uofg-header-search-menu .uofg-header-search-bar>button[type=submit]{width:4rem;height:4rem}#uofg-header-sub-content-container{height:4rem;background-color:#ddd;color:#000;z-index:1}#uofg-header-sub-content-container #uofg-header-page-title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:auto;padding:0 1rem;height:100%;font-weight:bold}#uofg-header-sub-content-container uofg-menu{position:relative;height:100%}#uofg-header-sub-content-container uofg-menu>[slot=button]{color:inherit}#uofg-header-sub-content-container uofg-menu>[slot=button]:hover,#uofg-header-sub-content-container uofg-menu>[slot=button]:focus-visible,#uofg-header-sub-content-container uofg-menu>[slot=button][aria-expanded=true]{background-color:#ffc72a;color:#000}#uofg-header-sub-content-container uofg-menu>[slot=content]{position:absolute;background-color:#ddd;color:#000}#uofg-header-sub-content-container uofg-menu>[slot=content]>li:not(:last-child)>a{border-bottom:1px solid rgba(0, 0, 0, 0.1)}#uofg-header-sub-content-container uofg-menu>[slot=content]>li>a{padding:0.75rem;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#uofg-header-sub-content-container a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:0.2s;transition-duration:0.2s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}#uofg-header-sub-content-container a:hover,#uofg-header-sub-content-container a:focus-visible{background-color:#ffc72a;color:#000}#uofg-header-full-sub-content,#uofg-header-reduced-sub-content{height:100%}#uofg-header-full-sub-content a,#uofg-header-reduced-sub-content a{padding:0 0.5rem}#uofg-header-full-sub-content{height:100%}#uofg-header-full-sub-content>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#uofg-header-full-sub-content uofg-menu>[slot=button][aria-expanded=true]>svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#uofg-header-full-sub-content .uofg-header-page-specific{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#uofg-header-reduced-sub-content>uofg-menu{position:static}#uofg-header-reduced-sub-content>uofg-menu>[slot=button]{font-size:2rem;padding:0 1.5rem}#uofg-header-reduced-sub-content>uofg-menu>[slot=content]{background-color:#fff;color:#000;padding:2rem;overflow-y:auto;max-height:calc(100vh - 5rem - 4rem);width:100%}#uofg-header-reduced-sub-content>uofg-menu>[slot=content]>span{display:block;font-size:2.4rem;font-weight:bold;padding:1rem 0}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] a{height:auto;padding:1rem;width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;border-bottom:1px solid rgba(0, 0, 0, 0.1)}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] a:hover,#uofg-header-reduced-sub-content>uofg-menu>[slot=content] a:focus-visible{background-color:rgba(0, 0, 0, 0.1);color:#000}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu{height:auto}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=button]{width:100%;padding:1rem;border-bottom:1px solid rgba(0, 0, 0, 0.1)}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=button]>svg{margin-left:auto}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=button]:hover,#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=button]:focus-visible,#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=button][aria-expanded=true]{background-color:rgba(0, 0, 0, 0.2);color:#000}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=button][aria-expanded=true]>svg{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}#uofg-header-reduced-sub-content>uofg-menu>[slot=content] uofg-menu>[slot=content]{position:static;background-color:rgba(0, 0, 0, 0.1);-webkit-box-shadow:none;box-shadow:none}";
70
70
 
71
71
  const UofgHeader$1 = /*@__PURE__*/ proxyCustomElement(class UofgHeader extends HTMLElement {
72
72
  constructor() {