@tylertech/forge 2.0.0

package/esm/radio/radio.js

@@ -0,0 +1,73 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { CustomElement, attachShadowTemplate, FoundationProperty, coerceBoolean } from '@tylertech/forge-core';
+import { RADIO_CONSTANTS } from './radio-constants';
+import { RadioFoundation } from './radio-foundation';
+import { RadioAdapter } from './radio-adapter';
+import { BaseComponent } from '../core/base/base-component';
+const template = '<template><div class=\"forge-radio-wrapper forge-form-field\" part=\"root\"><div class=\"mdc-radio\" part=\"container\"><slot></slot><div class=\"mdc-radio__background\" part=\"background\"><div class=\"mdc-radio__outer-circle\" part=\"outer-circle\"></div><div class=\"mdc-radio__inner-circle\" part=\"inner-circle\"></div></div><div class=\"mdc-radio__ripple\" part=\"ripple-container\"></div></div><slot name=\"label\"></slot></div></template>';
+const styles = '.mdc-radio{padding:10px;display:inline-block;position:relative;-webkit-box-flex:0;flex:0 0 auto;-webkit-box-sizing:content-box;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity,transform,border-color,color}.mdc-radio.forge-radio--enabled .mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0,0,0,.54);border-color:var(--mdc-theme-text-secondary-on-background,rgba(0,0,0,.54))}.mdc-radio.forge-radio--enabled.forge-radio--checked .mdc-radio__background .mdc-radio__outer-circle{border-color:#3d5afe;border-color:var(--forge-theme-tertiary,#3d5afe)}.mdc-radio.forge-radio--enabled .mdc-radio__background .mdc-radio__inner-circle{border-color:#3d5afe;border-color:var(--forge-theme-tertiary,#3d5afe)}.mdc-radio.mdc-radio--disabled .mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0,0,0,.26);border-color:var(--forge-theme-form-field-icon-disabled-on-background,rgba(0,0,0,.26))}.mdc-radio.mdc-radio--disabled.forge-radio--checked .mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0,0,0,.26);border-color:var(--forge-theme-form-field-icon-disabled-on-background,rgba(0,0,0,.26))}.mdc-radio.mdc-radio--disabled .mdc-radio__background .mdc-radio__inner-circle{border-color:rgba(0,0,0,.26);border-color:var(--forge-theme-form-field-icon-disabled-on-background,rgba(0,0,0,.26))}.mdc-radio .mdc-radio__background::before{background-color:#3d5afe;background-color:var(--forge-theme-tertiary,#3d5afe)}.mdc-radio .mdc-radio__background::before{top:-10px;left:-10px;width:40px;height:40px}.mdc-radio .mdc-radio__native-control{top:0;right:0;left:0;width:40px;height:40px}@media screen and (forced-colors:active),(-ms-high-contrast:active){.mdc-radio.mdc-radio--disabled .mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled.forge-radio--checked .mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled .mdc-radio__background .mdc-radio__inner-circle{border-color:GrayText}}.mdc-radio__background{display:inline-block;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;width:20px;height:20px}.mdc-radio__background::before{position:absolute;-webkit-transform:scale(0,0);transform:scale(0,0);border-radius:50%;opacity:0;pointer-events:none;content:\"\";-webkit-transition:opacity 120ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:opacity 120ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:opacity 120ms 0s cubic-bezier(.4, 0, .6, 1),transform 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:opacity 120ms 0s cubic-bezier(.4, 0, .6, 1),transform 120ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 120ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-radio__outer-circle{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;-webkit-transition:border-color 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:border-color 120ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-radio__inner-circle{position:absolute;top:0;left:0;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;-webkit-transform:scale(0,0);transform:scale(0,0);border-width:10px;border-style:solid;border-radius:50%;-webkit-transition:border-color 120ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:border-color 120ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 120ms 0s cubic-bezier(.4, 0, .6, 1),border-color 120ms 0s cubic-bezier(.4, 0, .6, 1);transition:transform 120ms 0s cubic-bezier(.4, 0, .6, 1),border-color 120ms 0s cubic-bezier(.4, 0, .6, 1),-webkit-transform 120ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-radio ::slotted(input[type=radio]){position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1;top:0;right:0;left:0;width:40px;height:40px}.mdc-radio.forge-radio--dense{padding:4px;margin:0}.mdc-radio.forge-radio--dense .mdc-radio__background::before{top:-4px;left:-4px;width:28px;height:28px}.mdc-radio.forge-radio--dense .mdc-radio__native-control{top:0;right:0;left:0;width:28px;height:28px}.mdc-radio.forge-radio--dense ::slotted(input[type=radio]){width:28px;height:28px}.mdc-radio--disabled+::slotted(label){color:rgba(0,0,0,.38);color:var(--forge-theme-label-disabled-on-background,rgba(0,0,0,.38))}.forge-radio--checked .mdc-radio__background,.mdc-radio--disabled .mdc-radio__background{-webkit-transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),transform 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1)}.forge-radio--checked .mdc-radio__background .mdc-radio__outer-circle,.mdc-radio--disabled .mdc-radio__background .mdc-radio__outer-circle{-webkit-transition:border-color 120ms 0s cubic-bezier(0, 0, .2, 1);transition:border-color 120ms 0s cubic-bezier(0, 0, .2, 1)}.forge-radio--checked .mdc-radio__background .mdc-radio__inner-circle,.mdc-radio--disabled .mdc-radio__background .mdc-radio__inner-circle{-webkit-transition:border-color 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:border-color 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 120ms 0s cubic-bezier(0, 0, .2, 1),border-color 120ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 120ms 0s cubic-bezier(0, 0, .2, 1),border-color 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1)}.mdc-radio--disabled{cursor:default;pointer-events:none}.forge-radio--checked .mdc-radio__background .mdc-radio__inner-circle{-webkit-transform:scale(.5);transform:scale(.5);-webkit-transition:border-color 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:border-color 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 120ms 0s cubic-bezier(0, 0, .2, 1),border-color 120ms 0s cubic-bezier(0, 0, .2, 1);transition:transform 120ms 0s cubic-bezier(0, 0, .2, 1),border-color 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1)}.mdc-radio--disabled .mdc-radio__background{cursor:default}.forge-radio--focused .mdc-radio__background::before{-webkit-transform:scale(1);transform:scale(1);opacity:.12;-webkit-transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),transform 120ms 0s cubic-bezier(0, 0, .2, 1);transition:opacity 120ms 0s cubic-bezier(0, 0, .2, 1),transform 120ms 0s cubic-bezier(0, 0, .2, 1),-webkit-transform 120ms 0s cubic-bezier(0, 0, .2, 1)}@-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}}.mdc-radio{--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}.mdc-radio .mdc-radio__ripple::after,.mdc-radio .mdc-radio__ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-radio .mdc-radio__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)}.mdc-radio .mdc-radio__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__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}.mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__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))}.mdc-radio .mdc-radio__ripple::after,.mdc-radio .mdc-radio__ripple::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after,.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-radio .mdc-radio__ripple::after,.mdc-radio .mdc-radio__ripple::before{background-color:#3d5afe;background-color:var(--forge-theme-tertiary,#3d5afe)}.mdc-radio.mdc-ripple-surface--hover .mdc-radio__ripple::before,.mdc-radio:hover .mdc-radio__ripple::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-radio.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-radio.mdc-ripple-upgraded .mdc-radio__background::before,.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before{content:none}.mdc-radio__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.forge-radio-wrapper--disabled{cursor:not-allowed}.forge-radio-wrapper--disabled ::slotted(label){cursor:not-allowed}.forge-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight,400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-decoration:var(--mdc-typography-body2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform,inherit);color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background,rgba(0,0,0,.87));display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;vertical-align:middle}.forge-form-field ::slotted([slot=label]){-webkit-box-ordinal-group:1;order:0;margin-right:auto;padding-left:4px}.forge-form-field forge-switch~::slotted([slot=label]){padding-left:8px}.forge-form-field--align-end ::slotted([slot=label]){-webkit-box-ordinal-group:0;order:-1;margin-left:auto;padding-right:4px}:host{display:inline-block}:host([hidden]){display:none}';
+/**
+ * The custom element class behind the `<forge-radio>` element.
+ */
+let RadioComponent = class RadioComponent extends BaseComponent {
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new RadioFoundation(new RadioAdapter(this));
+    }
+    static get observedAttributes() {
+        return [
+            RADIO_CONSTANTS.attributes.DENSE
+        ];
+    }
+    connectedCallback() {
+        this._ensureRadioInputElement().then(() => this._foundation.connect());
+    }
+    disconnectedCallback() {
+        this._foundation.disconnect();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch (name) {
+            case RADIO_CONSTANTS.attributes.DENSE:
+                this.dense = coerceBoolean(newValue);
+                break;
+        }
+    }
+    _ensureRadioInputElement() {
+        // Not using core function ensureChild because it was not selecting the input properly
+        return new Promise(resolve => {
+            const element = this.querySelector(RADIO_CONSTANTS.selectors.RADIO_INPUT);
+            if (element) {
+                resolve();
+                return;
+            }
+            const observer = new MutationObserver(changes => {
+                const hasAddedNodes = changes.reduce((prev, curr) => prev + curr.addedNodes.length, 0) > 0;
+                if (hasAddedNodes) {
+                    if (this.querySelector(RADIO_CONSTANTS.selectors.RADIO_INPUT)) {
+                        observer.disconnect();
+                        resolve();
+                    }
+                }
+            });
+            observer.observe(this, { childList: true, subtree: true });
+        });
+    }
+    syncCheckedState() {
+        this._foundation.syncCheckedState();
+    }
+};
+__decorate([
+    FoundationProperty()
+], RadioComponent.prototype, "dense", void 0);
+RadioComponent = __decorate([
+    CustomElement({
+        name: RADIO_CONSTANTS.elementName
+    })
+], RadioComponent);
+export { RadioComponent };

