@mediusinc/mng-commons 7.0.0-rc.0 → 7.0.0-rc.2

package/table/index.d.ts

@@ -1,32 +1,32 @@
 import * as primeng_api from 'primeng/api';
-import { SelectItem, SortMeta, MessageService, ToastMessageOptions } from 'primeng/api';
+import { SelectItem, MenuItem, SortMeta, MessageService, ToastMessageOptions } from 'primeng/api';
 import * as _angular_core from '@angular/core';
-import { OnDestroy, Signal, TemplateRef, Type, PipeTransform, InjectionToken, Provider } from '@angular/core';
+import { OnDestroy, Signal, TemplateRef, PipeTransform, InjectionToken, Provider } from '@angular/core';
 import * as _mediusinc_mng_commons_core from '@mediusinc/mng-commons/core';
-import { FilterMatchModeExtendedType, CommonsFilterMetadata, FilterMatchMode, ILookupDataProvider, TemplateDirective, DataListParams, DataListResult, CommonsSerializationConfig, ComponentDirective, SingleOrArrayType, Nullable, CommonsModuleConfig, CommonsFeature } from '@mediusinc/mng-commons/core';
+import { FilterMatchModeExtendedType, FilterState, FilterMatchMode, ILookupDataProvider, TemplateDirective, DataListParams, DataListResult, CommonsSerializationConfig, CommonsModuleConfig, CommonsFeature } from '@mediusinc/mng-commons/core';
 import * as _mediusinc_mng_commons_filter from '@mediusinc/mng-commons/filter';
 import { FilterDescriptor, FilterLookupTypeEnum, FilterTypeEnum, FilterLookupDescriptor, FilterGenericDescriptor, FilterDisplayTypeEnum, FilterGenericProperty } from '@mediusinc/mng-commons/filter';
-import { ColumnDisplayTypeEnum, ColumnDescriptor, TablePaginationModeEnum, ITableDataProvider, TableDescriptorInst, SortDescriptor, TableLayoutPreferences, TableLoadEvent, TableCellClickEvent, TableReloadEvent } from '@mediusinc/mng-commons/table/api';
 import { ModelDescriptor } from '@mediusinc/mng-commons/model';
+import { ColumnDisplayTypeEnum, ColumnDescriptor, TablePaginationModeEnum, ITableDataProvider, TableDescriptorInst, SortDescriptor, TableLayoutPreferences, TableLoadEvent, TableCellClickEvent, TableReloadEvent } from '@mediusinc/mng-commons/table/api';
 import { NgForm } from '@angular/forms';
 import { Popover } from 'primeng/popover';
 import * as _mediusinc_mng_commons_table from '@mediusinc/mng-commons/table';
-import { TableColumnReorderEvent, TableRowReorderEvent, Table, TableLazyLoadEvent, TableFilterEvent } from 'primeng/table';
-import { PrimeNG } from 'primeng/config';
+import { Table, TableColumnReorderEvent, TableRowReorderEvent, TableLazyLoadEvent, TableFilterEvent } from 'primeng/table';
 import { MultiSelectChangeEvent } from 'primeng/multiselect';
+import { PrimeNG } from 'primeng/config';
 import { LookupDataProviderInst } from '@mediusinc/mng-commons/form/api';
 import { TranslateService } from '@ngx-translate/core';
 import { ReplaySubject, Observable } from 'rxjs';
 
