@tylertech/forge 2.0.0

package/esm/busy-indicator/busy-indicator.d.ts

@@ -0,0 +1,73 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+import { BusyIndicatorLayoutDirection } from './busy-indicator-constants';
+export interface IBusyIndicatorComponent extends IBaseComponent {
+    titleText: string;
+    message: string;
+    cancel: boolean;
+    spinner: boolean;
+    progressBar: boolean;
+    progressBarDeterminate: boolean;
+    progress: number;
+    buffer: number;
+    width: number | 'auto';
+    direction: BusyIndicatorLayoutDirection;
+    manageFocus: boolean;
+    fixed: boolean;
+    hide(force?: boolean): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-busy-indicator': IBusyIndicatorComponent;
+    }
+    interface HTMLElementEventMap {
+        'forge-busy-indicator-cancel': CustomEvent<void>;
+    }
+}
+/** A web component that renders a busy indicator covering its parent container. */
+export declare class BusyIndicatorComponent extends BaseComponent implements IBusyIndicatorComponent {
+    static get observedAttributes(): string[];
+    private _foundation;
+    constructor();
+    initializedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    /** The title to be displayed. */
+    titleText: string;
+    /** The message to be displayed. */
+    message: string;
+    /** Controls whether the cancel button is visible or not. */
+    cancel: boolean;
+    /** Controls whether the progress spinner is visible or not. */
+    spinner: boolean;
+    /** Controls whether the progres bar is visible or not. */
+    progressBar: boolean;
+    /** Sets the progress bar determinate state. */
+    progressBarDeterminate: boolean;
+    /** The progress amount of the progress bar. */
+    progress: number;
+    /** The buffer amount of the progress bar. */
+    buffer: number;
+    /** Sets the width of the busy indicator element. */
+    width: number | 'auto';
+    /** The layout direction for alternative designs. */
+    direction: BusyIndicatorLayoutDirection;
+    /** Controls whether the component will manage capturing and relasing focus when opened/closed. */
+    manageFocus: boolean;
+    /**
+     * Controls the `position` of the backdrop and surface element between `fixed` and `absolute` positioning. Default is `true`.
+     *
+     * Note: use this property when you want to render the busy indicator within a specific element where it doesn't fill the
+     *       full viewport heigth/width to only cover the parent element bounds.
+     */
+    fixed: boolean;
+    /**
+     * Removes the element from the DOM.
+     * @param {boolean} [force=false] Whether to force removal of the busy indicator or not.
+     */
+    hide(force?: boolean): void;
+}

package/esm/busy-indicator/busy-indicator.js