package/esm/ripple/forge-ripple.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { MDCRipple, MDCRippleAdapter, MDCRippleFoundation, MDCRippleCapableSurface } from '@material/ripple';
+export declare class ForgeRipple extends MDCRipple {
+}
+export declare class ForgeRippleFoundation extends MDCRippleFoundation {
+}
+export { MDCRippleAdapter as ForgeRippleAdapter, MDCRippleCapableSurface as ForgeRippleCapableSurface };

package/esm/ripple/forge-ripple.js

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { MDCRipple, MDCRippleFoundation } from '@material/ripple';
+export class ForgeRipple extends MDCRipple {
+}
+export class ForgeRippleFoundation extends MDCRippleFoundation {
+}

package/esm/ripple/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './ripple-adapter';
+export * from './ripple-constants';
+export * from './ripple-foundation';
+export * from './ripple';
+export * from './forge-ripple';
+export declare function defineRippleComponent(): void;

package/esm/ripple/index.js

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

package/esm/ripple/ripple-adapter.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { IRippleComponent } from './ripple';
+export interface IRippleAdapter {
+    initialize(target: string, unbounded: boolean): void;
+    destroy(): void;
+    activate(): void;
+    deactivate(): void;
+}
+export declare class RippleAdapter implements IRippleAdapter {
+    private _component;
+    private _target;
+    private _ripple;
+    constructor(_component: IRippleComponent);
+    private _tryFindTarget;
+    initialize(target: string, unbounded: boolean): void;
+    destroy(): void;
+    activate(): void;
+    deactivate(): void;
+}

