@theseam/ui-common 0.4.27 → 0.4.28-beta.0

package/breadcrumbs/breadcrumbs/breadcrumbs.component.scss

@@ -4,7 +4,7 @@ seam-breadcrumbs {
   li {
     color: $breadcrumb-color;
     a {
-      color: inherit;
+      color: $breadcrumb-color;
     }
   }
 }

package/datatable/datatable/datatable.component.d.ts

@@ -20,6 +20,11 @@ import { TheSeamDatatableColumn } from '../models/table-column';
 import { ColumnsManagerService } from '../services/columns-manager.service';
 import { DatatablePreferencesService } from '../services/datatable-preferences.service';
 import { ColumnsAlterationsManagerService } from '../services/columns-alterations-manager.service';
+import { ActionItemColumnPosition } from '../models/action-item-column-position';
+import { ColumnsFiltersService } from '../services/columns-filters.service';
+import { TheSeamDatatableColumnFilterUpdateMethod, TheSeamDatatableConfig, TheSeamDatatableMessages } from '../models/datatable-config';
+import { SeamIcon } from '@theseam/ui-common/icon';
+import { TheSeamDatatableColumnFilterDirective } from '../directives/datatable-column-filter.directive';
 import * as i0 from "@angular/core";
 /**
  * NOTE: This is still being worked on. I am trying to figure out this model
@@ -54,6 +59,8 @@ export declare class DatatableComponent implements OnInit, OnDestroy, TheSeamDat
     private readonly _preferences;
     private readonly _columnsManager;
     private readonly _columnsAlterationsManager;
+    private readonly _columnsFilters;
+    private readonly _config?;
     static ngAcceptInputType_externalPaging: BooleanInput;
     static ngAcceptInputType_externalSorting: BooleanInput;
     static ngAcceptInputType_externalFiltering: BooleanInput;
@@ -79,7 +86,7 @@ export declare class DatatableComponent implements OnInit, OnDestroy, TheSeamDat
     readonly _faChevronRight: import("@fortawesome/fontawesome-common-types").IconDefinition;
     readonly _faSpinner: import("@fortawesome/fontawesome-common-types").IconDefinition;
     private readonly _ngUnsubscribe;
-    private readonly _filtersSubject;
+    private readonly _menuBarsFiltersSubject;
     private readonly _dataSourceSubject;
     private _resizing;
     readonly filterStates: Observable<DataFilterState[]>;
@@ -115,8 +122,20 @@ export declare class DatatableComponent implements OnInit, OnDestroy, TheSeamDat
     get sorts(): SortItem[];
     set sorts(value: SortItem[]);
     _sorts: SortItem[];
-    cssClasses: any | undefined | null;
-    messages: any | undefined | null;
+    get cssClasses(): {
+        [key: string]: string;
+    } | undefined | null;
+    set cssClasses(value: {
+        [key: string]: string;
+    } | undefined | null);
+    private _cssClassesDefault;
+    _cssClasses: {
+        [key: string]: string;
+    } | undefined | null;
+    get messages(): TheSeamDatatableMessages | undefined | null;
+    set messages(value: TheSeamDatatableMessages | undefined | null);
+    private _messagesDefault;
+    _messages: TheSeamDatatableMessages | undefined | null;
     rowIdentity: ((x: any) => any) | undefined | null;
     rowClass: any | undefined | null;
     selectCheck: any | undefined | null;
@@ -130,12 +149,41 @@ export declare class DatatableComponent implements OnInit, OnDestroy, TheSeamDat
     summaryHeight: number;
     summaryPosition: string | undefined | null;
     virtualization: boolean;
-    headerHeight: number;
-    rowHeight: number;
-    footerHeight: number;
+    get headerHeight(): number | undefined | null;
+    set headerHeight(value: number | undefined | null);
+    private readonly _headerHeightDefault;
+    _headerHeight: number | undefined | null;
+    get rowHeight(): number | undefined | null;
+    set rowHeight(value: number | undefined | null);
+    private readonly _rowHeightDefault;
+    _rowHeight: number | undefined | null;
+    get footerHeight(): number | undefined | null;
+    set footerHeight(value: number | undefined | null);
+    private readonly _footerHeightDefault;
+    _footerHeight: number | undefined | null;
     scrollbarV: boolean;
     scrollbarH: boolean;
     set dataSource(value: DataSource<any> | any[] | undefined | null);
+    /**
+     * Sets position behavior for optional Action Menu Button column.
+     *
+     * Defaults to `frozenRight`.
+     */
+    get actionItemColumnPosition(): ActionItemColumnPosition | undefined;
+    set actionItemColumnPosition(value: ActionItemColumnPosition | undefined);
+    private _actionItemColumnPosition;
+    get columnFilterIcon(): SeamIcon | undefined | null;
+    set columnFilterIcon(value: SeamIcon | undefined | null);
+    private readonly _columnFilterIconDefault;
+    _columnFilterIcon: SeamIcon | undefined | null;
+    get columnFilterUpdateMethod(): TheSeamDatatableColumnFilterUpdateMethod | undefined | null;
+    set columnFilterUpdateMethod(value: TheSeamDatatableColumnFilterUpdateMethod | undefined | null);
+    private readonly _columnFilterUpdateMethodDefault;
+    _columnFilterUpdateMethod: TheSeamDatatableColumnFilterUpdateMethod | undefined | null;
+    get columnFilterUpdateDebounce(): number | undefined | null;
+    set columnFilterUpdateDebounce(value: number | undefined | null);
+    private readonly _columnFilterUpdateDebounceDefault;
+    _columnFilterUpdateDebounce: number | undefined | null;
     readonly scroll: EventEmitter<any>;
     readonly activate: EventEmitter<any>;
     readonly select: EventEmitter<any>;
