@tylertech/forge 2.0.0

package/esm/table/table.d.ts

@@ -0,0 +1,182 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { BaseComponent, IBaseComponent } from '../core/base/base-component';
+import { IColumnConfiguration, TableLayoutType, TableViewTemplate, TableRowCreatedCallback, TableCellCreatedCallback, TableHeaderSelectAllTemplate, CellAlign, ITableRowClickEventData, ITableSelectDoubleEventData, ITableSelectEventData, ITableSelectAllEventData, ITableColumnResizeEventData, ITableSortEventData, ITableSortMultipleEventData, ITableFilterEventData, TableSelectTooltipCallback } from './types';
+export interface ITableComponent extends IBaseComponent {
+    data: any[];
+    columnConfigurations: IColumnConfiguration[];
+    select: boolean;
+    multiselect: boolean;
+    selectKey: string | string[];
+    dense: boolean;
+    roomy: boolean;
+    filter: boolean;
+    fixedHeaders: boolean;
+    layoutType: TableLayoutType;
+    wrapContent: boolean;
+    resizable: boolean;
+    minResizeWidth: number;
+    allowRowClick: boolean;
+    multiColumnSort: boolean;
+    selectCheckboxAlignment: CellAlign;
+    tooltipSelect: string | TableSelectTooltipCallback;
+    tooltipSelectAll: string;
+    rowCreated: TableRowCreatedCallback;
+    cellCreated: TableCellCreatedCallback;
+    hideColumn(columnIndex: number): void;
+    showColumn(columnIndex: number): void;
+    getSelectedRows(): any[];
+    selectRowsByIndex(indexes: number | number[], preserveExisting?: boolean): void;
+    deselectRowsByIndex(indexes: number | number[]): void;
+    selectRow(data: any): void;
+    selectRows(data: any[], preserveExisting?: boolean): void;
+    deselectRow(data: any): void;
+    deselectRows(data: any[]): void;
+    clearSelections(): void;
+    render(): void;
+    expandRow(rowIndex: number, template: TableViewTemplate): Promise<void>;
+    collapseRow(rowIndex: number): Promise<void>;
+    isRowExpanded(rowIndex: number): boolean;
+    isRowSelected(rowData: {
+        [key: string]: any;
+    }): boolean;
+    selectAllTemplate: TableHeaderSelectAllTemplate;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'forge-table': ITableComponent;
+    }
+    interface HTMLElementEventMap {
+        'forge-table-row-click': CustomEvent<ITableRowClickEventData>;
+        'forge-table-select': CustomEvent<ITableSelectEventData>;
+        'forge-table-select-double': CustomEvent<ITableSelectDoubleEventData>;
+        'forge-table-select-all': CustomEvent<ITableSelectAllEventData>;
+        'forge-table-sort': CustomEvent<ITableSortEventData | ITableSortMultipleEventData>;
+        'forge-table-filter': CustomEvent<ITableFilterEventData>;
+        'forge-table-initialized': CustomEvent<void>;
+        'forge-table-column-resize': CustomEvent<ITableColumnResizeEventData>;
+    }
+}
+/**
+ * The custom element class behind the `forge-table` component.
+ */
+export declare class TableComponent extends BaseComponent implements ITableComponent {
+    static get observedAttributes(): string[];
+    private _foundation;
+    constructor();
+    initializedCallback(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    /**
+     * Hides a column from the table.
+     * @param columnIndex The index of the column to hide.
+     */
+    hideColumn(columnIndex: number): void;
+    /**
+     * Shows a hidden column in th table.
+     * @param columnIndex The index of the column to show.
+     */
+    showColumn(columnIndex: number): void;
+    /** Returns the selected row instances. */
+    getSelectedRows(): any[];
+    /**
+     * Selects a row in the table. Only applicable if `select` is true.
+     * @param data The row data behind the row that should be selected.
+     */
+    selectRow(data: any): void;
+    /**
+     * Selects one or more rows in the table. Only applicable if `select` is true.
+     * @param data The row data begind the rows that should be selected.
+     * @param [preserveExisting=false] Should existing row selections be preserved or cleared.
+     */
+    selectRows(data: any[], preserveExisting?: boolean): void;
+    /**
+     * Deselects a single row in the table.
+     * @param data The data behind the row that should be deselected.
+     */
+    deselectRow(data: any): void;
+    /**
+     * Deselects one or more rows in the table.
+     * @param data The data behind the rows that should be deselected.
+     */
+    deselectRows(data: any[]): void;
+    /**
+     * Clears all selected table rows.
+     */
+    clearSelections(): void;
+    /**
+     * Forces the table to re-render based on its current configuration.
+     */
+    render(): void;
+    /**
+     * Expands a collapsed row.
+     * @param rowIndex The index of the row to expand.
+     */
+    expandRow(rowIndex: any, template: TableViewTemplate): Promise<void>;
+    /**
+     * Collapses an expanded row.
+     * @param rowIndex The index of the row to expand.
+     */
+    collapseRow(rowIndex: number): Promise<void>;
+    /**
+     * Checks if a row is expanded or not.
+     * @param rowIndex The row index to check.
+     */
+    isRowExpanded(rowIndex: number): boolean;
+    /**
+     * Selects a rows by an index or array of indexes.
+     * @param indexes The row index/indexes to select.
+     */
+    selectRowsByIndex(indexes: number | number[], preserveExisting?: boolean): void;
+    /**
+     * Deselects a rows by an index or array of indexes.
+     * @param indexes The row index/indexes to deselect
+     */
+    deselectRowsByIndex(indexes: number | number[]): void;
+    /**
+     * Checks if a row is selected or not.
+     * @param rowData The row object data to check.
+     */
+    isRowSelected(rowData: {
+        [key: string]: any;
+    }): boolean;
+    /** The data to be display in the table body. */
+    data: any[];
+    /** The column configuration options. */
+    columnConfigurations: IColumnConfiguration[];
+    /** Controls the visibility of the select column. */
+    select: boolean;
+    /** Controls the visibility of the select all checkbox (only applied when `select` is `true`). */
+    multiselect: boolean;
+    /** The row key for matching data to selections. */
+    selectKey: string | string[];
+    tooltipSelect: string | TableSelectTooltipCallback;
+    tooltipSelectAll: string;
+    /** Controls whether the table is dense or not. False by default. */
+    dense: boolean;
+    /** Controls whether the table is roomy or not. False by default. */
+    roomy: boolean;
+    /** Controls whether the table filters are visible or not. */
+    filter: boolean;
+    /** Controls whether the table applies fixed headers when in scroll containers. */
+    fixedHeaders: boolean;
+    /** Controls the table layout algorithm. */
+    layoutType: TableLayoutType;
+    /** Controls whether the content in each cell wraps or not (true by default). */
+    wrapContent: boolean;
+    /** Controls whether the columns are resizable or not. */
+    resizable: boolean;
+    /** Gets/sets the minimum width that a column can be resized to by the user dragging the resize handle. */
+    minResizeWidth: number;
+    /** Gets/sets whether the rows respond to (and emit) row click events. */
+    allowRowClick: boolean;
+    multiColumnSort: boolean;
+    rowCreated: TableRowCreatedCallback;
+    cellCreated: TableCellCreatedCallback;
+    selectAllTemplate: TableHeaderSelectAllTemplate;
+    selectCheckboxAlignment: CellAlign;
+}

package/esm/table/table.js

@@ -0,0 +1,290 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { coerceBoolean, coerceNumber, CustomElement, FoundationProperty } from '@tylertech/forge-core';
+import { tylIconArrowDownward } from '@tylertech/tyler-icons/standard';
+import { ExpansionPanelComponent } from '../expansion-panel';
+import { TableAdapter } from './table-adapter';
+import { TABLE_CONSTANTS } from './table-constants';
+import { TableFoundation } from './table-foundation';
+import { IconRegistry, IconComponent } from '../icon';
+import { BaseComponent } from '../core/base/base-component';
+import { CellAlign } from './types';
+/**
+ * The custom element class behind the `forge-table` component.
+ */
+let TableComponent = class TableComponent extends BaseComponent {
+    constructor() {
+        super();
+        IconRegistry.define(tylIconArrowDownward);
+        this._foundation = new TableFoundation(new TableAdapter(this));
+    }
+    static get observedAttributes() {
+        return [
+            TABLE_CONSTANTS.attributes.SELECT,
+            TABLE_CONSTANTS.attributes.MULTISELECT,
+            TABLE_CONSTANTS.attributes.SELECT_KEY,
+            TABLE_CONSTANTS.attributes.DENSE,
+            TABLE_CONSTANTS.attributes.ROOMY,
+            TABLE_CONSTANTS.attributes.FILTER,
+            TABLE_CONSTANTS.attributes.FIXED_HEADERS,
+            TABLE_CONSTANTS.attributes.LAYOUT_TYPE,
+            TABLE_CONSTANTS.attributes.WRAP_CONTENT,
+            TABLE_CONSTANTS.attributes.RESIZABLE,
+            TABLE_CONSTANTS.attributes.MIN_RESIZE_WIDTH,
+            TABLE_CONSTANTS.attributes.ALLOW_ROW_CLICK,
+            TABLE_CONSTANTS.attributes.MULTI_COLUMN_SORT,
+            TABLE_CONSTANTS.attributes.SELECT_CHECKBOX_ALIGNMENT,
+            TABLE_CONSTANTS.attributes.TOOLTIP_SELECT,
+            TABLE_CONSTANTS.attributes.TOOLTIP_SELECT_ALL
+        ];
+    }
+    initializedCallback() {
+        this._foundation.initialize();
+    }
+    connectedCallback() {
+        this._foundation.connect();
+    }
+    disconnectedCallback() {
+        this._foundation.disconnect();
+    }
+    attributeChangedCallback(name, oldValue, newValue) {
+        switch (name) {
+            case TABLE_CONSTANTS.attributes.SELECT:
+                this.select = coerceBoolean(newValue);
+                break;
+            case TABLE_CONSTANTS.attributes.MULTISELECT:
+                this.multiselect = coerceBoolean(newValue);
+                break;
+            case TABLE_CONSTANTS.attributes.SELECT_KEY:
+                this.selectKey = newValue;
+                break;
+            case TABLE_CONSTANTS.attributes.DENSE:
+                this.dense = coerceBoolean(newValue);
+                break;
+            case TABLE_CONSTANTS.attributes.ROOMY:
+                this.roomy = coerceBoolean(newValue);
+                break;
+            case TABLE_CONSTANTS.attributes.FILTER:
+                this.filter = coerceBoolean(newValue);
+                break;
+            case TABLE_CONSTANTS.attributes.FIXED_HEADERS:
+                this.fixedHeaders = coerceBoolean(newValue);
+                break;
+            case TABLE_CONSTANTS.attributes.LAYOUT_TYPE:
+                this.layoutType = newValue;
+                break;
+            case TABLE_CONSTANTS.attributes.WRAP_CONTENT:
+                this.wrapContent = coerceBoolean(newValue);
+                break;
+            case TABLE_CONSTANTS.attributes.RESIZABLE:
+                this.resizable = coerceBoolean(newValue);
+                break;
+            case TABLE_CONSTANTS.attributes.MIN_RESIZE_WIDTH:
+                this.minResizeWidth = coerceNumber(newValue);
+                break;
+            case TABLE_CONSTANTS.attributes.ALLOW_ROW_CLICK:
+                this.allowRowClick = coerceBoolean(newValue);
+                break;
+            case TABLE_CONSTANTS.attributes.MULTI_COLUMN_SORT:
+                this.multiColumnSort = coerceBoolean(newValue);
+                break;
+            case TABLE_CONSTANTS.attributes.SELECT_CHECKBOX_ALIGNMENT:
+                this.selectCheckboxAlignment = (this.getAttribute(TABLE_CONSTANTS.attributes.SELECT_CHECKBOX_ALIGNMENT) || CellAlign.Center);
+                break;
+            case TABLE_CONSTANTS.attributes.TOOLTIP_SELECT:
+                this.tooltipSelect = newValue;
+                break;
+            case TABLE_CONSTANTS.attributes.TOOLTIP_SELECT_ALL:
+                this.tooltipSelectAll = newValue;
+                break;
+        }
+    }
+    /**
+     * Hides a column from the table.
+     * @param columnIndex The index of the column to hide.
+     */
+    hideColumn(columnIndex) {
+        this._foundation.hideColumn(columnIndex);
+    }
+    /**
+     * Shows a hidden column in th table.
+     * @param columnIndex The index of the column to show.
+     */
+    showColumn(columnIndex) {
+        this._foundation.showColumn(columnIndex);
+    }
+    /** Returns the selected row instances. */
+    getSelectedRows() {
+        return this._foundation.getSelectedRows();
+    }
+    /**
+     * Selects a row in the table. Only applicable if `select` is true.
+     * @param data The row data behind the row that should be selected.
+     */
+    selectRow(data) {
+        this._foundation.selectRows([data], false);
+    }
+    /**
+     * Selects one or more rows in the table. Only applicable if `select` is true.
+     * @param data The row data begind the rows that should be selected.
+     * @param [preserveExisting=false] Should existing row selections be preserved or cleared.
+     */
+    selectRows(data, preserveExisting = false) {
+        this._foundation.selectRows(data, !preserveExisting);
+    }
+    /**
+     * Deselects a single row in the table.
+     * @param data The data behind the row that should be deselected.
+     */
+    deselectRow(data) {
+        this._foundation.deselectRows([data]);
+    }
+    /**
+     * Deselects one or more rows in the table.
+     * @param data The data behind the rows that should be deselected.
+     */
+    deselectRows(data) {
+        this._foundation.deselectRows(data);
+    }
+    /**
+     * Clears all selected table rows.
+     */
+    clearSelections() {
+        this._foundation.clearSelections();
+    }
+    /**
+     * Forces the table to re-render based on its current configuration.
+     */
+    render() {
+        this._foundation.render();
+    }
+    /**
+     * Expands a collapsed row.
+     * @param rowIndex The index of the row to expand.
+     */
+    expandRow(rowIndex, template) {
+        return this._foundation.expandRow(rowIndex, template);
+    }
+    /**
+     * Collapses an expanded row.
+     * @param rowIndex The index of the row to expand.
+     */
+    collapseRow(rowIndex) {
+        return this._foundation.collapseRow(rowIndex);
+    }
+    /**
+     * Checks if a row is expanded or not.
+     * @param rowIndex The row index to check.
+     */
+    isRowExpanded(rowIndex) {
+        return this._foundation.isRowExpanded(rowIndex);
+    }
+    /**
+     * Selects a rows by an index or array of indexes.
+     * @param indexes The row index/indexes to select.
+     */
+    selectRowsByIndex(indexes, preserveExisting) {
+        if (typeof indexes === 'number') {
+            this._foundation.selectRowsByIndex([indexes], preserveExisting);
+        }
+        else if (Array.isArray(indexes)) {
+            this._foundation.selectRowsByIndex(indexes, preserveExisting);
+        }
+    }
+    /**
+     * Deselects a rows by an index or array of indexes.
+     * @param indexes The row index/indexes to deselect
+     */
+    deselectRowsByIndex(indexes) {
+        if (typeof indexes === 'number') {
+            this._foundation.deselectRowsByIndex([indexes]);
+        }
+        else if (Array.isArray(indexes)) {
+            this._foundation.deselectRowsByIndex(indexes);
+        }
+    }
+    /**
+     * Checks if a row is selected or not.
+     * @param rowData The row object data to check.
+     */
+    isRowSelected(rowData) {
+        return this._foundation.isRowSelected(rowData);
+    }
+};
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "data", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "columnConfigurations", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "select", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "multiselect", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "selectKey", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "tooltipSelect", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "tooltipSelectAll", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "dense", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "roomy", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "filter", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "fixedHeaders", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "layoutType", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "wrapContent", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "resizable", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "minResizeWidth", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "allowRowClick", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "multiColumnSort", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "rowCreated", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "cellCreated", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "selectAllTemplate", void 0);
+__decorate([
+    FoundationProperty()
+], TableComponent.prototype, "selectCheckboxAlignment", void 0);
+TableComponent = __decorate([
+    CustomElement({
+        name: TABLE_CONSTANTS.elementName,
+        dependencies: [
+            ExpansionPanelComponent,
+            IconComponent
+        ]
+    })
+], TableComponent);
+export { TableComponent };