package/esm/ripple/ripple-adapter.js

@@ -0,0 +1,47 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { addClass, removeClass } from '@tylertech/forge-core';
+import { RIPPLE_CONSTANTS } from './ripple-constants';
+import { ForgeRipple } from './forge-ripple';
+export class RippleAdapter {
+    constructor(_component) {
+        this._component = _component;
+    }
+    _tryFindTarget() {
+        return this._component.parentElement;
+    }
+    initialize(target, unbounded) {
+        if (target) {
+            this._target = (this._component.ownerDocument || document).querySelector(target);
+        }
+        if (!this._target) {
+            this._target = this._tryFindTarget();
+        }
+        if (this._target) {
+            this._ripple = new ForgeRipple(this._target);
+            this._ripple.unbounded = unbounded;
+            addClass(RIPPLE_CONSTANTS.classes.SURFACE, this._target);
+        }
+    }
+    destroy() {
+        if (this._ripple) {
+            this._ripple.destroy();
+            this._ripple = undefined;
+        }
+        if (this._target) {
+            removeClass(RIPPLE_CONSTANTS.classes.SURFACE, this._target);
+        }
+        this._target = undefined;
+    }
+    activate() {
+        var _a;
+        (_a = this._ripple) === null || _a === void 0 ? void 0 : _a.activate();
+    }
+    deactivate() {
+        var _a;
+        (_a = this._ripple) === null || _a === void 0 ? void 0 : _a.deactivate();
+    }
+}

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

@@ -0,0 +1,15 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare const RIPPLE_CONSTANTS: {
+    elementName: "forge-ripple";
+    classes: {
+        SURFACE: string;
+    };
+    attributes: {
+        TARGET: string;
+        UNBOUNDED: string;
+    };
+};