@@ -162,6 +210,7 @@ export declare class DatatableComponent implements OnInit, OnDestroy, TheSeamDat
     set menuBarComponent(value: DatatableMenuBarComponent | undefined);
     private _menuBarComponent;
     private _menuBarSub;
+    set columnFilterTemplates(value: QueryList<TheSeamDatatableColumnFilterDirective> | undefined);
     ngxDatatable?: NgxDatatableComponent;
     ngxDatatableElement?: ElementRef;
     ngxRowDetail?: DatatableRowDetailDirective;
@@ -188,8 +237,10 @@ export declare class DatatableComponent implements OnInit, OnDestroy, TheSeamDat
     viewChange: Observable<ListRange>;
     private _rowDetailToggleSubscription;
     _dblClick(event: any): void;
-    constructor(_preferences: DatatablePreferencesService, _columnsManager: ColumnsManagerService, _columnsAlterationsManager: ColumnsAlterationsManagerService);
+    constructor(_preferences: DatatablePreferencesService, _columnsManager: ColumnsManagerService, _columnsAlterationsManager: ColumnsAlterationsManagerService, _columnsFilters: ColumnsFiltersService, _config?: TheSeamDatatableConfig | undefined);
     ngOnInit(): void;
+    /** Sets missing inputs from config */
+    private _setDatatableConfigOrDefault;
     ngOnDestroy(): void;
     private _setMenuBarFilters;
     getColumnComponent(propName: string): DatatableColumnComponent | null;
