@uoguelph/web-components 0.0.7

package/dist/loader/index.js

@@ -0,0 +1,4 @@
+
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../esm/polyfills/index.js';
+export * from '../esm/loader.js';

package/dist/loader/package.json

@@ -0,0 +1,11 @@
+{
+  "name": "uofg-web-components-loader",
+  "private": true,
+  "typings": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.cjs.js",
+  "jsnext:main": "./index.es2017.js",
+  "es2015": "./index.es2017.js",
+  "es2017": "./index.es2017.js",
+  "unpkg": "./cdn.js"
+}

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

@@ -0,0 +1,2 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+export declare const FooterLinks: FunctionalComponent;

package/dist/types/components/uofg-footer/social-links.d.ts

@@ -0,0 +1,2 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+export declare const SocialLinks: FunctionalComponent;

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

@@ -0,0 +1,3 @@
+export declare class UofgFooter {
+  render(): any;
+}

package/dist/types/components/uofg-header/global-links.d.ts

@@ -0,0 +1,2 @@
+import { type FunctionalComponent } from '../../stencil-public-runtime';
+export declare const GlobalLinks: FunctionalComponent;

package/dist/types/components/uofg-header/hello-you.d.ts

@@ -0,0 +1,6 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+type HelloYouProps = {
+  autoCollapse: boolean;
+};
+export declare const HelloYou: FunctionalComponent<HelloYouProps>;
+export {};

package/dist/types/components/uofg-header/page-specific.d.ts

@@ -0,0 +1,17 @@
+import { type FunctionalComponent } from '../../stencil-public-runtime';
+export interface PageSpecificLink {
+  text: string;
+  href: string;
+  attributes?: Record<string, string>;
+}
+export interface PageSpecificSubMenu {
+  title: string;
+  links: PageSpecificLink[];
+}
+export type PageSpecificContent = Array<PageSpecificLink | PageSpecificSubMenu | null | undefined>;
+type PageSpecificProps = {
+  content: PageSpecificContent;
+  autoCollapseMenus?: boolean;
+};
+export declare const PageSpecific: FunctionalComponent<PageSpecificProps>;
+export {};

package/dist/types/components/uofg-header/search.d.ts

@@ -0,0 +1,2 @@
+import { FunctionalComponent } from '../../stencil-public-runtime';
+export declare const SearchBar: FunctionalComponent;

package/dist/types/components/uofg-header/single-sign-on.d.ts

@@ -0,0 +1,2 @@
+import { type FunctionalComponent } from '../../stencil-public-runtime';
+export declare const SingleSignOn: FunctionalComponent;

package/dist/types/components/uofg-header/uofg-header.d.ts

@@ -0,0 +1,19 @@
+import { type PageSpecificContent } from './page-specific';
+export declare class UofgHeader {
+  /**
+   * The title of the pages that the header is being used on. For example, for the Convocation pages, this would be set to "Convocation".
+   */
+  pageTitle: string;
+  /**
+   * The URL to the home/landing page for the pages the header is being used on. For example, for the Convocation pages, this would be set to "https://www.uoguelph.ca/convocation/".
+   */
+  pageUrl: string;
+  el: HTMLUofgHeaderElement;
+  isFullSize: boolean;
+  pageSpecificContent: PageSpecificContent;
+  private observer;
+  connectedCallback(): void;
+  updateFullSize(): void;
+  private updatePageSpecificContent;
+  render(): any;
+}

package/dist/types/components/uofg-menu/uofg-menu.d.ts

