@theseam/ui-common 0.2.9

package/data-filters/filters/data-filter-search/data-filter-search.component.d.ts

@@ -0,0 +1,36 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { Observable } from 'rxjs';
+import type { SeamIcon } from '@theseam/ui-common/icon';
+import { DataFilterState, IDataFilter } from '../../data-filter';
+import type { DataFilterContainer } from '../../data-filter-container';
+import { ISearchFilterOptions } from './search-filter-options';
+export declare const DATA_FILTER_SEARCH: any;
+export declare const DefaultSearchFilterOptions: ISearchFilterOptions;
+export declare function searchDataFilter(data: any[], values: string, options?: import("../data-filter-text/text-filter-options").ITextFilterOptions): any[];
+export declare class DataFilterSearchComponent implements OnInit, OnDestroy, IDataFilter {
+    private _filterContainer;
+    private _filterOptions;
+    static ngAcceptInputType_exact: BooleanInput;
+    static ngAcceptInputType_caseSensitive: BooleanInput;
+    readonly name = "search";
+    readonly uid: string;
+    _control: FormControl;
+    properties: string[] | undefined | null;
+    omitProperties: string[] | undefined | null;
+    exact: boolean;
+    caseSensitive: boolean;
+    placeholder: string | undefined | null;
+    icon: SeamIcon | undefined | null;
+    iconTpl?: TemplateRef<HTMLElement>;
+    set value(value: string | string[]);
+    readonly filterStateChanges: Observable<DataFilterState>;
+    constructor(_filterContainer: DataFilterContainer, _filterOptions: ISearchFilterOptions | null);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private _optDefault;
+    get options(): ISearchFilterOptions;
+    filter<T>(data: T[]): Observable<T[]>;
+    filterState(): DataFilterState;
+}

package/data-filters/filters/data-filter-search/search-filter-options.d.ts

@@ -0,0 +1,2 @@
+import { ITextFilterOptions } from '../data-filter-text/text-filter-options';
+export declare type ISearchFilterOptions = ITextFilterOptions;

package/data-filters/filters/data-filter-text/data-filter-text.component.d.ts