@@ -0,0 +1,111 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { attachShadowTemplate, CustomElement, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';
+import { BackdropComponent } from '../backdrop';
+import { ButtonComponent } from '../button';
+import { CircularProgressComponent } from '../circular-progress';
+import { BaseComponent } from '../core/base/base-component';
+import { LinearProgressComponent } from '../linear-progress';
+import { BusyIndicatorAdapter } from './busy-indicator-adapter';
+import { BUSY_INDICATOR_CONSTANTS } from './busy-indicator-constants';
+import { BusyIndicatorFoundation } from './busy-indicator-foundation';
+const template = '<template><forge-backdrop part=\"backdrop\" fixed></forge-backdrop><aside class=\"forge-busy-indicator__surface\" role=\"alertdialog\" aria-modal=\"true\" part=\"surface\" tabindex=\"0\"><h3 class=\"forge-busy-indicator__title\" part=\"title\">Loading</h3><div class=\"forge-busy-indicator__message-container\" part=\"message-container\"><forge-circular-progress class=\"forge-busy-indicator__spinner\" part=\"spinner\"></forge-circular-progress><span class=\"forge-busy-indicator__message\" part=\"message\"></span><forge-button class=\"forge-busy-indicator__forge-cancel-button\" part=\"cancel-button\"><button class=\"forge-busy-indicator__cancel-button\" part=\"cancel-button-element\">Cancel</button></forge-button></div><div class=\"forge-busy-indicator__progress-container\" part=\"progress-bar-container\"><forge-linear-progress part=\"progress-bar\"></forge-linear-progress></div></aside></template>';
+const styles = '.mdc-elevation-overlay{position:absolute;border-radius:inherit;pointer-events:none;opacity:0;opacity:var(--mdc-elevation-overlay-opacity, 0);-webkit-transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);transition:opacity 280ms cubic-bezier(.4, 0, .2, 1);background-color:#fff;background-color:var(--mdc-elevation-overlay-color,#fff)}.forge-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);position:relative;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:64px;border:none;outline:0;line-height:inherit;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;overflow:visible;vertical-align:middle}.forge-button .mdc-elevation-overlay{width:100%;height:100%;top:0;left:0}.forge-button::-moz-focus-inner{padding:0;border:0}.forge-button:active{outline:0}.forge-button:hover{cursor:pointer}.forge-button:disabled{cursor:default;pointer-events:none}.forge-button .forge-button__icon{margin-left:0;margin-right:8px;display:inline-block;font-size:1.125rem;height:1.125rem;vertical-align:top;width:1.125rem}.forge-button .forge-button__icon[dir=rtl],[dir=rtl] .forge-button .forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon{margin-left:8px;margin-right:0}.forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button__label~.forge-button__icon{margin-left:0;margin-right:8px}svg.forge-button__icon{fill:currentColor}.forge-button--outlined .forge-button__icon,.forge-button--raised .forge-button__icon,.forge-button--unelevated .forge-button__icon{margin-right:8px}.forge-button--outlined .forge-button__icon[dir=rtl],.forge-button--raised .forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__icon{margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon,.forge-button--raised .forge-button__label~.forge-button__icon,.forge-button--unelevated .forge-button__label~.forge-button__icon{margin-right:-4px}.forge-button--outlined .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--raised .forge-button__label~.forge-button__icon[dir=rtl],.forge-button--unelevated .forge-button__label~.forge-button__icon[dir=rtl],[dir=rtl] .forge-button--outlined .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--raised .forge-button__label~.forge-button__icon,[dir=rtl] .forge-button--unelevated .forge-button__label~.forge-button__icon{margin-right:8px}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-button{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.forge-button .forge-button__ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-button .forge-button__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-button.mdc-ripple-upgraded .forge-button__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-button.mdc-ripple-upgraded--unbounded .forge-button__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-button.mdc-ripple-upgraded--foreground-activation .forge-button__ripple::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-button.mdc-ripple-upgraded--foreground-deactivation .forge-button__ripple::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-button.mdc-ripple-upgraded .forge-button__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-button .forge-button__ripple{position:absolute;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;overflow:hidden}.forge-button:not(.forge-button--outlined) .forge-button__ripple{top:0;left:0}.forge-button--raised{box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);-webkit-transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1);transition:box-shadow 280ms cubic-bezier(.4, 0, .2, 1),-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1)}.forge-button--raised:focus,.forge-button--raised:hover{box-shadow:0 2px 4px -1px rgba(0,0,0,.2),0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12)}.forge-button--raised:active{box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.forge-button--raised:disabled{box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}.forge-button--outlined{border-style:solid}.forge-button{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 8px 0 8px}.forge-button:not(:disabled){background-color:transparent}.forge-button:disabled{background-color:transparent}.forge-button:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button .forge-button__ripple::after,.forge-button .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--unelevated:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--unelevated:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--unelevated:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--unelevated:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--unelevated .forge-button__ripple::after,.forge-button--unelevated .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--unelevated.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--unelevated:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--unelevated.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--unelevated:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--unelevated:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--unelevated:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--unelevated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--unelevated .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised{padding:0 16px 0 16px;height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--raised:not(:disabled){background-color:#3f51b5;background-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--raised:disabled{background-color:rgba(0,0,0,.12);background-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--raised:not(:disabled){color:#fff;color:var(--mdc-theme-on-primary,#fff)}.forge-button--raised:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--raised .forge-button__ripple::after,.forge-button--raised .forge-button__ripple::before{background-color:#fff;background-color:var(--mdc-ripple-color,var(--mdc-theme-on-primary,#fff))}.forge-button--raised.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--raised:hover .forge-button__ripple::before{opacity:.08;opacity:var(--mdc-ripple-hover-opacity, .08)}.forge-button--raised.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--raised:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-focus-opacity, .24)}.forge-button--raised:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--raised:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.24;opacity:var(--mdc-ripple-press-opacity, .24)}.forge-button--raised.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.forge-button--raised .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined{height:36px;border-radius:4px;border-radius:var(--mdc-shape-small,4px);padding:0 15px 0 15px;border-width:1px}.forge-button--outlined:not(:disabled){background-color:transparent}.forge-button--outlined:disabled{background-color:transparent}.forge-button--outlined:not(:disabled){color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{color:rgba(0,0,0,.38);color:var(--mdc-theme-text-disabled-on-light,rgba(0,0,0,.38))}.forge-button--outlined .forge-button__ripple::after,.forge-button--outlined .forge-button__ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-button--outlined.mdc-ripple-surface--hover .forge-button__ripple::before,.forge-button--outlined:hover .forge-button__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-button--outlined.mdc-ripple-upgraded--background-focused .forge-button__ripple::before,.forge-button--outlined:not(.mdc-ripple-upgraded):focus .forge-button__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-button--outlined:not(.mdc-ripple-upgraded) .forge-button__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-button--outlined:not(.mdc-ripple-upgraded):active .forge-button__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-button--outlined.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.forge-button--outlined .forge-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-small,4px)}.forge-button--outlined:not(:disabled){border-color:#3f51b5;border-color:var(--mdc-theme-primary,#3f51b5)}.forge-button--outlined:disabled{border-color:rgba(0,0,0,.12);border-color:var(--mdc-theme-text-disabled-on-background,rgba(0,0,0,.12))}.forge-button--outlined .forge-button__ripple{top:-1px;left:-1px;border:1px solid transparent}.forge-button--dense{height:24px;margin-top:0;margin-bottom:0;height:1.5rem}forge-button{display:inline-block}forge-button[hidden]{display:none}forge-button[disabled]{cursor:not-allowed}a.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);text-decoration:none}a.forge-hyperlink:visited{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5)}a.forge-hyperlink[disabled]{pointer-events:none;cursor:default}a.forge-hyperlink:focus,a.forge-hyperlink:hover:not([disabled]){text-decoration:underline}button.forge-hyperlink{color:#3f51b5;color:var(--mdc-theme-primary,#3f51b5);cursor:pointer;border:none;background-color:transparent;font-size:inherit;padding:0;outline:0;text-align:left}button.forge-hyperlink[disabled]{pointer-events:none;cursor:default}button.forge-hyperlink:hover:not([disabled]){text-decoration:underline}:host{outline:0;contain:content}:host([hidden]){display:none}:host([direction=row]) .forge-busy-indicator__surface{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);z-index:8;z-index:var(--forge-z-index-dialog,8);position:absolute;padding:48px;-webkit-box-sizing:border-box;box-sizing:border-box;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);outline:0;opacity:0;min-width:280px;max-width:865px}:host([direction=row]) .forge-busy-indicator__surface .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-medium,4px)}:host([direction=row]) .forge-busy-indicator__surface--fixed{position:fixed}:host([direction=row]) .forge-busy-indicator__surface--invisible{background:0 0;-webkit-box-shadow:none;box-shadow:none;min-width:auto}:host([direction=row]) .forge-busy-indicator__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);margin-top:-24px;margin-left:-24px}:host([direction=row]) .forge-busy-indicator__message-container{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}:host([direction=row]) .forge-busy-indicator__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-webkit-box-flex:1;flex:1 auto}:host([direction=row]) .forge-busy-indicator__message:nth-child(2){margin-left:16px}:host([direction=row]) .forge-busy-indicator__cancel-button{margin-left:16px}:host([direction=row]) .forge-busy-indicator__progress-container{min-width:244px;margin-top:24px}:host([direction=column]) .forge-busy-indicator__surface{-webkit-box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0 24px 38px 3px rgba(0,0,0,.14),0 9px 46px 8px rgba(0,0,0,.12);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);border-radius:4px;border-radius:var(--mdc-shape-medium,4px);z-index:8;z-index:var(--forge-z-index-dialog,8);position:absolute;padding:48px;-webkit-box-sizing:border-box;box-sizing:border-box;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1);outline:0;opacity:0;min-width:256px;max-width:356px}:host([direction=column]) .forge-busy-indicator__surface .mdc-button__ripple{border-radius:4px;border-radius:var(--mdc-shape-medium,4px)}:host([direction=column]) .forge-busy-indicator__surface--invisible{background:0 0;-webkit-box-shadow:none;box-shadow:none;min-width:auto}:host([direction=column]) .forge-busy-indicator__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight,400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-decoration:var(--mdc-typography-headline5-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform,inherit);margin-top:-24px;margin-left:-24px}:host([direction=column]) .forge-busy-indicator__message-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;display:-webkit-box;display:flex;place-items:center}:host([direction=column]) .forge-busy-indicator__message{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight,400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-decoration:var(--mdc-typography-body1-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform,inherit);color:rgba(0,0,0,.54);color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54));-webkit-box-flex:1;flex:1 auto;text-align:center;margin:0}:host([direction=column]) .forge-busy-indicator__forge-cancel-button{margin-top:16px;margin-bottom:-36px;margin-right:0;margin-left:0}:host([direction=column]) .forge-busy-indicator__progress-container{min-width:244px;margin-top:24px}:host([direction=column]) .forge-busy-indicator__spinner{margin-bottom:32px}';
+/** A web component that renders a busy indicator covering its parent container. */
+let BusyIndicatorComponent = class BusyIndicatorComponent extends BaseComponent {
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new BusyIndicatorFoundation(new BusyIndicatorAdapter(this));
+    }
+    static get observedAttributes() {
+        return [
+            BUSY_INDICATOR_CONSTANTS.attributes.TITLE_TEXT,
+            BUSY_INDICATOR_CONSTANTS.attributes.MESSAGE,
+            BUSY_INDICATOR_CONSTANTS.attributes.CANCEL,
+            BUSY_INDICATOR_CONSTANTS.attributes.MINIMUM_VISIBLE_LIFETIME,
+            BUSY_INDICATOR_CONSTANTS.attributes.DIRECTION,
+            BUSY_INDICATOR_CONSTANTS.attributes.MANAGE_FOCUS,
+            BUSY_INDICATOR_CONSTANTS.attributes.FIXED
+        ];
+    }
+    initializedCallback() {
+        this._foundation.show();
+    }
+    disconnectedCallback() {
+        this._foundation.destroy();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch (name) {
+            case BUSY_INDICATOR_CONSTANTS.attributes.TITLE_TEXT:
+                this.titleText = newValue;
+                break;
+            case BUSY_INDICATOR_CONSTANTS.attributes.MESSAGE:
+                this.message = newValue;
+                break;
+            case BUSY_INDICATOR_CONSTANTS.attributes.CANCEL:
+                this.cancel = newValue === 'true';
+                break;
+            case BUSY_INDICATOR_CONSTANTS.attributes.MANAGE_FOCUS:
+                this.manageFocus = coerceBoolean(newValue);
+                break;
+            case BUSY_INDICATOR_CONSTANTS.attributes.FIXED:
+                this.fixed = coerceBoolean(newValue);
+                break;
+        }
+    }
+    /**
+     * Removes the element from the DOM.
+     * @param {boolean} [force=false] Whether to force removal of the busy indicator or not.
+     */
+    hide(force = true) {
+        this._foundation.hide(force);
+    }
+};
+__decorate([
+    FoundationProperty()
+], BusyIndicatorComponent.prototype, "titleText", void 0);
+__decorate([
+    FoundationProperty()
+], BusyIndicatorComponent.prototype, "message", void 0);
+__decorate([
+    FoundationProperty()
+], BusyIndicatorComponent.prototype, "cancel", void 0);
+__decorate([
+    FoundationProperty()
+], BusyIndicatorComponent.prototype, "spinner", void 0);
+__decorate([
+    FoundationProperty()
+], BusyIndicatorComponent.prototype, "progressBar", void 0);
+__decorate([
+    FoundationProperty()
+], BusyIndicatorComponent.prototype, "progressBarDeterminate", void 0);
+__decorate([
+    FoundationProperty()
+], BusyIndicatorComponent.prototype, "progress", void 0);
+__decorate([
+    FoundationProperty()
+], BusyIndicatorComponent.prototype, "buffer", void 0);
+__decorate([
+    FoundationProperty()
+], BusyIndicatorComponent.prototype, "width", void 0);
+__decorate([
+    FoundationProperty()
+], BusyIndicatorComponent.prototype, "direction", void 0);
+__decorate([
+    FoundationProperty()
+], BusyIndicatorComponent.prototype, "manageFocus", void 0);
+__decorate([
+    FoundationProperty()
+], BusyIndicatorComponent.prototype, "fixed", void 0);
+BusyIndicatorComponent = __decorate([
+    CustomElement({
+        name: BUSY_INDICATOR_CONSTANTS.elementName,
+        dependencies: [BackdropComponent, CircularProgressComponent, LinearProgressComponent, ButtonComponent]
+    })
+], BusyIndicatorComponent);
+export { BusyIndicatorComponent };

