@uoguelph/web-components 1.2.0-rc.6 → 1.2.0-rc.9
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.
- package/README.md +0 -63
- package/dist/uofg-web-components/index-CSn7dBx6.js +981 -0
- package/dist/uofg-web-components/uofg-alert.esm.js +154 -0
- package/dist/uofg-web-components/uofg-footer.esm.js +403 -0
- package/dist/uofg-web-components/uofg-header.esm.js +2306 -0
- package/dist/uofg-web-components/uofg-modal.esm.js +329 -0
- package/dist/uofg-web-components/uofg-web-components.css +1 -1
- package/dist/uofg-web-components/uofg-web-components.esm.js +8 -1
- package/package.json +21 -35
- package/dist/cjs/app-globals-3a1e7e63.js +0 -5
- package/dist/cjs/index-06b58d35.js +0 -32
- package/dist/cjs/index-cdb046b4.js +0 -2092
- package/dist/cjs/index.cjs.js +0 -2
- package/dist/cjs/loader.cjs.js +0 -15
- package/dist/cjs/uofg-alert.cjs.entry.js +0 -21
- package/dist/cjs/uofg-back-to-top_5.cjs.entry.js +0 -1387
- package/dist/cjs/uofg-modal.cjs.entry.js +0 -172
- package/dist/cjs/uofg-web-components.cjs.js +0 -25
- package/dist/cjs/utils-3d4b7e2e.js +0 -16
- package/dist/collection/collection-manifest.json +0 -18
- package/dist/collection/components/uofg-alert/uofg-alert.css +0 -1
- package/dist/collection/components/uofg-alert/uofg-alert.js +0 -20
- package/dist/collection/components/uofg-back-to-top/uofg-back-to-top.css +0 -1
- package/dist/collection/components/uofg-back-to-top/uofg-back-to-top.js +0 -71
- package/dist/collection/components/uofg-card/uofg-card.css +0 -1
- package/dist/collection/components/uofg-card/uofg-card.js +0 -45
- package/dist/collection/components/uofg-footer/uofg-footer.css +0 -1
- package/dist/collection/components/uofg-footer/uofg-footer.js +0 -153
- package/dist/collection/components/uofg-header/uofg-header.css +0 -1
- package/dist/collection/components/uofg-header/uofg-header.js +0 -266
- package/dist/collection/components/uofg-menu/uofg-menu.js +0 -438
- package/dist/collection/components/uofg-modal/uofg-modal.css +0 -1
- package/dist/collection/components/uofg-modal/uofg-modal.js +0 -417
- package/dist/collection/index.js +0 -1
- package/dist/collection/utils/font-awesome-icon.js +0 -7
- package/dist/collection/utils/utils.js +0 -13
- package/dist/components/font-awesome-icon.js +0 -10
- package/dist/components/index.d.ts +0 -50
- package/dist/components/index.js +0 -8
- package/dist/components/index2.js +0 -18
- package/dist/components/uofg-alert.d.ts +0 -11
- package/dist/components/uofg-alert.js +0 -36
- package/dist/components/uofg-back-to-top.d.ts +0 -11
- package/dist/components/uofg-back-to-top.js +0 -52
- package/dist/components/uofg-card.d.ts +0 -11
- package/dist/components/uofg-card.js +0 -40
- package/dist/components/uofg-footer.d.ts +0 -11
- package/dist/components/uofg-footer.js +0 -751
- package/dist/components/uofg-header.d.ts +0 -11
- package/dist/components/uofg-header.js +0 -398
- package/dist/components/uofg-menu.d.ts +0 -11
- package/dist/components/uofg-menu.js +0 -6
- package/dist/components/uofg-menu2.js +0 -268
- package/dist/components/uofg-modal.d.ts +0 -11
- package/dist/components/uofg-modal.js +0 -201
- package/dist/components/utils.js +0 -12
- package/dist/esm/app-globals-0f993ce5.js +0 -3
- package/dist/esm/index-0b0002d2.js +0 -2062
- package/dist/esm/index-e685921a.js +0 -27
- package/dist/esm/index.js +0 -1
- package/dist/esm/loader.js +0 -11
- package/dist/esm/polyfills/core-js.js +0 -11
- package/dist/esm/polyfills/dom.js +0 -79
- package/dist/esm/polyfills/es5-html-element.js +0 -1
- package/dist/esm/polyfills/index.js +0 -34
- package/dist/esm/polyfills/system.js +0 -6
- package/dist/esm/uofg-alert.entry.js +0 -17
- package/dist/esm/uofg-back-to-top_5.entry.js +0 -1379
- package/dist/esm/uofg-modal.entry.js +0 -168
- package/dist/esm/uofg-web-components.js +0 -20
- package/dist/esm/utils-379bb71a.js +0 -12
- package/dist/index.cjs.js +0 -1
- package/dist/index.js +0 -1
- package/dist/types/components/uofg-alert/uofg-alert.d.ts +0 -3
- package/dist/types/components/uofg-back-to-top/uofg-back-to-top.d.ts +0 -10
- package/dist/types/components/uofg-card/uofg-card.d.ts +0 -7
- package/dist/types/components/uofg-footer/uofg-footer.d.ts +0 -8
- package/dist/types/components/uofg-header/uofg-header.d.ts +0 -37
- package/dist/types/components/uofg-menu/uofg-menu.d.ts +0 -68
- package/dist/types/components/uofg-modal/uofg-modal.d.ts +0 -77
- package/dist/types/components.d.ts +0 -303
- package/dist/types/index.d.ts +0 -1
- package/dist/types/stencil-public-runtime.d.ts +0 -1681
- package/dist/types/utils/font-awesome-icon.d.ts +0 -5
- package/dist/types/utils/utils.d.ts +0 -4
- package/dist/uofg-web-components/index.esm.js +0 -0
- package/dist/uofg-web-components/p-6fa0f8f6.js +0 -1
- package/dist/uofg-web-components/p-7569d8f2.entry.js +0 -1
- package/dist/uofg-web-components/p-976982f6.entry.js +0 -1
- package/dist/uofg-web-components/p-e1255160.js +0 -1
- package/dist/uofg-web-components/p-ee27db22.js +0 -2
- package/dist/uofg-web-components/p-fde6370b.entry.js +0 -1
- package/dist/uofg-web-components/p-fec87f9d.js +0 -1
- package/loader/cdn.js +0 -3
- package/loader/index.cjs.js +0 -3
- package/loader/index.d.ts +0 -21
- package/loader/index.es2017.js +0 -3
- package/loader/index.js +0 -4
- package/loader/package.json +0 -11
- /package/dist/{collection/components/uofg-header/decoration.svg → uofg-web-components/decorative.svg} +0 -0
- /package/dist/{collection/components/uofg-footer → uofg-web-components}/improve-life.svg +0 -0
- /package/dist/{collection/components/uofg-header/logo-reduced.svg → uofg-web-components/logo-small.svg} +0 -0
- /package/dist/{collection/components/uofg-header/logo-full.svg → uofg-web-components/logo.svg} +0 -0
|
@@ -1,172 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-cdb046b4.js');
|
|
6
|
-
const index$1 = require('./index-06b58d35.js');
|
|
7
|
-
const utils = require('./utils-3d4b7e2e.js');
|
|
8
|
-
|
|
9
|
-
const uofgModalCss = ":host{visibility:visible !important;position:relative !important;z-index:100000 !important}@defaults border-spacing{--tw-border-spacing-x:0;--tw-border-spacing-y:0}@defaults transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1}@defaults touch-action{}@defaults scroll-snap-type{--tw-scroll-snap-strictness:proximity}@defaults gradient-color-stops{}@defaults font-variant-numeric{}@defaults box-shadow{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@defaults ring-width{--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@defaults filter{}@defaults backdrop-filter{}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.tw-visible{visibility:visible!important}.tw-invisible{visibility:hidden!important}.tw-fixed{position:fixed!important}.tw-absolute{position:absolute!important}.tw-left-0{left:0!important}.tw-left-1\\/2{left:50%!important}.tw-right-8{right:2rem!important}.tw-top-0{top:0!important}.tw-top-8{top:2rem!important}.tw-z-\\[1000\\]{z-index:1000!important}.tw-z-\\[2\\]{z-index:2!important}.tw-flex{display:flex!important}.tw-h-12{height:3rem!important}.tw-h-fit{height:fit-content!important}.tw-h-screen{height:100vh!important}.tw-max-h-full{max-height:100%!important}.tw-w-12{width:3rem!important}.tw-w-fit{width:fit-content!important}.tw-w-screen{width:100vw!important}.tw-max-w-full{max-width:100%!important}.-tw-translate-x-1\\/2{--tw-translate-x:-50%!important}.-tw-translate-x-1\\/2,.tw-translate-y-\\[-50px\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.tw-translate-y-\\[-50px\\]{--tw-translate-y:-50px!important}.tw-translate-y-\\[calc\\(-50\\%_-_50px\\)\\]{--tw-translate-y:calc(-50% - 50px)!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.tw-items-center{align-items:center!important}.tw-justify-center{justify-content:center!important}.tw-overflow-auto{overflow:auto!important}.tw-border-0{border-width:0!important}.tw-bg-black{--tw-bg-opacity:1!important;background-color:rgb(0 0 0/var(--tw-bg-opacity))!important}.tw-bg-transparent{background-color:transparent!important}.tw-bg-opacity-50{--tw-bg-opacity:0.5!important}.tw-p-2{padding:.5rem!important}.tw-p-8{padding:2rem!important}.tw-text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.tw-text-\\[var\\(--uofg-modal-dismiss-color\\,white\\)\\]{color:var(--uofg-modal-dismiss-color,#fff)!important}.tw-opacity-0{opacity:0!important}.tw-opacity-100{opacity:1!important}.tw-transition-\\[opacity\\,visibility\\]{transition-duration:.15s!important;transition-property:opacity,visibility!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.tw-transition-transform{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}@media (prefers-reduced-motion:reduce){.motion-reduce\\:tw-transition-none{transition-property:none!important}}.\\[\\&\\>svg\\]\\:tw-h-\\[1em\\]>svg{height:1em!important}.\\[\\&\\>svg\\]\\:tw-fill-current>svg{fill:currentColor!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}";
|
|
10
|
-
const UofgModalStyle0 = uofgModalCss;
|
|
11
|
-
|
|
12
|
-
const UofgModal = class {
|
|
13
|
-
constructor(hostRef) {
|
|
14
|
-
index.registerInstance(this, hostRef);
|
|
15
|
-
this.opened = index.createEvent(this, "opened", 2);
|
|
16
|
-
this.closed = index.createEvent(this, "closed", 2);
|
|
17
|
-
this.inertElements = [];
|
|
18
|
-
this.label = undefined;
|
|
19
|
-
this.alertDialog = false;
|
|
20
|
-
this.centered = false;
|
|
21
|
-
this.staticBackdrop = false;
|
|
22
|
-
this.autoOpen = false;
|
|
23
|
-
this.isOpen = false;
|
|
24
|
-
}
|
|
25
|
-
connectedCallback() {
|
|
26
|
-
// Bind event handlers so that 'this' is always the component instance.
|
|
27
|
-
this.handleClick = this.handleClick.bind(this);
|
|
28
|
-
this.handleKeyUp = this.handleKeyUp.bind(this);
|
|
29
|
-
this.handleFocusOut = this.handleFocusOut.bind(this);
|
|
30
|
-
if (this.autoOpen) {
|
|
31
|
-
this.isOpen = true;
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
disconnectedCallback() {
|
|
35
|
-
// Just in case the modal is removed from the DOM before it is closed, make sure to remove the inert attribute from all elements that we marked as inert when the modal was opened.
|
|
36
|
-
for (const element of this.inertElements) {
|
|
37
|
-
element.removeAttribute('inert');
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
handleClick(e) {
|
|
41
|
-
if (!this.staticBackdrop && e.target === e.currentTarget) {
|
|
42
|
-
this.isOpen = false;
|
|
43
|
-
}
|
|
44
|
-
}
|
|
45
|
-
handleKeyUp(e) {
|
|
46
|
-
if (e.key === 'Escape') {
|
|
47
|
-
this.isOpen = false;
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
handleFocusOut(e) {
|
|
51
|
-
var _a;
|
|
52
|
-
if (!this.isOpen)
|
|
53
|
-
return; // Don't do anything if the modal is closed.
|
|
54
|
-
const relatedTarget = e.relatedTarget;
|
|
55
|
-
// If the focus is moving outside the modal
|
|
56
|
-
if (!this.container.contains(relatedTarget) && !this.el.contains(relatedTarget)) {
|
|
57
|
-
e.preventDefault();
|
|
58
|
-
// If the focus is moving away from the dismiss button, focus the last focusable element in the modal.
|
|
59
|
-
if (e.target === this.dismissButton) {
|
|
60
|
-
const focusableElements = utils.getAllFocusableElements(this.el);
|
|
61
|
-
(_a = focusableElements[focusableElements.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
62
|
-
}
|
|
63
|
-
else {
|
|
64
|
-
// Otherwise, focus the dismiss button.
|
|
65
|
-
this.dismissButton.focus();
|
|
66
|
-
}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
handleIsOpenChange(newValue) {
|
|
70
|
-
if (newValue) {
|
|
71
|
-
window.requestAnimationFrame(() => {
|
|
72
|
-
window.requestAnimationFrame(() => {
|
|
73
|
-
window.requestAnimationFrame(() => {
|
|
74
|
-
// Focus the container element when the modal is opened, so that the screen reader's will announce the modal when it opens.
|
|
75
|
-
this.container.focus();
|
|
76
|
-
});
|
|
77
|
-
});
|
|
78
|
-
});
|
|
79
|
-
// Mark outer elements as inert when the modal is open.
|
|
80
|
-
let current = this.el;
|
|
81
|
-
// We want to mark all elements outside the modal as inert, so we need to traverse up the DOM tree until we reach the body element.
|
|
82
|
-
while (current !== null && current !== document.body) {
|
|
83
|
-
const parent = current.parentElement;
|
|
84
|
-
// If parent is null, then we may be inside a shadow root. If so, we get the host element and continue traversing up the DOM tree.
|
|
85
|
-
if (parent === null) {
|
|
86
|
-
const root = current.getRootNode();
|
|
87
|
-
if (root instanceof ShadowRoot) {
|
|
88
|
-
current = root.host;
|
|
89
|
-
continue;
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
if (parent !== null) {
|
|
93
|
-
for (const child of parent.children) {
|
|
94
|
-
if (child !== current && !child.inert) {
|
|
95
|
-
// Mark the element as inert and store it in an array so that we can remove the inert attribute when the modal closes.
|
|
96
|
-
child.inert = true;
|
|
97
|
-
this.inertElements.push(child);
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
}
|
|
101
|
-
current = parent;
|
|
102
|
-
this.opened.emit();
|
|
103
|
-
}
|
|
104
|
-
}
|
|
105
|
-
else {
|
|
106
|
-
// Remove the inert attribute from all elements that we marked as inert when the modal was opened.
|
|
107
|
-
for (const element of this.inertElements) {
|
|
108
|
-
element.removeAttribute('inert');
|
|
109
|
-
}
|
|
110
|
-
// Clear the array of inert elements. This is important because we don't want to keep a reference to elements as they may be removed from the DOM and we could cause a memory leak.
|
|
111
|
-
this.inertElements = [];
|
|
112
|
-
this.closed.emit();
|
|
113
|
-
}
|
|
114
|
-
// Prevent scrolling of the body when the modal is open.
|
|
115
|
-
document.body.style.overflow = newValue ? 'hidden' : '';
|
|
116
|
-
}
|
|
117
|
-
render() {
|
|
118
|
-
return (index.h("div", { key: 'c66f0986068658cc29b9c12715381a0fd40678c9', class: {
|
|
119
|
-
'tw-visible tw-opacity-100': this.isOpen,
|
|
120
|
-
'tw-invisible tw-opacity-0': !this.isOpen,
|
|
121
|
-
'tw-fixed tw-left-0 tw-top-0 tw-z-[1000] tw-flex tw-h-screen tw-w-screen tw-bg-black tw-bg-opacity-50 tw-transition-[opacity,visibility]': true,
|
|
122
|
-
}, role: this.alertDialog ? 'alertdialog' : 'dialog', "aria-modal": this.isOpen ? 'true' : '', "aria-label": this.label, tabIndex: -1, onClick: this.handleClick, onKeyUp: this.handleKeyUp, onFocusout: this.handleFocusOut, ref: (el) => (this.container = el) }, index.h("div", { key: 'f6d05f9834e3d5398aa5cd0897605d5b16014c2e', part: "content", class: {
|
|
123
|
-
'tw-visible tw-opacity-100': this.isOpen,
|
|
124
|
-
'tw-translate-y-[calc(-50%_-_50px)]': !this.isOpen && this.centered,
|
|
125
|
-
'tw-translate-y-[-50px]': (!this.isOpen && !this.centered) || (this.isOpen && this.centered),
|
|
126
|
-
'tw-z-1 tw-absolute tw-left-1/2 tw-h-fit tw-max-h-full tw-w-fit tw-max-w-full -tw-translate-x-1/2 tw-overflow-auto tw-p-8 tw-transition-transform motion-reduce:tw-transition-none': true,
|
|
127
|
-
} }, index.h("button", { key: 'eecbcc13c724410cb085bec5e26f6a2a4c55c32a', class: "[&>svg]:h-[1em] tw-absolute tw-right-8 tw-top-8 tw-z-[2] tw-flex tw-h-12 tw-w-12 tw-items-center tw-justify-center tw-border-0 tw-bg-transparent tw-text-3xl tw-p-2 tw-text-[var(--uofg-modal-dismiss-color,white)] [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current", part: "dismiss-button", "aria-label": "Close modal", ref: (el) => (this.dismissButton = el), onClick: () => (this.isOpen = false) }, index.h(index$1.FontAwesomeIcon, { key: '735ceec0b5bbace91a40db729d7b530767b8593a', icon: index$1.faTimes })), index.h("slot", { key: 'b3b156aa4d3859a1d827a9d826a8d91b8f379f18' }))));
|
|
128
|
-
}
|
|
129
|
-
/**
|
|
130
|
-
* Get the current state of the modal.
|
|
131
|
-
* @returns A promise which will resolve to true when the modal is open, or false when the modal is closed.
|
|
132
|
-
*/
|
|
133
|
-
async getState() {
|
|
134
|
-
return this.isOpen;
|
|
135
|
-
}
|
|
136
|
-
/**
|
|
137
|
-
* Set the state of the modal.
|
|
138
|
-
* @param value The new state, set it to true to open the modal, or false to close the modal.
|
|
139
|
-
*/
|
|
140
|
-
async setState(value) {
|
|
141
|
-
this.isOpen = value;
|
|
142
|
-
}
|
|
143
|
-
/**
|
|
144
|
-
* Toggle the state of the modal.
|
|
145
|
-
* @returns A promise which will resolve to true (if the modal opened) or false (if the modal closed).
|
|
146
|
-
*/
|
|
147
|
-
async toggle() {
|
|
148
|
-
this.isOpen = !this.isOpen;
|
|
149
|
-
return this.isOpen;
|
|
150
|
-
}
|
|
151
|
-
/**
|
|
152
|
-
* Closes the modal.
|
|
153
|
-
* @returns empty Promise.
|
|
154
|
-
*/
|
|
155
|
-
async close() {
|
|
156
|
-
this.isOpen = false;
|
|
157
|
-
}
|
|
158
|
-
/**
|
|
159
|
-
* Opens the modal.
|
|
160
|
-
* @returns empty Promise.
|
|
161
|
-
*/
|
|
162
|
-
async open() {
|
|
163
|
-
this.isOpen = true;
|
|
164
|
-
}
|
|
165
|
-
get el() { return index.getElement(this); }
|
|
166
|
-
static get watchers() { return {
|
|
167
|
-
"isOpen": ["handleIsOpenChange"]
|
|
168
|
-
}; }
|
|
169
|
-
};
|
|
170
|
-
UofgModal.style = UofgModalStyle0;
|
|
171
|
-
|
|
172
|
-
exports.uofg_modal = UofgModal;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
const index = require('./index-cdb046b4.js');
|
|
6
|
-
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
|
-
|
|
8
|
-
/*
|
|
9
|
-
Stencil Client Patch Browser v4.12.4 | MIT Licensed | https://stenciljs.com
|
|
10
|
-
*/
|
|
11
|
-
const patchBrowser = () => {
|
|
12
|
-
const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('uofg-web-components.cjs.js', document.baseURI).href));
|
|
13
|
-
const opts = {};
|
|
14
|
-
if (importMeta !== '') {
|
|
15
|
-
opts.resourcesUrl = new URL('.', importMeta).href;
|
|
16
|
-
}
|
|
17
|
-
return index.promiseResolve(opts);
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
patchBrowser().then(async (options) => {
|
|
21
|
-
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["uofg-alert.cjs",[[1,"uofg-alert"]]],["uofg-modal.cjs",[[1,"uofg-modal",{"label":[1],"alertDialog":[4,"alert-dialog"],"centered":[4],"staticBackdrop":[4,"static-backdrop"],"autoOpen":[4,"auto-open"],"isOpen":[32],"getState":[64],"setState":[64],"toggle":[64],"close":[64],"open":[64]},null,{"isOpen":["handleIsOpenChange"]}]]],["uofg-back-to-top_5.cjs",[[1,"uofg-header",{"pageTitle":[1,"page-title"],"pageUrl":[1,"page-url"],"isFullSize":[32],"pageSpecificContent":[32],"isSubContainerOverflowing":[32]},[[9,"resize","updateFullSize"]]],[1,"uofg-back-to-top",{"threshold":[2],"isVisible":[32]},[[9,"scroll","onScroll"]]],[1,"uofg-card",{"href":[1]}],[1,"uofg-footer",{"extraLinks":[32]}],[0,"uofg-menu",{"autoCollapse":[4,"auto-collapse"],"isExpanded":[32],"getExpanded":[64],"setExpanded":[64],"toggle":[64],"collapse":[64],"expand":[64]},null,{"isExpanded":["handleIsExpandedChange"]}]]]], options);
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
exports.setNonce = index.setNonce;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
const WEB_ANIMATIONS_SUPPORTED = () => {
|
|
4
|
-
return typeof window !== 'undefined' && 'animate' in HTMLElement.prototype;
|
|
5
|
-
};
|
|
6
|
-
const PREFERS_REDUCED_MOTION = () => {
|
|
7
|
-
return typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
|
|
8
|
-
};
|
|
9
|
-
const getAllFocusableElements = (container) => {
|
|
10
|
-
const query = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [contenteditable], audio[controls], video[controls], details, summary, [tabindex]:not([tabindex="-1"])';
|
|
11
|
-
return Array.from(container.querySelectorAll(query));
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
exports.PREFERS_REDUCED_MOTION = PREFERS_REDUCED_MOTION;
|
|
15
|
-
exports.WEB_ANIMATIONS_SUPPORTED = WEB_ANIMATIONS_SUPPORTED;
|
|
16
|
-
exports.getAllFocusableElements = getAllFocusableElements;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"entries": [
|
|
3
|
-
"components/uofg-alert/uofg-alert.js",
|
|
4
|
-
"components/uofg-back-to-top/uofg-back-to-top.js",
|
|
5
|
-
"components/uofg-card/uofg-card.js",
|
|
6
|
-
"components/uofg-footer/uofg-footer.js",
|
|
7
|
-
"components/uofg-header/uofg-header.js",
|
|
8
|
-
"components/uofg-menu/uofg-menu.js",
|
|
9
|
-
"components/uofg-modal/uofg-modal.js"
|
|
10
|
-
],
|
|
11
|
-
"compiler": {
|
|
12
|
-
"name": "@stencil/core",
|
|
13
|
-
"version": "4.12.4",
|
|
14
|
-
"typescriptVersion": "5.3.3"
|
|
15
|
-
},
|
|
16
|
-
"collections": [],
|
|
17
|
-
"bundles": []
|
|
18
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:host { display: block; max-width: 100rem; } * { box-sizing: border-box; } a { text-decoration: none; color: inherit; } button { border: none; background: none; cursor: pointer; font-size: inherit; font-family: inherit; color: inherit; line-height: inherit; word-spacing: inherit; letter-spacing: inherit; } ul { list-style: none; padding: 0; margin: 0; }@defaults border-spacing { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0;}@defaults transform { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1;}@defaults touch-action { --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ;}@defaults scroll-snap-type { --tw-scroll-snap-strictness: proximity;}@defaults gradient-color-stops { --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ;}@defaults font-variant-numeric { --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ;}@defaults box-shadow { --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;}@defaults ring-width { --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;}@defaults filter { --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ;}@defaults backdrop-filter { --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ;}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.tw-flex{display:flex!important}.tw-flex-col{flex-direction:column!important}.tw-items-center{align-items:center!important}.tw-bg-uofg-grey{--tw-bg-opacity:1!important;background-color:rgb(221 221 221/var(--tw-bg-opacity))!important}.tw-bg-uofg-red{--tw-bg-opacity:1!important;background-color:rgb(194 4 48/var(--tw-bg-opacity))!important}.tw-bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.tw-p-8{padding:2rem!important}.tw-px-8{padding-left:2rem!important;padding-right:2rem!important}.tw-py-4{padding-bottom:1rem!important;padding-top:1rem!important}.tw-py-6{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.tw-text-2xl{font-size:1.5rem!important;line-height:2rem!important}.tw-text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.tw-text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.\[\&\>slot\[name\=\"message\"\]\:\:slotted\(\*\)\]\:tw-text-2xl>slot[name=message]::slotted(*){font-size:1.5rem!important;line-height:2rem!important}.\[\&\>slot\[name\=\"subtitle\"\]\:\:slotted\(\*\)\]\:tw-mb-8>slot[name=subtitle]::slotted(*){margin-bottom:2rem!important}.\[\&\>slot\[name\=\"subtitle\"\]\:\:slotted\(\*\)\]\:tw-text-4xl>slot[name=subtitle]::slotted(*){font-size:2.25rem!important;line-height:2.5rem!important}.\[\&\>slot\[name\=\"subtitle\"\]\:\:slotted\(\*\)\]\:tw-font-bold>slot[name=subtitle]::slotted(*){font-weight:700!important}.\[\&\>svg\]\:tw-mr-4>svg{margin-right:1rem!important}.\[\&\>svg\]\:tw-h-\[1\.5em\]>svg{height:1.5em!important}.\[\&\>svg\]\:tw-fill-current>svg{fill:currentColor!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { h } from "@stencil/core";
|
|
2
|
-
import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
|
|
3
|
-
import { faCircleExclamation } from "@fortawesome/free-solid-svg-icons";
|
|
4
|
-
export class UofgAlert {
|
|
5
|
-
render() {
|
|
6
|
-
return (h("div", { key: '43637578cd80a54999db4a08bf6a5fa09c76c402', class: "tw-flex tw-flex-col tw-text-3xl" }, h("div", { key: '22313ab033d01b2271fd7dfe7d7747b5fd59e776', class: "tw-flex tw-items-center tw-bg-uofg-red tw-p-8 tw-text-4xl tw-text-white [&>svg]:tw-mr-4 [&>svg]:tw-h-[1.5em] [&>svg]:tw-fill-current" }, h(FontAwesomeIcon, { key: 'a742d78bcb8a8215d55a6270eabba0a53b165f26', icon: faCircleExclamation }), h("slot", { key: '5afc5e3a18c0fb3ab5662af2fa912752fda379c8', name: "title" })), h("div", { key: 'd2ff3754074ce3b5e7e254cdf72711b1174222a7', class: 'tw-flex tw-flex-col tw-bg-white tw-px-8 tw-py-6 [&>slot[name="message"]::slotted(*)]:tw-text-2xl [&>slot[name="subtitle"]::slotted(*)]:tw-mb-8 [&>slot[name="subtitle"]::slotted(*)]:tw-text-4xl [&>slot[name="subtitle"]::slotted(*)]:tw-font-bold' }, h("slot", { key: '261b7f2434eecdc63cd0746bdb11539be6e3edf9', name: "subtitle" }), h("slot", { key: '438ef72be3746c53ee8f628e553163a7af93fe3e', name: "message" })), h("div", { key: '6b3a020c4a6d98e7f7fe90b922a0be997a6f341a', class: "tw-flex tw-bg-uofg-grey tw-py-4 tw-px-8 tw-text-2xl" }, h("slot", { key: '588ae6afce9d76c96768b807c3135cb1714f2889', name: "footer" }))));
|
|
7
|
-
}
|
|
8
|
-
static get is() { return "uofg-alert"; }
|
|
9
|
-
static get encapsulation() { return "shadow"; }
|
|
10
|
-
static get originalStyleUrls() {
|
|
11
|
-
return {
|
|
12
|
-
"$": ["uofg-alert.css"]
|
|
13
|
-
};
|
|
14
|
-
}
|
|
15
|
-
static get styleUrls() {
|
|
16
|
-
return {
|
|
17
|
-
"$": ["uofg-alert.css"]
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:host { display: block; }@defaults border-spacing { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0;}@defaults transform { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1;}@defaults touch-action { --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ;}@defaults scroll-snap-type { --tw-scroll-snap-strictness: proximity;}@defaults gradient-color-stops { --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ;}@defaults font-variant-numeric { --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ;}@defaults box-shadow { --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;}@defaults ring-width { --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;}@defaults filter { --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ;}@defaults backdrop-filter { --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ;}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.tw-fixed{position:fixed!important}.tw-bottom-0{bottom:0!important}.tw-right-0{right:0!important}.tw-z-\[1000\]{z-index:1000!important}.tw-m-4{margin:1rem!important}.tw-flex{display:flex!important}.tw-h-\[3\.5rem\]{height:3.5rem!important}.tw-w-\[3\.5rem\]{width:3.5rem!important}.tw-cursor-pointer{cursor:pointer!important}.tw-items-center{align-items:center!important}.tw-justify-center{justify-content:center!important}.tw-rounded-\[50\%\]{border-radius:50%!important}.tw-border{border-width:1px!important}.tw-border-solid{border-style:solid!important}.tw-border-white{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity))!important}.tw-bg-black{--tw-bg-opacity:1!important;background-color:rgb(0 0 0/var(--tw-bg-opacity))!important}.tw-fill-current{fill:currentColor!important}.tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.tw-opacity-0{opacity:0!important}.tw-opacity-100{opacity:1!important}.tw-transition{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.hocus\:tw-bg-uofg-red:focus,.hocus\:tw-bg-uofg-red:hover{--tw-bg-opacity:1!important;background-color:rgb(194 4 48/var(--tw-bg-opacity))!important}.\[\&\>svg\]\:tw-h-\[1em\]>svg{height:1em!important}.\[\&\>svg\]\:tw-fill-current>svg{fill:currentColor!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
import { h } from "@stencil/core";
|
|
2
|
-
import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
|
|
3
|
-
import { faChevronUp } from "@fortawesome/free-solid-svg-icons";
|
|
4
|
-
export class UofgBackToTop {
|
|
5
|
-
constructor() {
|
|
6
|
-
this.threshold = 50;
|
|
7
|
-
this.isVisible = false;
|
|
8
|
-
}
|
|
9
|
-
connectedCallback() {
|
|
10
|
-
this.onScroll();
|
|
11
|
-
}
|
|
12
|
-
onScroll() {
|
|
13
|
-
this.isVisible = window.scrollY >= this.threshold;
|
|
14
|
-
}
|
|
15
|
-
render() {
|
|
16
|
-
return (h("button", { key: '5224240c1039f7484aca93cc6e7014d9cfb06702', "aria-label": "Go back to the top", class: {
|
|
17
|
-
'tw-opacity-100': this.isVisible,
|
|
18
|
-
'tw-fixed tw-bottom-0 tw-right-0 tw-z-[1000] tw-m-4 tw-flex tw-h-[3.5rem] tw-w-[3.5rem] tw-cursor-pointer tw-items-center tw-justify-center tw-rounded-[50%] tw-border tw-border-solid tw-border-white tw-bg-black tw-text-white tw-opacity-0 tw-transition hocus:tw-bg-uofg-red [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current': true,
|
|
19
|
-
}, onClick: () => {
|
|
20
|
-
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
21
|
-
} }, h(FontAwesomeIcon, { key: '5674c3ab4da096c466e75aeaf446c8335a569ffd', icon: faChevronUp })));
|
|
22
|
-
}
|
|
23
|
-
static get is() { return "uofg-back-to-top"; }
|
|
24
|
-
static get encapsulation() { return "shadow"; }
|
|
25
|
-
static get originalStyleUrls() {
|
|
26
|
-
return {
|
|
27
|
-
"$": ["uofg-back-to-top.css"]
|
|
28
|
-
};
|
|
29
|
-
}
|
|
30
|
-
static get styleUrls() {
|
|
31
|
-
return {
|
|
32
|
-
"$": ["uofg-back-to-top.css"]
|
|
33
|
-
};
|
|
34
|
-
}
|
|
35
|
-
static get properties() {
|
|
36
|
-
return {
|
|
37
|
-
"threshold": {
|
|
38
|
-
"type": "number",
|
|
39
|
-
"mutable": false,
|
|
40
|
-
"complexType": {
|
|
41
|
-
"original": "number",
|
|
42
|
-
"resolved": "number",
|
|
43
|
-
"references": {}
|
|
44
|
-
},
|
|
45
|
-
"required": false,
|
|
46
|
-
"optional": false,
|
|
47
|
-
"docs": {
|
|
48
|
-
"tags": [],
|
|
49
|
-
"text": "The number of pixels the user has to scroll down before the button appears."
|
|
50
|
-
},
|
|
51
|
-
"attribute": "threshold",
|
|
52
|
-
"reflect": false,
|
|
53
|
-
"defaultValue": "50"
|
|
54
|
-
}
|
|
55
|
-
};
|
|
56
|
-
}
|
|
57
|
-
static get states() {
|
|
58
|
-
return {
|
|
59
|
-
"isVisible": {}
|
|
60
|
-
};
|
|
61
|
-
}
|
|
62
|
-
static get listeners() {
|
|
63
|
-
return [{
|
|
64
|
-
"name": "scroll",
|
|
65
|
-
"method": "onScroll",
|
|
66
|
-
"target": "window",
|
|
67
|
-
"capture": false,
|
|
68
|
-
"passive": true
|
|
69
|
-
}];
|
|
70
|
-
}
|
|
71
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:host { display: block; width: 300px; margin: 1rem; } * { box-sizing: border-box; } a { text-decoration: none; color: inherit; } button { border: none; background: none; cursor: pointer; font-size: inherit; font-family: inherit; color: inherit; line-height: inherit; word-spacing: inherit; letter-spacing: inherit; } ul { list-style: none; padding: 0; margin: 0; }@defaults border-spacing { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0;}@defaults transform { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1;}@defaults touch-action { --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ;}@defaults scroll-snap-type { --tw-scroll-snap-strictness: proximity;}@defaults gradient-color-stops { --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ;}@defaults font-variant-numeric { --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ;}@defaults box-shadow { --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;}@defaults ring-width { --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;}@defaults filter { --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ;}@defaults backdrop-filter { --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ;}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.tw-flex{display:flex!important}.tw-flex-col{flex-direction:column!important}.tw-items-center{align-items:center!important}.tw-justify-center{justify-content:center!important}.tw-overflow-hidden{overflow:hidden!important}.tw-rounded{border-radius:.25rem!important}.tw-border{border-width:1px!important}.tw-border-solid{border-style:solid!important}.tw-border-transparent{border-color:transparent!important}.tw-bg-uofg-blue-200{--tw-bg-opacity:1!important;background-color:rgb(190 218 227/var(--tw-bg-opacity))!important}.tw-bg-uofg-blue-50{--tw-bg-opacity:1!important;background-color:rgb(241 248 250/var(--tw-bg-opacity))!important}.tw-p-4{padding:1rem!important}.tw-px-4{padding-left:1rem!important;padding-right:1rem!important}.tw-py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.tw-text-2xl{font-size:1.5rem!important;line-height:2rem!important}.tw-transition-colors{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.focus-within\:tw-border-uofg-blue-400:focus-within{--tw-border-opacity:1!important;border-color:rgb(105 163 185/var(--tw-border-opacity))!important}.hocus\:tw-border-uofg-blue-400:focus,.hocus\:tw-border-uofg-blue-400:hover{--tw-border-opacity:1!important;border-color:rgb(105 163 185/var(--tw-border-opacity))!important}.\[\&\>div\>slot\:\:slotted\(img\)\]\:hocus\:tw-scale-110:hover>div>slot::slotted(img){--tw-scale-x:1.1!important;--tw-scale-y:1.1!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\[\&\>div\>slot\:\:slotted\(img\)\]\:hocus\:tw-transform:hover>div>slot::slotted(img){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\[\&\>div\>slot\:\:slotted\(img\)\]\:hocus\:tw-transition-transform:hover>div>slot::slotted(img){transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.\[\&\>div\>slot\:\:slotted\(img\)\]\:hocus\:tw-scale-110:focus>div>slot::slotted(img){--tw-scale-x:1.1!important;--tw-scale-y:1.1!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\[\&\>div\>slot\:\:slotted\(img\)\]\:hocus\:tw-transform:focus>div>slot::slotted(img){transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.\[\&\>div\>slot\:\:slotted\(img\)\]\:hocus\:tw-transition-transform:focus>div>slot::slotted(img){transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.\[\&\>slot\:\:slotted\(img\)\]\:tw-w-full>slot::slotted(img){width:100%!important}.\[\&\>slot\:\:slotted\(img\)\]\:tw-object-cover>slot::slotted(img){object-fit:cover!important}.\[\&\>slot\:\:slotted\(img\)\]\:tw-transition-transform>slot::slotted(img){transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.\[\&\>slot\[name\=\"body\"\]\:\:slotted\(\*\)\]\:tw-m-0>slot[name=body]::slotted(*){margin:0!important}.\[\&\>slot\[name\=\"body\"\]\:\:slotted\(\*\)\]\:tw-text-xl>slot[name=body]::slotted(*){font-size:1.25rem!important;line-height:1.75rem!important}.\[\&\>slot\[name\=\"body\"\]\:\:slotted\(\*\)\]\:tw-font-normal>slot[name=body]::slotted(*){font-weight:400!important}.\[\&\>slot\[name\=\"subtitle\"\]\:\:slotted\(\*\)\]\:tw-m-0>slot[name=subtitle]::slotted(*){margin:0!important}.\[\&\>slot\[name\=\"subtitle\"\]\:\:slotted\(\*\)\]\:tw-py-4>slot[name=subtitle]::slotted(*){padding-bottom:1rem!important;padding-top:1rem!important}.\[\&\>slot\[name\=\"subtitle\"\]\:\:slotted\(\*\)\]\:tw-text-2xl>slot[name=subtitle]::slotted(*){font-size:1.5rem!important;line-height:2rem!important}.\[\&\>slot\[name\=\"subtitle\"\]\:\:slotted\(\*\)\]\:tw-font-normal>slot[name=subtitle]::slotted(*){font-weight:400!important}.\[\&\>slot\[name\=\"title\"\]\:\:slotted\(\*\)\]\:tw-m-0>slot[name=title]::slotted(*){margin:0!important}.\[\&\>slot\[name\=\"title\"\]\:\:slotted\(\*\)\]\:tw-py-4>slot[name=title]::slotted(*){padding-bottom:1rem!important;padding-top:1rem!important}.\[\&\>slot\[name\=\"title\"\]\:\:slotted\(\*\)\]\:tw-text-4xl>slot[name=title]::slotted(*){font-size:2.25rem!important;line-height:2.5rem!important}.\[\&\>slot\[name\=\"title\"\]\:\:slotted\(\*\)\]\:tw-font-normal>slot[name=title]::slotted(*){font-weight:400!important}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { Fragment, h } from "@stencil/core";
|
|
2
|
-
export class UofgCard {
|
|
3
|
-
constructor() {
|
|
4
|
-
this.href = undefined;
|
|
5
|
-
}
|
|
6
|
-
render() {
|
|
7
|
-
var _a;
|
|
8
|
-
const Body = () => (h(Fragment, { key: '8eb35c1aaeb19f187b7dbcb9be2990a947128c06' }, h("div", { key: '6812c189df6d70a5495db38d14fb37f656892603', class: "tw-flex tw-items-center tw-justify-center tw-overflow-hidden [&>slot::slotted(img)]:tw-w-full [&>slot::slotted(img)]:tw-object-cover [&>slot::slotted(img)]:tw-transition-transform" }, h("slot", { key: '65a609cdbc7b3e5bf9364bef31f6e063932568cf', name: "img" })), h("div", { key: '3d936244cb22e8b74e24745a059b8decdcd7868c', class: 'tw-flex tw-p-4 tw-flex-col [&>slot[name="body"]::slotted(*)]:tw-m-0 [&>slot[name="body"]::slotted(*)]:tw-text-xl [&>slot[name="body"]::slotted(*)]:tw-font-normal [&>slot[name="subtitle"]::slotted(*)]:tw-m-0 [&>slot[name="subtitle"]::slotted(*)]:tw-py-4 [&>slot[name="subtitle"]::slotted(*)]:tw-text-2xl [&>slot[name="subtitle"]::slotted(*)]:tw-font-normal [&>slot[name="title"]::slotted(*)]:tw-m-0 [&>slot[name="title"]::slotted(*)]:tw-py-4 [&>slot[name="title"]::slotted(*)]:tw-text-4xl [&>slot[name="title"]::slotted(*)]:tw-font-normal' }, h("slot", { key: '4db7245929e655f4acbeab7f603b22464caf096e', name: "title" }), h("slot", { key: 'b0482adba0ca4a994f6d3f100e1c483cb6a72452', name: "subtitle" }), h("slot", { key: '083146dd845200f2356c88535a8127f65f7ab229', name: "body" })), h("div", { key: 'fa7c4af274ad6865bd2e12d291f45469cb40952f', class: "tw-bg-uofg-blue-200 tw-px-4 tw-py-2" }, h("slot", { key: '8197a63f9551f979b8f7426370c098ec8aa8f37b', name: "footer" }))));
|
|
9
|
-
const classes = 'tw-flex tw-flex-col tw-bg-uofg-blue-50 tw-text-2xl tw-rounded tw-overflow-hidden';
|
|
10
|
-
return ((_a = this === null || this === void 0 ? void 0 : this.href) !== null && _a !== void 0 ? _a : '') != '' ? (h("a", { href: this.href, class: `${classes} tw-border tw-border-solid tw-border-transparent tw-transition-colors focus-within:tw-border-uofg-blue-400 hocus:tw-border-uofg-blue-400 [&>div>slot::slotted(img)]:hocus:tw-scale-110 [&>div>slot::slotted(img)]:hocus:tw-transform [&>div>slot::slotted(img)]:hocus:tw-transition-transform` }, h(Body, null))) : (h("div", { class: classes }, h(Body, null)));
|
|
11
|
-
}
|
|
12
|
-
static get is() { return "uofg-card"; }
|
|
13
|
-
static get encapsulation() { return "shadow"; }
|
|
14
|
-
static get originalStyleUrls() {
|
|
15
|
-
return {
|
|
16
|
-
"$": ["uofg-card.css"]
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
static get styleUrls() {
|
|
20
|
-
return {
|
|
21
|
-
"$": ["uofg-card.css"]
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
static get properties() {
|
|
25
|
-
return {
|
|
26
|
-
"href": {
|
|
27
|
-
"type": "string",
|
|
28
|
-
"mutable": false,
|
|
29
|
-
"complexType": {
|
|
30
|
-
"original": "string",
|
|
31
|
-
"resolved": "string",
|
|
32
|
-
"references": {}
|
|
33
|
-
},
|
|
34
|
-
"required": false,
|
|
35
|
-
"optional": false,
|
|
36
|
-
"docs": {
|
|
37
|
-
"tags": [],
|
|
38
|
-
"text": "The URL the card should link to. If this property is set, the card will be rendered as an anchor (\"a\" tag)."
|
|
39
|
-
},
|
|
40
|
-
"attribute": "href",
|
|
41
|
-
"reflect": false
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
:host { display: block; width: 100%; font-size: 1.6rem; font-family: sans-serif; } * { box-sizing: border-box; } a { text-decoration: none; color: inherit; } button { border: none; background: none; cursor: pointer; font-size: inherit; font-family: inherit; color: inherit; line-height: inherit; word-spacing: inherit; letter-spacing: inherit; } ul { list-style: none; padding: 0; margin: 0; } svg { height: 1em; }@defaults border-spacing { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0;}@defaults transform { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1;}@defaults touch-action { --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ;}@defaults scroll-snap-type { --tw-scroll-snap-strictness: proximity;}@defaults gradient-color-stops { --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ;}@defaults font-variant-numeric { --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ;}@defaults box-shadow { --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;}@defaults ring-width { --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000;}@defaults filter { --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ;}@defaults backdrop-filter { --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ;}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}.tw-flex{display:flex!important}.tw-w-fit{width:fit-content!important}.tw-flex-col{flex-direction:column!important}.tw-flex-wrap{flex-wrap:wrap!important}.tw-content-center{align-content:center!important}.tw-items-center{align-items:center!important}.tw-justify-center{justify-content:center!important}.tw-justify-between{justify-content:space-between!important}.tw-gap-2{gap:.5rem!important}.tw-gap-3{gap:.75rem!important}.tw-gap-4{gap:1rem!important}.tw-gap-8{gap:2rem!important}.tw-border-0{border-width:0!important}.tw-border-b-2{border-bottom-width:2px!important}.tw-border-r-2{border-right-width:2px!important}.tw-border-solid{border-style:solid!important}.tw-border-dotted{border-style:dotted!important}.tw-border-transparent{border-color:transparent!important}.tw-border-uofg-blue-100{--tw-border-opacity:1!important;border-color:rgb(221 236 240/var(--tw-border-opacity))!important}.tw-bg-black{--tw-bg-opacity:1!important;background-color:rgb(0 0 0/var(--tw-bg-opacity))!important}.tw-bg-uofg-blue-50{--tw-bg-opacity:1!important;background-color:rgb(241 248 250/var(--tw-bg-opacity))!important}.tw-p-2{padding:.5rem!important}.tw-p-6{padding:1.5rem!important}.tw-px-\[max\(calc\(\(100\%-1320px\)\/2\)\,2rem\)\]{padding-left:max(calc(50% - 660px),2rem)!important;padding-right:max(calc(50% - 660px),2rem)!important}.tw-py-8{padding-bottom:2rem!important;padding-top:2rem!important}.tw-text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.tw-not-italic{font-style:normal!important}.tw-text-uofg-blue{--tw-text-opacity:1!important;color:rgb(105 163 185/var(--tw-text-opacity))!important}.tw-text-uofg-blue-500{--tw-text-opacity:1!important;color:rgb(65 127 153/var(--tw-text-opacity))!important}.tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.tw-transition-colors{transition-duration:.15s!important;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.tw-transition-opacity{transition-duration:.15s!important;transition-property:opacity!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.first\:tw-border-l-2:first-child{border-left-width:2px!important}.hocus\:tw-border-current:hover{border-color:currentColor!important}.hocus\:tw-border-white:hover{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity))!important}.hocus\:tw-text-\[\#0077b5\]:hover{--tw-text-opacity:1!important;color:rgb(0 119 181/var(--tw-text-opacity))!important}.hocus\:tw-text-\[\#1da1f2\]:hover{--tw-text-opacity:1!important;color:rgb(29 161 242/var(--tw-text-opacity))!important}.hocus\:tw-text-\[\#4267b2\]:hover{--tw-text-opacity:1!important;color:rgb(66 103 178/var(--tw-text-opacity))!important}.hocus\:tw-text-\[\#e1306c\]:hover{--tw-text-opacity:1!important;color:rgb(225 48 108/var(--tw-text-opacity))!important}.hocus\:tw-text-\[\#f00\]:hover{--tw-text-opacity:1!important;color:rgb(255 0 0/var(--tw-text-opacity))!important}.hocus\:tw-text-uofg-blue-950:hover{--tw-text-opacity:1!important;color:rgb(25 40 51/var(--tw-text-opacity))!important}.hocus\:tw-opacity-75:hover{opacity:.75!important}.hocus\:tw-border-current:focus{border-color:currentColor!important}.hocus\:tw-border-white:focus{--tw-border-opacity:1!important;border-color:rgb(255 255 255/var(--tw-border-opacity))!important}.hocus\:tw-text-\[\#0077b5\]:focus{--tw-text-opacity:1!important;color:rgb(0 119 181/var(--tw-text-opacity))!important}.hocus\:tw-text-\[\#1da1f2\]:focus{--tw-text-opacity:1!important;color:rgb(29 161 242/var(--tw-text-opacity))!important}.hocus\:tw-text-\[\#4267b2\]:focus{--tw-text-opacity:1!important;color:rgb(66 103 178/var(--tw-text-opacity))!important}.hocus\:tw-text-\[\#e1306c\]:focus{--tw-text-opacity:1!important;color:rgb(225 48 108/var(--tw-text-opacity))!important}.hocus\:tw-text-\[\#f00\]:focus{--tw-text-opacity:1!important;color:rgb(255 0 0/var(--tw-text-opacity))!important}.hocus\:tw-text-uofg-blue-950:focus{--tw-text-opacity:1!important;color:rgb(25 40 51/var(--tw-text-opacity))!important}.hocus\:tw-opacity-75:focus{opacity:.75!important}@media (min-width:768px){.md\:tw-col-span-2{grid-column:span 2/span 2!important}.md\:tw-row-start-2{grid-row-start:2!important}.md\:tw-grid{display:grid!important}.md\:tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (min-width:1024px){.lg\:tw-row-auto{grid-row:auto!important}.lg\:tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}}.\[\&\>li\]\:tw-contents>li{display:contents!important}.\[\&\>svg\]\:tw-h-\[1\.6em\]>svg{height:1.6em!important}.\[\&\>svg\]\:tw-h-\[1em\]>svg{height:1em!important}.\[\&\>svg\]\:tw-fill-current>svg{fill:currentColor!important}.\[\&\>svg\]\:tw-fill-uofg-yellow>svg{fill:#ffc72a!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x:;--tw-pan-y:;--tw-pinch-zoom:;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position:;--tw-gradient-via-position:;--tw-gradient-to-position:;--tw-ordinal:;--tw-slashed-zero:;--tw-numeric-figure:;--tw-numeric-spacing:;--tw-numeric-fraction:;--tw-ring-inset:;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur:;--tw-brightness:;--tw-contrast:;--tw-grayscale:;--tw-hue-rotate:;--tw-invert:;--tw-saturate:;--tw-sepia:;--tw-drop-shadow:;--tw-backdrop-blur:;--tw-backdrop-brightness:;--tw-backdrop-contrast:;--tw-backdrop-grayscale:;--tw-backdrop-hue-rotate:;--tw-backdrop-invert:;--tw-backdrop-opacity:;--tw-backdrop-saturate:;--tw-backdrop-sepia:}
|
|
@@ -1,153 +0,0 @@
|
|
|
1
|
-
import { h } from "@stencil/core";
|
|
2
|
-
import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
|
|
3
|
-
import improveLifeLogo from "./improve-life.svg";
|
|
4
|
-
import { faBriefcase } from "@fortawesome/free-solid-svg-icons/faBriefcase";
|
|
5
|
-
import { faCalendar } from "@fortawesome/free-solid-svg-icons/faCalendar";
|
|
6
|
-
import { faCircleCheck } from "@fortawesome/free-solid-svg-icons/faCircleCheck";
|
|
7
|
-
import { faHandHoldingHeart } from "@fortawesome/free-solid-svg-icons/faHandHoldingHeart";
|
|
8
|
-
import { faKey } from "@fortawesome/free-solid-svg-icons/faKey";
|
|
9
|
-
import { faList } from "@fortawesome/free-solid-svg-icons/faList";
|
|
10
|
-
import { faSitemap } from "@fortawesome/free-solid-svg-icons/faSitemap";
|
|
11
|
-
import { faTree } from "@fortawesome/free-solid-svg-icons/faTree";
|
|
12
|
-
import { faUniversalAccess } from "@fortawesome/free-solid-svg-icons/faUniversalAccess";
|
|
13
|
-
import { faPhoneFlip } from "@fortawesome/free-solid-svg-icons/faPhoneFlip";
|
|
14
|
-
import { faFacebookSquare } from "@fortawesome/free-brands-svg-icons/faFacebookSquare";
|
|
15
|
-
import { faInstagram } from "@fortawesome/free-brands-svg-icons/faInstagram";
|
|
16
|
-
import { faLinkedin } from "@fortawesome/free-brands-svg-icons/faLinkedin";
|
|
17
|
-
import { faTiktok } from "@fortawesome/free-brands-svg-icons/faTiktok";
|
|
18
|
-
import { faTwitterSquare } from "@fortawesome/free-brands-svg-icons/faTwitterSquare";
|
|
19
|
-
import { faYoutube } from "@fortawesome/free-brands-svg-icons/faYoutube";
|
|
20
|
-
const socials = [
|
|
21
|
-
{
|
|
22
|
-
text: 'Twitter',
|
|
23
|
-
icon: faTwitterSquare,
|
|
24
|
-
href: 'https://twitter.com/uofg',
|
|
25
|
-
class: 'hocus:tw-text-[#1da1f2]',
|
|
26
|
-
},
|
|
27
|
-
{
|
|
28
|
-
text: 'Facebook',
|
|
29
|
-
icon: faFacebookSquare,
|
|
30
|
-
href: 'https://www.facebook.com/uofguelph',
|
|
31
|
-
class: 'hocus:tw-text-[#4267b2]',
|
|
32
|
-
},
|
|
33
|
-
{
|
|
34
|
-
text: 'Instagram',
|
|
35
|
-
icon: faInstagram,
|
|
36
|
-
href: 'https://www.instagram.com/uofguelph/',
|
|
37
|
-
class: 'hocus:tw-text-[#e1306c]',
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
text: 'Youtube',
|
|
41
|
-
icon: faYoutube,
|
|
42
|
-
href: 'https://www.youtube.com/user/uofguelph',
|
|
43
|
-
class: 'hocus:tw-text-[#f00]',
|
|
44
|
-
},
|
|
45
|
-
{
|
|
46
|
-
text: 'LinkedIn',
|
|
47
|
-
icon: faLinkedin,
|
|
48
|
-
href: 'https://www.linkedin.com/school/university-of-guelph/',
|
|
49
|
-
class: 'hocus:tw-text-[#0077b5]',
|
|
50
|
-
},
|
|
51
|
-
{
|
|
52
|
-
text: 'TikTok',
|
|
53
|
-
icon: faTiktok,
|
|
54
|
-
href: 'https://www.tiktok.com/@uofguelph',
|
|
55
|
-
class: 'hocus:tw-text-[#f00]',
|
|
56
|
-
},
|
|
57
|
-
];
|
|
58
|
-
const links = [
|
|
59
|
-
{
|
|
60
|
-
text: 'Accessibility',
|
|
61
|
-
icon: faUniversalAccess,
|
|
62
|
-
href: 'https://www.uoguelph.ca/diversity-human-rights/accessibility-u-g',
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
text: 'Privacy',
|
|
66
|
-
icon: faKey,
|
|
67
|
-
href: 'https://www.uoguelph.ca/web/privacy/',
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
text: 'Site Map',
|
|
71
|
-
icon: faSitemap,
|
|
72
|
-
href: 'https://www.uoguelph.ca/sitemap',
|
|
73
|
-
},
|
|
74
|
-
{
|
|
75
|
-
text: 'Status Page',
|
|
76
|
-
icon: faCircleCheck,
|
|
77
|
-
href: 'https://uoguelph.statuspage.io/',
|
|
78
|
-
},
|
|
79
|
-
{
|
|
80
|
-
text: 'Land Acknowledgement',
|
|
81
|
-
icon: faTree,
|
|
82
|
-
href: 'https://www.uoguelph.ca/land-acknowledgement/',
|
|
83
|
-
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.',
|
|
84
|
-
},
|
|
85
|
-
{
|
|
86
|
-
text: 'Careers',
|
|
87
|
-
icon: faBriefcase,
|
|
88
|
-
href: 'https://www.uoguelph.ca/hr/careers-guelph/current-opportunities',
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
text: 'Undergraduate Calendar',
|
|
92
|
-
icon: faCalendar,
|
|
93
|
-
href: 'https://www.uoguelph.ca/registrar/calendars/undergraduate/current/',
|
|
94
|
-
},
|
|
95
|
-
{
|
|
96
|
-
text: 'Graduate Calendar',
|
|
97
|
-
icon: faCalendar,
|
|
98
|
-
href: 'https://www.uoguelph.ca/registrar/calendars/graduate/current/',
|
|
99
|
-
},
|
|
100
|
-
{
|
|
101
|
-
text: 'Program Plans',
|
|
102
|
-
icon: faList,
|
|
103
|
-
href: 'https://admission.uoguelph.ca/programs',
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
text: 'Give to U of G',
|
|
107
|
-
icon: faHandHoldingHeart,
|
|
108
|
-
href: 'https://www.alumni.uoguelph.ca/give-to-guelph/how-to-give',
|
|
109
|
-
},
|
|
110
|
-
];
|
|
111
|
-
export class UofgFooter {
|
|
112
|
-
constructor() {
|
|
113
|
-
this.extraLinks = [];
|
|
114
|
-
}
|
|
115
|
-
connectedCallback() {
|
|
116
|
-
var _a;
|
|
117
|
-
this.updateExtraLinks();
|
|
118
|
-
(_a = this.observer) !== null && _a !== void 0 ? _a : (this.observer = new MutationObserver(() => {
|
|
119
|
-
this.updateExtraLinks();
|
|
120
|
-
}));
|
|
121
|
-
this.observer.observe(this.el, { childList: true, subtree: true });
|
|
122
|
-
}
|
|
123
|
-
updateExtraLinks() {
|
|
124
|
-
var _a;
|
|
125
|
-
this.extraLinks = Array.from((_a = this.el) === null || _a === void 0 ? void 0 : _a.children)
|
|
126
|
-
.filter(child => child.tagName === 'A')
|
|
127
|
-
.map(child => ({ text: child.textContent, href: child.getAttribute('href') }));
|
|
128
|
-
}
|
|
129
|
-
render() {
|
|
130
|
-
return (h("footer", { key: '7e1c2c333b0690bdf48a0c8646e4bc1660cafc74' }, this.extraLinks.length > 0 && (h("ul", { class: "tw-flex tw-flex-wrap tw-items-center tw-justify-center tw-bg-uofg-blue-50 tw-p-6 tw-px-[max(calc((100%-1320px)/2),2rem)]" }, this.extraLinks.map(link => (h("li", { class: "tw-border-0 tw-border-r-2 tw-border-solid tw-border-uofg-blue-100 tw-p-2 first:tw-border-l-2" }, h("a", { class: "tw-text-uofg-blue-500 tw-transition-colors hocus:tw-text-uofg-blue-950", href: link.href }, link.text)))))), h("div", { key: '2a7bc3b10735ecba41c936895b12857e02be8b39', class: "tw-flex tw-flex-col tw-content-center tw-gap-8 tw-bg-black tw-px-[max(calc((100%-1320px)/2),2rem)] tw-py-8 tw-text-white md:tw-grid md:tw-grid-cols-2 lg:tw-grid-cols-4" }, h("div", { key: 'e4ad770842e3d6afe36b94805d5b593c110a8abe', class: "tw-flex tw-flex-col tw-justify-between tw-gap-4" }, h("a", { key: '8f3c64e2b3bc247c286389182b2923ffae62eb79', href: "https://www.uoguelph.ca/improve-life", "aria-label": "Improve Life", class: "tw-flex tw-transition-opacity hocus:tw-opacity-75 [&>svg]:tw-h-[1.6em]", innerHTML: improveLifeLogo }), h("ul", { key: '52cc20ceea75b7688ea8084dd8a68604e8721141', class: "tw-flex tw-gap-3 tw-text-4xl [&>li]:tw-contents" }, socials.map(item => (h("li", null, h("a", { href: item.href, "aria-label": item.text, class: `tw-transition-colors [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current ${item.class}` }, h(FontAwesomeIcon, { icon: item.icon })))))), h("a", { key: '02593d4e251af9dcc45ea58cc9fde9a48e94e8d7', class: "tw-w-fit tw-border-0 tw-border-b-2 tw-border-dotted tw-border-transparent tw-transition-colors hocus:tw-border-white", href: "https://www.uoguelph.ca/web/socialmedia/" }, "Social Media Directory"), h("a", { key: 'cb4965e8d0aefbe2051c990ed664b4dbba3c1df1', class: "tw-w-fit tw-border-0 tw-border-b-2 tw-border-dotted tw-border-transparent tw-transition-colors hocus:tw-border-white", href: "https://www.uoguelph.ca/web/" }, "\u00A9 ", new Date().getFullYear(), " University of Guelph")), h("div", { key: '5d76bcee6f7080194c062c35a545220333c1e2f4', class: "md:tw-col-span-2 md:tw-row-start-2 lg:tw-row-auto" }, h("ul", { key: 'e6d48fdac5a3c2aa5481bd3aaa6521815ab2977e', class: "tw-flex tw-flex-col tw-gap-4 md:tw-grid md:tw-grid-cols-2 [&>li]:tw-contents" }, links.map(item => {
|
|
131
|
-
var _a;
|
|
132
|
-
return (h("li", null, h("a", { href: item.href, title: (_a = item === null || item === void 0 ? void 0 : item.title) !== null && _a !== void 0 ? _a : '', class: "tw-flex tw-w-fit tw-gap-3 tw-border-0 tw-border-b-2 tw-border-dotted tw-border-transparent tw-transition-colors hocus:tw-border-white [&>svg]:tw-h-[1em] [&>svg]:tw-fill-uofg-yellow" }, h(FontAwesomeIcon, { icon: item.icon }), h("span", null, item.text))));
|
|
133
|
-
}))), h("address", { key: 'e5941955d0f8b8a534980396efeaa1c9c49a919a', class: "tw-flex tw-flex-col tw-justify-between tw-gap-4 tw-not-italic" }, h("strong", { key: '4a147a383479b0fea78c31ee83e852e298d73a49' }, "University of Guelph"), h("span", { key: 'c75566a010994dbd4e38afaa8c7b1ce2eedaa4b4' }, "50 Stone Road East,"), h("span", { key: 'e56462b21cf183eb66c85d17f4f74275947ca260' }, "Guelph, Ontario, Canada"), h("span", { key: '05ce006f06502c2b824914ab22b3a1e601f512e5' }, "N1G 2W1"), h("a", { key: '01d4b036db7d9fe71c4a24c5e4714c66d0ef596f', href: "tel:1-519-824-4120", class: "tw-flex tw-w-fit tw-gap-2 tw-border-0 tw-border-b-2 tw-border-dotted tw-border-transparent tw-text-uofg-blue tw-transition-colors hocus:tw-border-current [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current" }, h(FontAwesomeIcon, { key: '22427c9cc0bb50f48a77b8c6bce3d474029c8c79', icon: faPhoneFlip }), h("span", { key: '340eea2c61160970cdea49ab53123cbdb2b462c4' }, "519-824-4120"))))));
|
|
134
|
-
}
|
|
135
|
-
static get is() { return "uofg-footer"; }
|
|
136
|
-
static get encapsulation() { return "shadow"; }
|
|
137
|
-
static get originalStyleUrls() {
|
|
138
|
-
return {
|
|
139
|
-
"$": ["uofg-footer.css"]
|
|
140
|
-
};
|
|
141
|
-
}
|
|
142
|
-
static get styleUrls() {
|
|
143
|
-
return {
|
|
144
|
-
"$": ["uofg-footer.css"]
|
|
145
|
-
};
|
|
146
|
-
}
|
|
147
|
-
static get states() {
|
|
148
|
-
return {
|
|
149
|
-
"extraLinks": {}
|
|
150
|
-
};
|
|
151
|
-
}
|
|
152
|
-
static get elementRef() { return "el"; }
|
|
153
|
-
}
|