@@ -0,0 +1,67 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class UofgMenu {
+  el: HTMLUofgMenuElement;
+  isExpanded: boolean;
+  /**
+   * 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.
+   */
+  autoCollapse: boolean;
+  /**
+   * Dispatched whenever the menu is expanded whether by user interaction or or programmatically (e.g. expand()).
+   */
+  expanded: EventEmitter<void>;
+  /**
+   * Dispatched whenever the menu is collapsed whether by user interaction or programmatically (e.g. collapse()).
+   */
+  collapsed: EventEmitter<void>;
+  /**
+   * 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).
+   */
+  animationStarted: EventEmitter<boolean>;
+  /**
+   * 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).
+   */
+  animationEnded: EventEmitter<boolean>;
+  private computedStyle;
+  private button;
+  private content;
+  private contentComputedStyle;
+  connectedCallback(): void;
+  private handleChildListChange;
+  private updateButton;
+  private updateContent;
+  private handleButtonClick;
+  private handleFocusout;
+  handleIsExpandedChange(newValue: boolean): void;
+  private getAnimationType;
+  private getAnimationDuration;
+  private getAnimationEasing;
+  private fadeAnimation;
+  private slideAnimation;
+  render(): any;
+  /**
+   * Get the current expanded state of the menu.
+   * @returns A promise which will resolve to the current expanded state.
+   */
+  getExpanded(): Promise<boolean>;
+  /**
+   * Set the expanded state of the menu.
+   * @param value The new expanded state.
+   */
+  setExpanded(value: boolean): Promise<void>;
+  /**
+   * Toggle the expanded state of the menu.
+   * @returns A promise which will resolve to the new expanded state.
+   */
+  toggle(): Promise<boolean>;
+  /**
+   * Collapse the menu. This is the same as setting the expanded state to false.
+   * @returns empty Promise.
+   */
+  collapse(): Promise<void>;
+  /**
+   * Expand the menu. This is the same as setting the expanded state to true.
+   * @returns empty Promise.
+   */
+  expand(): Promise<void>;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,132 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+export namespace Components {
+    interface UofgFooter {
+    }
+    interface UofgHeader {
+        /**
+          * The title of the pages that the header is being used on. For example, for the Convocation pages, this would be set to "Convocation".
+         */
+        "pageTitle": string;
+        /**
+          * The URL to the home/landing page for the pages the header is being used on. For example, for the Convocation pages, this would be set to "https://www.uoguelph.ca/convocation/".
+         */
+        "pageUrl": string;
+    }
+    interface UofgMenu {
+        /**
+          * 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.
+         */
+        "autoCollapse": boolean;
+        /**
+          * Collapse the menu. This is the same as setting the expanded state to false.
+          * @returns empty Promise.
+         */
+        "collapse": () => Promise<void>;
+        /**
+          * Expand the menu. This is the same as setting the expanded state to true.
+          * @returns empty Promise.
+         */
+        "expand": () => Promise<void>;
+        /**
+          * Get the current expanded state of the menu.
+          * @returns A promise which will resolve to the current expanded state.
+         */
+        "getExpanded": () => Promise<boolean>;
+        /**
+          * Set the expanded state of the menu.
+          * @param value The new expanded state.
+         */
+        "setExpanded": (value: boolean) => Promise<void>;
+        /**
+          * Toggle the expanded state of the menu.
+          * @returns A promise which will resolve to the new expanded state.
+         */
+        "toggle": () => Promise<boolean>;
+    }
+}
+export interface UofgMenuCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLUofgMenuElement;
+}
+declare global {
+    interface HTMLUofgFooterElement extends Components.UofgFooter, HTMLStencilElement {
+    }
+    var HTMLUofgFooterElement: {
+        prototype: HTMLUofgFooterElement;
+        new (): HTMLUofgFooterElement;
+    };
+    interface HTMLUofgHeaderElement extends Components.UofgHeader, HTMLStencilElement {
+    }
+    var HTMLUofgHeaderElement: {
+        prototype: HTMLUofgHeaderElement;
+        new (): HTMLUofgHeaderElement;
+    };
+    interface HTMLUofgMenuElement extends Components.UofgMenu, HTMLStencilElement {
+    }
+    var HTMLUofgMenuElement: {
+        prototype: HTMLUofgMenuElement;
+        new (): HTMLUofgMenuElement;
+    };
+    interface HTMLElementTagNameMap {
+        "uofg-footer": HTMLUofgFooterElement;
+        "uofg-header": HTMLUofgHeaderElement;
+        "uofg-menu": HTMLUofgMenuElement;
+    }
+}
+declare namespace LocalJSX {
+    interface UofgFooter {
+    }
+    interface UofgHeader {
+        /**
+          * The title of the pages that the header is being used on. For example, for the Convocation pages, this would be set to "Convocation".
+         */
+        "pageTitle"?: string;
+        /**
+          * The URL to the home/landing page for the pages the header is being used on. For example, for the Convocation pages, this would be set to "https://www.uoguelph.ca/convocation/".
+         */
+        "pageUrl"?: string;
+    }
+    interface UofgMenu {
+        /**
+          * 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.
+         */
+        "autoCollapse"?: boolean;
+        /**
+          * 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).
+         */
+        "onAnimationEnded"?: (event: UofgMenuCustomEvent<boolean>) => void;
+        /**
+          * 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).
+         */
+        "onAnimationStarted"?: (event: UofgMenuCustomEvent<boolean>) => void;
+        /**
+          * Dispatched whenever the menu is collapsed whether by user interaction or programmatically (e.g. collapse()).
+         */
+        "onCollapsed"?: (event: UofgMenuCustomEvent<void>) => void;
+        /**
+          * Dispatched whenever the menu is expanded whether by user interaction or or programmatically (e.g. expand()).
+         */
+        "onExpanded"?: (event: UofgMenuCustomEvent<void>) => void;
+    }
+    interface IntrinsicElements {
+        "uofg-footer": UofgFooter;
+        "uofg-header": UofgHeader;
+        "uofg-menu": UofgMenu;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "uofg-footer": LocalJSX.UofgFooter & JSXBase.HTMLAttributes<HTMLUofgFooterElement>;
+            "uofg-header": LocalJSX.UofgHeader & JSXBase.HTMLAttributes<HTMLUofgHeaderElement>;
+            "uofg-menu": LocalJSX.UofgMenu & JSXBase.HTMLAttributes<HTMLUofgMenuElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

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