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

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 * 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 { Table, TableColumnReorderEvent, TableRowReorderEvent, TableLazyLoadEvent, TableFilterEvent } from 'primeng/table';
 import { PrimeNG } from 'primeng/config';
 import { MultiSelectChangeEvent } from 'primeng/multiselect';
 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 {
@@ -52,81 +52,71 @@ interface FilterNumberConfig {
     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): 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[];
+    protected readonly noFilterLabel: _angular_core.WritableSignal<any>;
     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> {
@@ -164,13 +154,14 @@ declare class TableColumnValueComponent<T, TT> {
 declare class TableFilterActiveTagComponent {
     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>;
     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>;
     onRemove(event: Event): void;
     onEdit(event: Event): void;
     private getPropertyLabelKey;
@@ -186,17 +177,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>;
@@ -227,12 +218,19 @@ 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 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>;
@@ -244,15 +242,23 @@ declare class TableFilterOverlayWithTagComponent {
     enableCaseSensitive: _angular_core.InputSignalWithTransform<boolean, unknown>;
     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;
+    }[]>;
     searchValue: Signal<string | undefined>;
     searchCaseSensitive: Signal<boolean | undefined>;
     searchWordLimitMaxError: _angular_core.WritableSignal<boolean>;
@@ -272,15 +278,16 @@ declare class TableFilterOverlayWithTagComponent {
     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>;
+    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>;
 }
 
 declare class TableDataService<Item> implements OnDestroy {
     #private;
     readonly params: Signal<DataListParams<string, string> | undefined>;
     readonly sortMeta: Signal<SortMeta[] | undefined>;
-    readonly filterMeta: Signal<Record<string, CommonsFilterMetadata>>;
+    readonly filterStates: Signal<Record<string, FilterState>>;
     readonly searchMeta: Signal<{
         value: string;
         caseSensitive: boolean;
@@ -294,8 +301,15 @@ declare class TableDataService<Item> implements OnDestroy {
     readonly loading: Signal<boolean>;
     readonly selectedItems: _angular_core.WritableSignal<Item[]>;
     setDataSources(arrayItems: Signal<Item[] | undefined>, dataListResult: Signal<DataListResult<Item> | undefined>, dataProvider: Signal<ITableDataProvider<Item, any, any, any> | undefined>, manualLoading: Signal<boolean | undefined>): void;
+    setPrimeTable(cmp?: Table<Item>): void;
     fetchWithDataProvider(params: 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.
+     * @param key Filter's key
+     * @param filter Filter's metadata
+     */
+    updatePrimeFilter(key: string, filter: FilterState | undefined): void;
     /**
      * Compare the given params with the stored params in the DataListService.
      *
@@ -321,15 +335,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 +351,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 +380,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 +436,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 +445,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<"columnCustomLast" | "footer" | "rowExpandContent" | "columnHeader" | "headerTitleRowRight" | "headerTitle" | "header">[]>;
+    readonly contentTemplates: Signal<readonly TableTemplateDirective<"columnCustomLast" | "footer" | "rowExpandContent" | "columnHeader" | "headerTitleRowRight" | "headerTitle" | "header">[]>;
+    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 +480,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 +493,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 +507,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 +551,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 +576,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 { 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, TableFeatureConfig };

package/tableview/api/index.d.ts

@@ -169,7 +169,7 @@ declare enum FieldGroupTypeEnum {
 type FieldConfig = object;
 interface FieldLookupConfig extends FieldConfig {
     table?: {
-        captionComponent?: Type<any>;
+        headerTitleComponent?: Type<any>;
         columnActionComponent?: Type<any>;
     };
 }
@@ -1380,8 +1380,6 @@ declare class FormFieldEventComponentSubtype {
 }
 declare class FormFieldEventDialogSubtype {
     static readonly VISIBILITY = "Dialog.Visibility";
-    static readonly TABLE_CAPTION_COMPONENT_INSTANCE = "Dialog.MngTable.CaptionComponentInstance";
-    static readonly TABLE_COLUMN_ACTIONS_COMPONENT_INSTANCE = "Dialog.MngTable.ColumnActionsComponentInstance";
 }
 interface FormFieldEventData<FieldModel, EditorModel> {
     eventSubtype?: string;