@uoguelph/web-components 1.2.0-rc.0 → 1.2.0-rc.10

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

@@ -1,417 +0,0 @@
-import { h } from "@stencil/core";
-import { FontAwesomeIcon } from "../../utils/font-awesome-icon";
-import { faTimes } from "@fortawesome/free-solid-svg-icons";
-import { getAllFocusableElements } from "../../utils/utils";
-/**
- * @part content - The modal content container.
- * @part dismiss-button - The button that closes the modal.
- */
-export class UofgModal {
-    constructor() {
-        this.inertElements = [];
-        this.label = undefined;
-        this.alertDialog = false;
-        this.centered = false;
-        this.staticBackdrop = false;
-        this.autoOpen = false;
-        this.isOpen = false;
-    }
-    connectedCallback() {
-        // Bind event handlers so that 'this' is always the component instance.
-        this.handleClick = this.handleClick.bind(this);
-        this.handleKeyUp = this.handleKeyUp.bind(this);
-        this.handleFocusOut = this.handleFocusOut.bind(this);
-        if (this.autoOpen) {
-            this.isOpen = true;
-        }
-    }
-    disconnectedCallback() {
-        // Just in case the modal is removed from the DOM before it is closed, make sure to remove the inert attribute from all elements that we marked as inert when the modal was opened.
-        for (const element of this.inertElements) {
-            element.removeAttribute('inert');
-        }
-    }
-    handleClick(e) {
-        if (!this.staticBackdrop && e.target === e.currentTarget) {
-            this.isOpen = false;
-        }
-    }
-    handleKeyUp(e) {
-        if (e.key === 'Escape') {
-            this.isOpen = false;
-        }
-    }
-    handleFocusOut(e) {
-        var _a;
-        if (!this.isOpen)
-            return; // Don't do anything if the modal is closed.
-        const relatedTarget = e.relatedTarget;
-        // If the focus is moving outside the modal
-        if (!this.container.contains(relatedTarget) && !this.el.contains(relatedTarget)) {
-            e.preventDefault();
-            // If the focus is moving away from the dismiss button, focus the last focusable element in the modal.
-            if (e.target === this.dismissButton) {
-                const focusableElements = getAllFocusableElements(this.el);
-                (_a = focusableElements[focusableElements.length - 1]) === null || _a === void 0 ? void 0 : _a.focus();
-            }
-            else {
-                // Otherwise, focus the dismiss button.
-                this.dismissButton.focus();
-            }
-        }
-    }
-    handleIsOpenChange(newValue) {
-        if (newValue) {
-            window.requestAnimationFrame(() => {
-                window.requestAnimationFrame(() => {
-                    window.requestAnimationFrame(() => {
-                        // Focus the container element when the modal is opened, so that the screen reader's will announce the modal when it opens.
-                        this.container.focus();
-                    });
-                });
-            });
-            // Mark outer elements as inert when the modal is open.
-            let current = this.el;
-            // We want to mark all elements outside the modal as inert, so we need to traverse up the DOM tree until we reach the body element.
-            while (current !== null && current !== document.body) {
-                const parent = current.parentElement;
-                // If parent is null, then we may be inside a shadow root. If so, we get the host element and continue traversing up the DOM tree.
-                if (parent === null) {
-                    const root = current.getRootNode();
-                    if (root instanceof ShadowRoot) {
-                        current = root.host;
-                        continue;
-                    }
-                }
-                if (parent !== null) {
-                    for (const child of parent.children) {
-                        if (child !== current && !child.inert) {
-                            // Mark the element as inert and store it in an array so that we can remove the inert attribute when the modal closes.
-                            child.inert = true;
-                            this.inertElements.push(child);
-                        }
-                    }
-                }
-                current = parent;
-                this.opened.emit();
-            }
-        }
-        else {
-            // Remove the inert attribute from all elements that we marked as inert when the modal was opened.
-            for (const element of this.inertElements) {
-                element.removeAttribute('inert');
-            }
-            // Clear the array of inert elements. This is important because we don't want to keep a reference to elements as they may be removed from the DOM and we could cause a memory leak.
-            this.inertElements = [];
-            this.closed.emit();
-        }
-        // Prevent scrolling of the body when the modal is open.
-        document.body.style.overflow = newValue ? 'hidden' : '';
-    }
-    render() {
-        return (h("div", { key: 'c66f0986068658cc29b9c12715381a0fd40678c9', class: {
-                'tw-visible tw-opacity-100': this.isOpen,
-                'tw-invisible tw-opacity-0': !this.isOpen,
-                'tw-fixed tw-left-0 tw-top-0 tw-z-[1000] tw-flex tw-h-screen tw-w-screen tw-bg-black tw-bg-opacity-50 tw-transition-[opacity,visibility]': true,
-            }, role: this.alertDialog ? 'alertdialog' : 'dialog', "aria-modal": this.isOpen ? 'true' : '', "aria-label": this.label, tabIndex: -1, onClick: this.handleClick, onKeyUp: this.handleKeyUp, onFocusout: this.handleFocusOut, ref: (el) => (this.container = el) }, h("div", { key: 'f6d05f9834e3d5398aa5cd0897605d5b16014c2e', part: "content", class: {
-                'tw-visible tw-opacity-100': this.isOpen,
-                'tw-translate-y-[calc(-50%_-_50px)]': !this.isOpen && this.centered,
-                'tw-translate-y-[-50px]': (!this.isOpen && !this.centered) || (this.isOpen && this.centered),
-                'tw-z-1 tw-absolute tw-left-1/2 tw-h-fit tw-max-h-full tw-w-fit tw-max-w-full -tw-translate-x-1/2 tw-overflow-auto tw-p-8 tw-transition-transform motion-reduce:tw-transition-none': true,
-            } }, h("button", { key: 'eecbcc13c724410cb085bec5e26f6a2a4c55c32a', class: "[&>svg]:h-[1em] tw-absolute tw-right-8 tw-top-8 tw-z-[2] tw-flex tw-h-12 tw-w-12 tw-items-center tw-justify-center tw-border-0 tw-bg-transparent tw-text-3xl tw-p-2 tw-text-[var(--uofg-modal-dismiss-color,white)] [&>svg]:tw-h-[1em] [&>svg]:tw-fill-current", part: "dismiss-button", "aria-label": "Close modal", ref: (el) => (this.dismissButton = el), onClick: () => (this.isOpen = false) }, h(FontAwesomeIcon, { key: '735ceec0b5bbace91a40db729d7b530767b8593a', icon: faTimes })), h("slot", { key: 'b3b156aa4d3859a1d827a9d826a8d91b8f379f18' }))));
-    }
-    /**
-     * Get the current state of the modal.
-     * @returns A promise which will resolve to true when the modal is open, or false when the modal is closed.
-     */
-    async getState() {
-        return this.isOpen;
-    }
-    /**
-     * Set the state of the modal.
-     * @param value The new state, set it to true to open the modal, or false to close the modal.
-     */
-    async setState(value) {
-        this.isOpen = value;
-    }
-    /**
-     * Toggle the state of the modal.
-     * @returns A promise which will resolve to true (if the modal opened) or false (if the modal closed).
-     */
-    async toggle() {
-        this.isOpen = !this.isOpen;
-        return this.isOpen;
-    }
-    /**
-     * Closes the modal.
-     * @returns empty Promise.
-     */
-    async close() {
-        this.isOpen = false;
-    }
-    /**
-     * Opens the modal.
-     * @returns empty Promise.
-     */
-    async open() {
-        this.isOpen = true;
-    }
-    static get is() { return "uofg-modal"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["uofg-modal.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["uofg-modal.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "The label for the modal. It is recommended that you set this to describe the modal's content.\nThis is required for accessibility."
-                },
-                "attribute": "label",
-                "reflect": false
-            },
-            "alertDialog": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Used to determine whether the modal should be rendered as an alert dialog.\nThis is useful for when you want to use the modal to alert the user of something, rather than to ask the user to make a decision.\nIf this is set to true, the modal will be rendered with a role of \"alertdialog\" instead of \"dialog\"."
-                },
-                "attribute": "alert-dialog",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "centered": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Used to determine whether the modal content is centered vertically."
-                },
-                "attribute": "centered",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "staticBackdrop": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Used to determine whether clicking on the backdrop of the modal will close the modal.\nIf this is set to true, clicking on the backdrop will NOT close the modal."
-                },
-                "attribute": "static-backdrop",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "autoOpen": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Used to determine whether the modal should open automatically when the component is first rendered.\nIt is important to ensure this is only set to true for ONE modal on the page."
-                },
-                "attribute": "auto-open",
-                "reflect": false,
-                "defaultValue": "false"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "isOpen": {}
-        };
-    }
-    static get events() {
-        return [{
-                "method": "opened",
-                "name": "opened",
-                "bubbles": false,
-                "cancelable": false,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Dispatched whenever the modal is opened whether by user interaction or programmatically (e.g. open())."
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }, {
-                "method": "closed",
-                "name": "closed",
-                "bubbles": false,
-                "cancelable": false,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Dispatched whenever the modal is closed whether by user interaction or programmatically (e.g. close())."
-                },
-                "complexType": {
-                    "original": "void",
-                    "resolved": "void",
-                    "references": {}
-                }
-            }];
-    }
-    static get methods() {
-        return {
-            "getState": {
-                "complexType": {
-                    "signature": "() => Promise<boolean>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<boolean>"
-                },
-                "docs": {
-                    "text": "Get the current state of the modal.",
-                    "tags": [{
-                            "name": "returns",
-                            "text": "A promise which will resolve to true when the modal is open, or false when the modal is closed."
-                        }]
-                }
-            },
-            "setState": {
-                "complexType": {
-                    "signature": "(value: boolean) => Promise<void>",
-                    "parameters": [{
-                            "name": "value",
-                            "type": "boolean",
-                            "docs": "The new state, set it to true to open the modal, or false to close the modal."
-                        }],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Set the state of the modal.",
-                    "tags": [{
-                            "name": "param",
-                            "text": "value The new state, set it to true to open the modal, or false to close the modal."
-                        }]
-                }
-            },
-            "toggle": {
-                "complexType": {
-                    "signature": "() => Promise<boolean>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<boolean>"
-                },
-                "docs": {
-                    "text": "Toggle the state of the modal.",
-                    "tags": [{
-                            "name": "returns",
-                            "text": "A promise which will resolve to true (if the modal opened) or false (if the modal closed)."
-                        }]
-                }
-            },
-            "close": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Closes the modal.",
-                    "tags": [{
-                            "name": "returns",
-                            "text": "empty Promise."
-                        }]
-                }
-            },
-            "open": {
-                "complexType": {
-                    "signature": "() => Promise<void>",
-                    "parameters": [],
-                    "references": {
-                        "Promise": {
-                            "location": "global",
-                            "id": "global::Promise"
-                        }
-                    },
-                    "return": "Promise<void>"
-                },
-                "docs": {
-                    "text": "Opens the modal.",
-                    "tags": [{
-                            "name": "returns",
-                            "text": "empty Promise."
-                        }]
-                }
-            }
-        };
-    }
-    static get elementRef() { return "el"; }
-    static get watchers() {
-        return [{
-                "propName": "isOpen",
-                "methodName": "handleIsOpenChange"
-            }];
-    }
-}