@@ -209,6 +260,6 @@ export declare class DatatableComponent implements OnInit, OnDestroy, TheSeamDat
      * Returns the page info from the wrapped NgxDatatable instance or defaults.
      */
     get pageInfo(): TheSeamPageInfo;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatatableComponent, "seam-datatable", never, { "preferencesKey": "preferencesKey"; "targetMarkerTemplate": "targetMarkerTemplate"; "columns": "columns"; "rows": "rows"; "columnMode": "columnMode"; "groupRowsBy": "groupRowsBy"; "groupedRows": "groupedRows"; "selected": "selected"; "externalPaging": "externalPaging"; "externalSorting": "externalSorting"; "externalFiltering": "externalFiltering"; "limit": "limit"; "count": "count"; "offset": "offset"; "loadingIndicator": "loadingIndicator"; "selectionType": "selectionType"; "reorderable": "reorderable"; "swapColumns": "swapColumns"; "sortType": "sortType"; "sorts": "sorts"; "cssClasses": "cssClasses"; "messages": "messages"; "rowIdentity": "rowIdentity"; "rowClass": "rowClass"; "selectCheck": "selectCheck"; "displayCheck": "displayCheck"; "groupExpansionDefault": "groupExpansionDefault"; "trackByProp": "trackByProp"; "selectAllRowsOnPage": "selectAllRowsOnPage"; "treeFromRelation": "treeFromRelation"; "treeToRelation": "treeToRelation"; "summaryRow": "summaryRow"; "summaryHeight": "summaryHeight"; "summaryPosition": "summaryPosition"; "virtualization": "virtualization"; "headerHeight": "headerHeight"; "rowHeight": "rowHeight"; "footerHeight": "footerHeight"; "scrollbarV": "scrollbarV"; "scrollbarH": "scrollbarH"; "dataSource": "dataSource"; }, { "scroll": "scroll"; "activate": "activate"; "select": "select"; "sort": "sort"; "page": "page"; "reorder": "reorder"; "resize": "resize"; "tableContextmenu": "tableContextmenu"; "treeAction": "treeAction"; "actionRefreshRequest": "actionRefreshRequest"; "hiddenColumnsChange": "hiddenColumnsChange"; }, ["actionMenu", "rowActionItem", "rowDetail", "footer", "menuBarComponent", "columnComponents"], ["seam-datatable-menu-bar"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableComponent, [null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatatableComponent, "seam-datatable", never, { "preferencesKey": "preferencesKey"; "targetMarkerTemplate": "targetMarkerTemplate"; "columns": "columns"; "rows": "rows"; "columnMode": "columnMode"; "groupRowsBy": "groupRowsBy"; "groupedRows": "groupedRows"; "selected": "selected"; "externalPaging": "externalPaging"; "externalSorting": "externalSorting"; "externalFiltering": "externalFiltering"; "limit": "limit"; "count": "count"; "offset": "offset"; "loadingIndicator": "loadingIndicator"; "selectionType": "selectionType"; "reorderable": "reorderable"; "swapColumns": "swapColumns"; "sortType": "sortType"; "sorts": "sorts"; "cssClasses": "cssClasses"; "messages": "messages"; "rowIdentity": "rowIdentity"; "rowClass": "rowClass"; "selectCheck": "selectCheck"; "displayCheck": "displayCheck"; "groupExpansionDefault": "groupExpansionDefault"; "trackByProp": "trackByProp"; "selectAllRowsOnPage": "selectAllRowsOnPage"; "treeFromRelation": "treeFromRelation"; "treeToRelation": "treeToRelation"; "summaryRow": "summaryRow"; "summaryHeight": "summaryHeight"; "summaryPosition": "summaryPosition"; "virtualization": "virtualization"; "headerHeight": "headerHeight"; "rowHeight": "rowHeight"; "footerHeight": "footerHeight"; "scrollbarV": "scrollbarV"; "scrollbarH": "scrollbarH"; "dataSource": "dataSource"; "actionItemColumnPosition": "actionItemColumnPosition"; "columnFilterIcon": "columnFilterIcon"; "columnFilterUpdateMethod": "columnFilterUpdateMethod"; "columnFilterUpdateDebounce": "columnFilterUpdateDebounce"; }, { "scroll": "scroll"; "activate": "activate"; "select": "select"; "sort": "sort"; "page": "page"; "reorder": "reorder"; "resize": "resize"; "tableContextmenu": "tableContextmenu"; "treeAction": "treeAction"; "actionRefreshRequest": "actionRefreshRequest"; "hiddenColumnsChange": "hiddenColumnsChange"; }, ["actionMenu", "rowActionItem", "rowDetail", "footer", "menuBarComponent", "columnComponents", "columnFilterTemplates"], ["seam-datatable-menu-bar"], false, never>;
 }

package/datatable/datatable-column-filter-menu/datatable-column-filter-menu.component.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { ColumnsFiltersService } from '../services/columns-filters.service';
+import { TheSeamDatatableColumn } from '../models/table-column';
+import { FormGroup } from '@angular/forms';
+import { ColumnsDataFilter } from '../models/columns-data-filter';
+import { Observable } from 'rxjs';
+import { TheSeamDatatableColumnFilterUpdateMethod } from '../models/datatable-config';
+import * as i0 from "@angular/core";
+export declare class DatatableColumnFilterMenuComponent implements OnInit {
+    private readonly _columnsFilters;
+    _filterForm: FormGroup<any> | undefined;
+    column: TheSeamDatatableColumn | null | undefined;
+    updateMethod: TheSeamDatatableColumnFilterUpdateMethod | null | undefined;
+    debounce: number | null | undefined;
+    columnFilterProp: string | null | null | undefined;
+    columnFilter: ColumnsDataFilter<any, any> | null | undefined;
+    customFilterTemplate$: Observable<any> | null | undefined;
+    closePopover: EventEmitter<any>;
+    constructor(_columnsFilters: ColumnsFiltersService);
+    ngOnInit(): void;
+    submit(): void;
+    clearFilter(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableColumnFilterMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatatableColumnFilterMenuComponent, "seam-datatable-column-filter-menu", never, { "column": "column"; "updateMethod": "updateMethod"; "debounce": "debounce"; }, { "closePopover": "closePopover"; }, never, never, false, never>;
+}

package/datatable/datatable-column-filter-search-date/datatable-column-filter-search-date.component.d.ts

@@ -0,0 +1,18 @@
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { TheSeamColumnsDataFilterDateSearchDateType, TheSeamColumnsDataFilterDateSearchForm, TheSeamColumnsDataFilterDateSearchOptions, TheSeamColumnsDataFilterDateSearchType } from '../models/columns-data-filters/models';
+import * as i0 from "@angular/core";
+export declare class DatatableColumnFilterSearchDateComponent implements OnInit {
+    searchTypes: {
+        label: string;
+        value: TheSeamColumnsDataFilterDateSearchType;
+    }[];
+    options: TheSeamColumnsDataFilterDateSearchOptions | undefined;
+    filterForm: TheSeamColumnsDataFilterDateSearchForm | undefined;
+    dateFormat: TheSeamColumnsDataFilterDateSearchDateType | undefined;
+    showSearchInput$: Observable<boolean> | undefined;
+    showRangeInputs$: Observable<boolean> | undefined;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableColumnFilterSearchDateComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatatableColumnFilterSearchDateComponent, "seam-datatable-column-filter-search-date", never, { "options": "options"; "filterForm": "filterForm"; }, {}, never, never, false, never>;
+}

package/datatable/datatable-column-filter-search-numeric/datatable-column-filter-search-numeric.component.d.ts

@@ -0,0 +1,16 @@
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { TheSeamColumnsDataFilterNumericSearchForm, TheSeamColumnsDataFilterNumericSearchType } from '../models/columns-data-filters/models';
+import * as i0 from "@angular/core";
+export declare class DatatableColumnFilterSearchNumericComponent implements OnInit {
+    searchTypes: {
+        label: string;
+        value: TheSeamColumnsDataFilterNumericSearchType;
+    }[];
+    filterForm: TheSeamColumnsDataFilterNumericSearchForm | undefined;
+    showSearchInput$: Observable<boolean> | undefined;
+    showRangeInputs$: Observable<boolean> | undefined;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableColumnFilterSearchNumericComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatatableColumnFilterSearchNumericComponent, "seam-datatable-column-filter-search-numeric", never, { "filterForm": "filterForm"; }, {}, never, never, false, never>;
+}

package/datatable/datatable-column-filter-search-text/datatable-column-filter-search-text.component.d.ts

@@ -0,0 +1,15 @@
+import { OnInit } from '@angular/core';
+import { Observable } from 'rxjs';
+import { TheSeamColumnsDataFilterTextSearchForm, TheSeamColumnsDataFilterTextSearchType } from '../models/columns-data-filters/models';
+import * as i0 from "@angular/core";
+export declare class DatatableColumnFilterSearchTextComponent implements OnInit {
+    searchTypes: {
+        label: string;
+        value: TheSeamColumnsDataFilterTextSearchType;
+    }[];
+    filterForm: TheSeamColumnsDataFilterTextSearchForm | undefined;
+    showTextbox$: Observable<boolean> | undefined;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableColumnFilterSearchTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatatableColumnFilterSearchTextComponent, "seam-datatable-column-filter-search-text", never, { "filterForm": "filterForm"; }, {}, never, never, false, never>;
+}

package/datatable/datatable-menu-bar/datatable-menu-bar.component.d.ts

@@ -1,9 +1,9 @@
 import { EventEmitter, QueryList } from '@angular/core';
-import { IDataFilter } from '@theseam/ui-common/data-filters';
+import { DataFilterContainer, IDataFilter } from '@theseam/ui-common/data-filters';
 import { DatatableFilterDirective } from '../directives/datatable-filter.directive';
 import * as i0 from "@angular/core";
 export declare const _THESEAM_DATA_FILTER_CONTAINER: any;
-export declare class DatatableMenuBarComponent {
+export declare class DatatableMenuBarComponent implements DataFilterContainer {
     get filterDirectives(): QueryList<DatatableFilterDirective> | undefined;
     set filterDirectives(value: QueryList<DatatableFilterDirective> | undefined);
     private _filterDirectives;

package/datatable/datatable.module.d.ts

@@ -21,27 +21,36 @@ import * as i19 from "./datatable-menu-bar-column-left/datatable-menu-bar-column
 import * as i20 from "./datatable-menu-bar-column-center/datatable-menu-bar-column-center.component";
 import * as i21 from "./datatable-menu-bar-column-right/datatable-menu-bar-column-right.component";
 import * as i22 from "./datatable-menu-bar-text/datatable-menu-bar-text.component";
-import * as i23 from "@angular/common";
-import * as i24 from "@marklb/ngx-datatable";
-import * as i25 from "@fortawesome/angular-fontawesome";
-import * as i26 from "@angular/cdk/overlay";
-import * as i27 from "@angular/cdk/a11y";
-import * as i28 from "@theseam/ui-common/shared";
-import * as i29 from "@angular/router";
-import * as i30 from "@theseam/ui-common/menu";
-import * as i31 from "@theseam/ui-common/buttons";
-import * as i32 from "@theseam/ui-common/icon";
-import * as i33 from "ngx-toastr";
-import * as i34 from "@theseam/ui-common/loading";
-import * as i35 from "@angular/cdk/portal";
-import * as i36 from "@theseam/ui-common/confirm-dialog";
-import * as i37 from "@theseam/ui-common/popover";
-import * as i38 from "@theseam/ui-common/checkbox";
-import * as i39 from "@theseam/ui-common/form-field";
-import * as i40 from "@angular/forms";
-import * as i41 from "@theseam/ui-common/table-cell-type";
+import * as i23 from "./datatable-column-filter-menu/datatable-column-filter-menu.component";
+import * as i24 from "./datatable-column-filter-search-text/datatable-column-filter-search-text.component";
+import * as i25 from "./datatable-column-filter-search-numeric/datatable-column-filter-search-numeric.component";
+import * as i26 from "./datatable-column-filter-search-date/datatable-column-filter-search-date.component";
+import * as i27 from "./directives/datatable-column-filter-tpl.directive";
+import * as i28 from "./directives/datatable-column-filter.directive";
+import * as i29 from "@angular/common";
+import * as i30 from "@marklb/ngx-datatable";
+import * as i31 from "@fortawesome/angular-fontawesome";
+import * as i32 from "@angular/cdk/overlay";
+import * as i33 from "@angular/cdk/a11y";
+import * as i34 from "@theseam/ui-common/shared";
+import * as i35 from "@angular/router";
+import * as i36 from "@theseam/ui-common/menu";
+import * as i37 from "@theseam/ui-common/buttons";
+import * as i38 from "@theseam/ui-common/icon";
+import * as i39 from "ngx-toastr";
+import * as i40 from "@theseam/ui-common/loading";
+import * as i41 from "@angular/cdk/portal";
+import * as i42 from "@theseam/ui-common/confirm-dialog";
+import * as i43 from "@theseam/ui-common/popover";
+import * as i44 from "@theseam/ui-common/checkbox";
+import * as i45 from "@theseam/ui-common/form-field";
+import * as i46 from "@angular/forms";
+import * as i47 from "@theseam/ui-common/table-cell-type";
+import * as i48 from "@theseam/ui-common/data-filters";
+import * as i49 from "@ng-select/ng-select";
+import * as i50 from "@theseam/ui-common/toggle-group";
 export declare class TheSeamDatatableModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamDatatableModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamDatatableModule, [typeof i1.DatatableComponent, typeof i2.DatatableCellTplDirective, typeof i3.DatatableColumnComponent, typeof i4.DatatableActionMenuComponent, typeof i5.DatatableActionMenuToggleDirective, typeof i6.DatatableActionMenuItemComponent, typeof i7.DatatableMenuBarComponent, typeof i8.DatatableFilterDirective, typeof i9.DatatableRowActionItemDirective, typeof i10.DatatableExportButtonComponent, typeof i11.TheSeamDatatableRowDetailDirective, typeof i12.DatatableRowDetailTplDirective, typeof i13.TheSeamDatatableFooterDirective, typeof i14.DatatableFooterTplDirective, typeof i15.DatatableColumnPreferencesComponent, typeof i16.DatatableColumnPreferencesButtonComponent, typeof i17.DatatableActionMenuItemDirective, typeof i18.DatatableMenuBarRowComponent, typeof i19.DatatableMenuBarColumnLeftComponent, typeof i20.DatatableMenuBarColumnCenterComponent, typeof i21.DatatableMenuBarColumnRightComponent, typeof i22.DatatableMenuBarTextComponent], [typeof i23.CommonModule, typeof i24.NgxDatatableModule, typeof i25.FontAwesomeModule, typeof i26.OverlayModule, typeof i27.A11yModule, typeof i28.TheSeamSharedModule, typeof i29.RouterModule, typeof i30.TheSeamMenuModule, typeof i31.TheSeamButtonsModule, typeof i32.TheSeamIconModule, typeof i33.ToastrModule, typeof i34.TheSeamLoadingModule, typeof i35.PortalModule, typeof i36.TheSeamConfirmDialogModule, typeof i37.TheSeamPopoverModule, typeof i38.TheSeamCheckboxComponent, typeof i39.TheSeamFormFieldModule, typeof i40.ReactiveFormsModule, typeof i41.TheSeamTableCellTypeModule], [typeof i1.DatatableComponent, typeof i2.DatatableCellTplDirective, typeof i3.DatatableColumnComponent, typeof i4.DatatableActionMenuComponent, typeof i6.DatatableActionMenuItemComponent, typeof i7.DatatableMenuBarComponent, typeof i8.DatatableFilterDirective, typeof i9.DatatableRowActionItemDirective, typeof i10.DatatableExportButtonComponent, typeof i11.TheSeamDatatableRowDetailDirective, typeof i12.DatatableRowDetailTplDirective, typeof i13.TheSeamDatatableFooterDirective, typeof i14.DatatableFooterTplDirective, typeof i15.DatatableColumnPreferencesComponent, typeof i16.DatatableColumnPreferencesButtonComponent, typeof i17.DatatableActionMenuItemDirective, typeof i18.DatatableMenuBarRowComponent, typeof i19.DatatableMenuBarColumnLeftComponent, typeof i20.DatatableMenuBarColumnCenterComponent, typeof i21.DatatableMenuBarColumnRightComponent, typeof i22.DatatableMenuBarTextComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamDatatableModule, [typeof i1.DatatableComponent, typeof i2.DatatableCellTplDirective, typeof i3.DatatableColumnComponent, typeof i4.DatatableActionMenuComponent, typeof i5.DatatableActionMenuToggleDirective, typeof i6.DatatableActionMenuItemComponent, typeof i7.DatatableMenuBarComponent, typeof i8.DatatableFilterDirective, typeof i9.DatatableRowActionItemDirective, typeof i10.DatatableExportButtonComponent, typeof i11.TheSeamDatatableRowDetailDirective, typeof i12.DatatableRowDetailTplDirective, typeof i13.TheSeamDatatableFooterDirective, typeof i14.DatatableFooterTplDirective, typeof i15.DatatableColumnPreferencesComponent, typeof i16.DatatableColumnPreferencesButtonComponent, typeof i17.DatatableActionMenuItemDirective, typeof i18.DatatableMenuBarRowComponent, typeof i19.DatatableMenuBarColumnLeftComponent, typeof i20.DatatableMenuBarColumnCenterComponent, typeof i21.DatatableMenuBarColumnRightComponent, typeof i22.DatatableMenuBarTextComponent, typeof i23.DatatableColumnFilterMenuComponent, typeof i24.DatatableColumnFilterSearchTextComponent, typeof i25.DatatableColumnFilterSearchNumericComponent, typeof i26.DatatableColumnFilterSearchDateComponent, typeof i27.DatatableColumnFilterTplDirective, typeof i28.TheSeamDatatableColumnFilterDirective], [typeof i29.CommonModule, typeof i30.NgxDatatableModule, typeof i31.FontAwesomeModule, typeof i32.OverlayModule, typeof i33.A11yModule, typeof i34.TheSeamSharedModule, typeof i35.RouterModule, typeof i36.TheSeamMenuModule, typeof i37.TheSeamButtonsModule, typeof i38.TheSeamIconModule, typeof i39.ToastrModule, typeof i40.TheSeamLoadingModule, typeof i41.PortalModule, typeof i42.TheSeamConfirmDialogModule, typeof i43.TheSeamPopoverModule, typeof i44.TheSeamCheckboxComponent, typeof i45.TheSeamFormFieldModule, typeof i46.ReactiveFormsModule, typeof i47.TheSeamTableCellTypeModule, typeof i48.TheSeamDataFiltersModule, typeof i49.NgSelectModule, typeof i50.TheSeamToggleGroupModule], [typeof i1.DatatableComponent, typeof i2.DatatableCellTplDirective, typeof i3.DatatableColumnComponent, typeof i4.DatatableActionMenuComponent, typeof i6.DatatableActionMenuItemComponent, typeof i7.DatatableMenuBarComponent, typeof i8.DatatableFilterDirective, typeof i9.DatatableRowActionItemDirective, typeof i10.DatatableExportButtonComponent, typeof i11.TheSeamDatatableRowDetailDirective, typeof i12.DatatableRowDetailTplDirective, typeof i13.TheSeamDatatableFooterDirective, typeof i14.DatatableFooterTplDirective, typeof i15.DatatableColumnPreferencesComponent, typeof i16.DatatableColumnPreferencesButtonComponent, typeof i17.DatatableActionMenuItemDirective, typeof i18.DatatableMenuBarRowComponent, typeof i19.DatatableMenuBarColumnLeftComponent, typeof i20.DatatableMenuBarColumnCenterComponent, typeof i21.DatatableMenuBarColumnRightComponent, typeof i22.DatatableMenuBarTextComponent, typeof i23.DatatableColumnFilterMenuComponent, typeof i24.DatatableColumnFilterSearchTextComponent, typeof i25.DatatableColumnFilterSearchNumericComponent, typeof i26.DatatableColumnFilterSearchDateComponent, typeof i27.DatatableColumnFilterTplDirective, typeof i28.TheSeamDatatableColumnFilterDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TheSeamDatatableModule>;
 }

package/datatable/directives/datatable-column-filter-tpl.directive.d.ts

@@ -0,0 +1,8 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DatatableColumnFilterTplDirective {
+    template: TemplateRef<any>;
+    constructor(template: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatatableColumnFilterTplDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DatatableColumnFilterTplDirective, "[seamDatatableColumnFilterTpl]", never, {}, {}, never, never, false, never>;
+}

package/datatable/directives/datatable-column-filter.directive.d.ts

@@ -0,0 +1,10 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TheSeamDatatableColumnFilterDirective {
+    filterName: string | undefined | null;
+    _templateInput: TemplateRef<any> | undefined | null;
+    _templateQuery: TemplateRef<any> | undefined | null;
+    get template(): TemplateRef<any> | undefined | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamDatatableColumnFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TheSeamDatatableColumnFilterDirective, "seam-datatable-column-filter", never, { "filterName": "filterName"; "_templateInput": "template"; }, {}, ["_templateQuery"], never, false, never>;
+}

package/datatable/models/action-item-column-position.d.ts

@@ -0,0 +1,13 @@
+declare const ActionItemColumnPosition: readonly ["frozenLeft", "frozenRight", "staticLeft", "staticRight"];
+/**
+ * If `frozenLeft`, action item column will be fixed to the left side of the table.
+ *
+ * If `frozenRight`, action item column will be fixed to the right side of the table.
+ *
+ * If `staticLeft`, action item column will be the first static column on the left side of the table.
+ *
+ * If `staticRight`, action item column will be the last static column on the right side of the table.
+ */
+export type ActionItemColumnPosition = typeof ActionItemColumnPosition[number];
+export declare function isActionItemColumnPosition(input: unknown): input is ActionItemColumnPosition;
+export {};

package/datatable/models/columns-data-filter.d.ts

@@ -0,0 +1,57 @@
+import { DataFilter, DataFilterState } from '@theseam/ui-common/data-filters';
+import { TheSeamDatatableColumn, TheSeamDatatableColumnFilterableConfig } from './table-column';
+import { Observable } from 'rxjs';
+import { FormGroup } from '@angular/forms';
+import { InjectionToken } from '@angular/core';
+export interface ColumnsDataFilterStateState<T = any, O = any> {
+    prop?: string;
+    formValue?: Partial<T>;
+    options?: O;
+    [key: string]: any;
+}
+export interface ColumnsDataFilterState<T = any, O = any> extends DataFilterState {
+    state: ColumnsDataFilterStateState<T, O>;
+}
+export declare abstract class ColumnsDataFilter<TInitial = any, TForm = FormGroup, TOptions = any, TConfig extends TheSeamDatatableColumnFilterableConfig = any> implements DataFilter {
+    readonly prop: string;
+    readonly initialValue: TInitial;
+    readonly column: TheSeamDatatableColumn<any, any, TConfig>;
+    /**
+     * Name used when referencing filter by string.
+     */
+    abstract readonly name: string;
+    /**
+     * Unique value to prevent a filter being used more than once if it ends up
+     * being registered more than once.
+     */
+    abstract readonly uid: string;
+    abstract readonly form: TForm;
+    /**
+     * Listens for changes in the filter value and emits the current state of the filter.
+     */
+    abstract readonly filterStateChanges: Observable<DataFilterState>;
+    abstract readonly options: TOptions;
+    constructor(prop: string, initialValue: TInitial, column: TheSeamDatatableColumn<any, any, TConfig>);
+    /**
+     * Takes rows, filter form value, and an optional config object, and returns filtered rows.
+     */
+    abstract dataFilter(data: any[], filterValue: TInitial, options: any): any[];
+    /**
+     * Listens for changes in the filter value and filters the data based on the conditions set.
+     */
+    abstract filter<T>(data: T[]): Observable<T[]>;
+    /**
+     * Returns the current state of the filter.
+     */
+    abstract filterState(): ColumnsDataFilterState<TInitial, TOptions>;
+    /**
+     * Returns the form value back to the default.
+     */
+    abstract applyFilter(): void;
+    /**
+     * Returns the form value back to the default.
+     */
+    abstract clearFilter(): void;
+    abstract isDefault(): boolean;
+}
+export declare const THESEAM_COLUMNS_DATA_FILTER: InjectionToken<ColumnsDataFilter<any, any, any, any>>;

package/datatable/models/columns-data-filters/models.d.ts

@@ -0,0 +1,65 @@
+import { FormControl, FormGroup } from "@angular/forms";
+import { TheSeamDatatableColumnFilterableConfig } from "../table-column";
+export declare const THESEAM_COLUMNS_DATA_FILTER_DATE_SEARCH_NAME: "search-date";
+export declare const THESEAM_COLUMNS_DATA_FILTER_DATE_SEARCH_TYPES: readonly ["lt", "lte", "gt", "gte", "eq", "blank", "not-blank", "between", "not-between"];
+export declare const THESEAM_COLUMNS_DATA_FILTER_DATE_TEXT_SEARCH_TYPES: string[];
+export declare const THESEAM_COLUMNS_DATA_FILTER_DATE_RANGE_SEARCH_TYPES: string[];
+export declare const THESEAM_COLUMNS_DATA_FILTER_DATE_SELECT_SEARCH_TYPES: string[];
+export type TheSeamColumnsDataFilterDateSearchType = typeof THESEAM_COLUMNS_DATA_FILTER_DATE_SEARCH_TYPES[number];
+export type TheSeamColumnsDataFilterDateSearchForm = FormGroup<{
+    searchType: FormControl<TheSeamColumnsDataFilterDateSearchType | null>;
+    searchText: FormControl<string | null>;
+    fromText: FormControl<string | null>;
+    toText: FormControl<string | null>;
+}>;
+export interface TheSeamColumnsDataFilterDateSearchFormState {
+    searchType: TheSeamColumnsDataFilterDateSearchType | null;
+    searchText: string | null;
+    fromText: string | null;
+    toText: string | null;
+}
+export type TheSeamColumnsDataFilterDateSearchDateType = 'date' | 'datetime-local';
+export interface TheSeamDatatableDateColumnFilterableConfig extends TheSeamDatatableColumnFilterableConfig {
+    /**
+     * The input type to use for the date filter form.
+     */
+    dateType?: TheSeamColumnsDataFilterDateSearchDateType;
+    /**
+     * When set to true, assumes provided date is in local time.
+     */
+    useLocalTime?: boolean;
+}
+export interface TheSeamColumnsDataFilterDateSearchOptions {
+    dateType: TheSeamColumnsDataFilterDateSearchDateType;
+}
+export declare const THESEAM_COLUMNS_DATA_FILTER_NUMERIC_SEARCH_NAME: "search-numeric";
+export declare const THESEAM_COLUMNS_DATA_FILTER_NUMERIC_SEARCH_TYPES: readonly ["gt", "lt", "eq", "gte", "lte", "blank", "not-blank", "between", "not-between"];
+export declare const THESEAM_COLUMNS_DATA_FILTER_NUMERIC_TEXT_SEARCH_TYPES: string[];
+export declare const THESEAM_COLUMNS_DATA_FILTER_NUMERIC_RANGE_SEARCH_TYPES: string[];
+export declare const THESEAM_COLUMNS_DATA_FILTER_NUMERIC_SELECT_SEARCH_TYPES: string[];
+export type TheSeamColumnsDataFilterNumericSearchType = typeof THESEAM_COLUMNS_DATA_FILTER_NUMERIC_SEARCH_TYPES[number];
+export type TheSeamColumnsDataFilterNumericSearchForm = FormGroup<{
+    searchType: FormControl<TheSeamColumnsDataFilterNumericSearchType | null>;
+    searchText: FormControl<string | null>;
+    fromText: FormControl<string | null>;
+    toText: FormControl<string | null>;
+}>;
+export type TheSeamColumnsDataFilterNumericSearchFormState = {
+    searchType: TheSeamColumnsDataFilterNumericSearchType | null;
+    searchText: string | null;
+    fromText: string | null;
+    toText: string | null;
+};
+export declare const THESEAM_COLUMNS_DATA_FILTER_TEXT_SEARCH_NAME: "search-text";
+export declare const THESEAM_COLUMNS_DATA_FILTER_TEXT_SEARCH_TYPES: readonly ["contains", "ncontains", "eq", "neq", "blank", "not-blank"];
+export declare const THESEAM_COLUMNS_DATA_FILTER_TEXT_TEXT_SEARCH_TYPES: string[];
+export declare const THESEAM_COLUMNS_DATA_FILTER_TEXT_SELECT_SEARCH_TYPES: string[];
+export type TheSeamColumnsDataFilterTextSearchType = typeof THESEAM_COLUMNS_DATA_FILTER_TEXT_SEARCH_TYPES[number];
+export type TheSeamColumnsDataFilterTextSearchForm = FormGroup<{
+    searchType: FormControl<TheSeamColumnsDataFilterTextSearchType | null>;
+    searchText: FormControl<string | null>;
+}>;
+export type TheSeamColumnsDataFilterTextSearchFormState = {
+    searchType: TheSeamColumnsDataFilterTextSearchType | null;
+    searchText: string | null;
+};

package/datatable/models/columns-data-filters/search-date.columns-data-filter.d.ts

@@ -0,0 +1,23 @@
+import { ColumnsDataFilter, ColumnsDataFilterState } from "../columns-data-filter";
+import { TheSeamDatatableColumn } from "../table-column";
+import { DataFilterState } from "@theseam/ui-common/data-filters";
+import { Observable } from "rxjs";
+import { TheSeamColumnsDataFilterDateSearchFormState, TheSeamColumnsDataFilterDateSearchForm, TheSeamColumnsDataFilterDateSearchOptions, TheSeamDatatableDateColumnFilterableConfig } from "./models";
+export declare class SearchDateColumnsDataFilter extends ColumnsDataFilter<TheSeamColumnsDataFilterDateSearchFormState, TheSeamColumnsDataFilterDateSearchForm, TheSeamColumnsDataFilterDateSearchOptions, TheSeamDatatableDateColumnFilterableConfig> {
+    readonly name: "search-date";
+    readonly uid: string;
+    form: TheSeamColumnsDataFilterDateSearchForm;
+    filterStateChanges: Observable<DataFilterState>;
+    options: TheSeamColumnsDataFilterDateSearchOptions;
+    private _updateFilterValue;
+    constructor(prop: string, initialValue: TheSeamColumnsDataFilterDateSearchFormState, column: TheSeamDatatableColumn<any, any, TheSeamDatatableDateColumnFilterableConfig>);
+    dataFilter(data: any[], filterValue: Partial<TheSeamColumnsDataFilterDateSearchFormState>, options: any): any[];
+    private _isInvalidDate;
+    private _isInvalidSearchTerm;
+    private _dateSearchDataFilter;
+    filter(data: any[]): Observable<any[]>;
+    filterState(): ColumnsDataFilterState<TheSeamColumnsDataFilterDateSearchFormState, TheSeamColumnsDataFilterDateSearchOptions>;
+    applyFilter(): void;
+    clearFilter(): void;
+    isDefault(): boolean;
+}

package/datatable/models/columns-data-filters/search-numeric.columns-data-filter.d.ts

@@ -0,0 +1,22 @@
+import { ColumnsDataFilter, ColumnsDataFilterState } from "../columns-data-filter";
+import { TheSeamDatatableColumn } from "../table-column";
+import { DataFilterState } from "@theseam/ui-common/data-filters";
+import { Observable } from "rxjs";
+import { TheSeamColumnsDataFilterNumericSearchFormState, TheSeamColumnsDataFilterNumericSearchForm } from "./models";
+export declare class SearchNumericColumnsDataFilter extends ColumnsDataFilter<TheSeamColumnsDataFilterNumericSearchFormState, TheSeamColumnsDataFilterNumericSearchForm, undefined> {
+    readonly name: "search-numeric";
+    readonly uid: string;
+    form: TheSeamColumnsDataFilterNumericSearchForm;
+    filterStateChanges: Observable<DataFilterState>;
+    options: any;
+    private _updateFilterValue;
+    constructor(prop: string, initialValue: TheSeamColumnsDataFilterNumericSearchFormState, column: TheSeamDatatableColumn);
+    dataFilter(data: any[], filterValue: Partial<TheSeamColumnsDataFilterNumericSearchFormState>, options: any): any[];
+    private _isInvalidSearchTerm;
+    private numberSearchDataFilter;
+    filter(data: any[]): Observable<any[]>;
+    filterState(): ColumnsDataFilterState<TheSeamColumnsDataFilterNumericSearchFormState>;
+    applyFilter(): void;
+    clearFilter(): void;
+    isDefault(): boolean;
+}

package/datatable/models/columns-data-filters/search-text.columns-data-filter.d.ts

@@ -0,0 +1,21 @@
+import { ColumnsDataFilter, ColumnsDataFilterState } from "../columns-data-filter";
+import { TheSeamDatatableColumn } from "../table-column";
+import { DataFilterState } from "@theseam/ui-common/data-filters";
+import { Observable } from "rxjs";
+import { TheSeamColumnsDataFilterTextSearchFormState, TheSeamColumnsDataFilterTextSearchForm } from "./models";
+export declare class SearchTextColumnsDataFilter extends ColumnsDataFilter<TheSeamColumnsDataFilterTextSearchFormState, TheSeamColumnsDataFilterTextSearchForm> {
+    readonly name: "search-text";
+    readonly uid: string;
+    form: TheSeamColumnsDataFilterTextSearchForm;
+    filterStateChanges: Observable<DataFilterState>;
+    options: any;
+    private _updateFilterValue;
+    constructor(prop: string, initialValue: TheSeamColumnsDataFilterTextSearchFormState, column: TheSeamDatatableColumn);
+    dataFilter(data: any[], filterValue: Partial<TheSeamColumnsDataFilterTextSearchFormState>, options: any): any[];
+    private _textSearchDataFilter;
+    filter(data: any[]): Observable<any[]>;
+    filterState(): ColumnsDataFilterState<TheSeamColumnsDataFilterTextSearchFormState>;
+    applyFilter(): void;
+    clearFilter(): void;
+    isDefault(): boolean;
+}

package/datatable/models/columns-data-filters/utils.d.ts

@@ -0,0 +1,15 @@
+import { SearchDateColumnsDataFilter } from "./search-date.columns-data-filter";
+import { SearchNumericColumnsDataFilter } from "./search-numeric.columns-data-filter";
+import { SearchTextColumnsDataFilter } from "./search-text.columns-data-filter";
+import { TheSeamColumnsDataFilterDateSearchDateType } from "./models";
+export declare const THESEAM_COLUMNS_DATA_FILTERS_DEFAULT: readonly [{
+    readonly name: "search-text";
+    readonly class: typeof SearchTextColumnsDataFilter;
+}, {
+    readonly name: "search-numeric";
+    readonly class: typeof SearchNumericColumnsDataFilter;
+}, {
+    readonly name: "search-date";
+    readonly class: typeof SearchDateColumnsDataFilter;
+}];
+export declare const getFormattedDateForComparison: (date: string | number | Date | null | undefined, dateType: TheSeamColumnsDataFilterDateSearchDateType, setToLocalTime?: boolean) => Date;