package/esm/ripple/ripple-constants.js

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}ripple`;
+const classes = {
+    SURFACE: 'mdc-ripple-surface'
+};
+const attributes = {
+    TARGET: 'target',
+    UNBOUNDED: 'unbounded'
+};
+export const RIPPLE_CONSTANTS = {
+    elementName,
+    classes,
+    attributes
+};

package/esm/ripple/ripple-foundation.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { ICustomElementFoundation } from '@tylertech/forge-core';
+import { IRippleAdapter } from './ripple-adapter';
+export interface IRippleFoundation extends ICustomElementFoundation {
+    target: string;
+    unbounded: boolean;
+    layout(): void;
+    activate(): void;
+    deactivate(): void;
+}
+export declare class RippleFoundation implements IRippleFoundation {
+    private _adapter;
+    private _target;
+    private _unbounded;
+    constructor(_adapter: IRippleAdapter);
+    initialize(): void;
+    disconnect(): void;
+    layout(): void;
+    activate(): void;
+    deactivate(): void;
+    private _applyTarget;
+    get target(): string;
+    set target(value: string);
+    get unbounded(): boolean;
+    set unbounded(value: boolean);
+}

package/esm/ripple/ripple-foundation.js

@@ -0,0 +1,48 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export class RippleFoundation {
+    constructor(_adapter) {
+        this._adapter = _adapter;
+        this._unbounded = false;
+    }
+    initialize() {
+        this._adapter.initialize(this._target, this._unbounded);
+    }
+    disconnect() {
+        this._adapter.destroy();
+    }
+    layout() {
+        this._applyTarget();
+    }
+    activate() {
+        this._adapter.activate();
+    }
+    deactivate() {
+        this._adapter.deactivate();
+    }
+    _applyTarget() {
+        this._adapter.destroy();
+        this._adapter.initialize(this._target, this._unbounded);
+    }
+    get target() {
+        return this._target;
+    }
+    set target(value) {
+        if (this._target !== value) {
+            this._target = value;
+            this._applyTarget();
+        }
+    }
+    get unbounded() {
+        return this._unbounded;
+    }
+    set unbounded(value) {
+        if (this._unbounded !== value) {
+            this._unbounded = value;
+            this._applyTarget();
+        }
+    }
+}

package/esm/ripple/ripple.d.ts

@@ -0,0 +1,31 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { IBaseComponent } from '../core/base/base-component';
+export interface IRippleComponent extends IBaseComponent {
+    target: string;
+    unbounded: boolean;
+    layout(): void;
+    activate(): void;
+    deactivate(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-ripple': IRippleComponent;
+    }
+}
+export declare class RippleComponent extends HTMLElement implements IRippleComponent {
+    static get observedAttributes(): string[];
+    private _foundation;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    layout(): void;
+    activate(): void;
+    deactivate(): void;
+    target: string;
+    unbounded: boolean;
+}

package/esm/ripple/ripple.js

@@ -0,0 +1,59 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';
+import { RippleAdapter } from './ripple-adapter';
+import { RIPPLE_CONSTANTS } from './ripple-constants';
+import { RippleFoundation } from './ripple-foundation';
+let RippleComponent = class RippleComponent extends HTMLElement {
+    constructor() {
+        super();
+        this._foundation = new RippleFoundation(new RippleAdapter(this));
+    }
+    static get observedAttributes() {
+        return [
+            RIPPLE_CONSTANTS.attributes.TARGET,
+            RIPPLE_CONSTANTS.attributes.UNBOUNDED
+        ];
+    }
+    connectedCallback() {
+        this._foundation.initialize();
+    }
+    disconnectedCallback() {
+        this._foundation.disconnect();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch (name) {
+            case RIPPLE_CONSTANTS.attributes.TARGET:
+                this.target = newValue;
+                break;
+            case RIPPLE_CONSTANTS.attributes.UNBOUNDED:
+                this.unbounded = coerceBoolean(newValue);
+                break;
+        }
+    }
+    layout() {
+        this._foundation.layout();
+    }
+    activate() {
+        return this._foundation.activate();
+    }
+    deactivate() {
+        return this._foundation.deactivate();
+    }
+};
+__decorate([
+    FoundationProperty()
+], RippleComponent.prototype, "target", void 0);
+__decorate([
+    FoundationProperty()
+], RippleComponent.prototype, "unbounded", void 0);
+RippleComponent = __decorate([
+    CustomElement({
+        name: RIPPLE_CONSTANTS.elementName
+    })
+], RippleComponent);
+export { RippleComponent };

package/esm/scaffold/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './scaffold-constants';
+export * from './scaffold';
+export declare function defineScaffoldComponent(): void;

package/esm/scaffold/index.js

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { defineCustomElement } from '@tylertech/forge-core';
+import { ScaffoldComponent } from './scaffold';
+export * from './scaffold-constants';
+export * from './scaffold';
+export function defineScaffoldComponent() {
+    defineCustomElement(ScaffoldComponent);
+}

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

@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare const SCAFFOLD_CONSTANTS: {
+    elementName: "forge-scaffold";
+};

package/esm/scaffold/scaffold-constants.js

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}scaffold`;
+export const SCAFFOLD_CONSTANTS = {
+    elementName
+};