package/esm/busy-indicator/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './busy-indicator-adapter';
+export * from './busy-indicator-constants';
+export * from './busy-indicator-foundation';
+export * from './busy-indicator';
+export declare function defineBusyIndicatorComponent(): void;

package/esm/busy-indicator/index.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { BusyIndicatorComponent } from './busy-indicator';
+export * from './busy-indicator-adapter';
+export * from './busy-indicator-constants';
+export * from './busy-indicator-foundation';
+export * from './busy-indicator';
+export function defineBusyIndicatorComponent() {
+    defineCustomElement(BusyIndicatorComponent);
+}

package/esm/button/button-component-delegate.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponentDelegate, IBaseComponentDelegateConfig, IBaseComponentDelegateOptions } from '../core/delegates/base-component-delegate';
+import { IButtonComponent } from './button';
+export declare type ButtonComponentDelegateProps = Partial<IButtonComponent>;
+export interface IButtonComponentDelegateOptions extends IBaseComponentDelegateOptions {
+    type?: 'button' | 'submit';
+    text?: string;
+}
+export interface IButtonComponentDelegateConfig extends IBaseComponentDelegateConfig<IButtonComponent, IButtonComponentDelegateOptions> {
+}
+export declare class ButtonComponentDelegate extends BaseComponentDelegate<IButtonComponent, IButtonComponentDelegateOptions> {
+    private _buttonElement?;
+    constructor(config?: IButtonComponentDelegateConfig);
+    destroy(): void;
+    get buttonElement(): HTMLButtonElement | undefined;
+    protected _build(): IButtonComponent;
+    onClick(listener: (evt: MouseEvent) => void): void;
+    onFocus(listener: (evt: Event) => void): void;
+    onBlur(listener: (evt: Event) => void): void;
+}

