@uoguelph/web-components 1.2.0-rc.6 → 1.2.0-rc.9

package/dist/collection/components/uofg-header/uofg-header.css

@@ -1 +0,0 @@
-  * {    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;  }  uofg-menu {    --uofg-menu-animation-type: slide;    --uofg-menu-animation-duration: 0.2s;    --uofg-menu-animation-easing: ease-in-out;  }@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-absolute{position:absolute!important}.tw-relative{position:relative!important}.tw-left-0{left:0!important}.tw-right-0{right:0!important}.tw-top-full{top:100%!important}.tw-z-50{z-index:50!important}.tw-z-\[1000\]{z-index:1000!important}.tw-my-4{margin-bottom:1rem!important;margin-top:1rem!important}.tw-mr-auto{margin-right:auto!important}.tw-block{display:block!important}.tw-flex{display:flex!important}.tw-contents{display:contents!important}.tw-aspect-square{aspect-ratio:1/1!important}.tw-h-16{height:4rem!important}.tw-h-\[10rem\]{height:10rem!important}.tw-h-\[5rem\]{height:5rem!important}.tw-h-auto{height:auto!important}.tw-h-full{height:100%!important}.tw-max-h-\[calc\(100vh-5rem\)\]{max-height:calc(100vh - 5rem)!important}.tw-w-\[7\.5rem\]{width:7.5rem!important}.tw-w-fit{width:fit-content!important}.tw-w-full{width:100%!important}.tw-min-w-\[20rem\]{min-width:20rem!important}.tw-flex-col{flex-direction:column!important}.tw-items-center{align-items:center!important}.tw-justify-end{justify-content:flex-end!important}.tw-justify-center{justify-content:center!important}.tw-justify-between{justify-content:space-between!important}.tw-gap-2{gap:.5rem!important}.tw-overflow-y-auto{overflow-y:auto!important}.tw-whitespace-normal{white-space:normal!important}.tw-border-0{border-width:0!important}.tw-border-b{border-bottom-width:1px!important}.tw-border-b-8{border-bottom-width:8px!important}.tw-border-l{border-left-width:1px!important}.tw-border-solid{border-style:solid!important}.tw-border-transparent{border-color:transparent!important}.tw-border-uofg-grey-300{--tw-border-opacity:1!important;border-color:rgb(209 209 209/var(--tw-border-opacity))!important}.tw-border-uofg-grey-400{--tw-border-opacity:1!important;border-color:rgb(180 180 180/var(--tw-border-opacity))!important}.tw-border-uofg-grey-500{--tw-border-opacity:1!important;border-color:rgb(154 154 154/var(--tw-border-opacity))!important}.tw-border-uofg-grey-950{--tw-border-opacity:1!important;border-color:rgb(40 40 40/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-grey{--tw-bg-opacity:1!important;background-color:rgb(221 221 221/var(--tw-bg-opacity))!important}.tw-bg-uofg-yellow{--tw-bg-opacity:1!important;background-color:rgb(255 199 42/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-4{padding:1rem!important}.tw-p-5{padding:1.25rem!important}.tw-p-6{padding:1.5rem!important}.tw-px-4{padding-left:1rem!important;padding-right:1rem!important}.tw-px-5{padding-left:1.25rem!important;padding-right:1.25rem!important}.tw-px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.tw-px-\[calc\(\(100\%-1320px\)\/2\)\]{padding-left:calc(50% - 660px)!important;padding-right:calc(50% - 660px)!important}.tw-pb-6{padding-bottom:1.5rem!important}.tw-pt-8{padding-top:2rem!important}.tw-font-condensed{font-family:Roboto Condensed,Arial,sans-serif!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-font-bold{font-weight:700!important}.tw-text-black{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.tw-text-uofg-yellow{--tw-text-opacity:1!important;color:rgb(255 199 42/var(--tw-text-opacity))!important}.tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.tw-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!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}.hover\:tw-border-uofg-yellow:hover{--tw-border-opacity:1!important;border-color:rgb(255 199 42/var(--tw-border-opacity))!important}.hover\:tw-bg-uofg-grey:hover{--tw-bg-opacity:1!important;background-color:rgb(221 221 221/var(--tw-bg-opacity))!important}.hover\:tw-bg-uofg-yellow:hover{--tw-bg-opacity:1!important;background-color:rgb(255 199 42/var(--tw-bg-opacity))!important}.hover\:tw-text-uofg-yellow:hover{--tw-text-opacity:1!important;color:rgb(255 199 42/var(--tw-text-opacity))!important}.hover\:tw-text-white:hover{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.aria-expanded\:tw-bg-uofg-grey[aria-expanded=true]{--tw-bg-opacity:1!important;background-color:rgb(221 221 221/var(--tw-bg-opacity))!important}.aria-expanded\:tw-bg-uofg-yellow[aria-expanded=true]{--tw-bg-opacity:1!important;background-color:rgb(255 199 42/var(--tw-bg-opacity))!important}.aria-expanded\:tw-bg-white[aria-expanded=true]{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.aria-expanded\:tw-text-black[aria-expanded=true]{--tw-text-opacity:1!important;color:rgb(0 0 0/var(--tw-text-opacity))!important}.hocus\:tw-opacity-75:focus,.hocus\:tw-opacity-75:hover{opacity:.75!important}@media (min-width:1024px){.lg\:tw-relative{position:relative!important}.lg\:tw-h-16{height:4rem!important}.lg\:tw-w-\[30rem\]{width:30rem!important}.lg\:tw-whitespace-nowrap{white-space:nowrap!important}.lg\:tw-border-l-0{border-left-width:0!important}}@media (min-width:1320px){.min-\[1320px\]\:tw-absolute{position:absolute!important}.min-\[1320px\]\:tw-left-\[max\(calc\(\(100\%-1320px\)\/2\)\2c 7\.5rem\)\]{left:max(calc(50% - 660px),7.5rem)!important}}.\[\&\>a\]\:last\:tw-pb-4:last-child>a{padding-bottom:1rem!important}.\[\&\>li\]\:tw-contents>li{display:contents!important}.\[\&\>svg\]\:tw-block>svg{display:block!important}.\[\&\>svg\]\:tw-h-\[1em\]>svg{height:1em!important}.\[\&\>svg\]\:tw-h-full>svg{height:100%!important}.\[\&\>svg\]\:tw-w-auto>svg{width:auto!important}.\[\&\>svg\]\:tw-fill-current>svg{fill:currentColor!important}.\[\&\>svg\]\:tw-transition-transform>svg{transition-duration:.15s!important;transition-property:transform!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important}.\[\&\>svg\]\:aria-expanded\:tw-rotate-180[aria-expanded=true]>svg{--tw-rotate:180deg!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}.\[\&\>uofg-menu\]\:last\:tw-pb-6:last-child>uofg-menu{padding-bottom:1.5rem!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:}

package/dist/collection/components/uofg-header/uofg-header.js

@@ -1,266 +0,0 @@
-import { h } from "@stencil/core";
-import Decoration from "./decoration.svg";
-import FullSizeLogo from "./logo-full.svg";
-import ReducedSizeLogo from "./logo-reduced.svg";
-import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
-import { faBars } from "@fortawesome/free-solid-svg-icons/faBars";
-import { faRightToBracket } from "@fortawesome/free-solid-svg-icons/faRightToBracket";
-import { faSearch } from "@fortawesome/free-solid-svg-icons/faSearch";
-import { faCaretDown } from "@fortawesome/free-solid-svg-icons/faCaretDown";
-const TRANSITION_BREAKPOINT = 1024;
-const MAX_CONTENT_WIDTH = 1320;
-const MENU_CHAR_LIMIT = 35;
-const topLinks = [
-    {
-        text: 'Give',
-        href: 'https://bbis.alumni.uoguelph.ca/BBIS_Cannon/give/uofg',
-    },
-    {
-        text: 'News',
-        href: 'https://news.uoguelph.ca/',
-    },
-    {
-        text: 'Resources',
-        links: [
-            {
-                text: 'Future Students',
-                href: 'https://uoguelph.ca/future-students',
-            },
-            {
-                text: 'Current Students',
-                href: 'https://www.uoguelph.ca/students',
-            },
-            {
-                text: 'Alumni & Donors',
-                href: 'https://alumni.uoguelph.ca/',
-            },
-            {
-                text: 'Faculty & Staff',
-                href: 'https://www.uoguelph.ca/faculty',
-            },
-            {
-                text: 'Employers & Partners',
-                href: 'https://cecs.uoguelph.ca/employers-institutions',
-            },
-        ],
-    },
-    {
-        text: 'APPLY',
-        href: 'https://uoguelph.ca/apply/',
-        highlight: true,
-    },
-];
-const mainLinks = [
-    {
-        text: 'About',
-        href: 'https://uoguelph.ca/about',
-    },
-    {
-        text: 'Academics',
-        href: 'https://www.uoguelph.ca/explore-all-programs/',
-    },
-    {
-        text: 'Admission',
-        href: 'https://uoguelph.ca/admissions',
-    },
-    {
-        text: 'Research',
-        href: 'https://uoguelph.ca/research',
-    },
-    {
-        text: 'Student Life',
-        href: 'https://www.uoguelph.ca/studentexperience/',
-    },
-];
-const iconButtons = [
-    {
-        text: 'University of Guelph Intranet',
-        href: 'https://intranet.uoguelph.ca/',
-        icon: faRightToBracket,
-    },
-    {
-        text: 'Search the University of Guelph',
-        href: 'https://uoguelph.ca/search',
-        icon: faSearch,
-    },
-];
-export class UofgHeader {
-    constructor() {
-        this.subContainerOverflowWidth = NaN;
-        this.needsOverflowWidthUpdate = false;
-        this.pageTitle = '';
-        this.pageUrl = '';
-        this.isFullSize = false;
-        this.pageSpecificContent = undefined;
-        this.isSubContainerOverflowing = false;
-    }
-    connectedCallback() {
-        var _a;
-        this.updateFullSize();
-        this.updatePageSpecificContent();
-        (_a = this.observer) !== null && _a !== void 0 ? _a : (this.observer = new MutationObserver(() => {
-            this.updatePageSpecificContent();
-            this.subContainerOverflowWidth = NaN; // Reset overflow width as it will have changed and needs to be recalculated
-            this.needsOverflowWidthUpdate = true;
-        }));
-        this.observer.observe(this.el, { childList: true, subtree: true });
-    }
-    componentDidLoad() {
-        this.updateSubContainerOverflow();
-    }
-    updateFullSize() {
-        this.isFullSize = window.innerWidth >= TRANSITION_BREAKPOINT;
-        this.updateSubContainerOverflow();
-    }
-    updateSubContainerOverflow() {
-        if (this.isFullSize && this.subContainer) {
-            const { clientWidth, scrollWidth } = this.subContainer;
-            if (scrollWidth > clientWidth) {
-                this.subContainerOverflowWidth = scrollWidth;
-            }
-            this.isSubContainerOverflowing = this.subContainerOverflowWidth > Math.min(clientWidth, MAX_CONTENT_WIDTH);
-        }
-    }
-    componentDidRender() {
-        if (this.needsOverflowWidthUpdate) {
-            window.requestAnimationFrame(() => this.updateSubContainerOverflow());
-            this.needsOverflowWidthUpdate = false;
-        }
-    }
-    updatePageSpecificContent() {
-        var _a;
-        const aToPageSpecificLink = (a) => {
-            const attributes = {};
-            a.getAttributeNames()
-                .filter(name => name !== 'href')
-                .forEach(name => (attributes[name] = a.getAttribute(name)));
-            return {
-                href: a.getAttribute('href'),
-                text: a.textContent,
-                attributes,
-            };
-        };
-        this.pageSpecificContent = Array.from((_a = this.el) === null || _a === void 0 ? void 0 : _a.children)
-            .filter(child => child.tagName === 'A' || child.tagName === 'UL')
-            .map(child => {
-            switch (child.tagName) {
-                case 'A':
-                    return aToPageSpecificLink(child);
-                case 'UL':
-                    const value = {
-                        title: child.getAttribute('data-title'),
-                        links: Array.from(child.querySelectorAll('a')).map(aToPageSpecificLink),
-                    };
-                    value.wrapContent = value.links.reduce((shouldWrap, link) => {
-                        if (link.text.length > MENU_CHAR_LIMIT) {
-                            shouldWrap = true;
-                        }
-                        return shouldWrap;
-                    }, false);
-                    return value;
-            }
-        })
-            .filter(val => Boolean(val));
-    }
-    render() {
-        var _a, _b;
-        return (h("header", { key: '29b9583ff391d83925b2a39bb055b628b6bdbaac', class: "tw-relative tw-z-[1000] tw-w-full tw-font-condensed tw-text-2xl tw-text-black" }, this.isFullSize && (h("div", { class: "tw-flex tw-h-16 tw-justify-end tw-bg-white tw-px-[calc((100%-1320px)/2)] tw-text-3xl" }, h("ul", { class: "tw-contents [&>li]:tw-contents" }, topLinks.map(item => {
-            if ('links' in item) {
-                return (h("li", null, h("uofg-menu", { class: "tw-relative tw-block tw-h-full", "auto-collapse": true }, h("button", { class: "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 [&>svg]:aria-expanded:tw-rotate-180", slot: "button" }, h("span", null, item.text.toUpperCase()), h(FontAwesomeIcon, { icon: faCaretDown })), 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 => (h("li", null, 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))))))));
-            }
-            return (h("li", null, 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())));
-        })))), h("nav", { key: '5163d802f70bd76824550379dbffc08fb893a318', class: {
-                'tw-h-[10rem]': this.isFullSize,
-                'tw-h-[5rem]': !this.isFullSize,
-                'tw-relative tw-flex tw-justify-between tw-bg-black tw-px-[calc((100%-1320px)/2)] tw-text-3xl tw-text-white': true,
-            }, "aria-label": "Main" }, h("div", { key: '7433e587a4fb37aeeb1f1782bb8c61e04be9508c', class: "tw-flex tw-w-fit" }, this.isFullSize && (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 })), h("a", { key: '24d54c955c5848223ce25670dccc1ac60cf47c2d', 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 ? (h("ul", { class: "tw-flex tw-items-center tw-justify-center tw-text-4xl [&>li]:tw-contents" }, mainLinks.map(item => (h("li", null, 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)))), iconButtons.map(item => (h("li", null, 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-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: item.href, "aria-label": item.text }, h(FontAwesomeIcon, { icon: item.icon }))))))) : (h("div", { class: "tw-flex tw-h-full" }, iconButtons.map(item => (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: item.href, "aria-label": item.text }, h(FontAwesomeIcon, { icon: item.icon })))), h("uofg-menu", { class: "tw-block tw-h-full", "auto-collapse": true }, 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" }, h(FontAwesomeIcon, { icon: faBars })), 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" }, h("span", { class: "tw-my-4 tw-text-4xl tw-font-bold" }, "University of Guelph"), h("ul", { class: "tw-flex tw-w-full tw-flex-col tw-pb-6 [&>li]:tw-contents" }, mainLinks.map(item => (h("li", null, 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 => {
-            if ('links' in item) {
-                return (h("li", null, h("uofg-menu", { class: "tw-relative tw-block tw-h-full tw-text-black", "auto-collapse": false }, 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" }, h("span", null, item.text), h(FontAwesomeIcon, { icon: faCaretDown })), h("ul", { slot: "content", class: "tw-flex tw-w-full tw-flex-col [&>li]:tw-contents" }, item.links.map(link => (h("li", null, 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))))))));
-            }
-            return (h("li", null, 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)));
-        }))))))), this.pageSpecificContent.length > 0 && (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 &&
-            (this.pageUrl != '' ? (h("a", { class: "tw-mr-auto tw-flex tw-h-full tw-items-center tw-justify-center tw-px-4 tw-font-bold tw-transition-colors hover:tw-bg-uofg-yellow", href: this.pageUrl }, this.pageTitle)) : (h("span", { class: "tw-mr-auto tw-flex tw-h-full tw-items-center tw-justify-center tw-px-4" }, this.pageTitle))), this.isFullSize && !this.isSubContainerOverflowing ? (h("ul", { class: "tw-flex tw-items-center tw-justify-center [&>li]:tw-contents" }, (_a = this.pageSpecificContent) === null || _a === void 0 ? void 0 : _a.map(item => {
-            if ('text' in item) {
-                return (h("li", null, 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)));
-            }
-            return (h("li", null, h("uofg-menu", { class: "tw-relative tw-h-full", "auto-collapse": true }, 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" }, h("span", null, item === null || item === void 0 ? void 0 : item.title), h(FontAwesomeIcon, { icon: faCaretDown })), 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': true,
-                    'wrap-content': item.wrapContent || false,
-                } }, item.links.map(link => (h("li", null, 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))))))));
-        }))) : (h("uofg-menu", { class: "tw-block tw-h-full tw-whitespace-normal lg:tw-relative", "auto-collapse": true }, 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' }, h(FontAwesomeIcon, { icon: faBars })), 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 => {
-            if ('text' in item) {
-                return (h("li", { class: "[&>a]:last:tw-pb-4" }, 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)));
-            }
-            return (h("li", { class: "[&>uofg-menu]:last:tw-pb-6" }, h("uofg-menu", { class: "tw-relative tw-block tw-h-full tw-text-black", "auto-collapse": false }, 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" }, h("span", null, item.title), h(FontAwesomeIcon, { icon: faCaretDown })), h("ul", { slot: "content", class: "tw-flex tw-w-full tw-flex-col [&>li]:tw-contents" }, item.links.map(item => (h("li", null, 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))))))));
-        }))))))));
-    }
-    static get is() { return "uofg-header"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["uofg-header.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["uofg-header.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "pageTitle": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The title of the department/topic that the header is being used for. For example, for the Convocation pages, this would be set to \"Convocation\"."
-                },
-                "attribute": "page-title",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "pageUrl": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The URL to the home/landing page of the department/topic the header is being used for. For example, for the Convocation pages, this would be set to \"https://www.uoguelph.ca/convocation/\"."
-                },
-                "attribute": "page-url",
-                "reflect": false,
-                "defaultValue": "''"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isFullSize": {},
-            "pageSpecificContent": {},
-            "isSubContainerOverflowing": {}
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get listeners() {
-        return [{
-                "name": "resize",
-                "method": "updateFullSize",
-                "target": "window",
-                "capture": false,
-                "passive": true
-            }];
-    }
-}