@tylertech/forge 2.0.0

package/esm/divider/divider-constants.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}divider`;
+const classes = {
+    ROOT: '.forge-divider'
+};
+export const DIVIDER_CONSTANTS = {
+    elementName,
+    classes
+};

package/esm/divider/divider.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 IDividerComponent extends IBaseComponent {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-divider': IDividerComponent;
+    }
+}
+/**
+ * The custom element class behind the `<forge-divider>` element.
+ */
+export declare class DividerComponent extends BaseComponent implements IDividerComponent {
+    constructor();
+}

package/esm/divider/divider.js

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { attachShadowTemplate, CustomElement } from '@tylertech/forge-core';
+import { BaseComponent } from '../core/base/base-component';
+import { DIVIDER_CONSTANTS } from './divider-constants';
+const template = '<template><div class=\"forge-divider\" role=\"separator\" part=\"root\"></div></template>';
+const styles = '.forge-divider{border:none;border-bottom-color:#e0e0e0;border-bottom-color:var(--forge-theme-border-color,#e0e0e0);border-bottom-width:1px;border-bottom-width:var(--forge-divider-width,1px);margin:0;margin:var(--forge-divider-margin,0);height:0;border-bottom-style:solid}:host{display:block;contain:content}:host([hidden]){display:none}:host-context(forge-drawer) .forge-divider{margin:var(--forge-divider-drawer-margin,4px) 0}:host([vertical]){display:inline-block;height:100%}:host([vertical]) .forge-divider{border:none;border-right-color:#e0e0e0;border-right-color:var(--forge-theme-border-color,#e0e0e0);border-right-width:1px;border-right-width:var(--forge-divider-width,1px);margin:0;margin:var(--forge-divider-margin,0);height:100%;width:0;border-right-style:solid}';
+/**
+ * The custom element class behind the `<forge-divider>` element.
+ */
+let DividerComponent = class DividerComponent extends BaseComponent {
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+    }
+};
+DividerComponent = __decorate([
+    CustomElement({
+        name: DIVIDER_CONSTANTS.elementName
+    })
+], DividerComponent);
+export { DividerComponent };

package/esm/divider/index.d.ts

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

package/esm/divider/index.js

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

package/esm/drawer/base/base-drawer-adapter.d.ts

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';
+import { IBaseDrawerComponent } from './base-drawer';
+import { DrawerDirection } from './base-drawer-constants';
+export interface IBaseDrawerAdapter extends IBaseAdapter {
+    setDirection(direction: DrawerDirection): void;
+    removeDrawerClass(className: string | string[]): void;
+    setDrawerClass(className: string | string[]): void;
+    listenTransitionComplete(listener: () => void): void;
+}
+export declare class BaseDrawerAdapter extends BaseAdapter<IBaseDrawerComponent> implements IBaseDrawerAdapter {
+    protected _component: IBaseDrawerComponent;
+    protected _drawerElement: HTMLElement;
+    private _activeTransitionListener;
+    constructor(_component: IBaseDrawerComponent);
+    setDirection(direction: DrawerDirection): void;
+    removeDrawerClass(className: string | string[]): void;
+    setDrawerClass(className: string | string[]): void;
+    listenTransitionComplete(listener: () => void): void;
+}

package/esm/drawer/base/base-drawer-adapter.js

@@ -0,0 +1,48 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { addClass, getShadowElement, removeClass } from '@tylertech/forge-core';
+import { BaseAdapter } from '../../core/base/base-adapter';
+import { BASE_DRAWER_CONSTANTS } from './base-drawer-constants';
+export class BaseDrawerAdapter extends BaseAdapter {
+    constructor(_component) {
+        super(_component);
+        this._component = _component;
+        this._drawerElement = getShadowElement(this._component, BASE_DRAWER_CONSTANTS.selectors.DRAWER);
+    }
+    setDirection(direction) {
+        switch (direction) {
+            case 'left':
+                this._drawerElement.classList.remove(BASE_DRAWER_CONSTANTS.classes.RIGHT);
+                this._drawerElement.classList.add(BASE_DRAWER_CONSTANTS.classes.LEFT);
+                break;
+            case 'right':
+                this._drawerElement.classList.remove(BASE_DRAWER_CONSTANTS.classes.LEFT);
+                this._drawerElement.classList.add(BASE_DRAWER_CONSTANTS.classes.RIGHT);
+                break;
+        }
+    }
+    removeDrawerClass(className) {
+        removeClass(className, this._drawerElement);
+    }
+    setDrawerClass(className) {
+        addClass(className, this._drawerElement);
+    }
+    listenTransitionComplete(listener) {
+        if (this._activeTransitionListener) {
+            this._drawerElement.removeEventListener('transitionend', this._activeTransitionListener);
+        }
+        this._activeTransitionListener = (evt) => {
+            if (evt.propertyName === 'transform') {
+                if (this._activeTransitionListener) {
+                    this._drawerElement.removeEventListener('transitionend', this._activeTransitionListener);
+                    this._activeTransitionListener = undefined;
+                }
+                listener();
+            }
+        };
+        this._drawerElement.addEventListener('transitionend', this._activeTransitionListener);
+    }
+}

package/esm/drawer/base/base-drawer-constants.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare const BASE_DRAWER_CONSTANTS: {
+    attributes: {
+        OPEN: string;
+        DIRECTION: string;
+    };
+    classes: {
+        DRAWER: string;
+        LEFT: string;
+        RIGHT: string;
+        CLOSING: string;
+        CLOSED: string;
+        NO_TRANSITION: string;
+    };
+    selectors: {
+        DRAWER: string;
+    };
+    events: {
+        AFTER_OPEN: string;
+        AFTER_CLOSE: string;
+    };
+};
+export declare type DrawerDirection = 'left' | 'right';

package/esm/drawer/base/base-drawer-constants.js

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+const attributes = {
+    OPEN: 'open',
+    DIRECTION: 'direction'
+};
+const classes = {
+    DRAWER: 'forge-drawer',
+    LEFT: 'forge-drawer--left',
+    RIGHT: 'forge-drawer--right',
+    CLOSING: 'forge-drawer--closing',
+    CLOSED: 'forge-drawer--closed',
+    NO_TRANSITION: 'forge-drawer--no-transition'
+};
+const selectors = {
+    DRAWER: `.${classes.DRAWER}`
+};
+const events = {
+    AFTER_OPEN: `forge-drawer-after-open`,
+    AFTER_CLOSE: `forge-drawer-after-close`
+};
+export const BASE_DRAWER_CONSTANTS = {
+    attributes,
+    classes,
+    selectors,
+    events
+};

package/esm/drawer/base/base-drawer-foundation.d.ts

@@ -0,0 +1,32 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { ICustomElementFoundation } from '@tylertech/forge-core';
+import { IBaseDrawerAdapter } from './base-drawer-adapter';
+import { DrawerDirection } from './base-drawer-constants';
+export interface IBaseDrawerFoundation extends ICustomElementFoundation {
+    direction: DrawerDirection;
+}
+export declare class BaseDrawerFoundation implements IBaseDrawerFoundation {
+    protected _adapter: IBaseDrawerAdapter;
+    protected _open: boolean;
+    protected _direction: DrawerDirection;
+    private _hasInitialized;
+    private _openAnimationListener;
+    private _closeAnimationListener;
+    constructor(_adapter: IBaseDrawerAdapter);
+    connect(): void;
+    disconnect(): void;
+    private _applyDirection;
+    private _onOpenComplete;
+    private _onCloseComplete;
+    protected _applyOpen(): void;
+    protected _setDrawerOpenState(): void;
+    protected _setDrawerClosedState(): void;
+    get open(): boolean;
+    set open(value: boolean);
+    get direction(): DrawerDirection;
+    set direction(value: DrawerDirection);
+}

package/esm/drawer/base/base-drawer-foundation.js

@@ -0,0 +1,89 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { isDefined } from '@tylertech/forge-core';
+import { BASE_DRAWER_CONSTANTS } from './base-drawer-constants';
+export class BaseDrawerFoundation {
+    constructor(_adapter) {
+        this._adapter = _adapter;
+        this._open = true;
+        this._direction = 'left';
+        this._hasInitialized = false;
+        this._openAnimationListener = () => this._onOpenComplete();
+        this._closeAnimationListener = () => this._onCloseComplete();
+    }
+    connect() {
+        this._applyOpen();
+        this._applyDirection();
+        this._hasInitialized = true;
+    }
+    disconnect() {
+        this._hasInitialized = false;
+    }
+    _applyDirection() {
+        this._adapter.setDirection(this._direction);
+        this._adapter.setHostAttribute(BASE_DRAWER_CONSTANTS.attributes.DIRECTION, isDefined(this._direction) ? this._direction.toString() : '');
+    }
+    _onOpenComplete() {
+        if (!this._open) {
+            return;
+        }
+        this._adapter.emitHostEvent(BASE_DRAWER_CONSTANTS.events.AFTER_OPEN);
+    }
+    _onCloseComplete() {
+        if (this._open) {
+            return;
+        }
+        this._adapter.removeDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSING);
+        this._adapter.removeDrawerClass(BASE_DRAWER_CONSTANTS.classes.NO_TRANSITION);
+        this._adapter.setDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSED);
+        this._adapter.emitHostEvent(BASE_DRAWER_CONSTANTS.events.AFTER_CLOSE);
+    }
+    _applyOpen() {
+        if (this._open) {
+            this._setDrawerOpenState();
+        }
+        else {
+            this._setDrawerClosedState();
+        }
+        if (this._open) {
+            this._adapter.setHostAttribute(BASE_DRAWER_CONSTANTS.attributes.OPEN);
+        }
+        else {
+            this._adapter.removeHostAttribute(BASE_DRAWER_CONSTANTS.attributes.OPEN);
+        }
+    }
+    _setDrawerOpenState() {
+        this._adapter.listenTransitionComplete(this._openAnimationListener);
+        this._adapter.removeDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSED);
+        this._adapter.removeDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSING);
+    }
+    _setDrawerClosedState() {
+        this._adapter.listenTransitionComplete(this._closeAnimationListener);
+        this._adapter.setDrawerClass(BASE_DRAWER_CONSTANTS.classes.CLOSING);
+    }
+    get open() {
+        return this._open;
+    }
+    set open(value) {
+        if (this._open !== value) {
+            this._open = value;
+            if (this._hasInitialized) {
+                this._applyOpen();
+            }
+        }
+    }
+    get direction() {
+        return this._direction;
+    }
+    set direction(value) {
+        if (this._direction !== value) {
+            this._direction = value;
+            if (this._hasInitialized) {
+                this._applyDirection();
+            }
+        }
+    }
+}

package/esm/drawer/base/base-drawer.d.ts

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponent, IBaseComponent } from '../../core/base/base-component';
+import { DrawerDirection } from './base-drawer-constants';
+import { BaseDrawerFoundation } from './base-drawer-foundation';
+export interface IBaseDrawerComponent extends IBaseComponent {
+    open: boolean;
+    direction: DrawerDirection;
+}
+declare global {
+    interface HTMLElementEventMap {
+        'forge-drawer-after-open': CustomEvent<void>;
+        'forge-drawer-after-close': CustomEvent<void>;
+    }
+}
+export declare abstract class BaseDrawerComponent<T extends BaseDrawerFoundation> extends BaseComponent implements IBaseDrawerComponent {
+    static get observedAttributes(): string[];
+    protected abstract _foundation: T;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    /** Toggles whether a `dismissible` or `modal` drawer is open or not. Has no effect on `permanent` drawers. */
+    open: boolean;
+    /** Controls the laytout direction of the drawer for positioning on the left vs. right side of the screen. */
+    direction: DrawerDirection;
+}

package/esm/drawer/base/base-drawer.js

@@ -0,0 +1,42 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { coerceBoolean, FoundationProperty } from '@tylertech/forge-core';
+import { BaseComponent } from '../../core/base/base-component';
+import { BASE_DRAWER_CONSTANTS } from './base-drawer-constants';
+export class BaseDrawerComponent extends BaseComponent {
+    constructor() {
+        super();
+    }
+    static get observedAttributes() {
+        return [
+            BASE_DRAWER_CONSTANTS.attributes.OPEN,
+            BASE_DRAWER_CONSTANTS.attributes.DIRECTION
+        ];
+    }
+    connectedCallback() {
+        this._foundation.connect();
+    }
+    disconnectedCallback() {
+        this._foundation.disconnect();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch (name) {
+            case BASE_DRAWER_CONSTANTS.attributes.OPEN:
+                this.open = coerceBoolean(newValue);
+                break;
+            case BASE_DRAWER_CONSTANTS.attributes.DIRECTION:
+                this.direction = newValue;
+                break;
+        }
+    }
+}
+__decorate([
+    FoundationProperty()
+], BaseDrawerComponent.prototype, "open", void 0);
+__decorate([
+    FoundationProperty()
+], BaseDrawerComponent.prototype, "direction", void 0);

package/esm/drawer/base/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './base-drawer-adapter';
+export * from './base-drawer-constants';
+export * from './base-drawer-foundation';
+export * from './base-drawer';

package/esm/drawer/base/index.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './base-drawer-adapter';
+export * from './base-drawer-constants';
+export * from './base-drawer-foundation';
+export * from './base-drawer';

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

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

package/esm/drawer/drawer/drawer-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}drawer`;
+export const DRAWER_CONSTANTS = {
+    elementName
+};