package/esm/button/button-component-delegate.js

@@ -0,0 +1,39 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponentDelegate } from '../core/delegates/base-component-delegate';
+import { BUTTON_CONSTANTS } from './button-constants';
+export class ButtonComponentDelegate extends BaseComponentDelegate {
+    constructor(config) {
+        super(config);
+    }
+    destroy() {
+        this._buttonElement = undefined;
+    }
+    get buttonElement() {
+        return this._buttonElement;
+    }
+    _build() {
+        var _a, _b;
+        const component = document.createElement(BUTTON_CONSTANTS.elementName);
+        this._buttonElement = document.createElement('button');
+        this._buttonElement.type = ((_a = this._config.options) === null || _a === void 0 ? void 0 : _a.type) || 'button';
+        this._buttonElement.textContent = ((_b = this._config.options) === null || _b === void 0 ? void 0 : _b.text) || '';
+        component.appendChild(this._buttonElement);
+        return component;
+    }
+    onClick(listener) {
+        var _a;
+        (_a = this._buttonElement) === null || _a === void 0 ? void 0 : _a.addEventListener('click', listener);
+    }
+    onFocus(listener) {
+        var _a;
+        (_a = this._buttonElement) === null || _a === void 0 ? void 0 : _a.addEventListener('focus', evt => listener(evt));
+    }
+    onBlur(listener) {
+        var _a;
+        (_a = this._buttonElement) === null || _a === void 0 ? void 0 : _a.addEventListener('blur', evt => listener(evt));
+    }
+}

