@one-paragon/angular-utilities 0.0.26 → 0.0.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@one-paragon/angular-utilities",
-  "version": "0.0.26",
+  "version": "0.0.27",
   "peerDependencies": {
     "@angular/common": "^13.0.0",
     "@angular/core": "^13.0.0",

package/rxjs/rxjs-operators.d.ts

@@ -1,4 +1,6 @@
+import { Predicate } from '@angular/core';
 import { Observable, MonoTypeOperatorFunction, OperatorFunction } from 'rxjs';
+export declare const onceWhen: <T>(predicate: Predicate<T>) => (src: Observable<T>) => Observable<T>;
 export declare const mapArray: <T, U>(mapFunc: (src: T) => U) => (source: Observable<T[]>) => Observable<U[]>;
 export declare const filterArray: <T>(filterFunc: (src: T) => boolean) => (source: Observable<T[]>) => Observable<T[]>;
 export declare function onWait<T, V extends T>(val: V): MonoTypeOperatorFunction<T>;

package/table-builder/classes/TableState.d.ts

@@ -1,4 +1,4 @@
-import { FilterInfo } from './filter-info';
+import { CustomFilter, FilterInfo } from './filter-info';
 import { Dictionary } from '../interfaces/dictionary';
 import { Sort } from '@angular/material/sort';
 import { MetaData } from '../interfaces/report-def';
@@ -6,7 +6,7 @@ import { NotPersisitedTableSettings, PesrsistedTableSettings } from './table-bui
 export interface PersistedTableState {
     hiddenKeys?: string[];
     pageSize?: number;
-    filters: Dictionary<FilterInfo>;
+    filters: Dictionary<FilterInfo | CustomFilter>;
     sorted: Sort[];
     userDefined: {
         order: Dictionary<number>;
@@ -18,7 +18,14 @@ export interface PersistedTableState {
     persistedTableSettings: PesrsistedTableSettings;
 }
 export interface TableState extends Required<PersistedTableState> {
+    initializationState: InitializationState;
     metaData: Dictionary<MetaData>;
     notPersisitedTableSettings: NotPersisitedTableSettings;
 }
+export declare enum InitializationState {
+    Created = 0,
+    MetaDataLoaded = 1,
+    LoadedFromStore = 2,
+    Ready = 3
+}
 export declare const defaultTableState: TableState;

package/table-builder/classes/data-filter.d.ts

@@ -1,9 +1,9 @@
 import { Observable } from 'rxjs';
-import { FilterInfo } from './filter-info';
+import { CustomFilter, FilterInfo } from './filter-info';
 export declare class DataFilter<T = any> {
     private filters$;
     constructor(filters$: Observable<Array<(val: any) => boolean>>);
     filter(data: any[], filters: Array<(val: any) => boolean>): any[];
     filterData(data$: Observable<T[]>): Observable<any[]>;
-    appendFilters(filters$: Observable<FilterInfo[]>): DataFilter;
+    appendFilters(filters$: Observable<(FilterInfo | CustomFilter)[]>): DataFilter;
 }

package/table-builder/classes/filter-info.d.ts

@@ -1,17 +1,22 @@
 import { FilterType, FilterToFiltersMap } from '../enums/filterTypes';
 import { FieldType } from '../interfaces/report-def';
+import { Predicate } from '@angular/core';
 declare type FilterTypeMapType = {
     [key in FieldType]: FilterToFiltersMap;
 };
 export declare type UnmappedTypes = FieldType.Expression | FieldType.Hidden | FieldType.ImageUrl;
 export declare type mappedFieldTypes = FieldType.Unknown | FieldType.Date | FieldType.Currency | FieldType.Array | FieldType.Number | FieldType.String | FieldType.Boolean | FieldType.PhoneNumber | FieldType.Link | FieldType.Enum;
 export declare const filterTypeMap: Omit<FilterTypeMapType, UnmappedTypes>;
-export interface FilterInfo<T extends FieldType = any> {
+export interface FilterState {
     filterId: string;
     filterType: FilterType;
-    filterValue: any;
+    filterValue?: any;
+    active?: boolean;
+}
+export interface FilterInfo<T extends FieldType = any> extends FilterState {
     key: string;
     fieldType: T;
+    _isExternalyManaged?: boolean;
 }
 export interface PartialFilter<T extends FieldType = any> {
     filterId?: string;
@@ -20,7 +25,13 @@ export interface PartialFilter<T extends FieldType = any> {
     filterType?: FilterType;
     filterValue?: any;
 }
-export declare function createFilterFunc(filter: FilterInfo): (val: any) => boolean;
+export interface CustomFilter<T extends FieldType = any> extends FilterState {
+    predicate: Predicate<T>;
+    filterType: FilterType.Custom;
+}
+export declare function isCustomFilter(filter: FilterInfo | CustomFilter): filter is CustomFilter;
+export declare function isFilterInfo(filter: FilterInfo | CustomFilter): filter is FilterInfo;
+export declare function createFilterFunc(filter: FilterInfo | CustomFilter): Predicate<any>;
 export declare type FilterFunc<T, V = T> = (filterInfo: FilterInfo) => (val: V) => boolean;
 export declare type Range<T> = {
     Start: T;

package/table-builder/classes/table-store.d.ts

@@ -1,13 +1,15 @@
 import { MetaData } from '../interfaces/report-def';
 import { Observable } from 'rxjs';
-import { PersistedTableState, TableState } from './TableState';
+import { InitializationState, PersistedTableState, TableState } from './TableState';
+import { Predicate } from '@angular/core';
 import { TableBuilderConfig } from './TableBuilderConfig';
-import { FilterInfo } from './filter-info';
+import { CustomFilter, FilterInfo } from './filter-info';
 import { Sort, SortDirection } from '@angular/material/sort';
 import { ComponentStore } from '@ngrx/component-store';
 import { Dictionary } from '../interfaces/dictionary';
 import { GeneralTableSettings, NotPersisitedTableSettings, PesrsistedTableSettings } from './table-builder-general-settings';
 import * as i0 from "@angular/core";
+export declare function stateIs(initializationState: InitializationState): (state: TableState) => boolean;
 export declare class TableStore extends ComponentStore<TableState> {
     constructor(config: TableBuilderConfig);
     getSavableState(): Observable<PersistedTableState>;
@@ -44,10 +46,10 @@ export declare class TableStore extends ComponentStore<TableState> {
         newOrder: number;
         oldOrder: number;
     }>) => import("rxjs").Subscription;
-    readonly filters$: Observable<Dictionary<FilterInfo<any>>>;
-    readonly getFilter$: (filterId: string) => Observable<FilterInfo | undefined>;
-    readonly addFilter: (observableOrValue: FilterInfo<any> | Observable<FilterInfo<any>>) => import("rxjs").Subscription;
-    readonly addFilters: (observableOrValue: FilterInfo<any>[] | Observable<FilterInfo<any>[]>) => import("rxjs").Subscription;
+    readonly filters$: Observable<Dictionary<FilterInfo<any> | CustomFilter<any>>>;
+    readonly getFilter$: (filterId: string) => Observable<FilterInfo | CustomFilter | undefined>;
+    readonly addFilter: (observableOrValue: FilterInfo<any> | CustomFilter<any> | Observable<FilterInfo<any> | CustomFilter<any>>) => import("rxjs").Subscription;
+    readonly addFilters: (observableOrValue: (FilterInfo<any> | CustomFilter<any>)[] | Observable<(FilterInfo<any> | CustomFilter<any>)[]>) => import("rxjs").Subscription;
     private addFiltersToState;
     readonly removeFilter: (observableOrValue: string | Observable<string>) => import("rxjs").Subscription;
     readonly removeFilters: (observableOrValue: string[] | Observable<string[]>) => import("rxjs").Subscription;
@@ -65,9 +67,27 @@ export declare class TableStore extends ComponentStore<TableState> {
     updateStateFunc: (state: TableState, incomingTableState: Partial<TableState>) => TableState;
     readonly setPageSize: (observableOrValue: number | Observable<number>) => import("rxjs").Subscription;
     readonly updateState: (observableOrValue: Partial<TableState> | Observable<Partial<TableState>>) => import("rxjs").Subscription;
+    cleanPersistedState(state: TableState, pState: PersistedTableState): {
+        filters: any;
+        sorted: Sort[];
+        hiddenKeys?: string[] | undefined;
+        pageSize?: number | undefined;
+        userDefined: {
+            order: Dictionary<number>;
+            widths: Dictionary<number>;
+            table: {
+                width?: number | undefined;
+            };
+        };
+        persistedTableSettings: PesrsistedTableSettings;
+    };
+    readonly updateStateFromPersistedState: (observableOrValue: PersistedTableState | Observable<PersistedTableState>) => import("rxjs").Subscription;
     getUserDefinedTableSize$: Observable<number | undefined>;
     setTableWidth: (observableOrValue: number | Observable<number>) => import("rxjs").Subscription;
     mergeMeta: (orig: MetaData, merge: MetaData) => MetaData;
+    readonly setIntializationState: (observableOrValue: InitializationState | Observable<InitializationState>) => import("rxjs").Subscription;
+    runOnceWhen(predicate: Predicate<TableState>, func: (state: TableState) => void): void;
+    onReady(func: (state: TableState) => void): void;
     readonly setMetaData: (observableOrValue: MetaData<any, []> | MetaData<any, []>[] | Observable<MetaData<any, []> | MetaData<any, []>[]>) => import("rxjs").Subscription;
     private initializeOrder;
     toggleCollapseHeader: () => void;

package/table-builder/components/filter/filter.component.d.ts

@@ -26,6 +26,7 @@ export declare class FilterComponent<T extends mappedFieldTypes = any> {
             Or: FilterType[];
             And: FilterType[];
             In: FilterType[];
+            Custom: FilterType[];
         }>;
         1: Partial<{
             Equals: FilterType[];
@@ -46,6 +47,7 @@ export declare class FilterComponent<T extends mappedFieldTypes = any> {
             Or: FilterType[];
             And: FilterType[];
             In: FilterType[];
+            Custom: FilterType[];
         }>;
         2: Partial<{
             Equals: FilterType[];
@@ -66,6 +68,7 @@ export declare class FilterComponent<T extends mappedFieldTypes = any> {
             Or: FilterType[];
             And: FilterType[];
             In: FilterType[];
+            Custom: FilterType[];
         }>;
         3: Partial<{
             Equals: FilterType[];
@@ -86,6 +89,7 @@ export declare class FilterComponent<T extends mappedFieldTypes = any> {
             Or: FilterType[];
             And: FilterType[];
             In: FilterType[];
+            Custom: FilterType[];
         }>;
         4: Partial<{
             Equals: FilterType[];
@@ -106,6 +110,7 @@ export declare class FilterComponent<T extends mappedFieldTypes = any> {
             Or: FilterType[];
             And: FilterType[];
             In: FilterType[];
+            Custom: FilterType[];
         }>;
         5: Partial<{
             Equals: FilterType[];
@@ -126,6 +131,7 @@ export declare class FilterComponent<T extends mappedFieldTypes = any> {
             Or: FilterType[];
             And: FilterType[];
             In: FilterType[];
+            Custom: FilterType[];
         }>;
         6: Partial<{
             Equals: FilterType[];
@@ -146,6 +152,7 @@ export declare class FilterComponent<T extends mappedFieldTypes = any> {
             Or: FilterType[];
             And: FilterType[];
             In: FilterType[];
+            Custom: FilterType[];
         }>;
         7: Partial<{
             Equals: FilterType[];
@@ -166,6 +173,7 @@ export declare class FilterComponent<T extends mappedFieldTypes = any> {
             Or: FilterType[];
             And: FilterType[];
             In: FilterType[];
+            Custom: FilterType[];
         }>;
         8: Partial<{
             Equals: FilterType[];
@@ -186,6 +194,7 @@ export declare class FilterComponent<T extends mappedFieldTypes = any> {
             Or: FilterType[];
             And: FilterType[];
             In: FilterType[];
+            Custom: FilterType[];
         }>;
         9: Partial<{
             Equals: FilterType[];
@@ -206,6 +215,7 @@ export declare class FilterComponent<T extends mappedFieldTypes = any> {
             Or: FilterType[];
             And: FilterType[];
             In: FilterType[];
+            Custom: FilterType[];
         }>;
         10: Partial<{
             Equals: FilterType[];
@@ -226,6 +236,7 @@ export declare class FilterComponent<T extends mappedFieldTypes = any> {
             Or: FilterType[];
             And: FilterType[];
             In: FilterType[];
+            Custom: FilterType[];
         }>;
         11: Partial<{
             Equals: FilterType[];
@@ -246,6 +257,7 @@ export declare class FilterComponent<T extends mappedFieldTypes = any> {
             Or: FilterType[];
             And: FilterType[];
             In: FilterType[];
+            Custom: FilterType[];
         }>;
         12: Partial<{
             Equals: FilterType[];
@@ -266,6 +278,7 @@ export declare class FilterComponent<T extends mappedFieldTypes = any> {
             Or: FilterType[];
             And: FilterType[];
             In: FilterType[];
+            Custom: FilterType[];
         }>;
     }, UnmappedTypes>;
     FilterType: typeof FilterType;

package/table-builder/components/filter/in-list/in-list-filter.component.d.ts

@@ -23,5 +23,5 @@ export declare class InListFilterComponent implements ControlValueAccessor {
     ngOnInit(): void;
     selectFilterChanged($event: any, val: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<InListFilterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InListFilterComponent, "tb-in-list-filter", never, { "key": "key"; }, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InListFilterComponent, "tb-in-list-filter , [tb-in-list-filter]", never, { "key": "key"; }, {}, never, never>;
 }

package/table-builder/components/table-container/table-container.d.ts

@@ -1,9 +1,9 @@
-import { EventEmitter, QueryList } from '@angular/core';
-import { Observable, ReplaySubject } from 'rxjs';
+import { EventEmitter, QueryList, Predicate } from '@angular/core';
+import { BehaviorSubject, Observable, ReplaySubject } from 'rxjs';
 import { MetaData } from '../../interfaces/report-def';
 import { TableBuilder } from '../../classes/table-builder';
 import { MatRowDef } from '@angular/material/table';
-import { CustomCellDirective } from '../../directives';
+import { CustomCellDirective, TableCustomFilterDirective, TableFilterDirective } from '../../directives';
 import { TableStore } from '../../classes/table-store';
 import { ExportToCsvService } from '../../services/export-to-csv.service';
 import { TableBuilderConfig } from '../../classes/TableBuilderConfig';
@@ -16,6 +16,8 @@ export declare class TableContainerComponent<T = any> {
     exportToCsvService: ExportToCsvService<T>;
     private config;
     private store;
+    customFilters: QueryList<TableCustomFilterDirective>;
+    filters: QueryList<TableFilterDirective>;
     tableId: string;
     tableBuilder: TableBuilder;
     IndexColumn: boolean;
@@ -23,7 +25,7 @@ export declare class TableContainerComponent<T = any> {
     trackBy: string;
     isSticky: boolean;
     set pageSize(value: number);
-    inputFilters: Observable<Array<(val: T) => boolean>>;
+    inputFilters?: Observable<Array<Predicate<T>>>;
     selection$: EventEmitter<any>;
     dataSubject: ReplaySubject<Observable<T[]>>;
     data: Observable<T[]>;
@@ -37,6 +39,10 @@ export declare class TableContainerComponent<T = any> {
     currentStateKey$?: Observable<string>;
     disableSort: boolean;
     constructor(state: TableStore, exportToCsvService: ExportToCsvService<T>, config: TableBuilderConfig, store: Store<any>);
+    resetState(): void;
+    initializeState(): void;
+    customFilters$: BehaviorSubject<Predicate<any>[]>;
+    initializeData(): void;
     ngOnInit(): void;
     exportToCsv(): void;
     saveState(): void;
@@ -45,22 +51,8 @@ export declare class TableContainerComponent<T = any> {
     ngAfterContentInit(): void;
     InitializeColumns(): void;
     mapMetaDatas: (meta: MetaData<T>) => MetaData<T, []>;
-    cleanStateOnInitialLoad: () => (obs: Observable<PersistedTableState>) => Observable<{
-        filters: any;
-        sorted: import("@angular/material/sort").Sort[];
-        hiddenKeys?: string[] | undefined;
-        pageSize?: number | undefined;
-        userDefined: {
-            order: import("../../interfaces/dictionary").Dictionary<number>;
-            widths: import("../../interfaces/dictionary").Dictionary<number>;
-            table: {
-                width?: number | undefined;
-            };
-        };
-        persistedTableSettings: import("@one-paragon/angular-utilities").PesrsistedTableSettings;
-    }>;
     collapseHeader$: Observable<boolean>;
     getData(data: any[], metaData: MetaData[]): any[];
     static ɵfac: i0.ɵɵFactoryDeclaration<TableContainerComponent<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableContainerComponent<any>, "tb-table-container", never, { "tableId": "tableId"; "tableBuilder": "tableBuilder"; "IndexColumn": "IndexColumn"; "SelectionColumn": "SelectionColumn"; "trackBy": "trackBy"; "isSticky": "isSticky"; "pageSize": "pageSize"; "inputFilters": "inputFilters"; }, { "selection$": "selection$"; "data": "data"; "OnStateReset": "OnStateReset"; "OnSaveState": "OnSaveState"; "state$": "state$"; }, ["customRows", "customCells"], [".tb-header-title"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableContainerComponent<any>, "tb-table-container", never, { "tableId": "tableId"; "tableBuilder": "tableBuilder"; "IndexColumn": "IndexColumn"; "SelectionColumn": "SelectionColumn"; "trackBy": "trackBy"; "isSticky": "isSticky"; "pageSize": "pageSize"; "inputFilters": "inputFilters"; }, { "selection$": "selection$"; "data": "data"; "OnStateReset": "OnStateReset"; "OnSaveState": "OnSaveState"; "state$": "state$"; }, ["customFilters", "filters", "customRows", "customCells"], ["[before]", ".tb-header-title"]>;
 }

package/table-builder/directives/index.d.ts

@@ -1,3 +1,4 @@
 export * from './custom-cell-directive';
 export * from './multi-sort.directive';
 export * from './resize-column.directive';
+export * from './tb-filter.directive';

package/table-builder/directives/tb-filter.directive.d.ts

@@ -0,0 +1,119 @@
+import { Predicate, SimpleChanges } from "@angular/core";
+import { Observable, ReplaySubject, Subject } from "rxjs";
+import { CustomFilter, FilterInfo } from "../classes/filter-info";
+import { FilterType } from "../enums/filterTypes";
+import { MatSlideToggle } from "@angular/material/slide-toggle";
+import { MatRadioButton } from "@angular/material/radio";
+import { MatButtonToggle } from '@angular/material/button-toggle';
+import { MatOption } from "@angular/material/core";
+import { MatCheckbox } from "@angular/material/checkbox";
+import { FieldType } from "../interfaces/report-def";
+import { NgControl } from "@angular/forms";
+import { ComponentStore } from "@ngrx/component-store";
+import * as i0 from "@angular/core";
+export declare abstract class TableCustomFilterDirective<T = any> {
+    abstract filter$: Observable<CustomFilter>;
+    filterId: string;
+    savable: boolean;
+    used: boolean;
+    abstract active: boolean;
+    abstract reset(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableCustomFilterDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableCustomFilterDirective<any>, " ", never, {}, {}, never>;
+}
+export declare class TableFilterDirective extends ComponentStore<FilterInfo> {
+    protected model: NgControl;
+    constructor(model: NgControl);
+    reset(): void;
+    filter$: Observable<FilterInfo<any>>;
+    filterType: FilterType;
+    key: string;
+    fieldType: FieldType;
+    filterId: string;
+    active: boolean;
+    filterValue: any;
+    setFilterValue(value: any): void;
+    used: boolean;
+    savable: boolean;
+    ready: boolean;
+    _userActive: boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    protected setFilter(filter: FilterInfo): void;
+    update(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableFilterDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableFilterDirective, "[tbFilter]", never, { "filterType": "filterType"; "key": "key"; "fieldType": "fieldType"; "filterId": "filterId"; "active": "active"; "filterValue": "filterValue"; }, {}, never>;
+}
+export declare class TableFilterStringContainsDirective extends TableFilterDirective {
+    constructor(model: NgControl);
+    reset(): void;
+    setFilter(filter: FilterInfo): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableFilterStringContainsDirective, [{ optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableFilterStringContainsDirective, "[tbFilterStringContains]", never, { "key": "tbFilterStringContains"; "filterValue": "filterValue"; "filterId": "filterId"; "active": "active"; }, {}, never>;
+}
+export declare abstract class TableCustomFilterDirectiveBase<T = any> extends TableCustomFilterDirective<T> {
+    filter$: Subject<CustomFilter>;
+    filter: CustomFilter;
+    filterId: string;
+    _predicate: Predicate<T>;
+    set predicate(val: Predicate<T>);
+    _active: boolean;
+    ready: boolean;
+    update(val: Partial<CustomFilter>): void;
+    set active(val: boolean);
+    get active(): boolean;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableCustomFilterDirectiveBase<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TableCustomFilterDirectiveBase<any>, "[tbCustomFilter]", never, { "filterId": "filterId"; "predicate": "tbCustomFilter"; "active": "active"; }, {}, never>;
+}
+export declare abstract class TbSelectedFilterDirective<T = any> extends TableCustomFilterDirectiveBase<T> {
+    private change;
+    private isActive;
+    protected constructor(change: Observable<any>, isActive: () => boolean);
+    reset(): void;
+    destroySubject$: ReplaySubject<void>;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TbSelectedFilterDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TbSelectedFilterDirective<any>, never, never, {}, {}, never>;
+}
+export declare class MatCheckboxTbFilterDirective extends TbSelectedFilterDirective {
+    private matCheckbox;
+    set active(val: boolean);
+    constructor(matCheckbox: MatCheckbox);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatCheckboxTbFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatCheckboxTbFilterDirective, "mat-checkbox[tbCustomFilter]", never, { "predicate": "tbCustomFilter"; "filterId": "filterId"; }, {}, never>;
+}
+export declare class MatSlideToggleTbFilterDirective<T = any> extends TbSelectedFilterDirective<T> {
+    private matSlideToggle;
+    set active(val: boolean);
+    constructor(matSlideToggle: MatSlideToggle);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatSlideToggleTbFilterDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatSlideToggleTbFilterDirective<any>, "mat-slide-toggle[tbCustomFilter]", never, { "predicate": "tbCustomFilter"; "filterId": "filterId"; }, {}, never>;
+}
+export declare class MatRadioButtonTbFilterDirective extends TbSelectedFilterDirective {
+    private matRadioButton;
+    set active(val: boolean);
+    constructor(matRadioButton: MatRadioButton);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatRadioButtonTbFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatRadioButtonTbFilterDirective, "mat-radio-button[tbCustomFilter]", never, { "predicate": "tbCustomFilter"; }, {}, never>;
+}
+export declare class MatOptionTbFilterDirective extends TbSelectedFilterDirective {
+    private matOption;
+    set active(val: boolean);
+    constructor(matOption: MatOption);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatOptionTbFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatOptionTbFilterDirective, "mat-option[tbCustomFilter]", never, { "predicate": "tbCustomFilter"; "filterId": "filterId"; }, {}, never>;
+}
+export declare class MatButtonToggleFilterDirective extends TbSelectedFilterDirective {
+    private matButtonToggle;
+    set active(val: boolean);
+    constructor(matButtonToggle: MatButtonToggle);
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonToggleFilterDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatButtonToggleFilterDirective, "mat-button-toggle[tbCustomFilter]", never, { "predicate": "tbCustomFilter"; "filterId": "filterId"; }, {}, never>;
+}

package/table-builder/enums/filterTypes.d.ts

@@ -18,7 +18,8 @@ export declare enum FilterType {
     IsNull = "Is Blank",
     Or = "Or",
     And = "And",
-    In = "In"
+    In = "In",
+    Custom = "Custom"
 }
 export declare const NumberFilterMap: FilterToFiltersMap;
 export declare const StringFilterMap: FilterToFiltersMap;

package/table-builder/table-builder.module.d.ts

@@ -24,18 +24,19 @@ import * as i20 from "./components/initialization-component/initialization-compo
 import * as i21 from "./components/filter/in-list/in-list-filter.component";
 import * as i22 from "./components/sort-menu/sort-menu.component";
 import * as i23 from "./components/table-container-filter/filter-list/filter-list.component";
-import * as i24 from "@angular/common";
-import * as i25 from "./material.module";
-import * as i26 from "@ngrx/store";
-import * as i27 from "@ngrx/effects";
-import * as i28 from "@angular/forms";
-import * as i29 from "@angular/router";
-import * as i30 from "@ngrx/component";
-import * as i31 from "@angular/cdk/drag-drop";
-import * as i32 from "../utilities/module";
+import * as i24 from "./directives/tb-filter.directive";
+import * as i25 from "@angular/common";
+import * as i26 from "./material.module";
+import * as i27 from "@ngrx/store";
+import * as i28 from "@ngrx/effects";
+import * as i29 from "@angular/forms";
+import * as i30 from "@angular/router";
+import * as i31 from "@ngrx/component";
+import * as i32 from "@angular/cdk/drag-drop";
+import * as i33 from "../utilities/module";
 export declare class TableBuilderModule {
     static forRoot(config: TableBuilderConfig): ModuleWithProviders<TableBuilderModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableBuilderModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TableBuilderModule, [typeof i1.ColumnTotalPipe, typeof i2.TableContainerComponent, typeof i3.GenericTableComponent, typeof i4.PaginatorComponent, typeof i5.CustomCellDirective, typeof i6.GenColDisplayerComponent, typeof i7.GenFilterDisplayerComponent, typeof i8.DateFilterComponent, typeof i9.FilterComponent, typeof i10.MultiSortDirective, typeof i11.NumberFilterComponent, typeof i12.ColumnBuilderComponent, typeof i13.ArrayColumnComponent, typeof i14.HeaderMenuComponent, typeof i15.KeyDisplayPipe, typeof i16.FormatFilterValuePipe, typeof i17.FormatFilterTypePipe, typeof i18.ResizeColumnDirective, typeof i19.InFilterComponent, typeof i20.InitializationComponent, typeof i21.InListFilterComponent, typeof i22.SortMenuComponent, typeof i23.FilterChipsComponent], [typeof i24.CommonModule, typeof i25.MaterialModule, typeof i26.StoreFeatureModule, typeof i27.EffectsFeatureModule, typeof i28.FormsModule, typeof i29.RouterModule, typeof i30.ReactiveComponentModule, typeof i31.DragDropModule, typeof i32.UtilitiesModule], [typeof i3.GenericTableComponent, typeof i4.PaginatorComponent, typeof i2.TableContainerComponent, typeof i5.CustomCellDirective, typeof i6.GenColDisplayerComponent, typeof i7.GenFilterDisplayerComponent, typeof i9.FilterComponent, typeof i10.MultiSortDirective, typeof i18.ResizeColumnDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TableBuilderModule, [typeof i1.ColumnTotalPipe, typeof i2.TableContainerComponent, typeof i3.GenericTableComponent, typeof i4.PaginatorComponent, typeof i5.CustomCellDirective, typeof i6.GenColDisplayerComponent, typeof i7.GenFilterDisplayerComponent, typeof i8.DateFilterComponent, typeof i9.FilterComponent, typeof i10.MultiSortDirective, typeof i11.NumberFilterComponent, typeof i12.ColumnBuilderComponent, typeof i13.ArrayColumnComponent, typeof i14.HeaderMenuComponent, typeof i15.KeyDisplayPipe, typeof i16.FormatFilterValuePipe, typeof i17.FormatFilterTypePipe, typeof i18.ResizeColumnDirective, typeof i19.InFilterComponent, typeof i20.InitializationComponent, typeof i21.InListFilterComponent, typeof i22.SortMenuComponent, typeof i23.FilterChipsComponent, typeof i24.MatSlideToggleTbFilterDirective, typeof i24.MatRadioButtonTbFilterDirective, typeof i24.MatOptionTbFilterDirective, typeof i24.MatCheckboxTbFilterDirective, typeof i24.MatButtonToggleFilterDirective, typeof i24.TableFilterDirective, typeof i24.TableFilterStringContainsDirective], [typeof i25.CommonModule, typeof i26.MaterialModule, typeof i27.StoreFeatureModule, typeof i28.EffectsFeatureModule, typeof i29.FormsModule, typeof i30.RouterModule, typeof i31.ReactiveComponentModule, typeof i32.DragDropModule, typeof i33.UtilitiesModule], [typeof i3.GenericTableComponent, typeof i4.PaginatorComponent, typeof i2.TableContainerComponent, typeof i5.CustomCellDirective, typeof i6.GenColDisplayerComponent, typeof i7.GenFilterDisplayerComponent, typeof i9.FilterComponent, typeof i10.MultiSortDirective, typeof i18.ResizeColumnDirective, typeof i24.MatSlideToggleTbFilterDirective, typeof i24.MatRadioButtonTbFilterDirective, typeof i24.MatOptionTbFilterDirective, typeof i24.MatCheckboxTbFilterDirective, typeof i24.MatButtonToggleFilterDirective, typeof i24.TableFilterDirective, typeof i24.TableFilterStringContainsDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TableBuilderModule>;
 }