@tylertech/forge 2.0.0

package/esm/chips/chip-set/chip-set-foundation.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { ICustomElementFoundation } from '@tylertech/forge-core';
+import { IChipSetAdapter } from './chip-set-adapter';
+import { ChipType } from '../chip/chip-constants';
+export interface IChipSetFoundation extends ICustomElementFoundation {
+    vertical: boolean;
+    type: ChipType;
+    dense: boolean;
+    disabled: boolean;
+}
+export declare class ChipSetFoundation implements IChipSetFoundation {
+    private _adapter;
+    private _vertical;
+    private _type;
+    private _dense;
+    private _disabled;
+    constructor(_adapter: IChipSetAdapter);
+    initialize(): void;
+    private _applyVertical;
+    private _applyType;
+    private _applyDense;
+    private _applyDisabled;
+    get vertical(): boolean;
+    set vertical(value: boolean);
+    get type(): ChipType;
+    set type(value: ChipType);
+    get dense(): boolean;
+    set dense(value: boolean);
+    get disabled(): boolean;
+    set disabled(value: boolean);
+}

package/esm/chips/chip-set/chip-set-foundation.js

@@ -0,0 +1,74 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { CHIP_CONSTANTS } from '../chip/chip-constants';
+import { CHIP_SET_CONSTANTS } from './chip-set-constants';
+export class ChipSetFoundation {
+    constructor(_adapter) {
+        this._adapter = _adapter;
+        this._vertical = false;
+        this._type = CHIP_CONSTANTS.defaults.TYPE;
+        this._dense = false;
+        this._disabled = false;
+    }
+    initialize() {
+        this._applyVertical();
+        this._applyType();
+        this._applyDense();
+        this._applyDisabled();
+    }
+    _applyVertical() {
+        this._adapter.setVertical(this._vertical);
+        this._adapter.toggleHostAttribute(CHIP_SET_CONSTANTS.attributes.VERTICAL, this._vertical);
+    }
+    _applyType() {
+        this._adapter.setType(this._type);
+        this._adapter.setHostAttribute(CHIP_SET_CONSTANTS.attributes.TYPE, this._type);
+    }
+    _applyDense() {
+        this._adapter.setDense(this._dense);
+        this._adapter.toggleHostAttribute(CHIP_SET_CONSTANTS.attributes.DENSE, this._dense);
+    }
+    _applyDisabled() {
+        this._adapter.setDisabled(this._disabled);
+        this._adapter.toggleHostAttribute(CHIP_SET_CONSTANTS.attributes.DISABLED, this._disabled);
+    }
+    get vertical() {
+        return this._vertical;
+    }
+    set vertical(value) {
+        if (this._vertical !== value) {
+            this._vertical = value;
+            this._applyVertical();
+        }
+    }
+    get type() {
+        return this._type;
+    }
+    set type(value) {
+        if (this._type !== value) {
+            this._type = value;
+            this._applyType();
+        }
+    }
+    get dense() {
+        return this._dense;
+    }
+    set dense(value) {
+        if (this._dense !== value) {
+            this._dense = value;
+            this._applyDense();
+        }
+    }
+    get disabled() {
+        return this._disabled;
+    }
+    set disabled(value) {
+        if (this._disabled !== value) {
+            this._disabled = value;
+            this._applyDisabled();
+        }
+    }
+}

package/esm/chips/chip-set/chip-set.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
+import { ChipType } from '../chip/chip-constants';
+export interface IChipSetComponent extends IBaseComponent {
+    vertical: boolean;
+    type: ChipType;
+    dense: boolean;
+    disabled: boolean;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-chip-set': IChipSetComponent;
+    }
+}
+export declare class ChipSetComponent extends BaseComponent implements IChipSetComponent {
+    static get observedAttributes(): string[];
+    private _foundation;
+    constructor();
+    connectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    vertical: boolean;
+    type: ChipType;
+    dense: boolean;
+    disabled: boolean;
+}

package/esm/chips/chip-set/chip-set.js