package/esm/button/button-constants.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare const BUTTON_CONSTANTS: {
+    elementName: "forge-button";
+    classes: {
+        BUTTON: string;
+        LABEL: string;
+        ICON: string;
+        BUTTON_RAISED: string;
+        BUTTON_UNELEVATED: string;
+        BUTTON_OUTLINED: string;
+        BUTTON_DENSE: string;
+        RIPPLE: string;
+    };
+    selectors: {
+        BUTTON: string;
+        LABEL: string;
+        ICON: string;
+        RIPPLE: string;
+    };
+    attributes: {
+        TYPE: string;
+        DISABLED: string;
+    };
+};

package/esm/button/button-constants.js

@@ -0,0 +1,33 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}button`;
+const classes = {
+    BUTTON: 'forge-button',
+    LABEL: 'forge-button__label',
+    ICON: 'forge-button__icon',
+    BUTTON_RAISED: 'forge-button--raised',
+    BUTTON_UNELEVATED: 'forge-button--unelevated',
+    BUTTON_OUTLINED: 'forge-button--outlined',
+    BUTTON_DENSE: 'forge-button--dense',
+    RIPPLE: 'forge-button__ripple'
+};
+const selectors = {
+    BUTTON: 'button',
+    LABEL: `span:not(.${classes.RIPPLE})`,
+    ICON: 'i,forge-icon,[data-forge-button-icon]',
+    RIPPLE: `.${classes.RIPPLE}`
+};
+const attributes = {
+    TYPE: 'type',
+    DISABLED: 'disabled'
+};
+export const BUTTON_CONSTANTS = {
+    elementName,
+    classes,
+    selectors,
+    attributes
+};

package/esm/button/button.d.ts

@@ -0,0 +1,43 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+export interface IButtonComponent extends IBaseComponent {
+    type: string;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-button': IButtonComponent;
+    }
+}
+/**
+ * The custom element class behind the `<forge-button>` element.
+ */
+export declare class ButtonComponent extends BaseComponent implements IButtonComponent {
+    static get observedAttributes(): string[];
+    private _rippleInstance;
+    private _buttonElement;
+    private _type;
+    private _mutationObserver;
+    private _buttonAttrMutationObserver;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    disconnectedCallback(): void;
+    /**
+     * Sets the type of button decoration.
+     * Possible values are: raised, elevated, outlined, and dense.
+     * Can be combined as: outlined-dense.
+     */
+    get type(): string;
+    set type(value: string);
+    private _applyType;
+    private _initialize;
+    private _initializeButton;
+    private _initializeButtonChildren;
+    private _initializeMutationObserver;
+    private _buttonWasAdded;
+    private _syncDisabledState;
+}

package/esm/button/button.js

@@ -0,0 +1,160 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { CustomElement, ensureChildren, toggleAttribute } from '@tylertech/forge-core';
+import { BaseComponent } from '../core/base/base-component';
+import { BUTTON_CONSTANTS } from './button-constants';
+import { ForgeRipple } from '../ripple';
+/**
+ * The custom element class behind the `<forge-button>` element.
+ */
+let ButtonComponent = class ButtonComponent extends BaseComponent {
+    constructor() {
+        super();
+    }
+    static get observedAttributes() {
+        return [BUTTON_CONSTANTS.attributes.TYPE];
+    }
+    connectedCallback() {
+        if (this.children.length) {
+            this._initialize();
+        }
+        else {
+            ensureChildren(this).then(() => this._initialize());
+        }
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch (name) {
+            case BUTTON_CONSTANTS.attributes.TYPE:
+                this.type = newValue;
+                break;
+        }
+    }
+    disconnectedCallback() {
+        if (this._rippleInstance) {
+            this._rippleInstance.destroy();
+        }
+        if (this._mutationObserver) {
+            this._mutationObserver.disconnect();
+        }
+        if (this._buttonAttrMutationObserver) {
+            this._buttonAttrMutationObserver.disconnect();
+        }
+    }
+    /**
+     * Sets the type of button decoration.
+     * Possible values are: raised, elevated, outlined, and dense.
+     * Can be combined as: outlined-dense.
+     */
+    get type() {
+        return this._type;
+    }
+    set type(value) {
+        if (this._type !== value) {
+            this._type = value;
+            this._applyType(value);
+            this.setAttribute(BUTTON_CONSTANTS.attributes.TYPE, this._type);
+        }
+    }
+    _applyType(type) {
+        if (this._buttonElement) {
+            this._buttonElement.classList.remove(BUTTON_CONSTANTS.classes.BUTTON_RAISED);
+            this._buttonElement.classList.remove(BUTTON_CONSTANTS.classes.BUTTON_UNELEVATED);
+            this._buttonElement.classList.remove(BUTTON_CONSTANTS.classes.BUTTON_OUTLINED);
+            this._buttonElement.classList.remove(BUTTON_CONSTANTS.classes.BUTTON_DENSE);
+            if (type.includes('raised')) {
+                this._buttonElement.classList.add(BUTTON_CONSTANTS.classes.BUTTON_RAISED);
+            }
+            if (type.includes('unelevated')) {
+                this._buttonElement.classList.add(BUTTON_CONSTANTS.classes.BUTTON_UNELEVATED);
+            }
+            if (type.includes('outlined')) {
+                this._buttonElement.classList.add(BUTTON_CONSTANTS.classes.BUTTON_OUTLINED);
+            }
+            if (type.includes('dense')) {
+                this._buttonElement.classList.add(BUTTON_CONSTANTS.classes.BUTTON_DENSE);
+            }
+        }
+    }
+    _initialize() {
+        this._initializeButton();
+        this._initializeMutationObserver();
+    }
+    _initializeButton() {
+        this._buttonElement = this.querySelector(BUTTON_CONSTANTS.selectors.BUTTON);
+        if (!this._buttonElement) {
+            return;
+        }
+        if (this.hasAttribute(BUTTON_CONSTANTS.attributes.TYPE)) {
+            this._type = this.getAttribute(BUTTON_CONSTANTS.attributes.TYPE);
+            this._applyType(this._type);
+        }
+        this._buttonElement.classList.add(BUTTON_CONSTANTS.classes.BUTTON);
+        this._syncDisabledState();
+        this._initializeButtonChildren();
+        if (this._rippleInstance) {
+            this._rippleInstance.destroy();
+        }
+        this._rippleInstance = new ForgeRipple(this._buttonElement);
+    }
+    _initializeButtonChildren() {
+        if (!this._buttonElement.querySelector(BUTTON_CONSTANTS.selectors.RIPPLE)) {
+            const rippleElement = document.createElement('span');
+            rippleElement.classList.add(BUTTON_CONSTANTS.classes.RIPPLE);
+            this._buttonElement.appendChild(rippleElement);
+        }
+        const labelElement = this.querySelector(BUTTON_CONSTANTS.selectors.LABEL);
+        if (labelElement) {
+            labelElement.classList.add(BUTTON_CONSTANTS.classes.LABEL);
+        }
+        const iconElements = Array.from(this.querySelectorAll(BUTTON_CONSTANTS.selectors.ICON));
+        iconElements.forEach(iconElement => {
+            iconElement.classList.add(BUTTON_CONSTANTS.classes.ICON);
+            if (!iconElement.hasAttribute('aria-hidden')) {
+                iconElement.setAttribute('aria-hidden', 'true');
+            }
+        });
+    }
+    _initializeMutationObserver() {
+        if (!this._mutationObserver) {
+            const config = { childList: true, subtree: true };
+            const callback = mutationList => {
+                if (this._buttonWasAdded(mutationList)) {
+                    this._initializeButton();
+                }
+                else if (mutationList.some(mutation => mutation.addedNodes.length)) {
+                    this._initializeButtonChildren();
+                }
+            };
+            this._mutationObserver = new MutationObserver(callback);
+            this._mutationObserver.observe(this, config);
+            if (this._buttonElement) {
+                // Watch attributes on the `<button>` element
+                this._buttonAttrMutationObserver = new MutationObserver(mutationList => {
+                    if (mutationList.some(mutation => mutation.attributeName === 'disabled')) {
+                        this._syncDisabledState();
+                    }
+                });
+                this._buttonAttrMutationObserver.observe(this._buttonElement, { attributes: true, attributeFilter: ['disabled'] });
+            }
+        }
+    }
+    _buttonWasAdded(mutationList) {
+        return mutationList.some(mutation => {
+            return Array.from(mutation.addedNodes)
+                .some(node => node.nodeName.toLowerCase() === BUTTON_CONSTANTS.selectors.BUTTON);
+        });
+    }
+    _syncDisabledState() {
+        toggleAttribute(this, this._buttonElement.disabled, BUTTON_CONSTANTS.attributes.DISABLED);
+    }
+};
+ButtonComponent = __decorate([
+    CustomElement({
+        name: BUTTON_CONSTANTS.elementName
+    })
+], ButtonComponent);
+export { ButtonComponent };

package/esm/button/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './button';
+export * from './button-constants';
+export * from './button-component-delegate';
+export declare function defineButtonComponent(): void;

package/esm/button/index.js

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { ButtonComponent } from './button';
+export * from './button';
+export * from './button-constants';
+export * from './button-component-delegate';
+export function defineButtonComponent() {
+    defineCustomElement(ButtonComponent);
+}

package/esm/button-toggle/button-toggle/button-toggle-adapter.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { ForgeRipple } from '../../ripple';
+import { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';
+import { IButtonToggleComponent } from './button-toggle';
+export interface IButtonToggleAdapter extends IBaseAdapter {
+    setSelected(value: boolean): void;
+    addEventListener(type: string, listener: (evt: Event) => void): void;
+    removeEventListener(type: string, listener: (evt: Event) => void): void;
+    initializeRipple(): ForgeRipple;
+    setDisabled(value: boolean): void;
+    setDense(value: boolean): void;
+    requestFocus(): void;
+    detectStretchState(): void;
+}
+export declare class ButtonToggleAdapter extends BaseAdapter<IButtonToggleComponent> implements IButtonToggleAdapter {
+    private _buttonElement;
+    constructor(component: IButtonToggleComponent);
+    setSelected(value: boolean): void;
+    addEventListener(type: string, listener: (evt: Event) => void): void;
+    removeEventListener(type: string, listener: (evt: Event) => void): void;
+    initializeRipple(): ForgeRipple;
+    setDisabled(value: boolean): void;
+    setDense(value: boolean): void;
+    requestFocus(): void;
+    detectStretchState(): void;
+}