-interface FilterMetadata {
+interface FilterConfig {
     descriptor: FilterDescriptor<any, any>;
     matchModes: SelectItem[];
     defaultMatchMode: FilterMatchModeExtendedType;
     dateConfig?: FilterDateConfig;
     numberConfig?: FilterNumberConfig;
 }
-interface FilterState extends CommonsFilterMetadata {
-    metadata: FilterMetadata;
+interface FilterStateWithConfig extends FilterState {
+    config: FilterConfig;
 }
 interface FilterFormEmitEvent {
     property: string;
@@ -35,7 +35,7 @@ interface FilterFormEmitEvent {
     caseSensitive: boolean;
 }
 interface FilterActiveTagEvent {
-    filter: FilterState;
+    filter: FilterStateWithConfig;
     event?: Event;
 }
 interface FilterDateConfig {
@@ -46,87 +46,80 @@ interface FilterDateConfig {
     format?: string;
     showTime?: boolean;
     showSeconds?: boolean;
+    showMilliseconds?: boolean;
+    primeTimePicker?: boolean;
+    timeSelectInterval?: number;
+    timeSelect?: boolean;
 }
 interface FilterNumberConfig {
     fractionsMin?: number;
     fractionsMax?: number;
 }
 
+declare class FilterService {
+    #private;
+    readonly state: _angular_core.Signal<FilterState | undefined>;
+    readonly isActive: _angular_core.Signal<boolean>;
+    constructor();
+    setConfig(config: FilterConfig): void;
+    setMatchMode(displayMatchMode: FilterMatchModeExtendedType): void;
+    toggleCaseSensitivity(): void;
+    clear(): void;
+    setDisplayValue(displayValue: any): void;
+    setState(state?: FilterState, updateTable?: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<FilterService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<FilterService>;
+}
+
 /**
  * Cannot be on push change detection strategy because of filter updates triggered from route which causes to force update values in force metadata
  * and these must be propagated through to this component and beyond to primeNG.
  */
-declare class TableColumnFilterComponent implements OnDestroy {
+declare class TableFilterComponent implements OnDestroy {
+    #private;
     readonly lookupTypeDropdown: FilterLookupTypeEnum;
     readonly lookupTypeAutocomplete: FilterLookupTypeEnum;
     readonly FilterTypeEnum: typeof FilterTypeEnum;
     readonly FilterMatchMode: typeof FilterMatchMode;
-    private readonly el;
-    private readonly primeTable;
-    private readonly renderer;
-    private readonly overlayService;
-    private readonly cd;
-    private readonly destroyRef;
-    private readonly tableData;
-    private readonly tableMetadata;
-    private readonly document;
-    metadata: _angular_core.InputSignal<FilterMetadata>;
-    descriptorAsLookup: _angular_core.Signal<FilterLookupDescriptor<any, any, any, any, string | number | symbol, string | number | symbol> | undefined>;
-    private icon;
-    matchModes: _angular_core.Signal<primeng_api.SelectItem<any>[]>;
-    filterConstraint: _angular_core.WritableSignal<CommonsFilterMetadata | undefined>;
-    isFilterSet: _angular_core.Signal<boolean>;
-    isInputDisabled: _angular_core.Signal<boolean>;
-    overlayVisible: _angular_core.WritableSignal<boolean>;
-    isMultiselect: _angular_core.Signal<boolean>;
-    private overlaySubscription?;
-    private overlay;
-    private scrollHandler?;
-    private documentClickListener;
-    private documentResizeListener;
-    private resetSubscription?;
-    private selfClick?;
-    private overlayEventListener;
-    private readonly window;
-    private numericValueFromModelChange;
-    private dateDebounceSubject;
+    protected readonly filter: FilterService;
+    readonly config: _angular_core.InputSignal<FilterConfig>;
+    readonly model: _angular_core.InputSignal<ModelDescriptor<any>>;
+    readonly showFilterIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showTitleAsPlaceholder: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected readonly descriptorAsLookup: _angular_core.Signal<FilterLookupDescriptor<any, any, any, any, string | number | symbol, string | number | symbol> | undefined>;
+    private readonly icon;
+    protected readonly matchModes: _angular_core.Signal<primeng_api.SelectItem<any>[]>;
+    protected readonly isInputDisabled: _angular_core.Signal<boolean>;
+    protected readonly overlayVisible: _angular_core.WritableSignal<boolean>;
+    protected readonly isMultiselect: _angular_core.Signal<boolean>;
+    protected readonly placeholderKey: _angular_core.Signal<string>;
+    protected readonly booleanOptions: BooleanFilterDropdownItem[];
     constructor();
     ngOnDestroy(): void;
-    onTextModelChange(event: Event): void;
-    onTextInputEnterKeyDown(event: Event): void;
-    onNumericModelChange(value: number | null): void;
-    onNumericInputKeyDown(event: KeyboardEvent): void;
-    onCheckboxModelChange(value: boolean | null): void;
-    onDateFilterModelChange(value: Date | Date[] | null): void;
-    autocompleteFilter(value: any): void;
-    dropdownFilter(value: any): void;
-    onMatchModeChange(displayMatchMode: FilterMatchModeExtendedType): void;
-    onMatchModeKeyDown(event: KeyboardEvent): void;
-    onRowClearItemClick(): void;
-    toggleMenu(event: Event): void;
-    onToggleButtonKeyDown(event: KeyboardEvent): void;
-    onEscape(): void;
-    onContentClick(): void;
-    onOverlayAnimationStart(event: any): void;
-    onOverlayAnimationEnd(event: any): void;
-    get noFilterLabel(): string;
-    clearFilter(): void;
-    private findNextMenuModeItem;
-    private findPrevMenuModeItem;
-    private isOutsideClicked;
-    private bindDocumentClickListener;
-    private unbindDocumentClickListener;
-    private bindDocumentResizeListener;
-    private unbindDocumentResizeListener;
-    private bindScrollListener;
-    private unbindScrollListener;
-    private hideOverlay;
-    private onOverlayHide;
-    private updateFilterOnDisplayValueChange;
-    private initFilterConstraint;
-    private setFilterConstraint;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableColumnFilterComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableColumnFilterComponent, "mng-table-column-filter", never, { "metadata": { "alias": "metadata"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    protected onTextModelChange(event: Event): void;
+    protected onTextInputEnterKeyDown(event: Event): void;
+    protected onNumericModelChange(value: number | null): void;
+    protected onNumericInputKeyDown(event: KeyboardEvent): void;
+    protected onDateFilterModelChange(value: Date | Date[] | null): void;
+    protected booleanFilter(value: any): void;
+    protected autocompleteFilter(value: any): void;
+    protected dropdownFilter(value: any): void;
+    protected onMatchModeChange(displayMatchMode: FilterMatchModeExtendedType): void;
+    protected onMatchModeKeyDown(event: KeyboardEvent): void;
+    protected onCaseSensitivityToggle(): void;
+    protected clear(): void;
+    protected toggleMenu(event: Event): void;
+    protected onToggleButtonKeyDown(event: KeyboardEvent): void;
+    protected onEscape(): void;
+    protected onContentClick(): void;
+    protected onOverlayAnimationStart(event: any): void;
+    protected onOverlayAnimationEnd(event: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableFilterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableFilterComponent, "mng-table-filter", never, { "config": { "alias": "config"; "required": true; "isSignal": true; }; "model": { "alias": "model"; "required": true; "isSignal": true; }; "showFilterIcon": { "alias": "showFilterIcon"; "required": false; "isSignal": true; }; "showTitleAsPlaceholder": { "alias": "showTitleAsPlaceholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+interface BooleanFilterDropdownItem {
+    label: string;
+    value: boolean;
 }
 
 declare class TableColumnValueComponent<T, TT> {
@@ -162,20 +155,27 @@ declare class TableColumnValueComponent<T, TT> {
 }
 
 declare class TableFilterActiveTagComponent {
+    private readonly translateService;
     readonly FilterMatchMode: typeof FilterMatchMode;
     model: _angular_core.InputSignal<ModelDescriptor<any>>;
-    filter: _angular_core.InputSignal<FilterState>;
+    filter: _angular_core.InputSignal<FilterStateWithConfig>;
     edit: _angular_core.OutputEmitterRef<FilterActiveTagEvent>;
     remove: _angular_core.OutputEmitterRef<FilterActiveTagEvent>;
+    toggleDisabled: _angular_core.OutputEmitterRef<FilterActiveTagEvent>;
     label: _angular_core.Signal<string>;
     matchMode: _angular_core.Signal<string | undefined>;
     matchModeSymbol: _angular_core.Signal<string>;
     value: _angular_core.Signal<any>;
+    protected isActive: _angular_core.Signal<boolean>;
+    menuItems: _angular_core.WritableSignal<MenuItem[]>;
+    private tagMenu;
     onRemove(event: Event): void;
     onEdit(event: Event): void;
+    onDisable(event: Event): void;
+    openTagMenu(event: Event): void;
     private getPropertyLabelKey;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableFilterActiveTagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableFilterActiveTagComponent, "mng-table-filter-active-tag", never, { "model": { "alias": "model"; "required": true; "isSignal": true; }; "filter": { "alias": "filter"; "required": true; "isSignal": true; }; }, { "edit": "edit"; "remove": "remove"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableFilterActiveTagComponent, "mng-table-filter-active-tag", never, { "model": { "alias": "model"; "required": true; "isSignal": true; }; "filter": { "alias": "filter"; "required": true; "isSignal": true; }; }, { "edit": "edit"; "remove": "remove"; "toggleDisabled": "toggleDisabled"; }, never, never, true, never>;
 }
 
 declare class TableFilterFormComponent {
@@ -186,17 +186,17 @@ declare class TableFilterFormComponent {
     private readonly elementRef;
     private readonly translate;
     title: _angular_core.InputSignal<string | undefined>;
-    metadata: _angular_core.InputSignal<FilterMetadata[]>;
+    metadata: _angular_core.InputSignal<FilterConfig[]>;
     genericDescriptor: _angular_core.InputSignal<FilterGenericDescriptor | undefined>;
     model: _angular_core.InputSignal<ModelDescriptor<any>>;
-    filter: _angular_core.InputSignal<FilterState | undefined>;
+    filter: _angular_core.InputSignal<FilterStateWithConfig | undefined>;
     overlay: _angular_core.InputSignal<Popover | undefined>;
     disabledProperties: _angular_core.InputSignal<string[]>;
     enableCaseSensitive: _angular_core.InputSignal<boolean>;
     propertySearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
     apply: _angular_core.OutputEmitterRef<FilterFormEmitEvent>;
     propertyOptionsWithTranslations: _angular_core.Signal<PropertyModel[]>;
-    selectedFilterMetadata: _angular_core.Signal<FilterMetadata | undefined>;
+    selectedFilterMetadata: _angular_core.Signal<FilterConfig | undefined>;
     genericValueDataProvider: _angular_core.Signal<ILookupDataProvider<string, any, any, "field"> | undefined>;
     selectedDescriptorAsLookup: _angular_core.Signal<FilterLookupDescriptor<any, any, any, any, string | number | symbol, string | number | symbol> | undefined>;
     isEdit: _angular_core.Signal<boolean>;
@@ -208,6 +208,7 @@ declare class TableFilterFormComponent {
     valueModel: _angular_core.WritableSignal<any>;
     caseSensitiveModel: _angular_core.WritableSignal<boolean>;
     isMultiselect: _angular_core.Signal<boolean>;
+    protected addFilterShortcutText: string;
     constructor();
     onFormSubmit(form: NgForm): void;
     resetForm(value?: FilterFormModel): void;
@@ -227,12 +228,20 @@ interface PropertyModel {
     disabled: boolean;
 }
 
-declare class TableFilterOverlayWithTagComponent {
+type NameType$1 = 'title' | 'titleRowRight';
+declare class TableHeaderWithFiltersTemplateDirective extends TemplateDirective<NameType$1> {
+    readonly name: _angular_core.InputSignal<NameType$1>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableHeaderWithFiltersTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TableHeaderWithFiltersTemplateDirective, "[mngTableHeaderWithFiltersTemplate]", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TableHeaderWithFiltersComponent {
+    private readonly translateService;
     private static readonly SEARCH_WORD_LIMIT_MAX;
-    private readonly primeTable;
     private readonly tableData;
     private readonly tableConfig;
-    metadata: _angular_core.InputSignal<FilterMetadata[]>;
+    readonly defaultFilterDisplayType: FilterDisplayTypeEnum;
+    metadata: _angular_core.InputSignal<FilterConfig[]>;
     genericFilterDescriptor: _angular_core.InputSignal<FilterGenericDescriptor | undefined>;
     model: _angular_core.InputSignal<ModelDescriptor<any>>;
     enableSearch: _angular_core.InputSignalWithTransform<boolean, unknown>;
@@ -242,17 +251,28 @@ declare class TableFilterOverlayWithTagComponent {
     } | undefined>;
     searchLimitWordMax: _angular_core.InputSignal<number | null | undefined>;
     enableCaseSensitive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected filterMenuItems: _angular_core.WritableSignal<MenuItem[]>;
     private filterOverlay;
     private filterFormComponent;
-    templates: Signal<readonly TemplateDirective[]>;
+    templates: Signal<readonly TableHeaderWithFiltersTemplateDirective[]>;
     titleTemplate: Signal<TemplateRef<any> | null>;
-    filters: Signal<{
-        [p: string]: FilterState;
+    titleRowRightTemplate: Signal<TemplateRef<any> | null>;
+    overlayFormMetadata: Signal<FilterConfig[]>;
+    directInputMetadata: Signal<FilterConfig[]>;
+    overlayFormFilters: Signal<{
+        [p: string]: FilterStateWithConfig;
     }>;
-    showFilterButton: Signal<boolean>;
-    activeFilters: Signal<FilterState[]>;
+    showOverlayFilterFormButton: Signal<boolean>;
+    activeFilters: Signal<FilterStateWithConfig[]>;
     activeFilterProperties: Signal<string[]>;
-    filterEdit: _angular_core.WritableSignal<FilterState | undefined>;
+    filterEdit: _angular_core.WritableSignal<FilterStateWithConfig | undefined>;
+    protected unsetRequiredFilters: Signal<{
+        matchMode: string;
+        displayMatchMode: string;
+        config: FilterConfig;
+    }[]>;
+    protected allActiveFiltersDisabled: Signal<boolean>;
+    protected addFilterShortcutText: string;
     searchValue: Signal<string | undefined>;
     searchCaseSensitive: Signal<boolean | undefined>;
     searchWordLimitMaxError: _angular_core.WritableSignal<boolean>;
@@ -260,42 +280,106 @@ declare class TableFilterOverlayWithTagComponent {
     private searchValueSubject;
     private searchCaseSensitiveSubject;
     private clickedOnFilterEvent;
+    private readonly filterSplitButton;
+    private readonly searchInput;
     constructor();
-    onFilterFormApply(event: FilterFormEmitEvent): void;
-    onFilterRemove(event: FilterActiveTagEvent): void;
-    onFilterEdit(event: FilterActiveTagEvent): void;
-    onFilterAdd(event: Event): void;
-    onSearchChange(value: string): void;
-    onSearchCaseSensitiveChange(value: boolean): void;
-    onOverlayHide(): void;
+    protected onFilterFormApply(event: FilterFormEmitEvent): void;
+    protected onFilterRemove(event: FilterActiveTagEvent): void;
+    protected onFilterEdit(event: FilterActiveTagEvent): void;
+    private overlaySelectors;
+    private isOverlayOpen;
+    filterShortcuts(event: KeyboardEvent): void;
+    protected onFilterSplitButtonShow(): void;
+    protected onFilterAdd(event: Event): void;
+    protected onFilterToggleDisabled(event: FilterActiveTagEvent): void;
+    private onFilterToggleDisableAll;
+    private onFilterRemoveAll;
+    protected onSearchChange(value: string): void;
+    protected onSearchSubmit(event: Event): void;
+    protected onSearchCaseSensitiveChange(value: boolean): void;
+    protected onOverlayHide(): void;
     private onFilterAddOrEdit;
     private getInitialFilters;
-    private updatePrimeTableFilter;
-    private updatePrimeTableGlobalFilter;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableFilterOverlayWithTagComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableFilterOverlayWithTagComponent, "mng-table-filter-overlay-with-tag", never, { "metadata": { "alias": "metadata"; "required": true; "isSignal": true; }; "genericFilterDescriptor": { "alias": "genericFilterDescriptor"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": true; "isSignal": true; }; "enableSearch": { "alias": "enableSearch"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchLimitWordMax": { "alias": "searchLimitWordMax"; "required": false; "isSignal": true; }; "enableCaseSensitive": { "alias": "enableCaseSensitive"; "required": false; "isSignal": true; }; }, {}, ["templates"], never, true, never>;
+    private updateFilter;
+    private updateSearch;
+    protected readonly FilterTypeEnum: typeof FilterTypeEnum;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableHeaderWithFiltersComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableHeaderWithFiltersComponent, "mng-table-header-with-filters", never, { "metadata": { "alias": "metadata"; "required": true; "isSignal": true; }; "genericFilterDescriptor": { "alias": "genericFilterDescriptor"; "required": false; "isSignal": true; }; "model": { "alias": "model"; "required": true; "isSignal": true; }; "enableSearch": { "alias": "enableSearch"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchLimitWordMax": { "alias": "searchLimitWordMax"; "required": false; "isSignal": true; }; "enableCaseSensitive": { "alias": "enableCaseSensitive"; "required": false; "isSignal": true; }; }, {}, ["templates"], never, true, never>;
+}
+
+interface SearchState {
+    value: string;
+    caseSensitive: boolean;
+}
+declare abstract class ADataListService<Item> {
+    abstract readonly params: Signal<DataListParams | undefined>;
+    abstract readonly sortStates: Signal<SortMeta[] | undefined>;
+    abstract readonly filterStates: Signal<Record<string, FilterState>>;
+    abstract readonly searchState: Signal<SearchState | undefined>;
+    abstract readonly offset: Signal<number>;
+    abstract readonly rows: Signal<number>;
+    abstract readonly data: Signal<Item[]>;
+    abstract readonly count: Signal<number>;
+    abstract readonly loading: Signal<boolean>;
+    /**
+     * Sets the params.
+     * @param params The new params to set.
+     * @param fromQueryParams
+     */
+    abstract setParams(params: DataListParams, fromQueryParams: boolean): void;
+    /**
+     * Updates filter states when not directly set by `setParams`.
+     *
+     * @param filters Map of filters with state updates.
+     */
+    abstract updateFilters(filters: Record<string, FilterState | undefined>): void;
+    /**
+     * Updates search state when not directly set by `setParams`.
+     *
+     * @param search
+     */
+    abstract updateSearch(search: SearchState | undefined): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ADataListService<any>, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ADataListService<any>>;
 }
 
-declare class TableDataService<Item> implements OnDestroy {
+declare class TableDataService<Item> extends ADataListService<Item> {
     #private;
     readonly params: Signal<DataListParams<string, string> | undefined>;
-    readonly sortMeta: Signal<SortMeta[] | undefined>;
-    readonly filterMeta: Signal<Record<string, CommonsFilterMetadata>>;
-    readonly searchMeta: Signal<{
+    readonly sortStates: Signal<SortMeta[] | undefined>;
+    readonly filterStates: Signal<Record<string, FilterState>>;
+    readonly primeFilterStates: Signal<{
+        [x: string]: FilterState;
+    }>;
+    readonly searchState: Signal<{
         value: string;
         caseSensitive: boolean;
     } | undefined>;
     readonly isAllPaginationMetaInitialized: Signal<boolean>;
     readonly paginationMode: Signal<TablePaginationModeEnum>;
     readonly offset: Signal<number>;
-    readonly rows: Signal<number | undefined>;
+    readonly rows: Signal<number>;
     readonly data: Signal<Item[]>;
     readonly count: Signal<number>;
     readonly loading: Signal<boolean>;
     readonly selectedItems: _angular_core.WritableSignal<Item[]>;
+    constructor();
     setDataSources(arrayItems: Signal<Item[] | undefined>, dataListResult: Signal<DataListResult<Item> | undefined>, dataProvider: Signal<ITableDataProvider<Item, any, any, any> | undefined>, manualLoading: Signal<boolean | undefined>): void;
-    fetchWithDataProvider(params: DataListParams, onErrorFn: (error: Error) => void): boolean;
+    setPrimeTable(cmp?: Table<Item>): void;
+    fetchWithDataProvider(paramsList: DataListParams, onErrorFn: (error: Error) => void): boolean;
     setParams(params: DataListParams, fromQueryParams?: boolean): void;
+    /**
+     * Updates primeNG component with new filters and triggers data reload (if lazy load) or inline filtering.ž
+     * Usually setting the params should trigger the cycle to load data and calculate other states (sort, filter, search, etc.) from params.
+     * In case of PrimeNG's inline filtering, the internal primeNG state must be updated first and the states must subsequently be updated via callback functions.
+     *
+     * @param filters - { [fieldName]: FilterState | undefined } where:
+     *   - fieldName = column field identifier
+     *   - FilterState = full filter config
+     *   - undefined = clears filter for that field
+     */
+    updateFilters(filters: Record<string, FilterState | undefined>): void;
+    updateSearch(search: SearchState | undefined): void;
     /**
      * Compare the given params with the stored params in the DataListService.
      *
@@ -304,7 +388,6 @@ declare class TableDataService<Item> implements OnDestroy {
      * @return {boolean} - True if the given params match the stored params, otherwise false.
      */
     private compareWithCurrentParams;
-    ngOnDestroy(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableDataService<any>, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<TableDataService<any>>;
 }
@@ -312,7 +395,6 @@ declare class TableDataService<Item> implements OnDestroy {
 declare class TableMetadataService {
     #private;
     static readonly cmpTypeName = "TableComponent";
-    readonly primeConfig: PrimeNG;
     readonly moduleConfig: _mediusinc_mng_commons_core.CommonsModuleConfig | null;
     readonly tableModuleConfig: _mediusinc_mng_commons_table.TableFeatureConfig | null;
     readonly serializationCfg: CommonsSerializationConfig;
@@ -321,15 +403,15 @@ declare class TableMetadataService {
     readonly descriptor: Signal<TableDescriptorInst<any, any, any>>;
     rowsPerPageOptions: Signal<number[]>;
     readonly filterDescriptors: Signal<FilterDescriptor<any, any>[]>;
-    readonly filters: Signal<FilterMetadata[]>;
+    readonly filters: Signal<FilterConfig[]>;
     readonly genericFilterDescriptor: Signal<_mediusinc_mng_commons_filter.FilterGenericDescriptor | undefined>;
-    readonly genericFilters: Signal<FilterMetadata[]>;
+    readonly genericFilters: Signal<FilterConfig[]>;
     readonly searchFields: Signal<string[]>;
     readonly defaultParams: Signal<DataListParams<string, string>>;
     constructor();
     setSignalSources(descriptor: Signal<TableDescriptorInst<any, any>>, searchFields: Signal<string[] | undefined>): void;
     setDescriptor(descriptor: TableDescriptorInst<any, any, any>): void;
-    private mapDescriptorToMetadata;
+    private mapFilterDescriptorToMetadata;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableMetadataService, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<TableMetadataService>;
 }
@@ -337,7 +419,7 @@ declare class TableMetadataService {
 interface ColumnWithPreferences {
     id: string;
     descriptor: ColumnDescriptor<any, any>;
-    filter?: FilterMetadata;
+    filter?: FilterConfig;
     sort?: SortDescriptor<any>;
     disabled: boolean;
     isVisible: boolean;
@@ -366,9 +448,38 @@ declare class TablePreferencesService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<TablePreferencesService>;
 }
 
-declare class TableComponent<Item = any, Service = undefined, Sorts = any, Filters extends keyof any = any> {
+interface ITable<Item = any> {
+    metadata: TableMetadataService;
+    prefs: TablePreferencesService;
+    data: TableDataService<Item>;
+}
+
+type TableTemplateContext = {
+    data: any[];
+    totalCount: number;
+    table: ITable;
+};
+type TableRowTemplateContext = TableTemplateContext & {
+    item: any;
+    index: number;
+};
+type TableColumnTemplateContext = TableTemplateContext & {
+    property: string;
+};
+
+type NameType = 'columnCustomLast' | 'footer' | 'rowExpandContent' | 'columnHeader' | 'headerTitleRowRight' | 'headerTitle' | 'header';
+type ContextType<Name extends NameType> = Name extends 'columnCustomLast' | 'rowExpandContent' ? TableRowTemplateContext : Name extends 'columnHeader' ? TableColumnTemplateContext : TableTemplateContext;
+declare class TableTemplateDirective<Name extends NameType = NameType> extends TemplateDirective<Name, ContextType<Name>> {
+    readonly name: _angular_core.InputSignal<Name>;
+    static ngTemplateContextGuard<Name extends NameType>(dir: TableTemplateDirective<Name>, ctx: any): ctx is ContextType<Name>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableTemplateDirective<any>, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TableTemplateDirective<any>, "[mngTableTemplate]", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class TableComponent<Item = any, Service = undefined, Sorts = any, Filters extends keyof any = any> implements ITable<Item> {
     #private;
     private readonly filterKeyPrepend;
+    protected readonly FilterTypeEnum: typeof FilterTypeEnum;
     private readonly logger;
     private readonly router;
     private readonly route;
@@ -393,10 +504,8 @@ declare class TableComponent<Item = any, Service = undefined, Sorts = any, Filte
     }>;
     columnLastMinWidth: _angular_core.InputSignal<number | undefined>;
     columnsColspan: Signal<number>;
-    hasTitleDisplay: Signal<string | Type<any> | TemplateRef<any> | undefined>;
-    isCaptionVisible: Signal<string | boolean | Type<any> | TemplateRef<any> | undefined>;
-    captionComponent: _angular_core.InputSignal<Type<any> | undefined>;
-    columnCustomLastComponent: _angular_core.InputSignal<Type<any> | undefined>;
+    hasTitleDisplay: Signal<string | TemplateRef<TableTemplateContext> | undefined>;
+    isCaptionVisible: Signal<string | boolean | TemplateRef<TableTemplateContext> | undefined>;
     globalFilterFieldsInput: _angular_core.InputSignal<string[] | undefined>;
     private cellClickSubject;
     isCellClickObserved: _angular_core.WritableSignal<boolean>;
@@ -404,27 +513,27 @@ declare class TableComponent<Item = any, Service = undefined, Sorts = any, Filte
     tableLoad: _angular_core.OutputEmitterRef<TableLoadEvent>;
     cellClick: _angular_core.OutputRef<TableCellClickEvent<Item>>;
     selectionChange: _angular_core.OutputEmitterRef<Item[]>;
-    captionComponentInstance: _angular_core.OutputEmitterRef<any>;
-    columnCustomLastComponentInstance: _angular_core.OutputEmitterRef<any>;
     rowReorder: _angular_core.OutputEmitterRef<TableRowReorderEvent>;
-    templates: Signal<readonly TemplateDirective[]>;
-    components: Signal<readonly ComponentDirective<any>[]>;
-    primeTable: Signal<Table<any> | undefined>;
-    captionTemplate: Signal<TemplateRef<any> | null>;
-    columnCustomLastTemplate: Signal<TemplateRef<any> | null>;
-    footerTemplate: Signal<TemplateRef<any> | null>;
-    rowExpandTemplate: Signal<TemplateRef<any> | null>;
+    readonly templates: _angular_core.InputSignal<TableTemplateDirective<"footer" | "header" | "columnCustomLast" | "rowExpandContent" | "columnHeader" | "headerTitleRowRight" | "headerTitle">[]>;
+    readonly contentTemplates: Signal<readonly TableTemplateDirective<"footer" | "header" | "columnCustomLast" | "rowExpandContent" | "columnHeader" | "headerTitleRowRight" | "headerTitle">[]>;
+    readonly primeTable: Signal<Table<Item> | undefined>;
+    headerTemplate: Signal<TemplateRef<TableTemplateContext> | null>;
+    headerTitleTemplate: Signal<TemplateRef<TableTemplateContext> | null>;
+    titleRowRightTemplate: Signal<TemplateRef<TableTemplateContext> | null>;
+    columnCustomLastTemplate: Signal<TemplateRef<TableRowTemplateContext> | null>;
+    footerTemplate: Signal<TemplateRef<TableTemplateContext> | null>;
+    rowExpandTemplate: Signal<TemplateRef<TableRowTemplateContext> | null>;
+    columnHeaderTemplate: Signal<TemplateRef<TableColumnTemplateContext> | null>;
     isLazy: Signal<boolean>;
     isPagination: Signal<boolean>;
-    useQueryParamsInitialized: _angular_core.WritableSignal<boolean>;
     className: Signal<string>;
     visibleColumns: Signal<_mediusinc_mng_commons_table.ColumnWithPreferences[]>;
     areColumnsReorderable: Signal<boolean>;
     areColumnsToggleable: Signal<boolean>;
     hasColumnFilters: Signal<boolean>;
-    overlayWithTagFilters: Signal<_mediusinc_mng_commons_table.FilterMetadata[]>;
-    hasCustomLastColumn: Signal<Type<any> | TemplateRef<any> | null>;
-    hasLastColumn: Signal<boolean | Type<any> | TemplateRef<any>>;
+    tableHeaderFilters: Signal<_mediusinc_mng_commons_table.FilterConfig[]>;
+    protected requiredFiltersMissing: Signal<boolean>;
+    hasLastColumn: Signal<boolean | TemplateRef<TableRowTemplateContext>>;
     private lastLazyLoadEvent?;
     private lastParamsWithDefaults?;
     private navigationOutOfTableInProgress;
@@ -439,7 +548,7 @@ declare class TableComponent<Item = any, Service = undefined, Sorts = any, Filte
     private loadTableWithDataProvider;
     private loadTableFromRouteUpdate;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableComponent<any, any, any, any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any, any, any, any>, "mng-table", never, { "descriptorInput": { "alias": "descriptor"; "required": true; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "result": { "alias": "result"; "required": false; "isSignal": true; }; "loadingInput": { "alias": "loading"; "required": false; "isSignal": true; }; "dataProvider": { "alias": "dataProvider"; "required": false; "isSignal": true; }; "useQueryParams": { "alias": "useQueryParams"; "required": false; "isSignal": true; }; "cellClickEnabled": { "alias": "cellClickEnabled"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionEnabled": { "alias": "selectionEnabled"; "required": false; "isSignal": true; }; "rowReorderEnabledInput": { "alias": "rowReorderEnabled"; "required": false; "isSignal": true; }; "columnLastMinWidth": { "alias": "columnLastMinWidth"; "required": false; "isSignal": true; }; "captionComponent": { "alias": "captionComponent"; "required": false; "isSignal": true; }; "columnCustomLastComponent": { "alias": "columnCustomLastComponent"; "required": false; "isSignal": true; }; "globalFilterFieldsInput": { "alias": "globalFilterFields"; "required": false; "isSignal": true; }; }, { "tableLoad": "tableLoad"; "cellClick": "cellClick"; "selectionChange": "selectionChange"; "captionComponentInstance": "captionComponentInstance"; "columnCustomLastComponentInstance": "columnCustomLastComponentInstance"; "rowReorder": "rowReorder"; }, ["templates"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TableComponent<any, any, any, any>, "mng-table", never, { "descriptorInput": { "alias": "descriptor"; "required": true; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "result": { "alias": "result"; "required": false; "isSignal": true; }; "loadingInput": { "alias": "loading"; "required": false; "isSignal": true; }; "dataProvider": { "alias": "dataProvider"; "required": false; "isSignal": true; }; "useQueryParams": { "alias": "useQueryParams"; "required": false; "isSignal": true; }; "cellClickEnabled": { "alias": "cellClickEnabled"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionEnabled": { "alias": "selectionEnabled"; "required": false; "isSignal": true; }; "rowReorderEnabledInput": { "alias": "rowReorderEnabled"; "required": false; "isSignal": true; }; "columnLastMinWidth": { "alias": "columnLastMinWidth"; "required": false; "isSignal": true; }; "globalFilterFieldsInput": { "alias": "globalFilterFields"; "required": false; "isSignal": true; }; "templates": { "alias": "templates"; "required": false; "isSignal": true; }; }, { "tableLoad": "tableLoad"; "cellClick": "cellClick"; "selectionChange": "selectionChange"; "rowReorder": "rowReorder"; }, ["contentTemplates"], never, true, never>;
 }
 
 declare function filterGenerateMatchModeOptions(primeConfig: PrimeNG, descriptor: FilterDescriptor<any, any> | undefined, cmpSerCfg?: CommonsSerializationConfig): SelectItem[];
@@ -452,15 +561,8 @@ declare function filterGenerateMatchModeOptions(primeConfig: PrimeNG, descriptor
  * @return {FilterMatchModeExtendedType} The default match mode for the filter.
  */
 declare function filterGetDefaultMatchMode(descriptor?: FilterDescriptor<any, any>, matchModes?: SelectItem[]): FilterMatchModeExtendedType;
-declare function filterSetMetadataOnChange(filter: CommonsFilterMetadata, matchMode?: FilterMatchModeExtendedType, value?: any, filterType?: FilterTypeEnum, filterDateCfg?: FilterDateConfig): CommonsFilterMetadata;
-declare function filterSetMetadataOnDisplayChange(filter: CommonsFilterMetadata | undefined, displayMatchMode: FilterMatchModeExtendedType, displayValue: any, filterType?: FilterTypeEnum, filterDateCfg?: FilterDateConfig): {
-    displayMatchMode: string;
-    matchMode: string;
-    displayValue: any;
-    value: SingleOrArrayType<Nullable<string | number | boolean | Date>>;
-    caseSensitive: boolean | undefined;
-    operator?: string;
-};
+declare function filterSetStateOnChange(filter: FilterState, matchMode?: FilterMatchModeExtendedType, value?: any, filterType?: FilterTypeEnum, filterDateCfg?: FilterDateConfig): FilterState;
+declare function filterSetStateOnDisplayChange(filter: FilterState | undefined, displayMatchMode: FilterMatchModeExtendedType, displayValue: any, filterType?: FilterTypeEnum, filterDateCfg?: FilterDateConfig): FilterState;
 declare function filterAreDatesEqual(fromDate: Date | string | number, toDate: Date | string | number, filterDateCfg?: FilterDateConfig): boolean;
 declare function filterApplySerializationConfigToCmp(config: CommonsModuleConfig | null, cmpSerCfg: CommonsSerializationConfig): void;
 declare function filterAdjustDisplayValueOnMatchModeChange(matchMode?: FilterMatchModeExtendedType, value?: any): any;
@@ -473,6 +575,7 @@ declare function filterGetNumberConfig(descriptor?: FilterDescriptor<any, any>):
  * @param {LookupDataProviderInst<string, any, any, 'field'>} [valueLookup] - The lookup data provider for value suggestions.
  */
 declare function createFilterDescriptorsFromGeneric(properties: FilterGenericProperty[], valueLookup?: LookupDataProviderInst<string, any, any, 'field'>): FilterDescriptor<any, any>[] | [];
+declare function isFilterValueBlank(value: any): boolean;
 
 /**
  * Generates and displays a notification for a table-related error with localized error messages and details.
@@ -516,10 +619,10 @@ declare class LocaleDefaultRowClassPipe<T> implements PipeTransform {
     static ɵpipe: _angular_core.ɵɵPipeDeclaration<LocaleDefaultRowClassPipe<any>, "mngLocaleDefaultRowClass", true>;
 }
 
-declare class TableColumnFilterClassPipe implements PipeTransform {
+declare class TableFilterClassPipe implements PipeTransform {
     transform(value: unknown, filter: FilterDescriptor<any, any> | undefined, isEnabled: boolean): string;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableColumnFilterClassPipe, never>;
-    static ɵpipe: _angular_core.ɵɵPipeDeclaration<TableColumnFilterClassPipe, "mngTableColumnFilterClass", true>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TableFilterClassPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<TableFilterClassPipe, "mngTableFilterClass", true>;
 }
 
 interface TableFeatureConfig {
@@ -541,5 +644,5 @@ declare function withTable(config?: TableFeatureConfig): CommonsFeature;
  */
 declare function provideTableChild(config?: TableFeatureConfig): Provider[];
 
-export { COMMONS_TABLE_FEATURE_CONFIG_IT, FilterValuePipe, LocaleDefaultRowClassPipe, TableColumnFilterClassPipe, TableColumnFilterComponent, TableColumnValueComponent, TableComponent, TableDataService, TableFilterActiveTagComponent, TableFilterFormComponent, TableFilterOverlayWithTagComponent, createFilterDescriptorsFromGeneric, filterAdjustDisplayValueOnMatchModeChange, filterApplySerializationConfigToCmp, filterAreDatesEqual, filterGenerateMatchModeOptions, filterGetDateConfig, filterGetDefaultMatchMode, filterGetNumberConfig, filterSetMetadataOnChange, filterSetMetadataOnDisplayChange, generateTableLayoutPrefsKey, provideTableChild, tableNotificationError, withTable };
-export type { ColumnWithPreferences, FilterActiveTagEvent, FilterDateConfig, FilterFormEmitEvent, FilterMetadata, FilterNumberConfig, FilterState, TableFeatureConfig };
+export { ADataListService, COMMONS_TABLE_FEATURE_CONFIG_IT, FilterService, FilterValuePipe, LocaleDefaultRowClassPipe, TableColumnValueComponent, TableComponent, TableDataService, TableFilterActiveTagComponent, TableFilterClassPipe, TableFilterComponent, TableFilterFormComponent, TableHeaderWithFiltersComponent, TableTemplateDirective, createFilterDescriptorsFromGeneric, filterAdjustDisplayValueOnMatchModeChange, filterApplySerializationConfigToCmp, filterAreDatesEqual, filterGenerateMatchModeOptions, filterGetDateConfig, filterGetDefaultMatchMode, filterGetNumberConfig, filterSetStateOnChange, filterSetStateOnDisplayChange, generateTableLayoutPrefsKey, isFilterValueBlank, provideTableChild, tableNotificationError, withTable };
+export type { ColumnWithPreferences, FilterActiveTagEvent, FilterConfig, FilterDateConfig, FilterFormEmitEvent, FilterNumberConfig, FilterStateWithConfig, ITable, SearchState, TableFeatureConfig };