package/esm/scaffold/scaffold.d.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+export interface IScaffoldComponent extends IBaseComponent {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-scaffold': IScaffoldComponent;
+    }
+}
+/**
+ * The custom element class behind the `<forge-scaffold>` element.
+ */
+export declare class ScaffoldComponent extends BaseComponent implements IScaffoldComponent {
+    constructor();
+}

package/esm/scaffold/scaffold.js

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';
+import { BaseComponent } from '../core/base/base-component';
+import { SCAFFOLD_CONSTANTS } from './scaffold-constants';
+const template = '<template><div class=\"forge-scaffold\" part=\"root\"><slot name=\"left\"></slot><div class=\"forge-scaffold__header\" part=\"header-container\"><slot name=\"header\"></slot></div><div class=\"forge-scaffold__body\" part=\"body-container\"><slot name=\"body-left\"></slot><slot name=\"body-header\"></slot><slot name=\"body\"></slot><slot name=\"body-footer\"></slot><slot name=\"body-right\"></slot></div><slot name=\"footer\"></slot><slot name=\"right\"></slot></div></template>';
+const styles = '.forge-scaffold{height:100%;height:var(--forge-scaffold-height,100%);position:relative;position:var(--forge-scaffold-position,relative);overflow:hidden;overflow:var(--forge-scaffold-overflow,hidden);display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto}.forge-scaffold__header{grid-row:1;grid-column:2;min-width:0}.forge-scaffold__body{width:100%;width:var(--forge-scaffold-width,100%);position:relative;position:var(--forge-scaffold-body-position,relative);display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr auto;grid-row:2;grid-column:2;overflow:hidden}.forge-scaffold__body ::slotted([slot=left]){overflow:auto;grid-column:1;grid-row:1/5}.forge-scaffold__body ::slotted([slot=right]){overflow:auto;grid-column:3;grid-row:1/5}.forge-scaffold__body ::slotted([slot=body-left]){overflow:auto;grid-column:1;grid-row:1/4}.forge-scaffold__body ::slotted([slot=body-right]){overflow:auto;grid-column:3;grid-row:1/4}.forge-scaffold__body ::slotted([slot=body-header]){grid-row:1;grid-column:2}.forge-scaffold__body ::slotted([slot=body]){overflow:auto;grid-row:2;grid-column:2}.forge-scaffold__body ::slotted([slot=body-footer]){grid-row:3;grid-column:2}.forge-scaffold ::slotted([slot=body-left]),.forge-scaffold ::slotted([slot=body-right]),.forge-scaffold ::slotted([slot=left]),.forge-scaffold ::slotted([slot=right]){overflow:auto}.forge-scaffold ::slotted([slot=body-left]){grid-column:1;grid-row:1/4}.forge-scaffold ::slotted([slot=body-right]){grid-column:3;grid-row:1/4}.forge-scaffold ::slotted([slot=footer]){grid-row:3;grid-column:2}.forge-scaffold ::slotted([slot=left]){grid-column:1;grid-row:1/5}.forge-scaffold ::slotted([slot=right]){grid-column:3;grid-row:1/5}:host{display:block;height:100%;width:100%}:host([hidden]){display:none}:host([viewport]){width:100vw;width:var(--forge-scaffold-width,100vw);height:100vh;height:var(--forge-scaffold-height,100vh);--forge-scaffold-height:100vh;--forge-scaffold-width:100vw}:host([viewport]) .forge-scaffold{height:100vh;height:var(--forge-scaffold-height,100vh);--forge-scaffold-height:100vh}:host([viewport]) .forge-scaffold__body{width:100vw;width:var(--forge-scaffold-width,100vw);--forge-scaffold-width:100vw}';
+/**
+ * The custom element class behind the `<forge-scaffold>` element.
+ */
+let ScaffoldComponent = class ScaffoldComponent extends BaseComponent {
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+    }
+};
+ScaffoldComponent = __decorate([
+    CustomElement({
+        name: SCAFFOLD_CONSTANTS.elementName
+    })
+], ScaffoldComponent);
+export { ScaffoldComponent };