@@ -0,0 +1,34 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { OnDestroy, OnInit, TemplateRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { DataFilterState, IDataFilter } from '../../data-filter';
+import type { DataFilterContainer } from '../../data-filter-container';
+import { ITextFilterOptions } from './text-filter-options';
+export declare const DATA_FILTER_TEXT: any;
+export declare const DefaultTextFilterOptions: ITextFilterOptions;
+export declare function textDataFilter(data: any[], text: string, options?: ITextFilterOptions): any[];
+export declare class DataFilterTextComponent implements OnInit, OnDestroy, IDataFilter {
+    private _filterContainer;
+    private _filterOptions;
+    static ngAcceptInputType_exact: BooleanInput;
+    static ngAcceptInputType_caseSensitive: BooleanInput;
+    readonly name = "text";
+    readonly uid: string;
+    _control: FormControl;
+    properties: string[] | undefined | null;
+    omitProperties: string[] | undefined | null;
+    exact: boolean;
+    caseSensitive: boolean;
+    placeholder: string | undefined | null;
+    iconTpl: TemplateRef<HTMLElement> | undefined | null;
+    set value(value: string | string[]);
+    readonly filterStateChanges: Observable<DataFilterState>;
+    constructor(_filterContainer: DataFilterContainer, _filterOptions: ITextFilterOptions | null);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private _optDefault;
+    get options(): ITextFilterOptions;
+    filter<T>(data: T[]): Observable<T[]>;
+    filterState(): DataFilterState;
+}

package/data-filters/filters/data-filter-text/text-filter-options.d.ts

@@ -0,0 +1,25 @@
+export interface ITextFilterOptions {
+    /**
+     * Limits filtering to these properties only.
+     */
+    properties?: string[];
+    /**
+     * When all properties are used this will omit those properties. This option
+     * does nothing when `properties` option is defined.
+     */
+    omitProperties?: string[];
+    /**
+     * When using a loose matching, such as the default text filter that uses
+     * string contains, this will tell the filter to use exact matching.
+     *
+     * default: `false`
+     */
+    exact: boolean;
+    /**
+     * When using a string filter this will tell the filter to use case sensitive
+     * matching.
+     *
+     * default: `false`
+     */
+    caseSensitive: boolean;
+}

package/data-filters/filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component.d.ts

@@ -0,0 +1,43 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { Observable } from 'rxjs';
+import { DataFilterState, IDataFilter } from '../../data-filter';
+import type { DataFilterContainer } from '../../data-filter-container';
+import { ITextFilterOptions } from '../data-filter-text/text-filter-options';
+export declare const DATA_FILTER_TOGGLE_BUTTON: any;
+export interface IToggleButton {
+    name: string;
+    value: string;
+    comparator?: (value: any, row: any, index: number) => -1 | 0 | 1;
+}
+export interface IToggleButtonsFilterOptions extends ITextFilterOptions {
+    selectionToggleable: boolean;
+    multiple: boolean;
+    buttons: IToggleButton[];
+    initialValue?: any;
+}
+export declare const DefaultToggleButtonsFilterOptions: IToggleButtonsFilterOptions;
+export declare function toggleButtonsFilter(data: any[], values: string[], options?: IToggleButtonsFilterOptions): any[];
+export declare class DataFilterToggleButtonsComponent implements OnInit, OnDestroy, IDataFilter {
+    private _filterContainer;
+    private _filterOptions;
+    readonly name = "toggle-buttons";
+    readonly uid: string;
+    _control: FormControl;
+    properties: string[] | undefined;
+    omitProperties: string[] | undefined;
+    multiple: boolean;
+    selectionToggleable: boolean;
+    buttons: IToggleButton[];
+    exact: boolean;
+    caseSensitive: boolean;
+    set value(value: string | string[]);
+    readonly filterStateChanges: Observable<DataFilterState>;
+    constructor(_filterContainer: DataFilterContainer, _filterOptions: IToggleButtonsFilterOptions | null);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private _optDefault;
+    get options(): IToggleButtonsFilterOptions;
+    filter<T>(data: T[]): Observable<T[]>;
+    filterState(): DataFilterState;
+}

package/data-filters/package.json

@@ -0,0 +1,11 @@
+{
+  "main": "../bundles/theseam-ui-common-data-filters.umd.js",
+  "module": "../fesm2015/theseam-ui-common-data-filters.js",
+  "es2015": "../fesm2015/theseam-ui-common-data-filters.js",
+  "esm2015": "../esm2015/data-filters/theseam-ui-common-data-filters.js",
+  "fesm2015": "../fesm2015/theseam-ui-common-data-filters.js",
+  "typings": "theseam-ui-common-data-filters.d.ts",
+  "metadata": "theseam-ui-common-data-filters.metadata.json",
+  "sideEffects": false,
+  "name": "@theseam/ui-common/data-filters"
+}

package/data-filters/public-api.d.ts

@@ -0,0 +1,9 @@
+export * from './data-filter';
+export { TheSeamDataFiltersModule } from './data-filters.module';
+export * from './data-filter-def';
+export * from './data-filter-container';
+export * from './filters/data-filter-search/data-filter-search.component';
+export * from './filters/data-filter-search/search-filter-options';
+export * from './filters/data-filter-text/data-filter-text.component';
+export * from './filters/data-filter-text/text-filter-options';
+export * from './filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component';

package/data-filters/theseam-ui-common-data-filters.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';

package/data-filters/theseam-ui-common-data-filters.metadata.json

@@ -0,0 +1 @@
+{"__symbolic":"module","version":4,"metadata":{"IDataFilterFunction":{"__symbolic":"interface"},"DataFilterState":{"__symbolic":"interface"},"IDataFilter":{"__symbolic":"interface"},"THESEAM_DATA_FILTER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":56,"character":39},"arguments":["TheSeamDataFilter"]},"THESEAM_DATA_FILTER_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":57,"character":47},"arguments":["TheSeamDataFilterOptions"]},"filterOperator":{"__symbolic":"function","parameters":["filterFn"],"value":{"__symbolic":"error","message":"Lambda not supported","line":60,"character":9,"module":"./data-filter"}},"composeDataFilters":{"__symbolic":"function"},"composeDataFilterStates":{"__symbolic":"function","parameters":["filters"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"rxjs","name":"combineLatest","line":76,"character":9},"arguments":[{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"filters"},"member":"map"},"arguments":[{"__symbolic":"error","message":"Lambda not supported","line":76,"character":35,"module":"./data-filter"}]}]}},"TheSeamDataFiltersModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":27,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"DataFilterSearchComponent"},{"__symbolic":"reference","name":"DataFilterTextComponent"},{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"}],"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":32,"character":4},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":33,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/form-field","name":"TheSeamFormFieldModule","line":34,"character":4},{"__symbolic":"reference","module":"@fortawesome/angular-fontawesome","name":"FontAwesomeModule","line":35,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/toggle-group","name":"TheSeamToggleGroupModule","line":36,"character":4},{"__symbolic":"reference","module":"@theseam/ui-common/icon","name":"TheSeamIconModule","line":37,"character":4}],"providers":[{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_DEF"},"useValue":{"name":"search","component":{"__symbolic":"reference","name":"DataFilterSearchComponent"}},"multi":true},{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_DEF"},"useValue":{"name":"text","component":{"__symbolic":"reference","name":"DataFilterTextComponent"}},"multi":true},{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_DEF"},"useValue":{"name":"toggle-buttons","component":{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"}},"multi":true}],"exports":[{"__symbolic":"reference","name":"DataFilterSearchComponent"},{"__symbolic":"reference","name":"DataFilterTextComponent"},{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"}],"entryComponents":[{"__symbolic":"reference","name":"DataFilterSearchComponent"},{"__symbolic":"reference","name":"DataFilterTextComponent"},{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"}]}]}],"members":{}},"IDataFilterDef":{"__symbolic":"interface"},"THESEAM_DATA_FILTER_DEF":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":14,"character":43},"arguments":["TheSeamDataFilter"]},"DataFilterContainer":{"__symbolic":"interface"},"THESEAM_DATA_FILTER_CONTAINER":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":11,"character":49},"arguments":["DataFilterContainer"]},"DATA_FILTER_SEARCH":{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER"},"useExisting":{"__symbolic":"reference","name":"DataFilterSearchComponent"},"multi":true},"DefaultSearchFilterOptions":{"properties":{"__symbolic":"reference","name":"undefined"},"omitProperties":{"__symbolic":"reference","name":"undefined"},"exact":false,"caseSensitive":false},"searchDataFilter":{"__symbolic":"function","parameters":["data","values","options"],"defaults":[null,null,{"__symbolic":"reference","name":"DefaultSearchFilterOptions"}],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"textDataFilter"},"arguments":[{"__symbolic":"reference","name":"data"},{"__symbolic":"reference","name":"values"},{"__symbolic":"reference","name":"options"}]}},"DataFilterSearchComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":40,"character":1},"arguments":[{"selector":"seam-data-filter-search","providers":[{"__symbolic":"reference","name":"DATA_FILTER_SEARCH"}],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":45,"character":19},"member":"OnPush"},"template":"<div class=\"position-relative\"\n  [class.data-filter-search-has-icon]=\"iconTpl || icon\"\n  (click)=\"inp.focus()\">\n  <label [attr.for]=\"inp.id\" class=\"sr-only\">Search filter</label>\n  <input seamInput #inp=\"seamInput\" seamInputSize=\"sm\" [formControl]=\"_control\" [placeholder]=\"placeholder\">\n  <ng-container *ngIf=\"iconTpl; else searchIconTpl\">\n    <div class=\"data-filter-search--icon-wrapper\">\n      <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n    </div>\n  </ng-container>\n  <ng-template #searchIconTpl>\n    <ng-container *ngIf=\"icon\">\n      <div class=\"data-filter-search--icon-wrapper\">\n        <seam-icon [icon]=\"icon\" class=\"text-muted\"></seam-icon>\n      </div>\n    </ng-container>\n  </ng-template>\n</div>\n","styles":[":host{display:flex;flex:0 1 300px}.data-filter-search-has-icon{width:100%}.data-filter-search-has-icon>input{padding-left:30px}.data-filter-search-has-icon .data-filter-search--icon-wrapper{position:absolute;top:3px;left:10px;bottom:0}.data-filter-search-has-icon .data-filter-search--icon-wrapper ::ng-deep .svg-inline--fa{vertical-align:middle}"]}]}],"members":{"properties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":3}}]}],"omitProperties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":57,"character":3}}]}],"exact":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":58,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":58,"character":12}}]}],"caseSensitive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":59,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":59,"character":12}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":3}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":62,"character":3}}]}],"iconTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":63,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":65,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":76,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_CONTAINER"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":77,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":77,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"DataFilterContainer"},{"__symbolic":"reference","name":"ISearchFilterOptions"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_optDefault":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"filterState":[{"__symbolic":"method"}]}},"ISearchFilterOptions":{"__symbolic":"interface"},"DATA_FILTER_TEXT":{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER"},"useExisting":{"__symbolic":"reference","name":"DataFilterTextComponent"},"multi":true},"DefaultTextFilterOptions":{"properties":{"__symbolic":"reference","name":"undefined"},"omitProperties":{"__symbolic":"reference","name":"undefined"},"exact":false,"caseSensitive":false},"textDataFilter":{"__symbolic":"function"},"DataFilterTextComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":75,"character":1},"arguments":[{"selector":"seam-data-filter-text","providers":[{"__symbolic":"reference","name":"DATA_FILTER_TEXT"}],"template":"<div class=\"position-relative\"\n  [class.data-filter-text-has-icon]=\"iconTpl\"\n  (click)=\"inp.focus()\">\n  <label [attr.for]=\"inp.id\" class=\"sr-only\">Text filter</label>\n  <input seamInput #inp=\"seamInput\" seamInputSize=\"sm\" [formControl]=\"_control\" [placeholder]=\"placeholder\">\n  <ng-container *ngIf=\"iconTpl\">\n    <ng-container *ngTemplateOutlet=\"iconTpl\"></ng-container>\n  </ng-container>\n</div>\n","styles":[":host{display:block}.data-filter-text-has-icon>input{padding-left:30px}.data-filter-text-has-icon ::ng-deep fa-icon{position:absolute;top:3px;left:10px;bottom:0}.data-filter-text-has-icon ::ng-deep fa-icon .svg-inline--fa{vertical-align:middle}"]}]}],"members":{"properties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":90,"character":3}}]}],"omitProperties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":91,"character":3}}]}],"exact":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":92,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":92,"character":12}}]}],"caseSensitive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":93,"character":3}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@theseam/ui-common/core","name":"InputBoolean","line":93,"character":12}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":95,"character":3}}]}],"iconTpl":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":96,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":109,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_CONTAINER"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":110,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":110,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"DataFilterContainer"},{"__symbolic":"reference","name":"ITextFilterOptions"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_optDefault":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"filterState":[{"__symbolic":"method"}]}},"ITextFilterOptions":{"__symbolic":"interface"},"DATA_FILTER_TOGGLE_BUTTON":{"provide":{"__symbolic":"reference","name":"THESEAM_DATA_FILTER"},"useExisting":{"__symbolic":"reference","name":"DataFilterToggleButtonsComponent"},"multi":true},"IToggleButton":{"__symbolic":"interface"},"IToggleButtonsFilterOptions":{"__symbolic":"interface"},"DefaultToggleButtonsFilterOptions":{"properties":{"__symbolic":"reference","name":"undefined"},"omitProperties":{"__symbolic":"reference","name":"undefined"},"multiple":false,"selectionToggleable":false,"buttons":[],"exact":false,"caseSensitive":false},"toggleButtonsFilter":{"__symbolic":"function"},"DataFilterToggleButtonsComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":89,"character":1},"arguments":[{"selector":"seam-data-filter-toggle-buttons","providers":[{"__symbolic":"reference","name":"DATA_FILTER_TOGGLE_BUTTON"}],"template":"<div class=\"btn-group\" role=\"group\" aria-label=\"Progress Filter\"\n  *ngIf=\"options as opts\"\n  [formControl]=\"_control\"\n  seamToggleGroup\n  [multiple]=\"opts.multiple\"\n  [selectionToggleable]=\"opts.selectionToggleable\">\n  <ng-container *ngFor=\"let btn of buttons\">\n    <button type=\"button\" class=\"btn btn-sm px-4\"\n      [seamToggleGroupOption]=\"btn.value\"\n      #opt=\"seamToggleGroupOption\"\n      [class.btn-lightgray]=\"!opt.selected\"\n      [class.btn-primary]=\"opt.selected\"\n      (click)=\"opt.selected=!opt.selected\">\n      {{ btn.name || btn.value }}\n    </button>\n  </ng-container>\n</div>\n","styles":[""]}]}],"members":{"properties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":3}}]}],"omitProperties":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":103,"character":3}}]}],"multiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":104,"character":3}}]}],"selectionToggleable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":105,"character":3}}]}],"buttons":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":3}}]}],"exact":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":107,"character":3}}]}],"caseSensitive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":108,"character":3}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":122,"character":5},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_CONTAINER"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":123,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":123,"character":17},"arguments":[{"__symbolic":"reference","name":"THESEAM_DATA_FILTER_OPTIONS"}]}]],"parameters":[{"__symbolic":"reference","name":"DataFilterContainer"},{"__symbolic":"reference","name":"any"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"_optDefault":[{"__symbolic":"method"}],"filter":[{"__symbolic":"method"}],"filterState":[{"__symbolic":"method"}]}}},"origins":{"IDataFilterFunction":"./data-filter","DataFilterState":"./data-filter","IDataFilter":"./data-filter","THESEAM_DATA_FILTER":"./data-filter","THESEAM_DATA_FILTER_OPTIONS":"./data-filter","filterOperator":"./data-filter","composeDataFilters":"./data-filter","composeDataFilterStates":"./data-filter","TheSeamDataFiltersModule":"./data-filters.module","IDataFilterDef":"./data-filter-def","THESEAM_DATA_FILTER_DEF":"./data-filter-def","DataFilterContainer":"./data-filter-container","THESEAM_DATA_FILTER_CONTAINER":"./data-filter-container","DATA_FILTER_SEARCH":"./filters/data-filter-search/data-filter-search.component","DefaultSearchFilterOptions":"./filters/data-filter-search/data-filter-search.component","searchDataFilter":"./filters/data-filter-search/data-filter-search.component","DataFilterSearchComponent":"./filters/data-filter-search/data-filter-search.component","ISearchFilterOptions":"./filters/data-filter-search/search-filter-options","DATA_FILTER_TEXT":"./filters/data-filter-text/data-filter-text.component","DefaultTextFilterOptions":"./filters/data-filter-text/data-filter-text.component","textDataFilter":"./filters/data-filter-text/data-filter-text.component","DataFilterTextComponent":"./filters/data-filter-text/data-filter-text.component","ITextFilterOptions":"./filters/data-filter-text/text-filter-options","DATA_FILTER_TOGGLE_BUTTON":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","IToggleButton":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","IToggleButtonsFilterOptions":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","DefaultToggleButtonsFilterOptions":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","toggleButtonsFilter":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component","DataFilterToggleButtonsComponent":"./filters/data-filter-toggle-buttons/data-filter-toggle-buttons.component"},"importAs":"@theseam/ui-common/data-filters"}

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