package/esm/table/types.d.ts

@@ -0,0 +1,157 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+import { IFormFieldComponentDelegate } from '../core/delegates/form-field-component-delegate';
+import { TableRow } from './table-row';
+export declare type TableViewTemplate = string | HTMLElement | TableTemplateBuilder;
+export declare type TableTemplateBuilder<T = any> = (rowIndex: number, div: HTMLElement, rowData: T) => HTMLElement | string | ITableTemplateBuilderResult | undefined | Promise<HTMLElement | string | undefined | ITableTemplateBuilderResult>;
+export declare type TableHeaderTemplateBuilder = (rowIndex: number, div: HTMLElement, columConfig: IColumnConfiguration) => HTMLElement | string | Promise<HTMLElement | string>;
+export declare type TableHeaderSelectAllTemplate = () => HTMLElement | string | Promise<HTMLElement | string>;
+export declare type TableRowCreatedCallback = (rowElement: HTMLTableRowElement, rowIndex: number, rowData: any) => void;
+export declare type TableSelectTooltipCallback = (rowIndex: number, rowData: any) => string;
+export declare type TableCellCreatedCallback = (rowElement: HTMLTableCellElement, rowIndex: number, columnIndex: number) => void;
+export interface IColumnData<T = any> {
+    config: IColumnConfiguration;
+    data: T[];
+}
+export interface ITableConfiguration {
+    tableElement: HTMLTableElement;
+    columnConfigurations: IColumnConfiguration[];
+    data: TableRow[];
+    sortedColumn: number;
+    sortDirection: SortDirection | undefined;
+    multiColumnSort: boolean;
+    dense: boolean;
+    filter: boolean;
+    wrapContent: boolean;
+    resizable: boolean;
+    fixedHeaders: boolean;
+    layoutType: TableLayoutType;
+    selectCheckboxAlignment: CellAlign;
+    tooltipSelect: string | TableSelectTooltipCallback;
+    tooltipSelectAll: string;
+    clickListener: ((evt: MouseEvent) => void) | null;
+    doubleClickListener: ((evt: Event) => void) | null;
+    selectListener: ((evt: Event) => void) | null;
+    selectAllListener: ((evt: Event) => void) | null;
+    headRowMouseDownListener: (evt: Event) => void;
+    headRowContextMenuListener: (evt: Event) => void;
+    filterListener: ((value: any, columnIndex: number) => void) | null;
+    rowCreatedCallback: TableRowCreatedCallback;
+    cellCreatedCallback: TableCellCreatedCallback;
+    selectAllTemplate: TableHeaderSelectAllTemplate;
+}
+export interface IColumnConfiguration {
+    property?: string;
+    template?: TableTemplateBuilder;
+    headerTemplate?: TableHeaderTemplateBuilder;
+    header?: string;
+    hidden?: boolean;
+    sortable?: boolean;
+    preventUnsort?: boolean;
+    initialSort?: boolean | ISortedColumn;
+    sortDirection?: SortDirection;
+    align?: CellAlign;
+    width?: string | number;
+    transform?: (value: any) => any | Promise<any>;
+    filter?: boolean;
+    filterDelegate?: IFormFieldComponentDelegate<any> | TableFilterDelegateFactory;
+    filterDebounceTime?: number;
+    cellStyle?: Partial<CSSStyleDeclaration>;
+    headerCellStyle?: Partial<CSSStyleDeclaration>;
+    resizable?: boolean;
+    columnSpan?: 'all' | number;
+    stopCellTemplateClickPropagation?: boolean;
+}
+export interface ITableSelectEventData<T = any> {
+    selected: boolean;
+    index: number;
+    data: T;
+}
+export interface ITableSelectAllEventData<T = any> {
+    status: boolean;
+    count: number;
+    data: T[];
+    targetType: 'row' | 'select-all';
+}
+export interface ITableRowClickEventData<T = any> {
+    index: number;
+    data: T;
+}
+export interface ITableSelectDoubleEventData<T = any> {
+    index: number;
+    data: T;
+}
+export interface ITableSortEventData {
+    direction: SortDirection;
+    columnIndex: number;
+}
+export declare type ITableSortMultipleEventData = ITableSortedMultipleEventDataItem[];
+export interface ITableSortedMultipleEventDataItem extends ISortedItem {
+}
+export interface ITableColumnResizeEventData {
+    index: number;
+    width: number;
+}
+export declare enum CellAlign {
+    Left = "left",
+    Right = "right",
+    Center = "center"
+}
+export declare enum SortDirection {
+    Ascending = "ASC",
+    Descending = "DESC",
+    Unset = "UNSET"
+}
+export interface ISortedItem {
+    columnIndex: number;
+    direction: SortDirection;
+    propertyName: string;
+    sortOrder?: number;
+}
+export interface ISortedColumn {
+    direction: SortDirection;
+    sortOrder?: number;
+    propertyName: string;
+}
+export interface ISortedItemUpdate {
+    columnIndex: number;
+    direction: SortDirection;
+    propertyName: string;
+}
+export interface ITableFilterOption<T = any> {
+    display: string | ITableDateFilterLabel;
+    value: T;
+}
+export interface ITableDateFilterLabel {
+    from: string;
+    to: string;
+}
+export declare enum TableFilterType {
+    InputText = "text",
+    InputNumber = "number",
+    Select = "select",
+    SelectMultiple = "select-multiple",
+    Date = "date",
+    DateRange = "date-range"
+}
+export declare type TableFilterListener<T = any> = (value: T, columnIndex: number) => void;
+export declare type TableFilterDelegateFactory<T extends HTMLElement = any> = () => IFormFieldComponentDelegate<T>;
+export declare type TableLayoutType = 'auto' | 'fixed';
+export interface ITableFilterEventData<T = any> {
+    value: T;
+    columnIndex: number;
+}
+export interface ITableResizeEventDescriptor {
+    element: HTMLTableHeaderCellElement;
+    startWidth: number;
+    startX: number;
+    index: number;
+    width: number;
+}
+export interface ITableTemplateBuilderResult {
+    content: HTMLElement | string;
+    stopClickPropagation?: boolean;
+}

package/esm/table/types.js

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2022 Tyler Technologies, Inc. 
+ * License: Apache-2.0
+ */
+export var CellAlign;
+(function (CellAlign) {
+    CellAlign["Left"] = "left";
+    CellAlign["Right"] = "right";
+    CellAlign["Center"] = "center";
+})(CellAlign || (CellAlign = {}));
+export var SortDirection;
+(function (SortDirection) {
+    SortDirection["Ascending"] = "ASC";
+    SortDirection["Descending"] = "DESC";
+    SortDirection["Unset"] = "UNSET";
+})(SortDirection || (SortDirection = {}));
+export var TableFilterType;
+(function (TableFilterType) {
+    TableFilterType["InputText"] = "text";
+    TableFilterType["InputNumber"] = "number";
+    TableFilterType["Select"] = "select";
+    TableFilterType["SelectMultiple"] = "select-multiple";
+    TableFilterType["Date"] = "date";
+    TableFilterType["DateRange"] = "date-range";
+})(TableFilterType || (TableFilterType = {}));

package/esm/tabs/index.d.ts

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

package/esm/tabs/index.js

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

package/esm/tabs/tab/index.d.ts

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

package/esm/tabs/tab/index.js

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