@uoguelph/web-components 0.0.12 → 0.0.14

package/dist/cjs/{index-160752dd.js → index-f0452ddd.js}

@@ -330,9 +330,9 @@ const registerStyle = (scopeId, cssText, allowCS) => {
     }
     styles.set(scopeId, style);
 };
-const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
+const addStyle = (styleContainerNode, cmpMeta, mode) => {
     var _a;
-    let scopeId = getScopeId(cmpMeta);
+    const scopeId = getScopeId(cmpMeta);
     const style = styles.get(scopeId);
     // if an element is NOT connected then getRootNode() will return the wrong root node
     // so the fallback is to always use the document for the root node in those cases
@@ -347,11 +347,8 @@ const addStyle = (styleContainerNode, cmpMeta, mode, hostElm) => {
             }
             if (!appliedStyles.has(scopeId)) {
                 {
-                    // TODO(STENCIL-659): Remove code implementing the CSS variable shim
-                    {
-                        styleElm = doc.createElement('style');
-                        styleElm.innerHTML = style;
-                    }
+                    styleElm = doc.createElement('style');
+                    styleElm.innerHTML = style;
                     // Apply CSP nonce to the style tag if it exists
                     const nonce = (_a = plt.$nonce$) !== null && _a !== void 0 ? _a : queryNonceMetaTagContent(doc);
                     if (nonce != null) {
@@ -376,7 +373,6 @@ const attachStyles = (hostRef) => {
     const flags = cmpMeta.$flags$;
     const endAttachStyles = createTime('attachStyles', cmpMeta.$tagName$);
     const scopeId = addStyle(elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(), cmpMeta);
-    // TODO(STENCIL-662): Remove code related to deprecated shadowDomShim field
     if (flags & 10 /* CMP_FLAGS.needsScopedEncapsulation */) {
         // only required when we're NOT using native shadow dom (slot)
         // or this browser doesn't support native shadow dom

package/dist/cjs/loader.cjs.js

@@ -2,20 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-160752dd.js');
-
-/*
- Stencil Client Patch Esm v3.4.0 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
+const index = require('./index-f0452ddd.js');
 
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
   return index.bootstrapLazy([["uofg-footer_3.cjs",[[1,"uofg-header",{"pageTitle":[1,"page-title"],"pageUrl":[1,"page-url"],"isFullSize":[32],"pageSpecificContent":[32]},[[9,"resize","updateFullSize"]]],[1,"uofg-footer"],[0,"uofg-menu",{"autoCollapse":[4,"auto-collapse"],"isExpanded":[32],"getExpanded":[64],"setExpanded":[64],"toggle":[64],"collapse":[64],"expand":[64]},[[0,"onChildListChange","handleChildListChange"]]]]]], options);
-  });
 };
 
 exports.setNonce = index.setNonce;

package/dist/cjs/uofg-footer_3.cjs.entry.js

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-160752dd.js');
+const index = require('./index-f0452ddd.js');
 
-const FontAwesomeIcon = (props) => {
+const FontAwesomeIcon = props => {
   const width = props.icon.icon[0];
   const height = props.icon.icon[1];
   const iconPathData = props.icon.icon[4];
-  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}` }, Array.isArray(iconPathData) ? (iconPathData.map((path) => index.h("path", { d: path }))) : (index.h("path", { d: iconPathData }))));
+  return (index.h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}` }, Array.isArray(iconPathData) ? (iconPathData.map(path => index.h("path", { d: path }))) : (index.h("path", { d: iconPathData }))));
 };
 
 var faSquareTwitter = {
@@ -44,7 +44,7 @@ var faYoutube = {
   icon: [576, 512, [61802], "f167", "M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"]
 };
 
-const SocialLink = (props) => (index.h("li", null,
+const SocialLink = props => (index.h("li", null,
   index.h("a", { href: props.url, "aria-label": props.name },
     index.h(FontAwesomeIcon, { icon: props.icon }))));
 const SocialLinks = () => (index.h("ul", { id: "uofg-footer-social-links" },
@@ -127,7 +127,7 @@ var faBriefcase = {
   icon: [512, 512, [128188], "f0b1", "M184 48H328c4.4 0 8 3.6 8 8V96H176V56c0-4.4 3.6-8 8-8zm-56 8V96H64C28.7 96 0 124.7 0 160v96H192 320 512V160c0-35.3-28.7-64-64-64H384V56c0-30.9-25.1-56-56-56H184c-30.9 0-56 25.1-56 56zM512 288H320v32c0 17.7-14.3 32-32 32H224c-17.7 0-32-14.3-32-32V288H0V416c0 35.3 28.7 64 64 64H448c35.3 0 64-28.7 64-64V288z"]
 };
 
-const FooterLink = (props) => (index.h("li", null,
+const FooterLink = props => (index.h("li", null,
   index.h("a", { href: props.url, title: props.title },
     index.h(FontAwesomeIcon, { icon: props.icon }),
     index.h("span", null, props.text))));
@@ -161,9 +161,9 @@ const UofgFooter = class {
 };
 UofgFooter.style = uofgFooterCss;
 
-const PageSpecific = (props) => {
+const PageSpecific = props => {
   var _a;
-  return (index.h("ul", { class: "uofg-header-page-specific" }, (_a = props.content) === null || _a === void 0 ? void 0 : _a.map((item) => {
+  return (index.h("ul", { class: "uofg-header-page-specific" }, (_a = props.content) === null || _a === void 0 ? void 0 : _a.map(item => {
     if (!item) {
       return null;
     }
@@ -176,7 +176,7 @@ const PageSpecific = (props) => {
         index.h("button", { slot: "button" },
           index.h("span", null, item.title),
           index.h(FontAwesomeIcon, { icon: faCaretDown })),
-        index.h("ul", { slot: "content", role: "menu" }, item.links.map((link) => (index.h("li", null,
+        index.h("ul", { slot: "content", role: "menu" }, item.links.map(link => (index.h("li", null,
           index.h("a", Object.assign({ href: link.href }, link.attributes), link.text))))))));
   }).filter(Boolean)));
 };
@@ -199,7 +199,7 @@ const GlobalLinks = () => (index.h("ul", { class: "uofg-header-global-links" },
   index.h("li", null,
     index.h("a", { href: "https://uoguelph.ca/student-life" }, "Student Life"))));
 
-const HelloYou = (props) => (index.h("uofg-menu", { class: "uofg-header-hello-you-menu", "auto-collapse": props.autoCollapse },
+const HelloYou = props => (index.h("uofg-menu", { class: "uofg-header-hello-you-menu", "auto-collapse": props.autoCollapse },
   index.h("button", { slot: "button", "aria-label": "Hello, YOU! menu" },
     index.h("span", null, "Hello, YOU!"),
     index.h(FontAwesomeIcon, { icon: faCaretDown })),
@@ -252,24 +252,24 @@ const UofgHeader = class {
     const aToPageSpecificLink = (a) => {
       const attributes = {};
       a.getAttributeNames()
-        .filter((name) => name !== 'href')
-        .forEach((name) => (attributes[name] = a.getAttribute(name)));
+        .filter(name => name !== 'href')
+        .forEach(name => (attributes[name] = a.getAttribute(name)));
       return {
         href: a.getAttribute('href'),
         text: a.textContent,
-        attributes
+        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) => {
+      .filter(child => child.tagName === 'A' || child.tagName === 'UL')
+      .map(child => {
       switch (child.tagName) {
         case 'A':
           return aToPageSpecificLink(child);
         case 'UL':
           return {
             title: child.getAttribute('data-title'),
-            links: Array.from(child.querySelectorAll('a')).map(aToPageSpecificLink)
+            links: Array.from(child.querySelectorAll('a')).map(aToPageSpecificLink),
           };
       }
     });
@@ -287,13 +287,13 @@ const PREFERS_REDUCED_MOTION = window.matchMedia('(prefers-reduced-motion: reduc
 
 const DURATION_REGEX = /^(\d*\.?\d+)(s|ms)$/;
 const EASING_FUNCTION_REGEX = /^cubic-bezier\((\s*-?\d*\.?\d+\s*,){3}\s*-?\d*\.?\d+\s*\)$|^steps\(\s*\d+\s*(,\s*(start|end))?\s*\)$/;
-const observer = new MutationObserver((mutations) => {
+const observer = new MutationObserver(mutations => {
   for (const mutation of mutations) {
     mutation.target.dispatchEvent(new CustomEvent('childListChange', { bubbles: false }));
   }
 });
 const observerConfig = {
-  childList: true
+  childList: true,
 };
 const UofgMenu = class {
   constructor(hostRef) {
@@ -329,8 +329,10 @@ const UofgMenu = class {
   handleKeyUp(e) {
     if (e.key === 'Escape') {
       this.isExpanded = false;
-      if (this.button) {
-        this.button.focus();
+      if (e.target !== this.button) {
+        e.stopPropagation();
+        this.isExpanded = false;
+        this.button && this.button.focus();
       }
     }
   }
@@ -383,10 +385,10 @@ const UofgMenu = class {
       return;
     }
     // Check if we are in the middle of an animation.
-    const animations = (_b = this.content) === null || _b === void 0 ? void 0 : _b.getAnimations().filter((animation) => animation.id === 'uofg-menu-animation');
+    const animations = (_b = this.content) === null || _b === void 0 ? void 0 : _b.getAnimations().filter(animation => animation.id === 'uofg-menu-animation');
     // If we are, then we want to reverse the existing one rather than starting a new animation.
     if (animations.length > 0) {
-      animations === null || animations === void 0 ? void 0 : animations.forEach((animation) => animation.reverse());
+      animations === null || animations === void 0 ? void 0 : animations.forEach(animation => animation.reverse());
       return;
     }
     let animationDef;
@@ -395,7 +397,7 @@ const UofgMenu = class {
       duration: this.getAnimationDuration(),
       fill: 'none',
       easing: this.getAnimationEasing(),
-      direction: newValue ? 'normal' : 'reverse'
+      direction: newValue ? 'normal' : 'reverse',
     };
     // Need to remove display none, otherwise keyframe values won't be calculated correctly.
     this.content.style.display = '';
@@ -470,19 +472,19 @@ const UofgMenu = class {
           paddingTop: 0,
           paddingBottom: 0,
           marginTop: 0,
-          marginBottom: 0
+          marginBottom: 0,
         },
         {
           height: ((_a = this.contentComputedStyle) === null || _a === void 0 ? void 0 : _a.height) || 0,
           paddingTop: ((_b = this.contentComputedStyle) === null || _b === void 0 ? void 0 : _b.paddingTop) || 0,
           paddingBottom: ((_c = this.contentComputedStyle) === null || _c === void 0 ? void 0 : _c.paddingBottom) || 0,
           marginTop: ((_d = this.contentComputedStyle) === null || _d === void 0 ? void 0 : _d.marginTop) || 0,
-          marginBottom: ((_e = this.contentComputedStyle) === null || _e === void 0 ? void 0 : _e.marginBottom) || 0
-        }
+          marginBottom: ((_e = this.contentComputedStyle) === null || _e === void 0 ? void 0 : _e.marginBottom) || 0,
+        },
       ],
       callback: () => {
         this.content && (this.content.style.overflowY = '');
-      }
+      },
     };
   }
   render() {

package/dist/cjs/uofg-web-components.cjs.js

@@ -2,19 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-160752dd.js');
+const index = require('./index-f0452ddd.js');
 
 /*
- Stencil Client Patch Browser v3.4.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.0.1 | MIT Licensed | https://stenciljs.com
  */
 const patchBrowser = () => {
     const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('uofg-web-components.cjs.js', document.baseURI).href));
     const opts = {};
-    // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
     if (importMeta !== '') {
         opts.resourcesUrl = new URL('.', importMeta).href;
-        // TODO(STENCIL-661): Remove code related to the dynamic import shim
-        // TODO(STENCIL-663): Remove code related to deprecated `safari10` field.
     }
     return index.promiseResolve(opts);
 };

package/dist/collection/collection-manifest.json

@@ -1,12 +1,12 @@
 {
   "entries": [
-    "./components/uofg-footer/uofg-footer.js",
-    "./components/uofg-header/uofg-header.js",
-    "./components/uofg-menu/uofg-menu.js"
+    "components/uofg-footer/uofg-footer.js",
+    "components/uofg-header/uofg-header.js",
+    "components/uofg-menu/uofg-menu.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "3.4.0",
+    "version": "4.0.1",
     "typescriptVersion": "5.0.4"
   },
   "collections": [],

package/dist/collection/components/uofg-footer/footer-links.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { FontAwesomeIcon } from '../../utils/font-awesome-icon';
-import { faBriefcase, faCalendarRange, faCircleCheck, faHandHoldingHeart, faKey, faList, faSitemap, faTrees, faUniversalAccess } from '@fortawesome/pro-solid-svg-icons';
-const FooterLink = (props) => (h("li", null, h("a", { href: props.url, title: props.title }, h(FontAwesomeIcon, { icon: props.icon }), h("span", null, props.text))));
+import { h } from "@stencil/core";
+import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
+import { faBriefcase, faCalendarRange, faCircleCheck, faHandHoldingHeart, faKey, faList, faSitemap, faTrees, faUniversalAccess, } from "@fortawesome/pro-solid-svg-icons";
+const FooterLink = props => (h("li", null, h("a", { href: props.url, title: props.title }, h(FontAwesomeIcon, { icon: props.icon }), h("span", null, props.text))));
 export const FooterLinks = () => (h("ul", { id: "uofg-footer-links", class: "uofg-footer-content-separator" }, h(FooterLink, { text: "Accessibility", url: "https://www.uoguelph.ca/diversity-human-rights/accessibility-u-g", icon: faUniversalAccess }), h(FooterLink, { text: "Privacy", url: "https://www.uoguelph.ca/web/privacy/", icon: faKey }), h(FooterLink, { text: "Site Map", url: "https://www.uoguelph.ca/site-map/", icon: faSitemap }), h(FooterLink, { text: "Status Page", url: "https://uoguelph.statuspage.io/", icon: faCircleCheck }), h(FooterLink, { text: "Land Acknowledgement", url: "https://www.uoguelph.ca/land-acknowledgement/", icon: faTrees, title: "The University of Guelph resides on the treaty lands and territory of the Mississaugas of the Credit. We recognize that today this gathering place is home to many First Nations, Inuit and M\u00E9tis peoples and acknowledging them reminds us of our collective responsibility to the land where we learn and work." }), h(FooterLink, { text: "Careers", url: "https://www.uoguelph.ca/hr/careers-guelph/current-opportunities", icon: faBriefcase }), h(FooterLink, { text: "Undergraduate Calendar", url: "https://www.uoguelph.ca/registrar/calendars/undergraduate/current/", icon: faCalendarRange }), h(FooterLink, { text: "Graduate Calendar", url: "https://www.uoguelph.ca/registrar/calendars/graduate/current/", icon: faCalendarRange }), h(FooterLink, { text: "Program Plans", url: "https://admission.uoguelph.ca/programs", icon: faList }), h(FooterLink, { text: "Give to U of G", url: "https://www.alumni.uoguelph.ca/give-to-guelph/how-to-give", icon: faHandHoldingHeart })));

package/dist/collection/components/uofg-footer/social-links.js

@@ -1,5 +1,5 @@
-import { h } from '@stencil/core';
-import { FontAwesomeIcon } from '../../utils/font-awesome-icon';
-import { faFacebookSquare, faInstagram, faLinkedin, faTiktok, faTwitterSquare, faYoutube } from '@fortawesome/free-brands-svg-icons';
-const SocialLink = (props) => (h("li", null, h("a", { href: props.url, "aria-label": props.name }, h(FontAwesomeIcon, { icon: props.icon }))));
+import { h } from "@stencil/core";
+import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
+import { faFacebookSquare, faInstagram, faLinkedin, faTiktok, faTwitterSquare, faYoutube, } from "@fortawesome/free-brands-svg-icons";
+const SocialLink = props => (h("li", null, h("a", { href: props.url, "aria-label": props.name }, h(FontAwesomeIcon, { icon: props.icon }))));
 export const SocialLinks = () => (h("ul", { id: "uofg-footer-social-links" }, h(SocialLink, { name: "Twitter", url: "https://twitter.com/uofg", icon: faTwitterSquare }), h(SocialLink, { name: "Facebook", url: "https://www.facebook.com/uofguelph", icon: faFacebookSquare }), h(SocialLink, { name: "Instagram", url: "https://www.instagram.com/uofguelph/", icon: faInstagram }), h(SocialLink, { name: "Youtube", url: "https://www.youtube.com/user/uofguelph", icon: faYoutube }), h(SocialLink, { name: "LinkedIn", url: "https://www.linkedin.com/school/university-of-guelph/", icon: faLinkedin }), h(SocialLink, { name: "TikTok", url: "https://www.tiktok.com/@uofguelph", icon: faTiktok })));

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

@@ -1,9 +1,9 @@
-import { h } from '@stencil/core';
-import { FontAwesomeIcon } from '../../utils/font-awesome-icon';
-import { SocialLinks } from './social-links';
-import { FooterLinks } from './footer-links';
-import { faPhoneFlip } from '@fortawesome/pro-solid-svg-icons';
-import improveLifeLogo from './improve-life.svg';
+import { h } from "@stencil/core";
+import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
+import { SocialLinks } from "./social-links";
+import { FooterLinks } from "./footer-links";
+import { faPhoneFlip } from "@fortawesome/pro-solid-svg-icons";
+import improveLifeLogo from "./improve-life.svg";
 export class UofgFooter {
   render() {
     return (h("footer", { id: "uofg-footer" }, h("div", { id: "uofg-footer-content" }, h("div", { id: "uofg-footer-social", class: "uofg-footer-content-separator" }, h("a", { id: "uofg-footer-improve-life", href: "//www.uoguelph.ca/improve-life", "aria-label": "Improve Life", innerHTML: improveLifeLogo }), h(SocialLinks, null), h("a", { href: "https://www.uoguelph.ca/web/socialmedia/" }, "Social Media Directory"), h("a", { href: "//www.uoguelph.ca/web/" }, "\u00A9 ", new Date().getFullYear(), " University of Guelph")), h(FooterLinks, null), h("address", { id: "uofg-footer-address", class: "uofg-footer-content-separator" }, h("strong", null, "University of Guelph"), h("span", null, "50 Stone Road East,"), h("span", null, "Guelph, Ontario, Canada"), h("span", null, "N1G 2W1"), h("a", { href: "tel:1-519-824-4120" }, h(FontAwesomeIcon, { icon: faPhoneFlip }), h("span", null, "519-824-4120"))))));

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

@@ -1,2 +1,2 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export const GlobalLinks = () => (h("ul", { class: "uofg-header-global-links" }, h("li", null, h("a", { href: "https://uoguelph.ca/about" }, "About")), h("li", null, h("a", { href: "https://uoguelph.ca/academics" }, "Academics")), h("li", null, h("a", { href: "https://uoguelph.ca/admissions" }, "Admissions")), h("li", null, h("a", { href: "https://uoguelph.ca/research" }, "Research")), h("li", null, h("a", { href: "https://uoguelph.ca/student-life" }, "Student Life"))));

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

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
-import { FontAwesomeIcon } from '../../utils/font-awesome-icon';
-import { faCaretDown } from '@fortawesome/pro-solid-svg-icons';
-export const HelloYou = (props) => (h("uofg-menu", { class: "uofg-header-hello-you-menu", "auto-collapse": props.autoCollapse }, h("button", { slot: "button", "aria-label": "Hello, YOU! menu" }, h("span", null, "Hello, YOU!"), h(FontAwesomeIcon, { icon: faCaretDown })), h("ul", { slot: "content" }, h("li", null, h("a", { href: "https://uoguelph.ca/future-students" }, "Future Students")), h("li", null, h("a", { href: "https://uoguelph.ca/current-students" }, "Current Students")), h("li", null, h("a", { href: "https://uoguelph.ca/alumni-and-donors" }, "Alumni & Donors")), h("li", null, h("a", { href: "https://uoguelph.ca/staff-and-faculty" }, "Staff & Faculty")), h("li", null, h("a", { href: "https://uoguelph.ca/parents-and-visitors" }, "Parents & Visitors")), h("li", null, h("a", { href: "https://uoguelph.ca/employers-and-partners" }, "Employers & Partners")))));
+import { h } from "@stencil/core";
+import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
+import { faCaretDown } from "@fortawesome/pro-solid-svg-icons";
+export const HelloYou = props => (h("uofg-menu", { class: "uofg-header-hello-you-menu", "auto-collapse": props.autoCollapse }, h("button", { slot: "button", "aria-label": "Hello, YOU! menu" }, h("span", null, "Hello, YOU!"), h(FontAwesomeIcon, { icon: faCaretDown })), h("ul", { slot: "content" }, h("li", null, h("a", { href: "https://uoguelph.ca/future-students" }, "Future Students")), h("li", null, h("a", { href: "https://uoguelph.ca/current-students" }, "Current Students")), h("li", null, h("a", { href: "https://uoguelph.ca/alumni-and-donors" }, "Alumni & Donors")), h("li", null, h("a", { href: "https://uoguelph.ca/staff-and-faculty" }, "Staff & Faculty")), h("li", null, h("a", { href: "https://uoguelph.ca/parents-and-visitors" }, "Parents & Visitors")), h("li", null, h("a", { href: "https://uoguelph.ca/employers-and-partners" }, "Employers & Partners")))));

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

@@ -1,15 +1,15 @@
-import { h } from '@stencil/core';
-import { FontAwesomeIcon } from '../../utils/font-awesome-icon';
-import { faCaretDown } from '@fortawesome/pro-solid-svg-icons';
-export const PageSpecific = (props) => {
+import { h } from "@stencil/core";
+import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
+import { faCaretDown } from "@fortawesome/pro-solid-svg-icons";
+export const PageSpecific = props => {
   var _a;
-  return (h("ul", { class: "uofg-header-page-specific" }, (_a = props.content) === null || _a === void 0 ? void 0 : _a.map((item) => {
+  return (h("ul", { class: "uofg-header-page-specific" }, (_a = props.content) === null || _a === void 0 ? void 0 : _a.map(item => {
     if (!item) {
       return null;
     }
     if ('text' in item) {
       return (h("li", null, h("a", Object.assign({ href: item.href }, item.attributes), item.text)));
     }
-    return (h("li", null, h("uofg-menu", { autoCollapse: props.autoCollapseMenus }, h("button", { slot: "button" }, h("span", null, item.title), h(FontAwesomeIcon, { icon: faCaretDown })), h("ul", { slot: "content", role: "menu" }, item.links.map((link) => (h("li", null, h("a", Object.assign({ href: link.href }, link.attributes), link.text))))))));
+    return (h("li", null, h("uofg-menu", { autoCollapse: props.autoCollapseMenus }, h("button", { slot: "button" }, h("span", null, item.title), h(FontAwesomeIcon, { icon: faCaretDown })), h("ul", { slot: "content", role: "menu" }, item.links.map(link => (h("li", null, h("a", Object.assign({ href: link.href }, link.attributes), link.text))))))));
   }).filter(Boolean)));
 };

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

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
-import { FontAwesomeIcon } from '../../utils/font-awesome-icon';
-import { faSearch } from '@fortawesome/pro-solid-svg-icons';
+import { h } from "@stencil/core";
+import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
+import { faSearch } from "@fortawesome/pro-solid-svg-icons";
 export const SearchBar = () => (h("form", { class: "uofg-header-search-bar", method: "get", role: "search", action: "https://uoguelph.ca/search/" }, h("input", { type: "text", name: "q" }), h("input", { type: "hidden", name: "cx", value: "002616817380988741256:tp3ks5ha2dw" }), h("input", { type: "hidden", name: "cof", value: "FORID:11" }), h("input", { type: "hidden", name: "ie", value: "UTF-8" }), h("button", { class: "uofg-search-bar-button", "aria-label": "Search", type: "submit" }, h(FontAwesomeIcon, { icon: faSearch }))));

package/dist/collection/components/uofg-header/single-sign-on.js

@@ -1,2 +1,2 @@
-import { h } from '@stencil/core';
+import { h } from "@stencil/core";
 export const SingleSignOn = () => (h("form", { class: "uofg-header-single-sign-on" }, h("span", null, "Please log in with your Central Login Account"), h("label", null, h("span", null, "Username"), h("input", { type: "text", name: "username" })), h("label", null, h("span", null, "Password"), h("input", { type: "password", name: "password" })), h("button", { type: "submit" }, "Sign in"), h("a", { href: "#" }, "Forgot your password?")));

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

@@ -1,13 +1,13 @@
-import { h } from '@stencil/core';
-import { PageSpecific } from './page-specific';
-import Decoration from './decoration.svg';
-import FullSizeLogo from './logo-full-size.svg';
-import ReducedSizeLogo from './logo-reduced-size.svg';
-import { GlobalLinks } from './global-links';
-import { FontAwesomeIcon } from '../../utils/font-awesome-icon';
-import { faBars, faRightToBracket, faSearch } from '@fortawesome/pro-solid-svg-icons';
-import { HelloYou } from './hello-you';
-import { SearchBar } from './search';
+import { h } from "@stencil/core";
+import { PageSpecific, } from "./page-specific";
+import Decoration from "./decoration.svg";
+import FullSizeLogo from "./logo-full-size.svg";
+import ReducedSizeLogo from "./logo-reduced-size.svg";
+import { GlobalLinks } from "./global-links";
+import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
+import { faBars, faRightToBracket, faSearch } from "@fortawesome/pro-solid-svg-icons";
+import { HelloYou } from "./hello-you";
+import { SearchBar } from "./search";
 export class UofgHeader {
   constructor() {
     this.pageTitle = '';
@@ -32,24 +32,24 @@ export class UofgHeader {
     const aToPageSpecificLink = (a) => {
       const attributes = {};
       a.getAttributeNames()
-        .filter((name) => name !== 'href')
-        .forEach((name) => (attributes[name] = a.getAttribute(name)));
+        .filter(name => name !== 'href')
+        .forEach(name => (attributes[name] = a.getAttribute(name)));
       return {
         href: a.getAttribute('href'),
         text: a.textContent,
-        attributes
+        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) => {
+      .filter(child => child.tagName === 'A' || child.tagName === 'UL')
+      .map(child => {
       switch (child.tagName) {
         case 'A':
           return aToPageSpecificLink(child);
         case 'UL':
           return {
             title: child.getAttribute('data-title'),
-            links: Array.from(child.querySelectorAll('a')).map(aToPageSpecificLink)
+            links: Array.from(child.querySelectorAll('a')).map(aToPageSpecificLink),
           };
       }
     });

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

@@ -1,14 +1,14 @@
-import { h, Host } from '@stencil/core';
-import { PREFERS_REDUCED_MOTION, WEB_ANIMATIONS_SUPPORTED } from '../../utils/feature-check';
+import { h, Host } from "@stencil/core";
+import { PREFERS_REDUCED_MOTION, WEB_ANIMATIONS_SUPPORTED } from "../../utils/feature-check";
 const DURATION_REGEX = /^(\d*\.?\d+)(s|ms)$/;
 const EASING_FUNCTION_REGEX = /^cubic-bezier\((\s*-?\d*\.?\d+\s*,){3}\s*-?\d*\.?\d+\s*\)$|^steps\(\s*\d+\s*(,\s*(start|end))?\s*\)$/;
-const observer = new MutationObserver((mutations) => {
+const observer = new MutationObserver(mutations => {
   for (const mutation of mutations) {
     mutation.target.dispatchEvent(new CustomEvent('childListChange', { bubbles: false }));
   }
 });
 const observerConfig = {
-  childList: true
+  childList: true,
 };
 export class UofgMenu {
   constructor() {
@@ -39,8 +39,10 @@ export class UofgMenu {
   handleKeyUp(e) {
     if (e.key === 'Escape') {
       this.isExpanded = false;
-      if (this.button) {
-        this.button.focus();
+      if (e.target !== this.button) {
+        e.stopPropagation();
+        this.isExpanded = false;
+        this.button && this.button.focus();
       }
     }
   }
@@ -93,10 +95,10 @@ export class UofgMenu {
       return;
     }
     // Check if we are in the middle of an animation.
-    const animations = (_b = this.content) === null || _b === void 0 ? void 0 : _b.getAnimations().filter((animation) => animation.id === 'uofg-menu-animation');
+    const animations = (_b = this.content) === null || _b === void 0 ? void 0 : _b.getAnimations().filter(animation => animation.id === 'uofg-menu-animation');
     // If we are, then we want to reverse the existing one rather than starting a new animation.
     if (animations.length > 0) {
-      animations === null || animations === void 0 ? void 0 : animations.forEach((animation) => animation.reverse());
+      animations === null || animations === void 0 ? void 0 : animations.forEach(animation => animation.reverse());
       return;
     }
     let animationDef;
@@ -105,7 +107,7 @@ export class UofgMenu {
       duration: this.getAnimationDuration(),
       fill: 'none',
       easing: this.getAnimationEasing(),
-      direction: newValue ? 'normal' : 'reverse'
+      direction: newValue ? 'normal' : 'reverse',
     };
     // Need to remove display none, otherwise keyframe values won't be calculated correctly.
     this.content.style.display = '';
@@ -180,19 +182,19 @@ export class UofgMenu {
           paddingTop: 0,
           paddingBottom: 0,
           marginTop: 0,
-          marginBottom: 0
+          marginBottom: 0,
         },
         {
           height: ((_a = this.contentComputedStyle) === null || _a === void 0 ? void 0 : _a.height) || 0,
           paddingTop: ((_b = this.contentComputedStyle) === null || _b === void 0 ? void 0 : _b.paddingTop) || 0,
           paddingBottom: ((_c = this.contentComputedStyle) === null || _c === void 0 ? void 0 : _c.paddingBottom) || 0,
           marginTop: ((_d = this.contentComputedStyle) === null || _d === void 0 ? void 0 : _d.marginTop) || 0,
-          marginBottom: ((_e = this.contentComputedStyle) === null || _e === void 0 ? void 0 : _e.marginBottom) || 0
-        }
+          marginBottom: ((_e = this.contentComputedStyle) === null || _e === void 0 ? void 0 : _e.marginBottom) || 0,
+        },
       ],
       callback: () => {
         this.content && (this.content.style.overflowY = '');
-      }
+      },
     };
   }
   render() {
@@ -333,7 +335,8 @@ export class UofgMenu {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<boolean>"
@@ -358,7 +361,8 @@ export class UofgMenu {
             }],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -377,7 +381,8 @@ export class UofgMenu {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<boolean>"
@@ -396,7 +401,8 @@ export class UofgMenu {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"
@@ -415,7 +421,8 @@ export class UofgMenu {
           "parameters": [],
           "references": {
             "Promise": {
-              "location": "global"
+              "location": "global",
+              "id": "global::Promise"
             }
           },
           "return": "Promise<void>"

package/dist/collection/utils/font-awesome-icon.js

@@ -1,7 +1,7 @@
-import { h } from '@stencil/core';
-export const FontAwesomeIcon = (props) => {
+import { h } from "@stencil/core";
+export const FontAwesomeIcon = props => {
   const width = props.icon.icon[0];
   const height = props.icon.icon[1];
   const iconPathData = props.icon.icon[4];
-  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}` }, Array.isArray(iconPathData) ? (iconPathData.map((path) => h("path", { d: path }))) : (h("path", { d: iconPathData }))));
+  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}` }, Array.isArray(iconPathData) ? (iconPathData.map(path => h("path", { d: path }))) : (h("path", { d: iconPathData }))));
 };

package/dist/components/index2.js

@@ -1,10 +1,10 @@
 import { h } from '@stencil/core/internal/client';
 
-const FontAwesomeIcon = (props) => {
+const FontAwesomeIcon = props => {
   const width = props.icon.icon[0];
   const height = props.icon.icon[1];
   const iconPathData = props.icon.icon[4];
-  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}` }, Array.isArray(iconPathData) ? (iconPathData.map((path) => h("path", { d: path }))) : (h("path", { d: iconPathData }))));
+  return (h("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}` }, Array.isArray(iconPathData) ? (iconPathData.map(path => h("path", { d: path }))) : (h("path", { d: iconPathData }))));
 };
 
 var faTrees = {

package/dist/components/uofg-footer.js

@@ -34,7 +34,7 @@ var faYoutube = {
   icon: [576, 512, [61802], "f167", "M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"]
 };
 
-const SocialLink = (props) => (h("li", null,
+const SocialLink = props => (h("li", null,
   h("a", { href: props.url, "aria-label": props.name },
     h(FontAwesomeIcon, { icon: props.icon }))));
 const SocialLinks = () => (h("ul", { id: "uofg-footer-social-links" },
@@ -45,7 +45,7 @@ const SocialLinks = () => (h("ul", { id: "uofg-footer-social-links" },
   h(SocialLink, { name: "LinkedIn", url: "https://www.linkedin.com/school/university-of-guelph/", icon: faLinkedin }),
   h(SocialLink, { name: "TikTok", url: "https://www.tiktok.com/@uofguelph", icon: faTiktok })));
 
-const FooterLink = (props) => (h("li", null,
+const FooterLink = props => (h("li", null,
   h("a", { href: props.url, title: props.title },
     h(FontAwesomeIcon, { icon: props.icon }),
     h("span", null, props.text))));