@uoguelph/web-components 1.2.0-rc.6 → 1.2.0-rc.7
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/dist/cjs/{index-cdb046b4.js → index-eb919017.js} +0 -102
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/uofg-alert.cjs.entry.js +7 -7
- package/dist/cjs/uofg-back-to-top_5.cjs.entry.js +93 -80
- package/dist/cjs/uofg-modal.cjs.entry.js +6 -10
- package/dist/cjs/uofg-web-components.cjs.js +1 -1
- package/dist/cjs/utils-93383c5b.js +65 -0
- package/dist/collection/components/uofg-alert/uofg-alert.js +6 -11
- package/dist/collection/components/uofg-back-to-top/uofg-back-to-top.js +5 -12
- package/dist/collection/components/uofg-card/uofg-card.js +6 -11
- package/dist/collection/components/uofg-footer/uofg-footer.js +5 -13
- package/dist/collection/components/uofg-header/uofg-header.js +43 -29
- package/dist/collection/components/uofg-modal/uofg-modal.js +5 -14
- package/dist/collection/utils/utils.js +16 -0
- package/dist/components/uofg-alert.js +6 -5
- package/dist/components/uofg-back-to-top.js +5 -6
- package/dist/components/uofg-card.js +6 -5
- package/dist/components/uofg-footer.js +5 -7
- package/dist/components/uofg-header.js +75 -55
- package/dist/components/uofg-modal.js +5 -8
- package/dist/components/utils.js +19 -1
- package/dist/esm/{index-0b0002d2.js → index-06ec28fa.js} +0 -102
- package/dist/esm/loader.js +2 -2
- package/dist/esm/uofg-alert.entry.js +7 -7
- package/dist/esm/uofg-back-to-top_5.entry.js +89 -76
- package/dist/esm/uofg-modal.entry.js +6 -10
- package/dist/esm/uofg-web-components.js +2 -2
- package/dist/esm/utils-acd1ee82.js +56 -0
- package/dist/types/components/uofg-alert/uofg-alert.d.ts +2 -0
- package/dist/types/components/uofg-back-to-top/uofg-back-to-top.d.ts +1 -0
- package/dist/types/components/uofg-card/uofg-card.d.ts +2 -0
- package/dist/types/utils/utils.d.ts +1 -0
- package/dist/uofg-web-components/p-4a896033.js +2 -0
- package/dist/uofg-web-components/p-4e0da5c7.entry.js +1 -0
- package/dist/uofg-web-components/p-663d722e.entry.js +1 -0
- package/dist/uofg-web-components/p-84b2d8d2.js +1 -0
- package/dist/uofg-web-components/p-b0718d71.entry.js +1 -0
- package/dist/uofg-web-components/uofg-web-components.css +1 -1
- package/dist/uofg-web-components/uofg-web-components.esm.js +1 -1
- package/package.json +1 -3
- package/dist/cjs/index-06b58d35.js +0 -32
- package/dist/cjs/utils-3d4b7e2e.js +0 -16
- package/dist/collection/components/uofg-alert/uofg-alert.css +0 -1
- package/dist/collection/components/uofg-back-to-top/uofg-back-to-top.css +0 -1
- package/dist/collection/components/uofg-card/uofg-card.css +0 -1
- package/dist/collection/components/uofg-footer/uofg-footer.css +0 -1
- package/dist/collection/components/uofg-header/uofg-header.css +0 -1
- package/dist/collection/components/uofg-modal/uofg-modal.css +0 -1
- package/dist/esm/index-e685921a.js +0 -27
- package/dist/esm/utils-379bb71a.js +0 -12
- 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-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
|
@@ -325,84 +325,6 @@ const emitEvent = (elm, name, opts) => {
|
|
|
325
325
|
elm.dispatchEvent(ev);
|
|
326
326
|
return ev;
|
|
327
327
|
};
|
|
328
|
-
const rootAppliedStyles = /*@__PURE__*/ new WeakMap();
|
|
329
|
-
const registerStyle = (scopeId, cssText, allowCS) => {
|
|
330
|
-
let style = styles.get(scopeId);
|
|
331
|
-
if (supportsConstructableStylesheets && allowCS) {
|
|
332
|
-
style = (style || new CSSStyleSheet());
|
|
333
|
-
if (typeof style === 'string') {
|
|
334
|
-
style = cssText;
|
|
335
|
-
}
|
|
336
|
-
else {
|
|
337
|
-
style.replaceSync(cssText);
|
|
338
|
-
}
|
|
339
|
-
}
|
|
340
|
-
else {
|
|
341
|
-
style = cssText;
|
|
342
|
-
}
|
|
343
|
-
styles.set(scopeId, style);
|
|
344
|
-
};
|
|
345
|
-
const addStyle = (styleContainerNode, cmpMeta, mode) => {
|
|
346
|
-
var _a;
|
|
347
|
-
const scopeId = getScopeId(cmpMeta);
|
|
348
|
-
const style = styles.get(scopeId);
|
|
349
|
-
// if an element is NOT connected then getRootNode() will return the wrong root node
|
|
350
|
-
// so the fallback is to always use the document for the root node in those cases
|
|
351
|
-
styleContainerNode = styleContainerNode.nodeType === 11 /* NODE_TYPE.DocumentFragment */ ? styleContainerNode : doc;
|
|
352
|
-
if (style) {
|
|
353
|
-
if (typeof style === 'string') {
|
|
354
|
-
styleContainerNode = styleContainerNode.head || styleContainerNode;
|
|
355
|
-
let appliedStyles = rootAppliedStyles.get(styleContainerNode);
|
|
356
|
-
let styleElm;
|
|
357
|
-
if (!appliedStyles) {
|
|
358
|
-
rootAppliedStyles.set(styleContainerNode, (appliedStyles = new Set()));
|
|
359
|
-
}
|
|
360
|
-
if (!appliedStyles.has(scopeId)) {
|
|
361
|
-
{
|
|
362
|
-
styleElm = doc.createElement('style');
|
|
363
|
-
styleElm.innerHTML = style;
|
|
364
|
-
// Apply CSP nonce to the style tag if it exists
|
|
365
|
-
const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
|
|
366
|
-
if (nonce != null) {
|
|
367
|
-
styleElm.setAttribute('nonce', nonce);
|
|
368
|
-
}
|
|
369
|
-
styleContainerNode.insertBefore(styleElm, styleContainerNode.querySelector('link'));
|
|
370
|
-
}
|
|
371
|
-
// Add styles for `slot-fb` elements if we're using slots outside the Shadow DOM
|
|
372
|
-
if (cmpMeta.$flags$ & 4 /* CMP_FLAGS.hasSlotRelocation */) {
|
|
373
|
-
styleElm.innerHTML += SLOT_FB_CSS;
|
|
374
|
-
}
|
|
375
|
-
if (appliedStyles) {
|
|
376
|
-
appliedStyles.add(scopeId);
|
|
377
|
-
}
|
|
378
|
-
}
|
|
379
|
-
}
|
|
380
|
-
else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
|
|
381
|
-
styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
|
|
382
|
-
}
|
|
383
|
-
}
|
|
384
|
-
return scopeId;
|
|
385
|
-
};
|
|
386
|
-
const attachStyles = (hostRef) => {
|
|
387
|
-
const cmpMeta = hostRef.$cmpMeta$;
|
|
388
|
-
const elm = hostRef.$hostElement$;
|
|
389
|
-
const flags = cmpMeta.$flags$;
|
|
390
|
-
const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
|
|
391
|
-
const scopeId = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta);
|
|
392
|
-
if (flags & 10 /* CMP_FLAGS.needsScopedEncapsulation */) {
|
|
393
|
-
// only required when we're NOT using native shadow dom (slot)
|
|
394
|
-
// or this browser doesn't support native shadow dom
|
|
395
|
-
// and this host element was NOT created with SSR
|
|
396
|
-
// let's pick out the inner content for slot projection
|
|
397
|
-
// create a node to represent where the original
|
|
398
|
-
// content was first placed, which is useful later on
|
|
399
|
-
// DOM WRITE!!
|
|
400
|
-
elm['s-sc'] = scopeId;
|
|
401
|
-
elm.classList.add(scopeId + '-h');
|
|
402
|
-
}
|
|
403
|
-
endAttachStyles();
|
|
404
|
-
};
|
|
405
|
-
const getScopeId = (cmp, mode) => 'sc-' + (cmp.$tagName$);
|
|
406
328
|
/**
|
|
407
329
|
* Production setAccessor() function based on Preact by
|
|
408
330
|
* Jason Miller (@developit)
|
|
@@ -1203,10 +1125,6 @@ const updateComponent = async (hostRef, instance, isInitialLoad) => {
|
|
|
1203
1125
|
const elm = hostRef.$hostElement$;
|
|
1204
1126
|
const endUpdate = createTime('update', hostRef.$cmpMeta$.$tagName$);
|
|
1205
1127
|
const rc = elm['s-rc'];
|
|
1206
|
-
if (isInitialLoad) {
|
|
1207
|
-
// DOM WRITE!
|
|
1208
|
-
attachStyles(hostRef);
|
|
1209
|
-
}
|
|
1210
1128
|
const endRender = createTime('render', hostRef.$cmpMeta$.$tagName$);
|
|
1211
1129
|
{
|
|
1212
1130
|
callRender(hostRef, instance, elm, isInitialLoad);
|
|
@@ -1606,16 +1524,6 @@ const initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
|
|
|
1606
1524
|
endNewInstance();
|
|
1607
1525
|
fireConnectedCallback(hostRef.$lazyInstance$);
|
|
1608
1526
|
}
|
|
1609
|
-
if (Cstr.style) {
|
|
1610
|
-
// this component has styles but we haven't registered them yet
|
|
1611
|
-
let style = Cstr.style;
|
|
1612
|
-
const scopeId = getScopeId(cmpMeta);
|
|
1613
|
-
if (!styles.has(scopeId)) {
|
|
1614
|
-
const endRegisterStyles = createTime('registerStyles', cmpMeta.$tagName$);
|
|
1615
|
-
registerStyle(scopeId, style, !!(cmpMeta.$flags$ & 1 /* CMP_FLAGS.shadowDomEncapsulation */));
|
|
1616
|
-
endRegisterStyles();
|
|
1617
|
-
}
|
|
1618
|
-
}
|
|
1619
1527
|
}
|
|
1620
1528
|
// we've successfully created a lazy instance
|
|
1621
1529
|
const ancestorComponent = hostRef.$ancestorComponent$;
|
|
@@ -1971,7 +1879,6 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
|
|
|
1971
1879
|
return importedModule[exportName];
|
|
1972
1880
|
}, consoleError);
|
|
1973
1881
|
};
|
|
1974
|
-
const styles = /*@__PURE__*/ new Map();
|
|
1975
1882
|
const win = typeof window !== 'undefined' ? window : {};
|
|
1976
1883
|
const doc = win.document || { head: {} };
|
|
1977
1884
|
const plt = {
|
|
@@ -1996,15 +1903,6 @@ const supportsListenerOptions = /*@__PURE__*/ (() => {
|
|
|
1996
1903
|
return supportsListenerOptions;
|
|
1997
1904
|
})();
|
|
1998
1905
|
const promiseResolve = (v) => Promise.resolve(v);
|
|
1999
|
-
const supportsConstructableStylesheets = /*@__PURE__*/ (() => {
|
|
2000
|
-
try {
|
|
2001
|
-
new CSSStyleSheet();
|
|
2002
|
-
return typeof new CSSStyleSheet().replaceSync === 'function';
|
|
2003
|
-
}
|
|
2004
|
-
catch (e) { }
|
|
2005
|
-
return false;
|
|
2006
|
-
})()
|
|
2007
|
-
;
|
|
2008
1906
|
const queueDomReads = [];
|
|
2009
1907
|
const queueDomWrites = [];
|
|
2010
1908
|
const queueDomWritesLow = [];
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-eb919017.js');
|
|
6
6
|
const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
7
7
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const
|
|
7
|
-
|
|
8
|
-
const uofgAlertCss = ":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{}@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-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-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;}";
|
|
9
|
-
const UofgAlertStyle0 = uofgAlertCss;
|
|
5
|
+
const index = require('./index-eb919017.js');
|
|
6
|
+
const utils = require('./utils-93383c5b.js');
|
|
10
7
|
|
|
11
8
|
const UofgAlert = class {
|
|
12
9
|
constructor(hostRef) {
|
|
13
10
|
index.registerInstance(this, hostRef);
|
|
14
11
|
}
|
|
12
|
+
connectedCallback() {
|
|
13
|
+
utils.attachTailwind(this.el.shadowRoot);
|
|
14
|
+
}
|
|
15
15
|
render() {
|
|
16
|
-
return (index.h("div", { key: '
|
|
16
|
+
return (index.h("div", { key: 'eb903744c9729170ab2d76c26e19934e35e5f01f', class: "tw-flex tw-flex-col tw-text-3xl" }, index.h("div", { key: '16d4e504a789b755c36e51708c1b496eb9dbc875', 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" }, index.h(utils.FontAwesomeIcon, { key: '7447fb68a467e928b33db5b6a0699a19cddd6723', icon: utils.faCircleExclamation }), index.h("slot", { key: '22900561c881994916379bf708d0c0be5f9c55c0', name: "title" })), index.h("div", { key: '1201aa1065fc23e6d3d2e0a2e284d8db50431ad4', 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' }, index.h("slot", { key: 'ffcf1bad53e6f63ebc81550195030b98f7e22f53', name: "subtitle" }), index.h("slot", { key: 'd753d9c6ad31fb2b3ca24a0390d49937aa34a573', name: "message" })), index.h("div", { key: '51aba97b218c574c621a0fb5714531f242e27d03', class: "tw-flex tw-bg-uofg-grey tw-px-8 tw-py-4 tw-text-2xl" }, index.h("slot", { key: 'f56f00f341f418267d00c1208380bd5ecc28c260', name: "footer" }))));
|
|
17
17
|
}
|
|
18
|
+
get el() { return index.getElement(this); }
|
|
18
19
|
};
|
|
19
|
-
UofgAlert.style = UofgAlertStyle0;
|
|
20
20
|
|
|
21
21
|
exports.uofg_alert = UofgAlert;
|
|
@@ -2,12 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
6
|
-
const
|
|
7
|
-
const utils = require('./utils-3d4b7e2e.js');
|
|
8
|
-
|
|
9
|
-
const uofgBackToTopCss = ":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{}@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-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-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 UofgBackToTopStyle0 = uofgBackToTopCss;
|
|
5
|
+
const index = require('./index-eb919017.js');
|
|
6
|
+
const utils = require('./utils-93383c5b.js');
|
|
11
7
|
|
|
12
8
|
const UofgBackToTop = class {
|
|
13
9
|
constructor(hostRef) {
|
|
@@ -16,38 +12,39 @@ const UofgBackToTop = class {
|
|
|
16
12
|
this.isVisible = false;
|
|
17
13
|
}
|
|
18
14
|
connectedCallback() {
|
|
15
|
+
utils.attachTailwind(this.el.shadowRoot);
|
|
19
16
|
this.onScroll();
|
|
20
17
|
}
|
|
21
18
|
onScroll() {
|
|
22
19
|
this.isVisible = window.scrollY >= this.threshold;
|
|
23
20
|
}
|
|
24
21
|
render() {
|
|
25
|
-
return (index.h("button", { key: '
|
|
22
|
+
return (index.h("button", { key: '847d2b365d97efd1e642a87f2b7a7efa4fc6d43d', "aria-label": "Go back to the top", class: {
|
|
26
23
|
'tw-opacity-100': this.isVisible,
|
|
27
24
|
'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,
|
|
28
25
|
}, onClick: () => {
|
|
29
26
|
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
30
|
-
} }, index.h(
|
|
27
|
+
} }, index.h(utils.FontAwesomeIcon, { key: '677b62f87847d592da099b729fc858a9bd525c70', icon: utils.faChevronUp })));
|
|
31
28
|
}
|
|
29
|
+
get el() { return index.getElement(this); }
|
|
32
30
|
};
|
|
33
|
-
UofgBackToTop.style = UofgBackToTopStyle0;
|
|
34
|
-
|
|
35
|
-
const uofgCardCss = ":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{}@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-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}";
|
|
36
|
-
const UofgCardStyle0 = uofgCardCss;
|
|
37
31
|
|
|
38
32
|
const UofgCard = class {
|
|
39
33
|
constructor(hostRef) {
|
|
40
34
|
index.registerInstance(this, hostRef);
|
|
41
35
|
this.href = undefined;
|
|
42
36
|
}
|
|
37
|
+
connectedCallback() {
|
|
38
|
+
utils.attachTailwind(this.el.shadowRoot);
|
|
39
|
+
}
|
|
43
40
|
render() {
|
|
44
41
|
var _a;
|
|
45
|
-
const Body = () => (index.h(index.Fragment, { key: '
|
|
42
|
+
const Body = () => (index.h(index.Fragment, { key: '26ca92b107e66a75f4c9236e32b29fe1749cd69d' }, index.h("div", { key: '58bf291cdeb1cd51bda3f194c7df1cfea664d635', 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" }, index.h("slot", { key: '715c920fcbeeb7453d473e2483b363882adece46', name: "img" })), index.h("div", { key: '0f758e0f6e8af2ea15cc100c632d4ca3bc4d7c9c', 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' }, index.h("slot", { key: '37f41a48475dd04378c49851719a0fb96b9fa1a4', name: "title" }), index.h("slot", { key: '89b9560b7df9b3014628d7c88993cc301e41ff16', name: "subtitle" }), index.h("slot", { key: '6fcd3a1d466a086c8a3ebbd4fc8dcb9ae74f759a', name: "body" })), index.h("div", { key: 'a9879cd32b2eb3f3eae766b93866508c1089f8e8', class: "tw-bg-uofg-blue-200 tw-px-4 tw-py-2" }, index.h("slot", { key: 'd557982d2c393581515b93eed69d8e488f979af3', name: "footer" }))));
|
|
46
43
|
const classes = 'tw-flex tw-flex-col tw-bg-uofg-blue-50 tw-text-2xl tw-rounded tw-overflow-hidden';
|
|
47
44
|
return ((_a = this === null || this === void 0 ? void 0 : this.href) !== null && _a !== void 0 ? _a : '') != '' ? (index.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` }, index.h(Body, null))) : (index.h("div", { class: classes }, index.h(Body, null)));
|
|
48
45
|
}
|
|
46
|
+
get el() { return index.getElement(this); }
|
|
49
47
|
};
|
|
50
|
-
UofgCard.style = UofgCardStyle0;
|
|
51
48
|
|
|
52
49
|
const improveLifeLogo = `<svg xmlns="http://www.w3.org/2000/svg" fill="#fff" viewBox="0 0 107.4 12">
|
|
53
50
|
<path
|
|
@@ -653,9 +650,6 @@ exports.svgPathData = svgPathData;
|
|
|
653
650
|
exports.aliases = aliases;
|
|
654
651
|
}(faYoutube));
|
|
655
652
|
|
|
656
|
-
const uofgFooterCss = ":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{}@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-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-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;}";
|
|
657
|
-
const UofgFooterStyle0 = uofgFooterCss;
|
|
658
|
-
|
|
659
653
|
const socials = [
|
|
660
654
|
{
|
|
661
655
|
text: 'Twitter',
|
|
@@ -754,6 +748,7 @@ const UofgFooter = class {
|
|
|
754
748
|
}
|
|
755
749
|
connectedCallback() {
|
|
756
750
|
var _a;
|
|
751
|
+
utils.attachTailwind(this.el.shadowRoot);
|
|
757
752
|
this.updateExtraLinks();
|
|
758
753
|
(_a = this.observer) !== null && _a !== void 0 ? _a : (this.observer = new MutationObserver(() => {
|
|
759
754
|
this.updateExtraLinks();
|
|
@@ -767,14 +762,13 @@ const UofgFooter = class {
|
|
|
767
762
|
.map(child => ({ text: child.textContent, href: child.getAttribute('href') }));
|
|
768
763
|
}
|
|
769
764
|
render() {
|
|
770
|
-
return (index.h("footer", { key: '
|
|
765
|
+
return (index.h("footer", { key: '35d147bc6c3c9f614104b191b7476723a842b17f' }, this.extraLinks.length > 0 && (index.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 => (index.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" }, index.h("a", { class: "tw-text-uofg-blue-500 tw-transition-colors hocus:tw-text-uofg-blue-950", href: link.href }, link.text)))))), index.h("div", { key: 'bde0f631f44fde01c389e1e4904cf7b1d6e7a754', 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" }, index.h("div", { key: 'fa6435a938414cacce1011833fb52bc444fc7ae1', class: "tw-flex tw-flex-col tw-justify-between tw-gap-2" }, index.h("a", { key: '4dc21d37ccf73f564ecb94f7be406cfa21d6bc05', 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 }), index.h("ul", { key: '454bb903be7ea860ead363ec5d38707a13ada1f1', class: "tw-flex tw-gap-3 tw-text-4xl [&>li]:tw-contents" }, socials.map(item => (index.h("li", null, index.h("a", { href: item.href, "aria-label": item.text, class: `tw-transition-colors [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current ${item.class}` }, index.h(utils.FontAwesomeIcon, { icon: item.icon })))))), index.h("a", { key: 'fc97473b3f7f9d9b055b3212d1f72bf0b746dfab', 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"), index.h("a", { key: 'af71e4fa9d85ecbc2f92e920081cf4b7a6a122ca', 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")), index.h("div", { key: '3eea01c2ba5f9085fc658b1b0dcbdd595a87cd21', class: "md:tw-col-span-2 md:tw-row-start-2 lg:tw-row-auto" }, index.h("ul", { key: '9f45c6777c248140ff741cdbdc0c8ffaaf38a0b4', class: "tw-flex tw-flex-col tw-gap-2 md:tw-grid md:tw-grid-cols-2 [&>li]:tw-contents" }, links.map(item => {
|
|
771
766
|
var _a;
|
|
772
|
-
return (index.h("li", null, index.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" }, index.h(
|
|
773
|
-
}))), index.h("address", { key: '
|
|
767
|
+
return (index.h("li", null, index.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-justify-center tw-items-center 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" }, index.h(utils.FontAwesomeIcon, { icon: item.icon }), index.h("span", null, item.text))));
|
|
768
|
+
}))), index.h("address", { key: 'ea2e7206a264920238af7b899e979d0099013009', class: "tw-flex tw-flex-col tw-justify-between tw-gap-4 tw-not-italic" }, index.h("strong", { key: '9290d97ccc9b1c1de3f7c6eb498c39934d84a9b4' }, "University of Guelph"), index.h("span", { key: '0b1a22a47e2f8bc6e3695f5a25858ab4451b7b50' }, "50 Stone Road East,"), index.h("span", { key: 'f07582b60536191e4ad17179dca8f495c7190b57' }, "Guelph, Ontario, Canada"), index.h("span", { key: 'c0ee62b9f339b8b36b1ef340a0c1dc8249ae99af' }, "N1G 2W1"), index.h("a", { key: 'd14bcbc1f6a20cee635a149291052a26750a63af', href: "tel:1-519-824-4120", class: "tw-flex tw-justify-center tw-items-center 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" }, index.h(utils.FontAwesomeIcon, { key: 'fc55b72b292ba4a856bec2978bc20630d50f9b92', icon: faPhoneFlip.faPhoneFlip }), index.h("span", { key: '67134aae755352d841b834377593e9a34bf77fca' }, "519-824-4120"))))));
|
|
774
769
|
}
|
|
775
770
|
get el() { return index.getElement(this); }
|
|
776
771
|
};
|
|
777
|
-
UofgFooter.style = UofgFooterStyle0;
|
|
778
772
|
|
|
779
773
|
const Decoration = `<svg viewBox="0 0 68 90" xmlns="http://www.w3.org/2000/svg"><path d="M23.131 0l44.847 90H0V0" fill="#c20430"/><path d="M23.131 0l16.03 32.044L55.1 0" fill="#ffc500"/></svg>`;
|
|
780
774
|
|
|
@@ -816,40 +810,6 @@ exports.svgPathData = svgPathData;
|
|
|
816
810
|
exports.aliases = aliases;
|
|
817
811
|
}(faBars));
|
|
818
812
|
|
|
819
|
-
var faRightToBracket = {};
|
|
820
|
-
|
|
821
|
-
(function (exports) {
|
|
822
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
823
|
-
var prefix = 'fas';
|
|
824
|
-
var iconName = 'right-to-bracket';
|
|
825
|
-
var width = 512;
|
|
826
|
-
var height = 512;
|
|
827
|
-
var aliases = ["sign-in-alt"];
|
|
828
|
-
var unicode = 'f2f6';
|
|
829
|
-
var svgPathData = 'M217.9 105.9L340.7 228.7c7.2 7.2 11.3 17.1 11.3 27.3s-4.1 20.1-11.3 27.3L217.9 406.1c-6.4 6.4-15 9.9-24 9.9c-18.7 0-33.9-15.2-33.9-33.9l0-62.1L32 320c-17.7 0-32-14.3-32-32l0-64c0-17.7 14.3-32 32-32l128 0 0-62.1c0-18.7 15.2-33.9 33.9-33.9c9 0 17.6 3.6 24 9.9zM352 416l64 0c17.7 0 32-14.3 32-32l0-256c0-17.7-14.3-32-32-32l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32l64 0c53 0 96 43 96 96l0 256c0 53-43 96-96 96l-64 0c-17.7 0-32-14.3-32-32s14.3-32 32-32z';
|
|
830
|
-
|
|
831
|
-
exports.definition = {
|
|
832
|
-
prefix: prefix,
|
|
833
|
-
iconName: iconName,
|
|
834
|
-
icon: [
|
|
835
|
-
width,
|
|
836
|
-
height,
|
|
837
|
-
aliases,
|
|
838
|
-
unicode,
|
|
839
|
-
svgPathData
|
|
840
|
-
]};
|
|
841
|
-
|
|
842
|
-
exports.faRightToBracket = exports.definition;
|
|
843
|
-
exports.prefix = prefix;
|
|
844
|
-
exports.iconName = iconName;
|
|
845
|
-
exports.width = width;
|
|
846
|
-
exports.height = height;
|
|
847
|
-
exports.ligatures = aliases;
|
|
848
|
-
exports.unicode = unicode;
|
|
849
|
-
exports.svgPathData = svgPathData;
|
|
850
|
-
exports.aliases = aliases;
|
|
851
|
-
}(faRightToBracket));
|
|
852
|
-
|
|
853
813
|
var faSearch = {};
|
|
854
814
|
|
|
855
815
|
var faMagnifyingGlass = {};
|
|
@@ -945,8 +905,39 @@ exports.svgPathData = svgPathData;
|
|
|
945
905
|
exports.aliases = aliases;
|
|
946
906
|
}(faCaretDown));
|
|
947
907
|
|
|
948
|
-
|
|
949
|
-
|
|
908
|
+
var faUser = {};
|
|
909
|
+
|
|
910
|
+
(function (exports) {
|
|
911
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
912
|
+
var prefix = 'fas';
|
|
913
|
+
var iconName = 'user';
|
|
914
|
+
var width = 448;
|
|
915
|
+
var height = 512;
|
|
916
|
+
var aliases = [128100,62144];
|
|
917
|
+
var unicode = 'f007';
|
|
918
|
+
var svgPathData = 'M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z';
|
|
919
|
+
|
|
920
|
+
exports.definition = {
|
|
921
|
+
prefix: prefix,
|
|
922
|
+
iconName: iconName,
|
|
923
|
+
icon: [
|
|
924
|
+
width,
|
|
925
|
+
height,
|
|
926
|
+
aliases,
|
|
927
|
+
unicode,
|
|
928
|
+
svgPathData
|
|
929
|
+
]};
|
|
930
|
+
|
|
931
|
+
exports.faUser = exports.definition;
|
|
932
|
+
exports.prefix = prefix;
|
|
933
|
+
exports.iconName = iconName;
|
|
934
|
+
exports.width = width;
|
|
935
|
+
exports.height = height;
|
|
936
|
+
exports.ligatures = aliases;
|
|
937
|
+
exports.unicode = unicode;
|
|
938
|
+
exports.svgPathData = svgPathData;
|
|
939
|
+
exports.aliases = aliases;
|
|
940
|
+
}(faUser));
|
|
950
941
|
|
|
951
942
|
const TRANSITION_BREAKPOINT = 1024;
|
|
952
943
|
const MAX_CONTENT_WIDTH = 1320;
|
|
@@ -961,7 +952,7 @@ const topLinks = [
|
|
|
961
952
|
href: 'https://news.uoguelph.ca/',
|
|
962
953
|
},
|
|
963
954
|
{
|
|
964
|
-
text: '
|
|
955
|
+
text: 'Quick Links',
|
|
965
956
|
links: [
|
|
966
957
|
{
|
|
967
958
|
text: 'Future Students',
|
|
@@ -986,7 +977,7 @@ const topLinks = [
|
|
|
986
977
|
],
|
|
987
978
|
},
|
|
988
979
|
{
|
|
989
|
-
text: 'APPLY',
|
|
980
|
+
text: 'APPLY NOW',
|
|
990
981
|
href: 'https://uoguelph.ca/apply/',
|
|
991
982
|
highlight: true,
|
|
992
983
|
},
|
|
@@ -1013,18 +1004,37 @@ const mainLinks = [
|
|
|
1013
1004
|
href: 'https://www.uoguelph.ca/studentexperience/',
|
|
1014
1005
|
},
|
|
1015
1006
|
];
|
|
1016
|
-
const
|
|
1017
|
-
|
|
1018
|
-
|
|
1019
|
-
|
|
1020
|
-
|
|
1021
|
-
|
|
1022
|
-
|
|
1023
|
-
|
|
1024
|
-
|
|
1025
|
-
|
|
1026
|
-
|
|
1027
|
-
|
|
1007
|
+
const search = {
|
|
1008
|
+
text: 'Search the University of Guelph',
|
|
1009
|
+
href: 'https://uoguelph.ca/search',
|
|
1010
|
+
icon: faSearch.faSearch,
|
|
1011
|
+
};
|
|
1012
|
+
const account = {
|
|
1013
|
+
text: 'Account Menu',
|
|
1014
|
+
links: [
|
|
1015
|
+
{
|
|
1016
|
+
text: 'Intranet',
|
|
1017
|
+
href: 'https://intranet.uoguelph.ca/',
|
|
1018
|
+
},
|
|
1019
|
+
{
|
|
1020
|
+
text: 'WebAdvisor',
|
|
1021
|
+
href: 'https://www.uoguelph.ca/webadvisor/',
|
|
1022
|
+
},
|
|
1023
|
+
{
|
|
1024
|
+
text: 'GryphMail',
|
|
1025
|
+
href: 'https://mail.uoguelph.ca/',
|
|
1026
|
+
},
|
|
1027
|
+
{
|
|
1028
|
+
text: 'CourseLink',
|
|
1029
|
+
href: 'https://courselink.uoguelph.ca/',
|
|
1030
|
+
},
|
|
1031
|
+
{
|
|
1032
|
+
text: 'GryphLife',
|
|
1033
|
+
href: 'https://gryphlife.uoguelph.ca/',
|
|
1034
|
+
},
|
|
1035
|
+
],
|
|
1036
|
+
icon: faUser.faUser,
|
|
1037
|
+
};
|
|
1028
1038
|
const UofgHeader = class {
|
|
1029
1039
|
constructor(hostRef) {
|
|
1030
1040
|
index.registerInstance(this, hostRef);
|
|
@@ -1038,6 +1048,7 @@ const UofgHeader = class {
|
|
|
1038
1048
|
}
|
|
1039
1049
|
connectedCallback() {
|
|
1040
1050
|
var _a;
|
|
1051
|
+
utils.attachTailwind(this.el.shadowRoot);
|
|
1041
1052
|
this.updateFullSize();
|
|
1042
1053
|
this.updatePageSpecificContent();
|
|
1043
1054
|
(_a = this.observer) !== null && _a !== void 0 ? _a : (this.observer = new MutationObserver(() => {
|
|
@@ -1106,18 +1117,21 @@ const UofgHeader = class {
|
|
|
1106
1117
|
}
|
|
1107
1118
|
render() {
|
|
1108
1119
|
var _a, _b;
|
|
1109
|
-
return (index.h("header", { key: '
|
|
1120
|
+
return (index.h("header", { key: '086e88ed7fc9986ccd763b97a2d030f28c70b2f5', class: "tw-relative tw-z-[1000] tw-w-full tw-font-condensed tw-text-2xl tw-text-black" }, this.isFullSize && (index.h("div", { class: "tw-flex tw-h-16 tw-justify-end tw-bg-white tw-px-[calc((100%-1320px)/2)] tw-text-3xl" }, index.h("ul", { class: "tw-contents [&>li]:tw-contents" }, [...topLinks, account].map(item => {
|
|
1110
1121
|
if ('links' in item) {
|
|
1111
|
-
return (index.h("li", null, index.h("uofg-menu", { class: "tw-relative tw-block tw-h-full", "auto-collapse": true }, index.h("button", { class:
|
|
1122
|
+
return (index.h("li", null, index.h("uofg-menu", { class: "tw-relative tw-block tw-h-full", "auto-collapse": true }, index.h("button", { class: {
|
|
1123
|
+
'${} tw-flex tw-h-full tw-items-center tw-justify-center tw-gap-2 tw-p-4 tw-transition-colors hover:tw-bg-uofg-grey aria-expanded:tw-bg-uofg-grey [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current [&>svg]:tw-transition-transform': true,
|
|
1124
|
+
'[&>svg]:aria-expanded:tw-rotate-180': !item.icon,
|
|
1125
|
+
}, slot: "button" }, !item.icon && index.h("span", null, item.text.toUpperCase()), index.h(utils.FontAwesomeIcon, { icon: item.icon || faCaretDown.faCaretDown })), index.h("ul", { slot: "content", class: "tw-absolute tw-right-0 tw-top-full tw-z-50 tw-flex tw-min-w-[20rem] tw-flex-col tw-bg-uofg-grey [&>li]:tw-contents" }, item.links.map(link => (index.h("li", null, index.h("a", { class: "tw-border-0 tw-border-b tw-border-solid tw-border-uofg-grey-500 tw-p-4 tw-transition-colors hover:tw-bg-uofg-yellow", href: link.href }, link.text))))))));
|
|
1112
1126
|
}
|
|
1113
1127
|
return (index.h("li", null, index.h("a", { href: item.href, class: `tw-flex tw-items-center tw-justify-center tw-p-4 tw-transition-colors hover:tw-bg-uofg-grey ${item.highlight ? 'tw-bg-uofg-yellow tw-px-6 tw-font-bold' : ''}` }, item.text.toUpperCase())));
|
|
1114
|
-
})))), index.h("nav", { key: '
|
|
1128
|
+
})))), index.h("nav", { key: '8512ab7abce3d2e54d60f2bb0c594c1ebfa3de6f', class: {
|
|
1115
1129
|
'tw-h-[10rem]': this.isFullSize,
|
|
1116
1130
|
'tw-h-[5rem]': !this.isFullSize,
|
|
1117
1131
|
'tw-relative tw-flex tw-justify-between tw-bg-black tw-px-[calc((100%-1320px)/2)] tw-text-3xl tw-text-white': true,
|
|
1118
|
-
}, "aria-label": "Main" }, index.h("div", { key: '
|
|
1132
|
+
}, "aria-label": "Main" }, index.h("div", { key: '91ec9a844ce48c58dbbd298b04057457b81dd835', class: "tw-flex tw-w-fit" }, this.isFullSize && (index.h("div", { class: "tw-left-0 tw-h-full tw-w-[7.5rem] min-[1320px]:tw-absolute [&>svg]:tw-block [&>svg]:tw-h-full [&>svg]:tw-w-auto", innerHTML: Decoration })), index.h("a", { key: '2e7ff366c59aea7e4760815c886db8303f3981a3', class: "tw-h-full tw-w-fit tw-transition-opacity hocus:tw-opacity-75 min-[1320px]:tw-absolute min-[1320px]:tw-left-[max(calc((100%-1320px)/2),7.5rem)] [&>svg]:tw-block [&>svg]:tw-h-full [&>svg]:tw-w-auto", href: "https://www.uoguelph.ca", innerHTML: this.isFullSize ? FullSizeLogo : ReducedSizeLogo, "aria-label": "University of Guelph Home Page" })), this.isFullSize ? (index.h("ul", { class: "tw-flex tw-items-center tw-justify-center tw-text-3xl tw-font-medium tw-tracking-wide [&>li]:tw-contents" }, mainLinks.map(item => (index.h("li", null, index.h("a", { href: item.href, class: "tw-flex tw-h-full tw-items-center tw-justify-center tw-border-0 tw-border-b-8 tw-border-solid tw-border-transparent tw-p-6 tw-pt-8 tw-transition-colors hover:tw-border-uofg-yellow hover:tw-text-uofg-yellow" }, item.text)))), index.h("li", null, index.h("a", { class: "tw-flex tw-h-full tw-items-center tw-justify-center tw-border-0 tw-border-b-8 tw-border-solid tw-border-transparent tw-p-4 tw-pb-6 tw-pt-8 tw-text-uofg-yellow tw-transition-colors hover:tw-border-uofg-yellow hover:tw-text-white [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current", href: search.href, "aria-label": search.text }, index.h(utils.FontAwesomeIcon, { icon: search.icon }))))) : (index.h("div", { class: "tw-flex tw-h-full" }, index.h("a", { class: "tw-flex tw-aspect-square tw-h-full tw-items-center tw-justify-center tw-border-0 tw-border-l tw-border-solid tw-border-uofg-grey-950 tw-px-5 tw-transition-colors [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current", href: search.href, "aria-label": search.text }, index.h(utils.FontAwesomeIcon, { icon: search.icon })), index.h("uofg-menu", { class: "tw-block tw-h-full", "auto-collapse": true }, index.h("button", { slot: "button", "aria-label": "Main Menu", class: "tw-flex tw-aspect-square tw-h-full tw-items-center tw-justify-center tw-border-0 tw-border-l tw-border-solid tw-border-uofg-grey-950 tw-px-5 tw-transition-colors aria-expanded:tw-bg-white aria-expanded:tw-text-black [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current" }, index.h(utils.FontAwesomeIcon, { icon: account.icon })), index.h("div", { slot: "content", class: "tw-absolute tw-left-0 tw-top-full tw-z-50 tw-flex tw-max-h-[calc(100vh-5rem)] tw-w-full tw-flex-col tw-overflow-y-auto tw-bg-white tw-px-4 tw-text-black tw-shadow-md" }, index.h("ul", { class: "tw-flex tw-w-full tw-flex-col tw-py-6 [&>li]:tw-contents" }, account.links.map(item => (index.h("li", null, index.h("a", { href: item.href, class: `tw-w-full tw-border-0 tw-border-b tw-border-solid tw-border-uofg-grey-400 tw-p-5 tw-transition-colors hover:tw-bg-uofg-grey ${(item === null || item === void 0 ? void 0 : item.highlight) ? 'tw-bg-uofg-yellow' : ''}` }, item.text))))))), index.h("uofg-menu", { class: "tw-block tw-h-full", "auto-collapse": true }, index.h("button", { slot: "button", "aria-label": "Main Menu", class: "tw-flex tw-aspect-square tw-h-full tw-items-center tw-justify-center tw-border-0 tw-border-l tw-border-solid tw-border-uofg-grey-950 tw-px-5 tw-transition-colors aria-expanded:tw-bg-white aria-expanded:tw-text-black [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current" }, index.h(utils.FontAwesomeIcon, { icon: faBars.faBars })), index.h("div", { slot: "content", class: "tw-absolute tw-left-0 tw-top-full tw-z-50 tw-flex tw-max-h-[calc(100vh-5rem)] tw-w-full tw-flex-col tw-overflow-y-auto tw-bg-white tw-px-4 tw-text-black tw-shadow-md" }, index.h("span", { class: "tw-my-4 tw-text-4xl tw-font-bold" }, "University of Guelph"), index.h("ul", { class: "tw-flex tw-w-full tw-flex-col tw-pb-6 [&>li]:tw-contents" }, mainLinks.map(item => (index.h("li", null, index.h("a", { href: item.href, class: `tw-w-full tw-border-0 tw-border-b tw-border-solid tw-border-uofg-grey-400 tw-p-5 tw-transition-colors hover:tw-bg-uofg-grey ${(item === null || item === void 0 ? void 0 : item.highlight) ? 'tw-bg-uofg-yellow' : ''}` }, item.text)))), topLinks.map(item => {
|
|
1119
1133
|
if ('links' in item) {
|
|
1120
|
-
return (index.h("li", null, index.h("uofg-menu", { class: "tw-relative tw-block tw-h-full tw-text-black", "auto-collapse": false }, index.h("button", { class: "tw-flex tw-h-auto tw-w-full tw-items-center tw-justify-between tw-border-0 tw-border-b tw-border-solid tw-border-uofg-grey-400 tw-p-5 tw-transition-colors hover:tw-bg-uofg-grey aria-expanded:tw-bg-uofg-grey [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current [&>svg]:tw-transition-transform [&>svg]:aria-expanded:tw-rotate-180", slot: "button" }, index.h("span", null, item.text), index.h(
|
|
1134
|
+
return (index.h("li", null, index.h("uofg-menu", { class: "tw-relative tw-block tw-h-full tw-text-black", "auto-collapse": false }, index.h("button", { class: "tw-flex tw-h-auto tw-w-full tw-items-center tw-justify-between tw-border-0 tw-border-b tw-border-solid tw-border-uofg-grey-400 tw-p-5 tw-transition-colors hover:tw-bg-uofg-grey aria-expanded:tw-bg-uofg-grey [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current [&>svg]:tw-transition-transform [&>svg]:aria-expanded:tw-rotate-180", slot: "button" }, index.h("span", null, item.text), index.h(utils.FontAwesomeIcon, { icon: faCaretDown.faCaretDown })), index.h("ul", { slot: "content", class: "tw-flex tw-w-full tw-flex-col [&>li]:tw-contents" }, item.links.map(link => (index.h("li", null, index.h("a", { class: "tw-border-0 tw-border-b tw-border-solid tw-border-uofg-grey-400 tw-p-5 tw-transition-colors hover:tw-bg-uofg-grey", href: link.href }, link.text))))))));
|
|
1121
1135
|
}
|
|
1122
1136
|
return (index.h("li", null, index.h("a", { href: item.href, class: `tw-w-full tw-border-0 tw-border-b tw-border-solid tw-border-uofg-grey-400 tw-p-5 tw-transition-colors hover:tw-bg-uofg-grey ${(item === null || item === void 0 ? void 0 : item.highlight) ? 'tw-bg-uofg-yellow tw-font-bold' : ''}` }, item.text)));
|
|
1123
1137
|
}))))))), this.pageSpecificContent.length > 0 && (index.h("nav", { ref: node => (this.subContainer = node), "aria-label": "Department/Topic", class: "tw-align-items tw-relative tw-flex tw-h-[5rem] tw-justify-end tw-bg-uofg-grey tw-px-[calc((100%-1320px)/2)] tw-text-3xl lg:tw-h-16 lg:tw-whitespace-nowrap" }, this.pageTitle &&
|
|
@@ -1125,20 +1139,19 @@ const UofgHeader = class {
|
|
|
1125
1139
|
if ('text' in item) {
|
|
1126
1140
|
return (index.h("li", null, index.h("a", Object.assign({ class: "tw-flex tw-h-full tw-items-center tw-justify-center tw-gap-2 tw-px-4 tw-transition-colors hover:tw-bg-uofg-yellow", href: item.href }, item.attributes), item.text)));
|
|
1127
1141
|
}
|
|
1128
|
-
return (index.h("li", null, index.h("uofg-menu", { class: "tw-relative tw-h-full", "auto-collapse": true }, index.h("button", { class: "tw-flex tw-h-full tw-items-center tw-justify-center tw-gap-2 tw-px-4 tw-transition-colors hover:tw-bg-uofg-yellow aria-expanded:tw-bg-uofg-yellow [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current", slot: "button" }, index.h("span", null, item === null || item === void 0 ? void 0 : item.title), index.h(
|
|
1142
|
+
return (index.h("li", null, index.h("uofg-menu", { class: "tw-relative tw-h-full", "auto-collapse": true }, index.h("button", { class: "tw-flex tw-h-full tw-items-center tw-justify-center tw-gap-2 tw-px-4 tw-transition-colors hover:tw-bg-uofg-yellow aria-expanded:tw-bg-uofg-yellow [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current", slot: "button" }, index.h("span", null, item === null || item === void 0 ? void 0 : item.title), index.h(utils.FontAwesomeIcon, { icon: faCaretDown.faCaretDown })), index.h("ul", { slot: "content", class: {
|
|
1129
1143
|
'tw-absolute tw-right-0 tw-top-full tw-z-50 tw-flex tw-min-w-[20rem] tw-flex-col tw-bg-uofg-grey [&>li]:tw-contents': true,
|
|
1130
1144
|
'wrap-content': item.wrapContent || false,
|
|
1131
1145
|
} }, item.links.map(link => (index.h("li", null, index.h("a", Object.assign({ class: "tw-border-0 tw-border-b tw-border-solid tw-border-uofg-grey-500 tw-p-4 tw-transition-colors hover:tw-bg-uofg-yellow", href: link.href }, link.attributes), link.text))))))));
|
|
1132
|
-
}))) : (index.h("uofg-menu", { class: "tw-block tw-h-full tw-whitespace-normal lg:tw-relative", "auto-collapse": true }, index.h("button", { class: "tw-flex tw-aspect-square tw-h-full tw-items-center tw-justify-center tw-border-0 tw-border-l tw-border-solid tw-border-uofg-grey-300 tw-px-6 tw-transition-colors aria-expanded:tw-bg-uofg-yellow lg:tw-border-l-0 [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current", slot: "button", "aria-label": this.pageTitle + ' Menu' }, index.h(
|
|
1146
|
+
}))) : (index.h("uofg-menu", { class: "tw-block tw-h-full tw-whitespace-normal lg:tw-relative", "auto-collapse": true }, index.h("button", { class: "tw-flex tw-aspect-square tw-h-full tw-items-center tw-justify-center tw-border-0 tw-border-l tw-border-solid tw-border-uofg-grey-300 tw-px-6 tw-transition-colors aria-expanded:tw-bg-uofg-yellow lg:tw-border-l-0 [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current", slot: "button", "aria-label": this.pageTitle + ' Menu' }, index.h(utils.FontAwesomeIcon, { icon: faBars.faBars })), index.h("ul", { class: "tw-absolute tw-right-0 tw-top-full tw-z-50 tw-flex tw-w-full tw-flex-col tw-bg-white tw-px-4 tw-text-black tw-shadow-md lg:tw-w-[30rem] [&>li]:tw-contents", slot: "content" }, (_b = this.pageSpecificContent) === null || _b === void 0 ? void 0 : _b.map(item => {
|
|
1133
1147
|
if ('text' in item) {
|
|
1134
1148
|
return (index.h("li", { class: "[&>a]:last:tw-pb-4" }, index.h("a", { href: item.href, class: "tw-w-full tw-border-0 tw-border-b tw-border-solid tw-border-uofg-grey-400 tw-p-5 tw-transition-colors hover:tw-bg-uofg-grey" }, item.text)));
|
|
1135
1149
|
}
|
|
1136
|
-
return (index.h("li", { class: "[&>uofg-menu]:last:tw-pb-6" }, index.h("uofg-menu", { class: "tw-relative tw-block tw-h-full tw-text-black", "auto-collapse": false }, index.h("button", { class: "tw-flex tw-h-auto tw-w-full tw-items-center tw-justify-between tw-border-0 tw-border-b tw-border-solid tw-border-uofg-grey-400 tw-p-5 tw-transition-colors hover:tw-bg-uofg-grey aria-expanded:tw-bg-uofg-grey [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current [&>svg]:tw-transition-transform [&>svg]:aria-expanded:tw-rotate-180", slot: "button" }, index.h("span", null, item.title), index.h(
|
|
1150
|
+
return (index.h("li", { class: "[&>uofg-menu]:last:tw-pb-6" }, index.h("uofg-menu", { class: "tw-relative tw-block tw-h-full tw-text-black", "auto-collapse": false }, index.h("button", { class: "tw-flex tw-h-auto tw-w-full tw-items-center tw-justify-between tw-border-0 tw-border-b tw-border-solid tw-border-uofg-grey-400 tw-p-5 tw-transition-colors hover:tw-bg-uofg-grey aria-expanded:tw-bg-uofg-grey [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current [&>svg]:tw-transition-transform [&>svg]:aria-expanded:tw-rotate-180", slot: "button" }, index.h("span", null, item.title), index.h(utils.FontAwesomeIcon, { icon: faCaretDown.faCaretDown })), index.h("ul", { slot: "content", class: "tw-flex tw-w-full tw-flex-col [&>li]:tw-contents" }, item.links.map(item => (index.h("li", null, index.h("a", { class: "tw-border-0 tw-border-b tw-border-solid tw-border-uofg-grey-400 tw-p-5 tw-transition-colors hover:tw-bg-uofg-grey", href: item.href }, item.text))))))));
|
|
1137
1151
|
}))))))));
|
|
1138
1152
|
}
|
|
1139
1153
|
get el() { return index.getElement(this); }
|
|
1140
1154
|
};
|
|
1141
|
-
UofgHeader.style = UofgHeaderStyle0;
|
|
1142
1155
|
|
|
1143
1156
|
const DURATION_REGEX = /^(\d*\.?\d+)(s|ms)$/;
|
|
1144
1157
|
const EASING_FUNCTION_REGEX = /^cubic-bezier\((\s*-?\d*\.?\d+\s*,){3}\s*-?\d*\.?\d+\s*\)$|^steps\(\s*\d+\s*(,\s*(start|end))?\s*\)$/;
|