package/esm/drawer/drawer/drawer.d.ts

@@ -0,0 +1,21 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseDrawerComponent, BaseDrawerFoundation, IBaseDrawerComponent } from '../base';
+export interface IDrawerComponent extends IBaseDrawerComponent {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-drawer': IDrawerComponent;
+    }
+    interface HTMLElementEventMap {
+        'forge-drawer-after-open': CustomEvent<void>;
+        'forge-drawer-after-close': CustomEvent<void>;
+    }
+}
+export declare class DrawerComponent extends BaseDrawerComponent<BaseDrawerFoundation> implements IDrawerComponent {
+    protected _foundation: BaseDrawerFoundation;
+    constructor();
+}

package/esm/drawer/drawer/drawer.js

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { CustomElement, attachShadowTemplate } from '@tylertech/forge-core';
+import { DRAWER_CONSTANTS } from './drawer-constants';
+import { BaseDrawerAdapter, BaseDrawerComponent, BaseDrawerFoundation } from '../base';
+const template = '<template><div class=\"forge-drawer\" part=\"root\"><slot name=\"header\"></slot><div class=\"forge-drawer__content\" part=\"content\"><slot></slot></div><slot name=\"footer\"></slot></div></template>';
+const styles = '.forge-drawer{width:256px;width:var(--forge-drawer-width,256px);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.forge-drawer ::slotted([slot=header]){grid-row:1}.forge-drawer ::slotted([slot=footer]){grid-row:3}.forge-drawer__content{overflow-x:auto;-webkit-overflow-scrolling:\"touch\";display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;grid-row:2}.forge-drawer__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-drawer__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-drawer__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-drawer__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-drawer--left{border-right-width:1px;border-right-style:solid}.forge-drawer--right{border-left-width:1px;border-left-style:solid}.forge-drawer--right.forge-drawer--closing{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--right.forge-drawer--closed{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;width:0;border:none}.forge-drawer--closing{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--closed{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;width:0;border:none}.forge-drawer--no-transition{-webkit-transition:none!important;transition:none!important}:host{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden!important}@media not all and (-webkit-min-device-pixel-ratio:0),not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none) and (stroke-color:transparent){:host([open]){-webkit-transform:translateZ(0);transform:translateZ(0)}}}';
+let DrawerComponent = class DrawerComponent extends BaseDrawerComponent {
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new BaseDrawerFoundation(new BaseDrawerAdapter(this));
+    }
+};
+DrawerComponent = __decorate([
+    CustomElement({
+        name: DRAWER_CONSTANTS.elementName
+    })
+], DrawerComponent);
+export { DrawerComponent };