@@ -0,0 +1,195 @@
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
+import { AfterContentInit, ElementRef, EventEmitter, InjectionToken, KeyValueDiffers, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
+import { Observable } from 'rxjs';
+import { ColumnMode, ContextmenuType, DataTableColumnCellTreeToggle, DataTableColumnDirective, DataTableColumnHeaderDirective, DatatableComponent as NgxDatatableComponent, DatatableRowDetailDirective, SortType, TreeStatus } from '@marklb/ngx-datatable';
+import type { SelectionType } from '@marklb/ngx-datatable';
+import { DataFilterState, IDataFilter } from '@theseam/ui-common/data-filters';
+import { IElementResizedEvent } from '@theseam/ui-common/shared';
+import { CollectionViewer, DataSource, ListRange } from '@angular/cdk/collections';
+import { DatatableActionMenuComponent } from '../datatable-action-menu/datatable-action-menu.component';
+import { DatatableColumnComponent } from '../datatable-column/datatable-column.component';
+import { DatatableMenuBarComponent } from '../datatable-menu-bar/datatable-menu-bar.component';
+import { TheSeamDatatableRowDetailDirective } from '../datatable-row-detail/datatable-row-detail.directive';
+import { DatatableRowActionItemDirective } from '../directives/datatable-row-action-item.directive';
+import { TheSeamDatatableAccessor } from '../models/datatable-accessor';
+import { TheSeamPageInfo } from '../models/page-info';
+import { SortEvent } from '../models/sort-event';
+import { SortItem } from '../models/sort-item';
+import { TheSeamDatatableColumn } from '../models/table-column';
+import { DatatableColumnChangesService } from '../services/datatable-column-changes.service';
+import { DatatablePreferencesService } from '../services/datatable-preferences.service';
+export declare function _setColumnDefaults(columns: TheSeamDatatableColumn[]): void;
+/**
+ * NOTE: This is still being worked on. I am trying to figure out this model
+ * because `ngx-datatable` just uses an untyped object and sets properties in
+ * multiple places.
+ */
+export interface ICellContext {
+    allRowsSelected: false;
+    selectFn: () => any;
+    sortDir?: 'asc' | 'desc';
+    sortFn: () => any;
+    expanded?: boolean;
+    onCheckboxChangeFn?: any;
+    activateFn?: any;
+    row?: any;
+    group?: any;
+    value?: any;
+    column?: TheSeamDatatableColumn;
+    rowHeight?: number;
+    isSelected?: boolean;
+    rowIndex?: number;
+    treeStatus?: TreeStatus;
+    onTreeAction?: any;
+}
+/**
+ * Intended for internal classes declared by the `TheSeamDatatableModule`.
+ */
+export declare const THESEAM_DATATABLE: InjectionToken<IDataFilter>;
+export declare const _THESEAM_DATATABLE: any;
+export declare const _THESEAM_DATATABLE_ACCESSOR: any;
+export declare class DatatableComponent implements OnInit, OnDestroy, AfterContentInit, TheSeamDatatableAccessor, CollectionViewer {
+    private readonly _columnChangesService;
+    private readonly _differs;
+    private readonly _preferences;
+    static ngAcceptInputType_externalPaging: BooleanInput;
+    static ngAcceptInputType_externalSorting: BooleanInput;
+    static ngAcceptInputType_externalFiltering: BooleanInput;
+    static ngAcceptInputType_loadingIndicator: BooleanInput;
+    static ngAcceptInputType_reorderable: BooleanInput;
+    static ngAcceptInputType_swapColumns: BooleanInput;
+    static ngAcceptInputType_groupExpansionDefault: BooleanInput;
+    static ngAcceptInputType_selectAllRowsOnPage: BooleanInput;
+    static ngAcceptInputType_summaryRow: BooleanInput;
+    static ngAcceptInputType_virtualization: BooleanInput;
+    static ngAcceptInputType_scrollbarV: BooleanInput;
+    static ngAcceptInputType_scrollbarH: BooleanInput;
+    static ngAcceptInputType_limit: NumberInput;
+    static ngAcceptInputType_count: NumberInput;
+    static ngAcceptInputType_offset: NumberInput;
+    static ngAcceptInputType_headerHeight: NumberInput;
+    static ngAcceptInputType_rowHeight: NumberInput;
+    static ngAcceptInputType_footerHeight: NumberInput;
+    static ngAcceptInputType_summaryHeight: NumberInput;
+    static ngAcceptInputType_columns: TheSeamDatatableColumn[] | undefined | null;
+    static ngAcceptInputType_sorts: SortItem[] | undefined | null;
+    faChevronDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faChevronRight: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faSpinner: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    private readonly _ngUnsubscribe;
+    private readonly _filtersSubject;
+    private readonly _columnsObservable;
+    private readonly _dataSourceSubject;
+    readonly filterStates: Observable<DataFilterState[]>;
+    get filters(): IDataFilter[];
+    readonly filters$: Observable<IDataFilter[]>;
+    get preferencesKey(): string | undefined | null;
+    set preferencesKey(value: string | undefined | null);
+    private _preferencesKey;
+    targetMarkerTemplate: any;
+    get columns(): TheSeamDatatableColumn[];
+    set columns(value: TheSeamDatatableColumn[]);
+    private _columns;
+    get rows(): any[];
+    set rows(value: any[]);
+    private _rows;
+    rows$: Observable<any[]>;
+    columnMode: ColumnMode | undefined | null;
+    groupRowsBy: string | undefined | null;
+    groupedRows: any[] | undefined | null;
+    selected: any[] | undefined | null;
+    externalPaging: boolean;
+    externalSorting: boolean;
+    externalFiltering: boolean;
+    limit: number | undefined;
+    count: number;
+    offset: number;
+    loadingIndicator: boolean;
+    selectionType: SelectionType | undefined | null;
+    reorderable: boolean;
+    swapColumns: boolean;
+    sortType: SortType | undefined | null;
+    get sorts(): SortItem[];
+    set sorts(value: SortItem[]);
+    _sorts: SortItem[];
+    cssClasses: any | undefined | null;
+    messages: any | undefined | null;
+    rowIdentity: ((x: any) => any) | undefined | null;
+    rowClass: any | undefined | null;
+    selectCheck: any | undefined | null;
+    displayCheck: ((row: any, column?: any, value?: any) => boolean) | undefined | null;
+    groupExpansionDefault: boolean;
+    trackByProp: string | undefined | null;
+    selectAllRowsOnPage: boolean;
+    treeFromRelation: string | undefined | null;
+    treeToRelation: string | undefined | null;
+    summaryRow: boolean;
+    summaryHeight: number;
+    summaryPosition: string | undefined | null;
+    virtualization: boolean;
+    headerHeight: number;
+    rowHeight: number;
+    footerHeight: number;
+    scrollbarV: boolean;
+    scrollbarH: boolean;
+    set dataSource(value: DataSource<any> | any[] | undefined | null);
+    readonly scroll: EventEmitter<any>;
+    readonly activate: EventEmitter<any>;
+    readonly select: EventEmitter<any>;
+    readonly sort: EventEmitter<SortEvent>;
+    readonly page: EventEmitter<TheSeamPageInfo>;
+    readonly reorder: EventEmitter<any>;
+    readonly resize: EventEmitter<any>;
+    readonly tableContextmenu: EventEmitter<{
+        event: MouseEvent;
+        type: ContextmenuType;
+        content: any;
+    }>;
+    readonly treeAction: EventEmitter<any>;
+    readonly actionRefreshRequest: EventEmitter<void>;
+    readonly hiddenColumnsChange: EventEmitter<string[]>;
+    columnComponents?: QueryList<DatatableColumnComponent>;
+    actionMenu?: DatatableActionMenuComponent;
+    rowActionItem?: DatatableRowActionItemDirective;
+    rowDetail?: TheSeamDatatableRowDetailDirective;
+    get menuBarComponent(): DatatableMenuBarComponent | undefined;
+    set menuBarComponent(value: DatatableMenuBarComponent | undefined);
+    private _menuBarComponent;
+    private _menuBarSub;
+    ngxDatatable?: NgxDatatableComponent;
+    ngxDatatableElement?: ElementRef;
+    ngxRowDetail?: DatatableRowDetailDirective;
+    actionMenuCellTpl?: TemplateRef<DataTableColumnDirective>;
+    treeToggleTpl?: TemplateRef<DataTableColumnCellTreeToggle>;
+    headerTpl?: TemplateRef<DataTableColumnHeaderDirective>;
+    blankHeaderTpl?: TemplateRef<DataTableColumnHeaderDirective>;
+    cellTypeSelectorTpl?: TemplateRef<DataTableColumnDirective>;
+    columnComponents$?: Observable<DatatableColumnComponent[]>;
+    private _colDiffersInp;
+    private _colDiffersTpl;
+    readonly columns$: Observable<TheSeamDatatableColumn[]>;
+    readonly displayColumns$: Observable<TheSeamDatatableColumn[]>;
+    viewChange: Observable<ListRange>;
+    private _rowDetailToggleSubscription;
+    constructor(_columnChangesService: DatatableColumnChangesService, _differs: KeyValueDiffers, _preferences: DatatablePreferencesService);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngAfterContentInit(): void;
+    private _getMergedTplAndInpColumns;
+    private _hasPrevColDiff;
+    private _getColDiff;
+    private _removeUnusedDiffs;
+    private _setMenuBarFilters;
+    getColumnComponent(propName: string): DatatableColumnComponent | null;
+    _columnData(col: any): {
+        col: any;
+        comp: DatatableColumnComponent | null;
+    };
+    _getRowExpanded(row: any): boolean;
+    trackByFnColumn(index: number, item: any): any;
+    onDatatableResize(event: IElementResizedEvent): void;
+    _onResize(event: any): void;
+    _onTreeAction(event: any): void;
+    triggerActionRefreshRequest(): void;
+    get pageInfo(): TheSeamPageInfo;
+}

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

@@ -0,0 +1,15 @@
+import { ConnectionPositionPair } from '@angular/cdk/overlay';
+import { QueryList } from '@angular/core';
+import { Router } from '@angular/router';
+import { SeamConfirmDialogService } from '@theseam/ui-common/confirm-dialog';
+import { DatatableActionMenuItemComponent } from '../datatable-action-menu-item/datatable-action-menu-item.component';
+export declare class DatatableActionMenuComponent {
+    private _confirmDialog;
+    private _router;
+    faEllipsisH: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    items?: QueryList<DatatableActionMenuItemComponent>;
+    /** @ignore */
+    _actionMenuPositions: ConnectionPositionPair[];
+    constructor(_confirmDialog: SeamConfirmDialogService, _router: Router);
+    activateItem(event: any, item: DatatableActionMenuItemComponent): void;
+}

package/datatable/datatable-action-menu-item/datatable-action-menu-item.component.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from '@angular/core';
+import { ThemeTypes } from '@theseam/ui-common/models';
+export declare class DatatableActionMenuItemComponent {
+    label: string | undefined | null;
+    href: string | undefined | null;
+    target: string | undefined | null;
+    queryParams: {
+        [k: string]: any;
+    } | undefined | null;
+    fragment: string | undefined | null;
+    queryParamsHandling: any;
+    preserveFragment: boolean | undefined | null;
+    skipLocationChange: boolean | undefined | null;
+    replaceUrl: boolean | undefined | null;
+    state: {
+        [k: string]: any;
+    } | undefined | null;
+    routerLink: string | any[] | undefined | null;
+    confirmDialog: {
+        message?: string;
+        alert?: string | {
+            message: string;
+            type: ThemeTypes;
+        };
+    } | undefined | null;
+    disabled: boolean | undefined | null;
+    readonly click: EventEmitter<any>;
+}

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

@@ -0,0 +1,41 @@
+import { OnChanges, OnInit, PipeTransform, SimpleChanges, TemplateRef } from '@angular/core';
+import { DatatableCellTplDirective } from '../directives/datatable-cell-tpl.directive';
+import { DatatableColumnChangesService } from '../services/datatable-column-changes.service';
+declare type _PipeTransform = PipeTransform | PipeTransform;
+export declare class DatatableColumnComponent implements OnInit, OnChanges {
+    private _columnChangesService;
+    name: string | undefined | null;
+    prop: string | number | undefined | null;
+    flexGrow: number | undefined | null;
+    minWidth: number | undefined | null;
+    maxWidth: number | undefined | null;
+    width: number | undefined | null;
+    resizeable: boolean | undefined | null;
+    sortable: boolean | undefined | null;
+    draggable: boolean | undefined | null;
+    canAutoResize: boolean | undefined | null;
+    comparator: ((valueA: any, valueB: any, rowA?: any, rowB?: any, sortDirection?: 'asc' | 'desc') => -1 | 0 | 1) | undefined | null;
+    headerTemplate: TemplateRef<any> | undefined | null;
+    checkboxable: boolean | undefined | null;
+    headerCheckboxable: boolean | undefined | null;
+    headerClass: string | ((data: any) => string | any) | undefined | null;
+    cellClass: string | ((data: any) => string | any) | undefined | null;
+    frozenLeft: boolean | undefined | null;
+    frozenRight: boolean | undefined | null;
+    pipe: _PipeTransform | undefined | null;
+    isTreeColumn: boolean | undefined | null;
+    treeLevelIndent: number | undefined | null;
+    summaryFunc: ((cells: any[]) => any) | undefined | null;
+    summaryTemplate: TemplateRef<any> | undefined | null;
+    hidden: boolean | undefined | null;
+    private _isFirstChange;
+    cellTplDirective?: DatatableCellTplDirective;
+    _cellTemplateInput: TemplateRef<any> | undefined | null;
+    _cellTemplateQuery?: TemplateRef<any>;
+    get cellTemplate(): TemplateRef<any> | undefined | null;
+    constructor(_columnChangesService: DatatableColumnChangesService);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    getCellDirective(): DatatableCellTplDirective | null;
+}
+export {};