@uoguelph/web-components 0.0.7

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

@@ -0,0 +1,440 @@
+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) => {
+  for (const mutation of mutations) {
+    mutation.target.dispatchEvent(new CustomEvent('childListChange', { bubbles: false }));
+  }
+});
+const observerConfig = {
+  childList: true
+};
+export class UofgMenu {
+  constructor() {
+    this.computedStyle = null;
+    this.button = null;
+    this.content = null;
+    this.contentComputedStyle = null;
+    this.isExpanded = false;
+    this.autoCollapse = false;
+  }
+  connectedCallback() {
+    // Bind functions so that "this" correctly refers to the component's instance.
+    this.handleChildListChange = this.handleChildListChange.bind(this);
+    this.updateButton = this.updateButton.bind(this);
+    this.updateContent = this.updateContent.bind(this);
+    this.handleButtonClick = this.handleButtonClick.bind(this);
+    this.handleFocusout = this.handleFocusout.bind(this);
+    this.computedStyle = window.getComputedStyle(this.el);
+    this.isExpanded = false;
+    this.handleChildListChange();
+    observer.observe(this.el, observerConfig);
+  }
+  handleChildListChange() {
+    this.updateButton();
+    this.updateContent();
+  }
+  updateButton() {
+    var _a, _b, _c;
+    const button = this.el.querySelector('[slot="button"]');
+    // Clean up the old button before setting the new one
+    (_a = this.button) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this.handleButtonClick);
+    (_b = this.button) === null || _b === void 0 ? void 0 : _b.removeAttribute('aria-expanded');
+    (_c = this.button) === null || _c === void 0 ? void 0 : _c.removeAttribute('aria-haspopup');
+    // Set up the new button
+    button === null || button === void 0 ? void 0 : button.setAttribute('aria-expanded', this.isExpanded ? 'true' : 'false');
+    button === null || button === void 0 ? void 0 : button.setAttribute('aria-haspopup', 'true');
+    button === null || button === void 0 ? void 0 : button.addEventListener('click', this.handleButtonClick);
+    this.button = button;
+  }
+  updateContent() {
+    const content = this.el.querySelector('[slot="content"]');
+    if (content == null) {
+      this.content = null;
+      this.contentComputedStyle = null;
+    }
+    else {
+      this.content = content;
+      this.content.style.display = this.isExpanded ? '' : 'none';
+      this.contentComputedStyle = window.getComputedStyle(this.content);
+    }
+  }
+  handleButtonClick() {
+    this.isExpanded = !this.isExpanded;
+  }
+  handleFocusout(e) {
+    if (this.autoCollapse && !this.el.contains(e.relatedTarget)) {
+      this.isExpanded = false;
+    }
+  }
+  handleIsExpandedChange(newValue) {
+    var _a, _b, _c;
+    (_a = this.button) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-expanded', newValue ? 'true' : 'false');
+    newValue ? this.expanded.emit() : this.collapsed.emit();
+    // No content is slotted, so we don't need to do anything else.
+    if (this.content == null) {
+      return;
+    }
+    // Determine what animation type the user wants.
+    const type = this.getAnimationType();
+    // If Web Animations API isn't supported, or the user requested no animation, we can simply set display style
+    if (!WEB_ANIMATIONS_SUPPORTED || PREFERS_REDUCED_MOTION || type === 'none') {
+      this.content.style.display = newValue ? '' : 'none';
+      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');
+    // 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());
+      return;
+    }
+    let animationDef;
+    const options = {
+      id: 'uofg-menu-animation',
+      duration: this.getAnimationDuration(),
+      fill: 'none',
+      easing: this.getAnimationEasing(),
+      direction: newValue ? 'normal' : 'reverse'
+    };
+    // Need to remove display none, otherwise keyframe values won't be calculated correctly.
+    this.content.style.display = '';
+    switch (type) {
+      case 'fade':
+        animationDef = this.fadeAnimation();
+        break;
+      case 'slide':
+        animationDef = this.slideAnimation();
+        break;
+      default:
+        animationDef = this.fadeAnimation();
+    }
+    // We can start the animation.
+    this.animationStarted.emit(newValue);
+    (_c = this.content) === null || _c === void 0 ? void 0 : _c.animate(animationDef.keyframes, options).finished.finally(() => {
+      var _a;
+      // Once the animation is done (or something went wrong during it), we update the content's display style.
+      if (this.content) {
+        this.content.style.display = this.isExpanded ? '' : 'none';
+        (_a = animationDef.callback) === null || _a === void 0 ? void 0 : _a.call(animationDef);
+        this.animationEnded.emit(this.isExpanded);
+      }
+    });
+  }
+  getAnimationType() {
+    var _a;
+    const str = ((_a = this.computedStyle) === null || _a === void 0 ? void 0 : _a.getPropertyValue('--uofg-menu-animation-type')) || '';
+    switch (str) {
+      case 'slide':
+      case 'fade':
+        return str;
+      default:
+        return 'none';
+    }
+  }
+  getAnimationDuration() {
+    var _a;
+    const str = ((_a = this.computedStyle) === null || _a === void 0 ? void 0 : _a.getPropertyValue('--uofg-menu-animation-duration')) || '';
+    const matches = DURATION_REGEX.exec(str);
+    if (matches == null) {
+      return 200;
+    }
+    return Number.parseFloat(matches[1]) * (matches[2] == 's' ? 1000 : 1);
+  }
+  getAnimationEasing() {
+    var _a;
+    const str = ((_a = this.computedStyle) === null || _a === void 0 ? void 0 : _a.getPropertyValue('--uofg-menu-animation-easing')) || '';
+    switch (str) {
+      case 'linear':
+      case 'ease':
+      case 'ease-in':
+      case 'ease-out':
+      case 'ease-in-out':
+      case 'step-start':
+      case 'step-end':
+        return str;
+      default:
+        return EASING_FUNCTION_REGEX.test(str) ? str : 'ease-in-out';
+    }
+  }
+  fadeAnimation() {
+    return { keyframes: [{ opacity: 0 }, { opacity: 1 }] };
+  }
+  slideAnimation() {
+    var _a, _b, _c, _d, _e;
+    this.content && (this.content.style.overflowY = 'hidden');
+    return {
+      keyframes: [
+        {
+          height: 0,
+          paddingTop: 0,
+          paddingBottom: 0,
+          marginTop: 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
+        }
+      ],
+      callback: () => {
+        this.content && (this.content.style.overflowY = '');
+      }
+    };
+  }
+  render() {
+    return h(Host, { tabindex: -1, "data-expanded": this.isExpanded, onFocusout: this.handleFocusout });
+  }
+  /**
+   * Get the current expanded state of the menu.
+   * @returns A promise which will resolve to the current expanded state.
+   */
+  async getExpanded() {
+    return this.isExpanded;
+  }
+  /**
+   * Set the expanded state of the menu.
+   * @param value The new expanded state.
+   */
+  async setExpanded(value) {
+    this.isExpanded = value;
+  }
+  /**
+   * Toggle the expanded state of the menu.
+   * @returns A promise which will resolve to the new expanded state.
+   */
+  async toggle() {
+    this.isExpanded = !this.isExpanded;
+    return this.isExpanded;
+  }
+  /**
+   * Collapse the menu. This is the same as setting the expanded state to false.
+   * @returns empty Promise.
+   */
+  async collapse() {
+    this.isExpanded = false;
+  }
+  /**
+   * Expand the menu. This is the same as setting the expanded state to true.
+   * @returns empty Promise.
+   */
+  async expand() {
+    this.isExpanded = true;
+  }
+  static get is() { return "uofg-menu"; }
+  static get properties() {
+    return {
+      "autoCollapse": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Controls whether the menu should automatically collapse when the focused element in the page is not contained within the menu (e.g. it's button or content). This is useful for when you want the menu to collapse whenever a user interacts with any other part of the page."
+        },
+        "attribute": "auto-collapse",
+        "reflect": false,
+        "defaultValue": "false"
+      }
+    };
+  }
+  static get states() {
+    return {
+      "isExpanded": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "expanded",
+        "name": "expanded",
+        "bubbles": false,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Dispatched whenever the menu is expanded whether by user interaction or or programmatically (e.g. expand())."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "collapsed",
+        "name": "collapsed",
+        "bubbles": false,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Dispatched whenever the menu is collapsed whether by user interaction or programmatically (e.g. collapse())."
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "animationStarted",
+        "name": "animationStarted",
+        "bubbles": false,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Dispatched whenever the menu is expanding or collapsing and the animation has started. This event is not dispatched if the animation is disabled (e.g. due to reduced motion, css variable set to none, or lack of Web Animations API support)."
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "animationEnded",
+        "name": "animationEnded",
+        "bubbles": false,
+        "cancelable": false,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Dispatched whenever the menu is expanding or collapsing and the animation has ended. This event is not dispatched if the animation is disabled (e.g. due to reduced motion, css variable set to none, or lack of Web Animations API support)."
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "getExpanded": {
+        "complexType": {
+          "signature": "() => Promise<boolean>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
+        },
+        "docs": {
+          "text": "Get the current expanded state of the menu.",
+          "tags": [{
+              "name": "returns",
+              "text": "A promise which will resolve to the current expanded state."
+            }]
+        }
+      },
+      "setExpanded": {
+        "complexType": {
+          "signature": "(value: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [{
+                  "name": "param",
+                  "text": "value The new expanded state."
+                }],
+              "text": "The new expanded state."
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Set the expanded state of the menu.",
+          "tags": [{
+              "name": "param",
+              "text": "value The new expanded state."
+            }]
+        }
+      },
+      "toggle": {
+        "complexType": {
+          "signature": "() => Promise<boolean>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
+        },
+        "docs": {
+          "text": "Toggle the expanded state of the menu.",
+          "tags": [{
+              "name": "returns",
+              "text": "A promise which will resolve to the new expanded state."
+            }]
+        }
+      },
+      "collapse": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Collapse the menu. This is the same as setting the expanded state to false.",
+          "tags": [{
+              "name": "returns",
+              "text": "empty Promise."
+            }]
+        }
+      },
+      "expand": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Expand the menu. This is the same as setting the expanded state to true.",
+          "tags": [{
+              "name": "returns",
+              "text": "empty Promise."
+            }]
+        }
+      }
+    };
+  }
+  static get elementRef() { return "el"; }
+  static get watchers() {
+    return [{
+        "propName": "isExpanded",
+        "methodName": "handleIsExpandedChange"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "onChildListChange",
+        "method": "handleChildListChange",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/collection/utils/feature-check.js

@@ -0,0 +1,2 @@
+export const WEB_ANIMATIONS_SUPPORTED = 'animate' in HTMLElement.prototype;
+export const PREFERS_REDUCED_MOTION = window.matchMedia('(prefers-reduced-motion: reduce)').matches;

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

@@ -0,0 +1,7 @@
+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 }))));
+};