package/dist/collection/index.js

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

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

@@ -1,7 +0,0 @@
-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/collection/utils/utils.js

@@ -1,13 +0,0 @@
-export const WEB_ANIMATIONS_SUPPORTED = () => {
-    return typeof window !== 'undefined' && 'animate' in HTMLElement.prototype;
-};
-export const PREFERS_REDUCED_MOTION = () => {
-    return typeof window !== 'undefined' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
-};
-export const IS_INERT_SUPPORTED = () => {
-    return typeof window !== 'undefined' && 'inert' in HTMLElement.prototype;
-};
-export const getAllFocusableElements = (container) => {
-    const query = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [contenteditable], audio[controls], video[controls], details, summary, [tabindex]:not([tabindex="-1"])';
-    return Array.from(container.querySelectorAll(query));
-};

package/dist/components/font-awesome-icon.js

@@ -1,10 +0,0 @@
-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 }))));
-};
-
-export { FontAwesomeIcon as F };

package/dist/components/index.d.ts

@@ -1,50 +0,0 @@
-/* UofgWebComponents custom elements */
-export { UofgAlert as UofgAlert } from '../types/components/uofg-alert/uofg-alert';
-export { defineCustomElement as defineCustomElementUofgAlert } from './uofg-alert';
-export { UofgBackToTop as UofgBackToTop } from '../types/components/uofg-back-to-top/uofg-back-to-top';
-export { defineCustomElement as defineCustomElementUofgBackToTop } from './uofg-back-to-top';
-export { UofgCard as UofgCard } from '../types/components/uofg-card/uofg-card';
-export { defineCustomElement as defineCustomElementUofgCard } from './uofg-card';
-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';
-export { UofgModal as UofgModal } from '../types/components/uofg-modal/uofg-modal';
-export { defineCustomElement as defineCustomElementUofgModal } from './uofg-modal';
-
-/**
- * Get the base path to where the assets can be found. Use "setAssetPath(path)"
- * if the path needs to be customized.
- */
-export declare const getAssetPath: (path: string) => string;
-
-/**
- * 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

@@ -1,8 +0,0 @@
-export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
-export { UofgAlert, defineCustomElement as defineCustomElementUofgAlert } from './uofg-alert.js';
-export { UofgBackToTop, defineCustomElement as defineCustomElementUofgBackToTop } from './uofg-back-to-top.js';
-export { UofgCard, defineCustomElement as defineCustomElementUofgCard } from './uofg-card.js';
-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';
-export { UofgModal, defineCustomElement as defineCustomElementUofgModal } from './uofg-modal.js';

package/dist/components/index2.js

@@ -1,18 +0,0 @@
-var faCircleExclamation = {
-  prefix: 'fas',
-  iconName: 'circle-exclamation',
-  icon: [512, 512, ["exclamation-circle"], "f06a", "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24V264c0 13.3-10.7 24-24 24s-24-10.7-24-24V152c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z"]
-};
-var faChevronUp = {
-  prefix: 'fas',
-  iconName: 'chevron-up',
-  icon: [512, 512, [], "f077", "M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"]
-};
-var faXmark = {
-  prefix: 'fas',
-  iconName: 'xmark',
-  icon: [384, 512, [128473, 10005, 10006, 10060, 215, "close", "multiply", "remove", "times"], "f00d", "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z"]
-};
-var faTimes = faXmark;
-
-export { faChevronUp as a, faTimes as b, faCircleExclamation as f };

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

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

package/dist/components/uofg-alert.js

@@ -1,36 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { F as FontAwesomeIcon } from './font-awesome-icon.js';
-import { f as faCircleExclamation } from './index2.js';
-
-const uofgAlertCss = ":host{display:block;max-width:100rem}*{box-sizing:border-box}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-size:inherit;font-family:inherit;color:inherit;line-height:inherit;word-spacing:inherit;letter-spacing:inherit}ul{list-style:none;padding:0;margin:0}@defaults border-spacing{--tw-border-spacing-x:0;--tw-border-spacing-y:0}@defaults transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1}@defaults touch-action{}@defaults scroll-snap-type{--tw-scroll-snap-strictness:proximity}@defaults gradient-color-stops{}@defaults font-variant-numeric{}@defaults box-shadow{--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@defaults ring-width{--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@defaults filter{}@defaults backdrop-filter{}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}.tw-flex{display:flex!important}.tw-flex-col{flex-direction:column!important}.tw-items-center{align-items:center!important}.tw-bg-uofg-grey{--tw-bg-opacity:1!important;background-color:rgb(221 221 221/var(--tw-bg-opacity))!important}.tw-bg-uofg-red{--tw-bg-opacity:1!important;background-color:rgb(194 4 48/var(--tw-bg-opacity))!important}.tw-bg-white{--tw-bg-opacity:1!important;background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.tw-p-8{padding:2rem!important}.tw-px-8{padding-left:2rem!important;padding-right:2rem!important}.tw-py-4{padding-bottom:1rem!important;padding-top:1rem!important}.tw-py-6{padding-bottom:1.5rem!important;padding-top:1.5rem!important}.tw-text-2xl{font-size:1.5rem!important;line-height:2rem!important}.tw-text-3xl{font-size:1.875rem!important;line-height:2.25rem!important}.tw-text-4xl{font-size:2.25rem!important;line-height:2.5rem!important}.tw-text-white{--tw-text-opacity:1!important;color:rgb(255 255 255/var(--tw-text-opacity))!important}.\\[\\&\\>slot\\[name\\=\\\"message\\\"\\]\\:\\:slotted\\(\\*\\)\\]\\:tw-text-2xl>slot[name=message]::slotted(*){font-size:1.5rem!important;line-height:2rem!important}.\\[\\&\\>slot\\[name\\=\\\"subtitle\\\"\\]\\:\\:slotted\\(\\*\\)\\]\\:tw-mb-8>slot[name=subtitle]::slotted(*){margin-bottom:2rem!important}.\\[\\&\\>slot\\[name\\=\\\"subtitle\\\"\\]\\:\\:slotted\\(\\*\\)\\]\\:tw-text-4xl>slot[name=subtitle]::slotted(*){font-size:2.25rem!important;line-height:2.5rem!important}.\\[\\&\\>slot\\[name\\=\\\"subtitle\\\"\\]\\:\\:slotted\\(\\*\\)\\]\\:tw-font-bold>slot[name=subtitle]::slotted(*){font-weight:700!important}.\\[\\&\\>svg\\]\\:tw-mr-4>svg{margin-right:1rem!important}.\\[\\&\\>svg\\]\\:tw-h-\\[1\\.5em\\]>svg{height:1.5em!important}.\\[\\&\\>svg\\]\\:tw-fill-current>svg{fill:currentColor!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}";
-const UofgAlertStyle0 = uofgAlertCss;
-
-const UofgAlert$1 = /*@__PURE__*/ proxyCustomElement(class UofgAlert extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    render() {
-        return (h("div", { key: '43637578cd80a54999db4a08bf6a5fa09c76c402', class: "tw-flex tw-flex-col tw-text-3xl" }, h("div", { key: '22313ab033d01b2271fd7dfe7d7747b5fd59e776', class: "tw-flex tw-items-center tw-bg-uofg-red tw-p-8 tw-text-4xl tw-text-white [&>svg]:tw-mr-4 [&>svg]:tw-h-[1.5em] [&>svg]:tw-fill-current" }, h(FontAwesomeIcon, { key: 'a742d78bcb8a8215d55a6270eabba0a53b165f26', icon: faCircleExclamation }), h("slot", { key: '5afc5e3a18c0fb3ab5662af2fa912752fda379c8', name: "title" })), h("div", { key: 'd2ff3754074ce3b5e7e254cdf72711b1174222a7', class: 'tw-flex tw-flex-col tw-bg-white tw-px-8 tw-py-6 [&>slot[name="message"]::slotted(*)]:tw-text-2xl [&>slot[name="subtitle"]::slotted(*)]:tw-mb-8 [&>slot[name="subtitle"]::slotted(*)]:tw-text-4xl [&>slot[name="subtitle"]::slotted(*)]:tw-font-bold' }, h("slot", { key: '261b7f2434eecdc63cd0746bdb11539be6e3edf9', name: "subtitle" }), h("slot", { key: '438ef72be3746c53ee8f628e553163a7af93fe3e', name: "message" })), h("div", { key: '6b3a020c4a6d98e7f7fe90b922a0be997a6f341a', class: "tw-flex tw-bg-uofg-grey tw-py-4 tw-px-8 tw-text-2xl" }, h("slot", { key: '588ae6afce9d76c96768b807c3135cb1714f2889', name: "footer" }))));
-    }
-    static get style() { return UofgAlertStyle0; }
-}, [1, "uofg-alert"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["uofg-alert"];
-    components.forEach(tagName => { switch (tagName) {
-        case "uofg-alert":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, UofgAlert$1);
-            }
-            break;
-    } });
-}
-
-const UofgAlert = UofgAlert$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { UofgAlert, defineCustomElement };

package/dist/components/uofg-back-to-top.d.ts

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