package/esm/select/core/base-select-adapter.d.ts

@@ -0,0 +1,68 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';
+import { IBaseSelectComponent } from './base-select';
+import { IListDropdownConfig } from '../../list-dropdown/list-dropdown-constants';
+import { ISelectOption, ISelectOptionGroup, SelectOptionListenerDestructor } from './base-select-constants';
+export interface IBaseSelectAdapter extends IBaseAdapter {
+    initializeAccessibility(): void;
+    addClickListener(listener: (evt: Event) => void): void;
+    removeClickListener(listener: (evt: Event) => void): void;
+    addTargetListener(type: string, listener: (evt: Event) => void): void;
+    removeTargetListener(type: string, listener: (evt: Event) => void): void;
+    getOptions(): ISelectOption[] | ISelectOptionGroup[];
+    setOptions(options: ISelectOption[] | ISelectOptionGroup[], clear?: boolean): void;
+    open(config: IListDropdownConfig): void;
+    close(): void;
+    setDismissListener(listener: () => void): void;
+    scrollSelectedOptionIntoView(): void;
+    activateSelectedOption(): void;
+    activateFirstOption(): void;
+    getActiveOptionIndex(): number;
+    highlightActiveOption(index: number): void;
+    toggleOptionMultiple(index: number, isSelected: boolean): void;
+    patchSelectedValues(selectedValues: string[]): void;
+    updateActiveDescendant(id: string): void;
+    setOptionsListener(listener: (options: ISelectOption[] | ISelectOptionGroup[]) => void): SelectOptionListenerDestructor;
+    setDropdownOptions(options: ISelectOption[] | ISelectOptionGroup[]): void;
+    appendDropdownOptions(options: ISelectOption[] | ISelectOptionGroup[]): void;
+    setMultiple(multiple: boolean): void;
+    isFocusWithinPopup(target: HTMLElement): boolean;
+    popupElement: HTMLElement | undefined;
+}
+export declare abstract class BaseSelectAdapter extends BaseAdapter<IBaseSelectComponent> implements IBaseSelectAdapter {
+    private _listDropdown?;
+    protected _targetElement: HTMLElement;
+    constructor(component: IBaseSelectComponent);
+    abstract initializeAccessibility(): void;
+    abstract updateActiveDescendant(id: string): void;
+    abstract addClickListener(listener: (evt: Event) => void): void;
+    abstract removeClickListener(listener: (evt: Event) => void): void;
+    abstract addTargetListener(type: string, listener: (evt: Event) => void): void;
+    abstract removeTargetListener(type: string, listener: (evt: Event) => void): void;
+    abstract setMultiple(multiple: boolean): void;
+    get popupElement(): HTMLElement | undefined;
+    getOptions(): ISelectOption[] | ISelectOptionGroup[];
+    private _createOptionsFromElements;
+    open(config: IListDropdownConfig): void;
+    close(): void;
+    setDismissListener(listener: () => void): void;
+    toggleOptionMultiple(index: number, isSelected: boolean): void;
+    getActiveOptionIndex(): number;
+    activateSelectedOption(): void;
+    activateFirstOption(): void;
+    highlightActiveOption(index: number): void;
+    patchSelectedValues(selectedValues: string[]): void;
+    setOptionsListener(listener: (options: ISelectOption[] | ISelectOptionGroup[]) => void): SelectOptionListenerDestructor;
+    setOptions(options: ISelectOption[] | ISelectOptionGroup[], clear?: boolean): void;
+    appendDropdownOptions(options: ISelectOption[] | ISelectOptionGroup[]): void;
+    setDropdownOptions(options: ISelectOption[] | ISelectOptionGroup[]): void;
+    scrollSelectedOptionIntoView(): void;
+    isFocusWithinPopup(target: HTMLElement): boolean;
+    private _clearOptions;
+    private _createOptionGroupElement;
+    private _createOptionElement;
+}