@@ -0,0 +1,67 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { attachShadowTemplate, coerceBoolean, CustomElement, FoundationProperty } from '@tylertech/forge-core';
+import { BaseComponent } from '../../core/base/base-component';
+import { ChipComponent } from '../chip/chip';
+import { ChipSetAdapter } from './chip-set-adapter';
+import { CHIP_SET_CONSTANTS } from './chip-set-constants';
+import { ChipSetFoundation } from './chip-set-foundation';
+const template = '<template><div class=\"forge-chip-set\" part=\"root\"><slot></slot></div></template>';
+const styles = '.forge-chip-set{gap:4px;gap:var(--forge-chip-set-spacing,4px);display:-webkit-box;display:flex;flex-wrap:wrap}.forge-chip-set ::slotted(forge-chip:not(:last-child)){margin-right:4px;margin-right:var(--forge-chip-set-spacing,4px)}.forge-chip-set--vertical{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.forge-chip-set--vertical ::slotted(forge-chip:not(:last-child)){margin-bottom:4px;margin-bottom:var(--forge-chip-set-spacing,4px)}:host{display:inline-block}:host([hidden]){display:none}';
+let ChipSetComponent = class ChipSetComponent extends BaseComponent {
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new ChipSetFoundation(new ChipSetAdapter(this));
+    }
+    static get observedAttributes() {
+        return [
+            CHIP_SET_CONSTANTS.attributes.VERTICAL,
+            CHIP_SET_CONSTANTS.attributes.TYPE,
+            CHIP_SET_CONSTANTS.attributes.DENSE,
+            CHIP_SET_CONSTANTS.attributes.DISABLED
+        ];
+    }
+    connectedCallback() {
+        this._foundation.initialize();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch (name) {
+            case CHIP_SET_CONSTANTS.attributes.VERTICAL:
+                this.vertical = coerceBoolean(newValue);
+                break;
+            case CHIP_SET_CONSTANTS.attributes.TYPE:
+                this.type = newValue;
+                break;
+            case CHIP_SET_CONSTANTS.attributes.DENSE:
+                this.dense = coerceBoolean(newValue);
+                break;
+            case CHIP_SET_CONSTANTS.attributes.DISABLED:
+                this.disabled = coerceBoolean(newValue);
+                break;
+        }
+    }
+};
+__decorate([
+    FoundationProperty()
+], ChipSetComponent.prototype, "vertical", void 0);
+__decorate([
+    FoundationProperty()
+], ChipSetComponent.prototype, "type", void 0);
+__decorate([
+    FoundationProperty()
+], ChipSetComponent.prototype, "dense", void 0);
+__decorate([
+    FoundationProperty()
+], ChipSetComponent.prototype, "disabled", void 0);
+ChipSetComponent = __decorate([
+    CustomElement({
+        name: CHIP_SET_CONSTANTS.elementName,
+        dependencies: [ChipComponent]
+    })
+], ChipSetComponent);
+export { ChipSetComponent };

package/esm/chips/chip-set/index.d.ts

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

package/esm/chips/chip-set/index.js

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

package/esm/chips/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './chip';
+export * from './chip-set';

package/esm/chips/index.js

@@ -0,0 +1,7 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './chip';
+export * from './chip-set';

package/esm/circular-progress/circular-progress-adapter.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { ICircularProgressComponent } from './circular-progress';
+export interface ICircularProgressAdapter {
+    initialize(): void;
+    destroy(): void;
+    open(): void;
+    close(): void;
+    setDeterminate(value: boolean): void;
+    setProgress(value: number): void;
+    setAriaLabel(value: string): void;
+}
+export declare class CircularProgressAdapter implements ICircularProgressAdapter {
+    private _component;
+    private _rootElement;
+    private _mdcCircularProgress;
+    constructor(_component: ICircularProgressComponent);
+    initialize(): void;
+    destroy(): void;
+    setDeterminate(value: boolean): void;
+    setProgress(value: number): void;
+    open(): void;
+    close(): void;
+    setAriaLabel(value: string): void;
+}

package/esm/circular-progress/circular-progress-adapter.js

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { getShadowElement } from '@tylertech/forge-core';
+import { MDCCircularProgress } from '@material/circular-progress';
+import { CIRCULAR_PROGRESS_CONSTANTS } from './circular-progress-constants';
+export class CircularProgressAdapter {
+    constructor(_component) {
+        this._component = _component;
+        this._rootElement = getShadowElement(this._component, CIRCULAR_PROGRESS_CONSTANTS.selectors.ROOT);
+    }
+    initialize() {
+        this._mdcCircularProgress = new MDCCircularProgress(this._rootElement);
+    }
+    destroy() {
+        var _a;
+        (_a = this._mdcCircularProgress) === null || _a === void 0 ? void 0 : _a.destroy();
+    }
+    setDeterminate(value) {
+        if (this._mdcCircularProgress) {
+            this._mdcCircularProgress.determinate = value;
+        }
+    }
+    setProgress(value) {
+        if (this._mdcCircularProgress) {
+            this._mdcCircularProgress.progress = value;
+        }
+    }
+    open() {
+        var _a;
+        (_a = this._mdcCircularProgress) === null || _a === void 0 ? void 0 : _a.open();
+    }
+    close() {
+        var _a;
+        (_a = this._mdcCircularProgress) === null || _a === void 0 ? void 0 : _a.close();
+    }
+    setAriaLabel(value) {
+        this._rootElement.setAttribute('aria-label', value);
+    }
+}