package/esm/drawer/drawer/index.d.ts

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

package/esm/drawer/drawer/index.js

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

package/esm/drawer/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './base';
+export * from './drawer';
+export * from './modal-drawer';
+export * from './mini-drawer';

package/esm/drawer/index.js

@@ -0,0 +1,9 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export * from './base';
+export * from './drawer';
+export * from './modal-drawer';
+export * from './mini-drawer';

package/esm/drawer/mini-drawer/index.d.ts

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

package/esm/drawer/mini-drawer/index.js

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

package/esm/drawer/mini-drawer/mini-drawer-constants.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export declare const MINI_DRAWER_CONSTANTS: {
+    elementName: "forge-mini-drawer";
+    attributes: {
+        HOVER: string;
+    };
+};

package/esm/drawer/mini-drawer/mini-drawer-constants.js

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { COMPONENT_NAME_PREFIX } from '../../constants';
+const elementName = `${COMPONENT_NAME_PREFIX}mini-drawer`;
+const attributes = {
+    HOVER: 'hover'
+};
+export const MINI_DRAWER_CONSTANTS = {
+    elementName,
+    attributes
+};

package/esm/drawer/mini-drawer/mini-drawer.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseDrawerComponent, BaseDrawerFoundation, IBaseDrawerComponent } from '../base';
+export interface IMiniDrawerComponent extends IBaseDrawerComponent {
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-mini-drawer': IMiniDrawerComponent;
+    }
+}
+export declare class MiniDrawerComponent extends BaseDrawerComponent<BaseDrawerFoundation> implements IMiniDrawerComponent {
+    protected _foundation: BaseDrawerFoundation;
+    constructor();
+}