package/dist/components/index.d.ts

@@ -0,0 +1,36 @@
+/* UofgWebComponents custom elements */
+export { UofgFooter as UofgFooter } from '../types/components/uofg-footer/uofg-footer';
+export { defineCustomElement as defineCustomElementUofgFooter } from './uofg-footer';
+export { UofgHeader as UofgHeader } from '../types/components/uofg-header/uofg-header';
+export { defineCustomElement as defineCustomElementUofgHeader } from './uofg-header';
+export { UofgMenu as UofgMenu } from '../types/components/uofg-menu/uofg-menu';
+export { defineCustomElement as defineCustomElementUofgMenu } from './uofg-menu';
+
+/**
+ * Used to manually set the base path where assets can be found.
+ * If the script is used as "module", it's recommended to use "import.meta.url",
+ * such as "setAssetPath(import.meta.url)". Other options include
+ * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
+ * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
+ * But do note that this configuration depends on how your script is bundled, or lack of
+ * bundling, and where your assets can be loaded from. Additionally custom bundling
+ * will have to ensure the static assets are copied to its build directory.
+ */
+export declare const setAssetPath: (path: string) => void;
+
+/**
+ * Used to specify a nonce value that corresponds with an application's CSP.
+ * When set, the nonce will be added to all dynamically created script and style tags at runtime.
+ * Alternatively, the nonce value can be set on a meta tag in the DOM head
+ * (<meta name="csp-nonce" content="{ nonce value here }" />) which
+ * will result in the same behavior.
+ */
+export declare const setNonce: (nonce: string) => void
+
+export interface SetPlatformOptions {
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+export * from '../types';

package/dist/components/index.js

@@ -0,0 +1,4 @@
+export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { UofgFooter, defineCustomElement as defineCustomElementUofgFooter } from './uofg-footer.js';
+export { UofgHeader, defineCustomElement as defineCustomElementUofgHeader } from './uofg-header.js';
+export { UofgMenu, defineCustomElement as defineCustomElementUofgMenu } from './uofg-menu.js';

package/dist/components/index2.js

@@ -0,0 +1,82 @@
+import { h } from '@stencil/core/internal/client';
+
+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 }))));
+};
+
+var faTrees = {
+  prefix: 'fas',
+  iconName: 'trees',
+  icon: [640, 512, [], "f724", "M70.2 121.4L178.5 5.8C182 2.1 186.9 0 192 0s10 2.1 13.5 5.8L313.8 121.4c4 4.3 6.2 9.9 6.2 15.7c0 12.7-10.3 22.9-22.9 22.9H272l74.6 89.5c3.5 4.2 5.4 9.5 5.4 15c0 13-10.5 23.5-23.5 23.5H304l74.6 89.5c3.5 4.2 5.4 9.5 5.4 15c0 13-10.5 23.5-23.5 23.5H224v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V416H23.5C10.5 416 0 405.5 0 392.5c0-5.5 1.9-10.8 5.4-15L80 288H55.5c-13 0-23.5-10.5-23.5-23.5c0-5.5 1.9-10.8 5.4-15L112 160H86.9C74.3 160 64 149.7 64 137.1c0-5.8 2.2-11.4 6.2-15.7zm271.4-16.4L434.5 5.8C438 2.1 442.9 0 448 0s10 2.1 13.5 5.8L569.8 121.4c4 4.3 6.2 9.9 6.2 15.7c0 12.7-10.3 22.9-22.9 22.9H528l74.6 89.5c3.5 4.2 5.4 9.5 5.4 15c0 13-10.5 23.5-23.5 23.5H560l74.6 89.5c3.5 4.2 5.4 9.5 5.4 15c0 13-10.5 23.5-23.5 23.5H480v64c0 17.7-14.3 32-32 32s-32-14.3-32-32V416l0-23.4 0-.1 0-.1V392h0c-.1-12.8-4.7-25.2-12.9-35l-40.6-48.7c13-10.2 21.4-26 21.4-43.8c0-13-4.6-25.6-12.9-35.5l-40.4-48.5c12.9-10 21.3-25.8 21.3-43.4c0-11.6-3.7-22.8-10.4-32.1z"]
+};
+var faBars = {
+  prefix: 'fas',
+  iconName: 'bars',
+  icon: [448, 512, ["navicon"], "f0c9", "M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"]
+};
+var faSitemap = {
+  prefix: 'fas',
+  iconName: 'sitemap',
+  icon: [576, 512, [], "f0e8", "M208 80c0-26.5 21.5-48 48-48h64c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48h-8v40H464c30.9 0 56 25.1 56 56v32h8c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H464c-26.5 0-48-21.5-48-48V368c0-26.5 21.5-48 48-48h8V288c0-4.4-3.6-8-8-8H312v40h8c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H256c-26.5 0-48-21.5-48-48V368c0-26.5 21.5-48 48-48h8V280H112c-4.4 0-8 3.6-8 8v32h8c26.5 0 48 21.5 48 48v64c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V368c0-26.5 21.5-48 48-48h8V288c0-30.9 25.1-56 56-56H264V192h-8c-26.5 0-48-21.5-48-48V80z"]
+};
+var faList = {
+  prefix: 'fas',
+  iconName: 'list',
+  icon: [512, 512, ["list-squares"], "f03a", "M40 48C26.7 48 16 58.7 16 72v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V72c0-13.3-10.7-24-24-24H40zM192 64c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zm0 160c-17.7 0-32 14.3-32 32s14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H192zM16 232v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V232c0-13.3-10.7-24-24-24H40c-13.3 0-24 10.7-24 24zM40 368c-13.3 0-24 10.7-24 24v48c0 13.3 10.7 24 24 24H88c13.3 0 24-10.7 24-24V392c0-13.3-10.7-24-24-24H40z"]
+};
+var faKey = {
+  prefix: 'fas',
+  iconName: 'key',
+  icon: [512, 512, [128273], "f084", "M336 352c97.2 0 176-78.8 176-176S433.2 0 336 0S160 78.8 160 176c0 18.7 2.9 36.8 8.3 53.7L7 391c-4.5 4.5-7 10.6-7 17v80c0 13.3 10.7 24 24 24h80c13.3 0 24-10.7 24-24V448h40c13.3 0 24-10.7 24-24V384h40c6.4 0 12.5-2.5 17-7l33.3-33.3c16.9 5.4 35 8.3 53.7 8.3zM376 96a40 40 0 1 1 0 80 40 40 0 1 1 0-80z"]
+};
+var faRightToBracket = {
+  prefix: 'fas',
+  iconName: 'right-to-bracket',
+  icon: [512, 512, ["sign-in-alt"], "f2f6", "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"]
+};
+var faCalendarRange = {
+  prefix: 'fas',
+  iconName: 'calendar-range',
+  icon: [512, 512, [], "e0d6", "M128 32V64H80c-26.5 0-48 21.5-48 48v48H480V112c0-26.5-21.5-48-48-48H384V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H192V32c0-17.7-14.3-32-32-32s-32 14.3-32 32zM480 192H32V464c0 26.5 21.5 48 48 48H432c26.5 0 48-21.5 48-48V192zM160 288a32 32 0 1 1 -64 0 32 32 0 1 1 64 0zM384 448a32 32 0 1 1 0-64 32 32 0 1 1 0 64zM224 288c0-13.3 10.7-24 24-24H392c13.3 0 24 10.7 24 24s-10.7 24-24 24H248c-13.3 0-24-10.7-24-24zm40 104c13.3 0 24 10.7 24 24s-10.7 24-24 24H120c-13.3 0-24-10.7-24-24s10.7-24 24-24H264z"]
+};
+var faCircleCheck = {
+  prefix: 'fas',
+  iconName: 'circle-check',
+  icon: [512, 512, [61533, "check-circle"], "f058", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"]
+};
+var faUniversalAccess = {
+  prefix: 'fas',
+  iconName: 'universal-access',
+  icon: [512, 512, [], "f29a", "M0 256a256 256 0 1 1 512 0A256 256 0 1 1 0 256zm161.5-86.1c-12.2-5.2-26.3 .4-31.5 12.6s.4 26.3 12.6 31.5l11.9 5.1c17.3 7.4 35.2 12.9 53.6 16.3v50.1c0 4.3-.7 8.6-2.1 12.6l-28.7 86.1c-4.2 12.6 2.6 26.2 15.2 30.4s26.2-2.6 30.4-15.2l24.4-73.2c1.3-3.8 4.8-6.4 8.8-6.4s7.6 2.6 8.8 6.4l24.4 73.2c4.2 12.6 17.8 19.4 30.4 15.2s19.4-17.8 15.2-30.4l-28.7-86.1c-1.4-4.1-2.1-8.3-2.1-12.6V235.5c18.4-3.5 36.3-8.9 53.6-16.3l11.9-5.1c12.2-5.2 17.8-19.3 12.6-31.5s-19.3-17.8-31.5-12.6L338.7 175c-26.1 11.2-54.2 17-82.7 17s-56.5-5.8-82.7-17l-11.9-5.1zM256 160a40 40 0 1 0 0-80 40 40 0 1 0 0 80z"]
+};
+var faHandHoldingHeart = {
+  prefix: 'fas',
+  iconName: 'hand-holding-heart',
+  icon: [576, 512, [], "f4be", "M148 76.6C148 34.3 182.3 0 224.6 0c20.3 0 39.8 8.1 54.1 22.4l9.3 9.3 9.3-9.3C311.6 8.1 331.1 0 351.4 0C393.7 0 428 34.3 428 76.6c0 20.3-8.1 39.8-22.4 54.1L302.1 234.1c-7.8 7.8-20.5 7.8-28.3 0L170.4 130.7C156.1 116.4 148 96.9 148 76.6zM568.2 336.3c13.1 17.8 9.3 42.8-8.5 55.9L433.1 485.5c-23.4 17.2-51.6 26.5-80.7 26.5H192 32c-17.7 0-32-14.3-32-32V416c0-17.7 14.3-32 32-32H68.8l44.9-36c22.7-18.2 50.9-28 80-28H272h16 64c17.7 0 32 14.3 32 32s-14.3 32-32 32H288 272c-8.8 0-16 7.2-16 16s7.2 16 16 16H392.6l119.7-88.2c17.8-13.1 42.8-9.3 55.9 8.5zM193.6 384l0 0-.9 0c.3 0 .6 0 .9 0z"]
+};
+var faPhoneFlip = {
+  prefix: 'fas',
+  iconName: 'phone-flip',
+  icon: [512, 512, [128381, "phone-alt"], "f879", "M347.1 24.6c7.7-18.6 28-28.5 47.4-23.2l88 24C499.9 30.2 512 46 512 64c0 247.4-200.6 448-448 448c-18 0-33.8-12.1-38.6-29.5l-24-88c-5.3-19.4 4.6-39.7 23.2-47.4l96-40c16.3-6.8 35.2-2.1 46.3 11.6L207.3 368c70.4-33.3 127.4-90.3 160.7-160.7L318.7 167c-13.7-11.2-18.4-30-11.6-46.3l40-96z"]
+};
+var faCaretDown = {
+  prefix: 'fas',
+  iconName: 'caret-down',
+  icon: [320, 512, [], "f0d7", "M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"]
+};
+var faMagnifyingGlass = {
+  prefix: 'fas',
+  iconName: 'magnifying-glass',
+  icon: [512, 512, [128269, "search"], "f002", "M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z"]
+};
+var faSearch = faMagnifyingGlass;
+var faBriefcase = {
+  prefix: 'fas',
+  iconName: 'briefcase',
+  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"]
+};
+
+export { FontAwesomeIcon as F, faKey as a, faSitemap as b, faCircleCheck as c, faTrees as d, faBriefcase as e, faUniversalAccess as f, faCalendarRange as g, faList as h, faHandHoldingHeart as i, faPhoneFlip as j, faCaretDown as k, faSearch as l, faRightToBracket as m, faBars as n };

package/dist/components/uofg-footer.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface UofgFooter extends Components.UofgFooter, HTMLElement {}
+export const UofgFooter: {
+  prototype: UofgFooter;
+  new (): UofgFooter;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;