package/esm/circular-progress/circular-progress-constants.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare const CIRCULAR_PROGRESS_CONSTANTS: {
+    elementName: "forge-circular-progress";
+    attributes: {
+        OPEN: string;
+        DETERMINATE: string;
+        PROGRESS: string;
+        PROGRESSBAR_ARIA_LABEL: string;
+    };
+    selectors: {
+        ROOT: string;
+    };
+};

package/esm/circular-progress/circular-progress-constants.js

@@ -0,0 +1,21 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}circular-progress`;
+const attributes = {
+    OPEN: 'open',
+    DETERMINATE: 'determinate',
+    PROGRESS: 'progress',
+    PROGRESSBAR_ARIA_LABEL: 'progressbar-aria-label'
+};
+const selectors = {
+    ROOT: '.mdc-circular-progress'
+};
+export const CIRCULAR_PROGRESS_CONSTANTS = {
+    elementName,
+    attributes,
+    selectors
+};

package/esm/circular-progress/circular-progress-foundation.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { ICustomElementFoundation } from '@tylertech/forge-core';
+import { ICircularProgressAdapter } from './circular-progress-adapter';
+export interface ICircularProgressFoundation extends ICustomElementFoundation {
+    open: boolean;
+    determinate: boolean;
+    progress: number;
+    ariaLabel: string;
+}
+export declare class CircularProgressFoundation implements ICircularProgressFoundation {
+    private _adapter;
+    private _open;
+    private _determinate;
+    private _progress;
+    constructor(_adapter: ICircularProgressAdapter);
+    initialize(): void;
+    disconnect(): void;
+    private _applyOpen;
+    private _applyDeterminate;
+    private _applyProgress;
+    get open(): boolean;
+    set open(value: boolean);
+    get determinate(): boolean;
+    set determinate(value: boolean);
+    get progress(): number;
+    set progress(value: number);
+    set ariaLabel(value: string);
+}

package/esm/circular-progress/circular-progress-foundation.js

@@ -0,0 +1,66 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export class CircularProgressFoundation {
+    constructor(_adapter) {
+        this._adapter = _adapter;
+        this._open = true;
+        this._determinate = false;
+        this._progress = 0;
+    }
+    initialize() {
+        this._adapter.initialize();
+        this._applyOpen();
+        this._applyDeterminate();
+        this._applyProgress();
+    }
+    disconnect() {
+        this._adapter.destroy();
+    }
+    _applyOpen() {
+        if (this._open) {
+            this._adapter.open();
+        }
+        else {
+            this._adapter.close();
+        }
+    }
+    _applyDeterminate() {
+        this._adapter.setDeterminate(this._determinate);
+    }
+    _applyProgress() {
+        this._adapter.setProgress(this._progress);
+    }
+    get open() {
+        return this._open;
+    }
+    set open(value) {
+        if (this._open !== value) {
+            this._open = value;
+            this._applyOpen();
+        }
+    }
+    get determinate() {
+        return this._determinate;
+    }
+    set determinate(value) {
+        if (this._determinate !== value) {
+            this._determinate = value;
+            this._applyDeterminate();
+        }
+    }
+    get progress() {
+        return this._progress;
+    }
+    set progress(value) {
+        if (this._progress !== value) {
+            this._progress = value;
+            this._applyProgress();
+        }
+    }
+    set ariaLabel(value) {
+        this._adapter.setAriaLabel(value);
+    }
+}

package/esm/circular-progress/circular-progress.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+export interface ICircularProgressComponent extends IBaseComponent {
+    open: boolean;
+    determinate: boolean;
+    progress: number;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-circular-progress': ICircularProgressComponent;
+    }
+}
+export declare class CircularProgressComponent extends BaseComponent implements ICircularProgressComponent {
+    static get observedAttributes(): string[];
+    private _foundation;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    open: boolean;
+    determinate: boolean;
+    progress: number;
+}

package/esm/circular-progress/circular-progress.js

@@ -0,0 +1,65 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { CustomElement, attachShadowTemplate, FoundationProperty, coerceBoolean, coerceNumber } from '@tylertech/forge-core';
+import { CircularProgressAdapter } from './circular-progress-adapter';
+import { CircularProgressFoundation } from './circular-progress-foundation';
+import { CIRCULAR_PROGRESS_CONSTANTS } from './circular-progress-constants';
+import { BaseComponent } from '../core/base/base-component';
+const template = '<template><div class=\"mdc-circular-progress mdc-circular-progress--indeterminate\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"1\" part=\"root\"><slot></slot><div class=\"mdc-circular-progress__determinate-container\" part=\"determinate-container\"><svg class=\"mdc-circular-progress__determinate-circle-graphic\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" part=\"determinate-svg\"><circle class=\"mdc-circular-progress__determinate-track\" cx=\"24\" cy=\"24\" r=\"18\" stroke-width=\"4\" part=\"determinate-svg-circle-track\"/><circle class=\"mdc-circular-progress__determinate-circle\" cx=\"24\" cy=\"24\" r=\"18\" stroke-dasharray=\"113.097\" stroke-dashoffset=\"113.097\" stroke-width=\"4\" part=\"determinate-svg-circle\"/></svg></div><div class=\"mdc-circular-progress__indeterminate-container\" part=\"indeterminate-container\"><div class=\"mdc-circular-progress__spinner-layer\" part=\"spinner-container\"><div class=\"mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left\" part=\"spinner-circle-left\"><svg class=\"mdc-circular-progress__indeterminate-circle-graphic\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" part=\"spinner-circle-left-svg\"><circle cx=\"24\" cy=\"24\" r=\"18\" stroke-dasharray=\"113.097\" stroke-dashoffset=\"56.549\" stroke-width=\"4\" part=\"spinner-circle-left-svg-circle\"/></svg></div><div class=\"mdc-circular-progress__gap-patch\" part=\"spinner-gap\"><svg class=\"mdc-circular-progress__indeterminate-circle-graphic\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" part=\"spinner-gap-svg\"><circle cx=\"24\" cy=\"24\" r=\"18\" stroke-dasharray=\"113.097\" stroke-dashoffset=\"56.549\" stroke-width=\"3.2\" part=\"spinner-gap-svg-circle\"/></svg></div><div class=\"mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right\" part=\"spinner-circle-right\"><svg class=\"mdc-circular-progress__indeterminate-circle-graphic\" viewBox=\"0 0 48 48\" xmlns=\"http://www.w3.org/2000/svg\" part=\"spinner-circle-right-svg\"><circle cx=\"24\" cy=\"24\" r=\"18\" stroke-dasharray=\"113.097\" stroke-dashoffset=\"56.549\" stroke-width=\"4\" part=\"spinner-circle-right-svg-circle\"/></svg></div></div></div></div></template>';
+const styles = '.mdc-circular-progress__determinate-circle,.mdc-circular-progress__indeterminate-circle-graphic{stroke:#3d5afe;stroke:var(--forge-theme-tertiary,#3d5afe)}.mdc-circular-progress__determinate-track{stroke:transparent;stroke:var(--forge-circular-progress-track-color,transparent)}@-webkit-keyframes mdc-circular-progress-container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes mdc-circular-progress-container-rotate{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{-webkit-transform:rotate(135deg);transform:rotate(135deg)}25%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}37.5%{-webkit-transform:rotate(405deg);transform:rotate(405deg)}50%{-webkit-transform:rotate(540deg);transform:rotate(540deg)}62.5%{-webkit-transform:rotate(675deg);transform:rotate(675deg)}75%{-webkit-transform:rotate(810deg);transform:rotate(810deg)}87.5%{-webkit-transform:rotate(945deg);transform:rotate(945deg)}100%{-webkit-transform:rotate(1080deg);transform:rotate(1080deg)}}@-webkit-keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@-webkit-keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@-webkit-keyframes mdc-circular-progress-left-spin{from{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@keyframes mdc-circular-progress-left-spin{from{-webkit-transform:rotate(265deg);transform:rotate(265deg)}50%{-webkit-transform:rotate(130deg);transform:rotate(130deg)}to{-webkit-transform:rotate(265deg);transform:rotate(265deg)}}@-webkit-keyframes mdc-circular-progress-right-spin{from{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}50%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}}@keyframes mdc-circular-progress-right-spin{from{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}50%{-webkit-transform:rotate(-130deg);transform:rotate(-130deg)}to{-webkit-transform:rotate(-265deg);transform:rotate(-265deg)}}.mdc-circular-progress{height:72px;height:var(--forge-circular-progress-size,72px);width:72px;width:var(--forge-circular-progress-size,72px);display:-webkit-inline-box;display:inline-flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;position:relative;direction:ltr;-webkit-transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1);transition:opacity 250ms 0s cubic-bezier(.4, 0, .6, 1)}.mdc-circular-progress circle{stroke-width:4;stroke-width:var(--forge-circular-progress-stroke-width,4)}.mdc-circular-progress ::slotted(*){-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)}.mdc-circular-progress__determinate-container,.mdc-circular-progress__indeterminate-circle-graphic,.mdc-circular-progress__indeterminate-container,.mdc-circular-progress__spinner-layer{position:absolute;width:100%;height:100%}.mdc-circular-progress__determinate-container{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.mdc-circular-progress__indeterminate-container{font-size:0;letter-spacing:0;white-space:nowrap;opacity:0}.mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress__indeterminate-circle-graphic{fill:transparent}.mdc-circular-progress__determinate-circle{-webkit-transition:stroke-dashoffset .5s 0s cubic-bezier(0, 0, .2, 1);transition:stroke-dashoffset .5s 0s cubic-bezier(0, 0, .2, 1)}.mdc-circular-progress__gap-patch{position:absolute;top:0;left:47.5%;-webkit-box-sizing:border-box;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{left:-900%;width:2000%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.mdc-circular-progress__circle-clipper{display:-webkit-inline-box;display:inline-flex;position:relative;width:50%;height:100%;overflow:hidden}.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic{width:200%}.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{left:-100%}.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container{opacity:0}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{opacity:1}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{-webkit-animation:mdc-circular-progress-container-rotate 1.568s linear infinite;animation:mdc-circular-progress-container-rotate 1.568s linear infinite}.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4{-webkit-animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both;animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(.4,0,.2,1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(.4,0,.2,1) infinite both}.mdc-circular-progress--closed{opacity:0}';
+let CircularProgressComponent = class CircularProgressComponent extends BaseComponent {
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new CircularProgressFoundation(new CircularProgressAdapter(this));
+    }
+    static get observedAttributes() {
+        return [
+            CIRCULAR_PROGRESS_CONSTANTS.attributes.OPEN,
+            CIRCULAR_PROGRESS_CONSTANTS.attributes.DETERMINATE,
+            CIRCULAR_PROGRESS_CONSTANTS.attributes.PROGRESS,
+            CIRCULAR_PROGRESS_CONSTANTS.attributes.PROGRESSBAR_ARIA_LABEL
+        ];
+    }
+    connectedCallback() {
+        this._foundation.initialize();
+    }
+    disconnectedCallback() {
+        this._foundation.disconnect();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch (name) {
+            case CIRCULAR_PROGRESS_CONSTANTS.attributes.OPEN:
+                this.open = coerceBoolean(newValue);
+                break;
+            case CIRCULAR_PROGRESS_CONSTANTS.attributes.DETERMINATE:
+                this.determinate = coerceBoolean(newValue);
+                break;
+            case CIRCULAR_PROGRESS_CONSTANTS.attributes.PROGRESS:
+                this.progress = coerceNumber(newValue);
+                break;
+            case CIRCULAR_PROGRESS_CONSTANTS.attributes.PROGRESSBAR_ARIA_LABEL:
+                this._foundation.ariaLabel = newValue;
+                break;
+        }
+    }
+};
+__decorate([
+    FoundationProperty()
+], CircularProgressComponent.prototype, "open", void 0);
+__decorate([
+    FoundationProperty()
+], CircularProgressComponent.prototype, "determinate", void 0);
+__decorate([
+    FoundationProperty()
+], CircularProgressComponent.prototype, "progress", void 0);
+CircularProgressComponent = __decorate([
+    CustomElement({
+        name: CIRCULAR_PROGRESS_CONSTANTS.elementName
+    })
+], CircularProgressComponent);
+export { CircularProgressComponent };

package/esm/circular-progress/index.d.ts

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

package/esm/circular-progress/index.js

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