package/esm/drawer/mini-drawer/mini-drawer.js

@@ -0,0 +1,24 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { attachShadowTemplate, CustomElement } from '@tylertech/forge-core';
+import { BaseDrawerAdapter, BaseDrawerComponent, BaseDrawerFoundation } from '../base';
+import { MINI_DRAWER_CONSTANTS } from './mini-drawer-constants';
+const template = '<template><div class=\"forge-drawer__root\" part=\"root\"><div class=\"forge-drawer forge-drawer--mini\" part=\"container\"><slot name=\"header\"></slot><div class=\"forge-drawer__content\" part=\"content\"><slot></slot></div><slot name=\"footer\"></slot></div></div></template>';
+const styles = '.forge-drawer{width:256px;width:var(--forge-drawer-width,256px);border-color:#e0e0e0;border-color:var(--forge-theme-border-color,#e0e0e0);background-color:#fff;background-color:var(--mdc-theme-surface,#fff);height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto;overflow:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-duration:250ms;transition-duration:250ms;-webkit-transition-timing-function:cubic-bezier(0.4,0,0.2,1);transition-timing-function:cubic-bezier(0.4,0,0.2,1)}.forge-drawer ::slotted([slot=header]){grid-row:1}.forge-drawer ::slotted([slot=footer]){grid-row:3}.forge-drawer__content{overflow-x:auto;-webkit-overflow-scrolling:\"touch\";display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;grid-row:2}.forge-drawer__content::-webkit-scrollbar{width:16px;width:var(--forge-scrollbar-width,16px);height:16px;height:var(--forge-scrollbar-height,16px)}.forge-drawer__content::-webkit-scrollbar-corner{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track{background-color:#f0f0f0;background-color:var(--forge-theme-scrollbar-track,#f0f0f0)}.forge-drawer__content::-webkit-scrollbar-track:hover{background-color:#ececec;background-color:var(--forge-theme-scrollbar-track-hover,#ececec)}.forge-drawer__content::-webkit-scrollbar-thumb{background-color:#bdbdbd;background-color:var(--forge-theme-scrollbar-thumb,#bdbdbd);height:32px;height:var(--forge-scrollbar-min-height,32px);width:32px;width:var(--forge-scrollbar-min-width,32px);border-radius:10px;border-radius:var(--forge-scrollbar-border-radius,10px);border-width:3px;border-width:var(--forge-scrollbar-border-width,3px);border-style:solid;border-color:transparent;background-clip:content-box}.forge-drawer__content::-webkit-scrollbar-thumb:hover{background-color:#9e9e9e;background-color:var(--forge-theme-scrollbar-thumb-hover,#9e9e9e)}.forge-drawer--left{border-right-width:1px;border-right-style:solid}.forge-drawer--right{border-left-width:1px;border-left-style:solid}.forge-drawer--right.forge-drawer--closing{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--right.forge-drawer--closed{-webkit-transform:translateX(100%);transform:translateX(100%);right:0;left:auto;width:0;border:none}.forge-drawer--closing{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;z-index:1;z-index:var(--forge-z-index-surface,1);position:absolute;top:0;right:0;-webkit-transition-duration:.2s;transition-duration:.2s}.forge-drawer--closed{-webkit-transform:translateX(-100%);transform:translateX(-100%);left:0;width:0;border:none}.forge-drawer--no-transition{-webkit-transition:none!important;transition:none!important}.forge-drawer__root{z-index:1;z-index:var(--forge-z-index-surface,1);height:100%}.forge-drawer--mini{width:56px;width:var(--forge-drawer-mini-width,56px);z-index:1;z-index:var(--forge-z-index-surface,1);-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;transition-property:transform,width;transition-property:transform,width,-webkit-transform;-webkit-transition:width .2s cubic-bezier(.4, 0, .2, 1);transition:width .2s cubic-bezier(.4, 0, .2, 1)}.forge-drawer--mini .forge-drawer__content{overflow:hidden}.forge-drawer--closed{width:0}:host{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;overflow:hidden!important;width:56px;width:var(--forge-drawer-mini-width,56px);overflow:visible!important}:host([direction=right]){min-width:56px;min-width:var(--forge-drawer-mini-width,56px);width:auto}:host([direction=right]) .forge-drawer__root{position:relative}:host(:not([open])){display:none}:host([hover]) .forge-drawer--right{position:absolute;right:0}:host([hover]) .forge-drawer:hover{width:256px!important;width:var(--forge-drawer-width,256px)!important;-webkit-transition:width .3s cubic-bezier(.4, 0, .2, 1) .3s;transition:width .3s cubic-bezier(.4, 0, .2, 1) .3s}:host([hover]) .forge-drawer:hover .forge-drawer__content{overflow:auto;overflow:overlay}';
+let MiniDrawerComponent = class MiniDrawerComponent extends BaseDrawerComponent {
+    constructor() {
+        super();
+        attachShadowTemplate(this, template, styles);
+        this._foundation = new BaseDrawerFoundation(new BaseDrawerAdapter(this));
+    }
+};
+MiniDrawerComponent = __decorate([
+    CustomElement({
+        name: MINI_DRAWER_CONSTANTS.elementName
+    })
+], MiniDrawerComponent);
+export { MiniDrawerComponent };