@mediusinc/mng-commons 5.0.1 → 5.1.0-rc.1

package/form/directives/input-trim.directive.d.ts

@@ -1,14 +1,11 @@
-import { ElementRef } from '@angular/core';
-import { NgControl } from '@angular/forms';
 import { InputTrimType } from '@mediusinc/mng-commons/form/api';
 import * as i0 from "@angular/core";
 export declare class InputTrimDirective {
-    private el;
-    private ngControl;
-    mngInputTrim?: InputTrimType;
-    constructor(el: ElementRef, ngControl: NgControl);
+    mngInputTrim: import("@angular/core").InputSignal<InputTrimType | undefined>;
+    private readonly el;
+    private readonly ngControl;
     onBlur(): void;
     private getTrimmedValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InputTrimDirective, [null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<InputTrimDirective, "[mngInputTrim]", never, { "mngInputTrim": { "alias": "mngInputTrim"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputTrimDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<InputTrimDirective, "[mngInputTrim]", never, { "mngInputTrim": { "alias": "mngInputTrim"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/model/descriptors/model.descriptor.d.ts

@@ -6,7 +6,7 @@ export declare class ModelDescriptor<Model, ModelClass = ClassOptType<Model>> im
     private _i18nBaseKey;
     private _idProperty?;
     private _titleProperty?;
-    constructor(type: ModelClass, idProperty?: string, titleProperty?: string, i18nBaseKey?: string | ClassType<any>);
+    constructor(type: ModelClass, idProperty?: string, titleProperty?: string | ((item: Model) => string), i18nBaseKey?: string | ClassType<any>);
     /**
      * @deprecated Use standalone {model()} instead.
      */
@@ -19,7 +19,7 @@ export declare class ModelDescriptor<Model, ModelClass = ClassOptType<Model>> im
     get typeName(): string | undefined;
     get i18nBaseKey(): string;
     get idProperty(): string | undefined;
-    get titleProperty(): string | undefined;
+    get titleProperty(): string | ((item: Model) => string) | undefined;
     withIdProperty(property: keyof Model): this;
     withIdPropertyUnsafe(property: string): this;
     withTitleProperty(property: keyof Model): this;
@@ -29,7 +29,7 @@ export declare class ModelDescriptor<Model, ModelClass = ClassOptType<Model>> im
 }
 export type ModelDescriptorCreateOpts<Model> = {
     id?: keyof Model;
-    title?: keyof Model;
+    title?: keyof Model | ((item: Model) => string);
     i18nBase?: string | ClassType<any>;
 };
 export declare function model<Model>(): ModelDescriptor<Model, undefined>;

package/model/helpers/i18n.d.ts

@@ -3,8 +3,6 @@ import { Observable } from 'rxjs';
 import { KeyOfType } from '@mediusinc/mng-commons/core';
 import { ModelDescriptor } from '../descriptors/model.descriptor';
 export declare function getI18nForModel(translate: TranslateService, model: ModelDescriptor<any>, keyPath: string, customKey?: string, item?: any, fallbackKey?: string, params?: any): string | null;
-export declare function getI18nModelName(translate: TranslateService, model: ModelDescriptor<any>, singular?: boolean): string | null;
-export declare function getI18nModelNameAsync(translate: TranslateService, model: ModelDescriptor<any>, singular?: boolean): Observable<string | null>;
 export declare function getI18nModelParams(translate: TranslateService, model?: ModelDescriptor<any>, item?: any, params?: any): any;
 export declare function getI18nModelParamsAsync(translate: TranslateService, model?: ModelDescriptor<any>, item?: any, params?: any): Observable<any>;
-export declare function populateI18nModelParams(idProperty?: KeyOfType, titleProperty?: KeyOfType, item?: any, params?: any): any;
+export declare function populateI18nModelParams(idProperty?: KeyOfType, titleProperty?: KeyOfType | ((item: any) => string), item?: any, params?: any): any;

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "5.0.1",
+  "version": "5.1.0-rc.1",
   "peerDependencies": {
-    "@angular/animations": "^17.3.0",
-    "@angular/common": "^17.3.0",
-    "@angular/core": "^17.3.0",
-    "@angular/forms": "^17.3.0",
-    "@angular/platform-browser": "^17.3.0",
-    "@angular/router": "^17.3.0",
-    "@ngx-formly/core": "^6.3.0",
+    "@angular/animations": "^17.3.0 || ^18.0.0",
+    "@angular/common": "^17.3.0 || ^18.0.0",
+    "@angular/core": "^17.3.0 || ^18.0.0",
+    "@angular/forms": "^17.3.0 || ^18.0.0",
+    "@angular/platform-browser": "^17.3.0 || ^18.0.0",
+    "@angular/router": "^17.3.0 || ^18.0.0",
+    "@ngx-formly/core": "^6.3.5",
     "@ngx-translate/core": "^15.0.0",
-    "primeng": "^17.12.0"
+    "primeng": "^17.18.0"
   },
   "dependencies": {
     "reflect-metadata": "^0.1.13",
@@ -38,6 +38,12 @@
       "esm": "./esm2022/core/mediusinc-mng-commons-core.mjs",
       "default": "./fesm2022/mediusinc-mng-commons-core.mjs"
     },
+    "./model": {
+      "types": "./model/index.d.ts",
+      "esm2022": "./esm2022/model/mediusinc-mng-commons-model.mjs",
+      "esm": "./esm2022/model/mediusinc-mng-commons-model.mjs",
+      "default": "./fesm2022/mediusinc-mng-commons-model.mjs"
+    },
     "./filter": {
       "types": "./filter/index.d.ts",
       "esm2022": "./esm2022/filter/mediusinc-mng-commons-filter.mjs",
@@ -50,12 +56,6 @@
       "esm": "./esm2022/form/mediusinc-mng-commons-form.mjs",
       "default": "./fesm2022/mediusinc-mng-commons-form.mjs"
     },
-    "./model": {
-      "types": "./model/index.d.ts",
-      "esm2022": "./esm2022/model/mediusinc-mng-commons-model.mjs",
-      "esm": "./esm2022/model/mediusinc-mng-commons-model.mjs",
-      "default": "./fesm2022/mediusinc-mng-commons-model.mjs"
-    },
     "./table": {
       "types": "./table/index.d.ts",
       "esm2022": "./esm2022/table/mediusinc-mng-commons-table.mjs",

package/table/api/models/table.model.d.ts

@@ -31,5 +31,5 @@ export interface ITableDescriptorInternal<TableModel> {
 export interface TableLayoutPreferences {
     columnWidths?: Record<string, number>;
     columnOrder?: string[];
-    columnVisibility?: string[];
+    columnHidden?: string[];
 }

package/table/components/column-value/column-value.component.d.ts

@@ -1,12 +1,6 @@
-import { ElementRef, OnInit } from '@angular/core';
-import { TranslateService } from '@ngx-translate/core';
-import { MessageService } from 'primeng/api';
 import { ColumnDescriptor, ColumnDisplayTypeEnum } from '@mediusinc/mng-commons/table/api';
 import * as i0 from "@angular/core";
-export declare class TableColumnValueComponent<T, TT> implements OnInit {
-    private elementRef;
-    private messageService;
-    private translate;
+export declare class TableColumnValueComponent<T, TT> {
     readonly columnDisplayTypeString: ColumnDisplayTypeEnum;
     readonly columnDisplayTypeNumber: ColumnDisplayTypeEnum;
     readonly columnDisplayTypeCurrency: ColumnDisplayTypeEnum;
@@ -15,18 +9,18 @@ export declare class TableColumnValueComponent<T, TT> implements OnInit {
     readonly columnDisplayTypeEnum: ColumnDisplayTypeEnum;
     readonly columnDisplayTypeComponent: ColumnDisplayTypeEnum;
     readonly columnDisplayTypeHtml: ColumnDisplayTypeEnum;
+    private readonly elementRef;
+    private readonly messageService;
+    private readonly translate;
     private readonly getterPipe;
     private readonly templatePipe;
-    descriptor: ColumnDescriptor<T, TT>;
-    item: any;
-    styleMaxWidth: number | null;
-    className: string;
-    currency?: string;
-    jsonPath: string;
-    value: any;
-    constructor(elementRef: ElementRef, messageService: MessageService, translate: TranslateService);
-    ngOnInit(): void;
+    descriptor: import("@angular/core").InputSignal<ColumnDescriptor<T, TT, T>>;
+    item: import("@angular/core").InputSignal<any>;
+    styleMaxWidth: import("@angular/core").Signal<number | null>;
+    className: import("@angular/core").Signal<string>;
+    value: import("@angular/core").Signal<any>;
+    currency: import("@angular/core").Signal<string | undefined>;
     copyToClipboard(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnValueComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnValueComponent<any, any>, "mng-table-column-value", never, { "descriptor": { "alias": "descriptor"; "required": true; }; "item": { "alias": "item"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnValueComponent<any, any>, "mng-table-column-value", never, { "descriptor": { "alias": "descriptor"; "required": true; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/table/components/table/table.component.d.ts

@@ -1,17 +1,15 @@
-import { EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, Signal, SimpleChanges, TemplateRef, Type } from '@angular/core';
+import { OnDestroy, Signal, TemplateRef, Type } from '@angular/core';
 import { MultiSelectChangeEvent } from 'primeng/multiselect';
 import { Table, TableColumnReorderEvent, TableLazyLoadEvent } from 'primeng/table';
-import { Observable } from 'rxjs';
 import { ComponentDirective, DataListResult, TemplateDirective } from '@mediusinc/mng-commons/core';
 import { ColumnDescriptor, ITableDataProvider, TableCellClickEvent, TableDescriptorInst, TableLoadEvent } from '@mediusinc/mng-commons/table/api';
 import { ColumnWithPreferences } from '../../models/column-preferences.model';
 import { DataListService } from '../../services/data-list.service';
 import * as i0 from "@angular/core";
-export declare class TableComponent<Item = any, Service = undefined, Sorts = any, Filters extends keyof any = any> implements OnInit, OnChanges, OnDestroy {
+export declare class TableComponent<Item = any, Service = undefined, Sorts = any, Filters extends keyof any = any> implements OnDestroy {
     readonly cmpTypeName = "TableComponent";
     private readonly logger;
     private readonly injector;
-    private readonly destroyRef;
     private readonly router;
     private readonly route;
     private readonly translate;
@@ -19,48 +17,54 @@ export declare class TableComponent<Item = any, Service = undefined, Sorts = any
     private readonly commons;
     private readonly localStorageService;
     readonly dataListService: DataListService<any>;
-    descriptorInput: TableDescriptorInst<Item, Sorts, Filters>;
-    items?: Observable<Array<Item>>;
-    result?: Observable<DataListResult<Item> | undefined>;
-    loadingInput?: Observable<boolean>;
-    dataProvider?: ITableDataProvider<Item, Service, Sorts, Filters>;
-    useQueryParams: boolean;
-    selectionMode: 'single' | 'multiple';
-    selectionEnabled: boolean;
-    columnLastMinWidth?: number;
-    captionComponent?: Type<any>;
-    columnCustomLastComponent?: Type<any>;
-    globalFilterFieldsInput?: string[];
-    loadEventEmitter: EventEmitter<TableLoadEvent>;
-    cellClickEventEmitter: EventEmitter<TableCellClickEvent<Item>>;
-    selectionChangeEventEmitter: EventEmitter<Item[]>;
-    captionCmpInstEventEmitter: EventEmitter<any>;
-    columnCustomLastCmpInstEventEmitter: EventEmitter<any>;
+    descriptorInput: import("@angular/core").InputSignal<TableDescriptorInst<Item, Sorts, Filters>>;
+    items: import("@angular/core").InputSignal<Item[] | undefined>;
+    result: import("@angular/core").InputSignal<DataListResult<Item> | undefined>;
+    loadingInput: import("@angular/core").InputSignalWithTransform<boolean | undefined, unknown>;
+    dataProvider: import("@angular/core").InputSignal<ITableDataProvider<Item, Service, Sorts, Filters> | undefined>;
+    useQueryParamsInput: import("@angular/core").InputSignal<boolean>;
+    cellClickEnabled: import("@angular/core").InputSignal<boolean>;
+    selectionMode: import("@angular/core").InputSignal<"single" | "multiple">;
+    selectionEnabled: import("@angular/core").InputSignal<boolean>;
+    columnLastMinWidth: import("@angular/core").InputSignal<number | undefined>;
+    captionComponent: import("@angular/core").InputSignal<Type<any> | undefined>;
+    columnCustomLastComponent: import("@angular/core").InputSignal<Type<any> | undefined>;
+    globalFilterFieldsInput: import("@angular/core").InputSignal<string[] | undefined>;
+    private cellClickSubject;
+    isCellClickObserved: import("@angular/core").WritableSignal<boolean>;
+    isCellClickEnabled: Signal<boolean>;
+    tableLoad: import("@angular/core").OutputEmitterRef<TableLoadEvent>;
+    cellClick: import("@angular/core").OutputRef<TableCellClickEvent<Item>>;
+    selectionChange: import("@angular/core").OutputEmitterRef<Item[]>;
+    captionComponentInstance: import("@angular/core").OutputEmitterRef<any>;
+    columnCustomLastComponentInstance: import("@angular/core").OutputEmitterRef<any>;
     templates: Signal<readonly TemplateDirective[]>;
-    components: QueryList<ComponentDirective<any>>;
-    primeTable: Table;
+    components: Signal<readonly ComponentDirective<any>[]>;
+    primeTable: Signal<Table>;
     captionTemplate: Signal<TemplateRef<any> | null>;
     columnCustomLastTemplate: Signal<TemplateRef<any> | null>;
     footerTemplate: Signal<TemplateRef<any> | null>;
     rowExpandTemplate: Signal<TemplateRef<any> | null>;
-    private useDataProvider;
-    isLazy: import("@angular/core").WritableSignal<boolean>;
-    isPagination: import("@angular/core").WritableSignal<boolean>;
+    useQueryParams: Signal<boolean>;
+    isLazy: Signal<boolean>;
+    isPagination: Signal<boolean>;
     useQueryParamsInitialized: import("@angular/core").WritableSignal<boolean>;
-    infiniteScroll: import("@angular/core").WritableSignal<boolean>;
-    className: import("@angular/core").WritableSignal<string>;
-    tableFullHeightOffset: import("@angular/core").WritableSignal<number | undefined>;
-    rowHeight: import("@angular/core").WritableSignal<number | undefined>;
+    private paginationMode;
+    infiniteScroll: Signal<boolean>;
+    className: Signal<string>;
+    tableFullHeightOffset: Signal<number | undefined>;
+    rowHeight: Signal<number | undefined>;
     private dataProviderService;
     private dataProviderLatestLazyLoadEvent?;
     private latestLazyLoadEventVersion;
     private latestParamsWithDefaults?;
     private latestParamsWithDefaultsVersion;
     private dataProviderSubscription?;
-    private resultSubscription?;
-    private itemsSubscription?;
     descriptor: import("@angular/core").WritableSignal<TableDescriptorInst<any, any, any>>;
-    columns: import("@angular/core").WritableSignal<ColumnWithPreferences[]>;
+    private localstorageKey;
+    private layoutPrefsSaveCnt;
+    private layoutPreferences;
+    columns: Signal<ColumnWithPreferences[]>;
     visibleColumns: Signal<ColumnWithPreferences[]>;
     hasColumnFilters: Signal<boolean>;
     private filterDescriptors;
@@ -68,15 +72,12 @@ export declare class TableComponent<Item = any, Service = undefined, Sorts = any
     private isFilterChanged;
     private isSortChanged;
     anyColumnVisible: Signal<boolean>;
-    hasCustomLastColumn: import("@angular/core").WritableSignal<boolean>;
-    hasLastColumn: Signal<boolean>;
+    hasCustomLastColumn: Signal<import("@angular/core").InputSignal<Type<any> | undefined>>;
+    hasLastColumn: Signal<import("@angular/core").InputSignal<Type<any> | undefined>>;
     areColumnsReorderable: Signal<boolean>;
     areColumnsToggleable: Signal<boolean>;
-    private layoutPreferences;
-    private localstorageKey;
     private routerIsNavigationOutsideInProgress;
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    constructor();
     ngOnDestroy(): void;
     reload(emitEvent?: boolean, resetParams?: boolean): void;
     onTableLazyLoad(event: TableLazyLoadEvent): void;
@@ -91,24 +92,19 @@ export declare class TableComponent<Item = any, Service = undefined, Sorts = any
     onTableColumnResize({ element }: any): void;
     private loadTableWithDataProvider;
     private loadTableFromRouteUpdate;
-    private setMainAndRelatedDescriptors;
     private updatePrimeSortAndFilter;
     private createFilterMeta;
     private createSortMeta;
-    private initializeDataLoadingTriggers;
     onColumnToggle(event: MultiSelectChangeEvent): void;
     onColumnToggleAll(): void;
     onColumnReorder(event: TableColumnReorderEvent): void;
     private saveLayoutPreferences;
-    private subscribeToQueryInput;
-    private subscribeToItemsInput;
+    private computeDefaultDataListParams;
+    private computColumnsWithLayout;
     /**
      * Reset column order and column visibility to default settings
      */
     resetDefaultLayout(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent<any, any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent<any, any, any, any>, "mng-table", never, { "descriptorInput": { "alias": "descriptor"; "required": true; }; "items": { "alias": "items"; "required": false; }; "result": { "alias": "result"; "required": false; }; "loadingInput": { "alias": "loading"; "required": false; }; "dataProvider": { "alias": "dataProvider"; "required": false; }; "useQueryParams": { "alias": "useQueryParams"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectionEnabled": { "alias": "selectionEnabled"; "required": false; }; "columnLastMinWidth": { "alias": "columnLastMinWidth"; "required": false; }; "captionComponent": { "alias": "captionComponent"; "required": false; }; "columnCustomLastComponent": { "alias": "columnCustomLastComponent"; "required": false; }; "globalFilterFieldsInput": { "alias": "globalFilterFields"; "required": false; }; }, { "loadEventEmitter": "tableLoad"; "cellClickEventEmitter": "cellClick"; "selectionChangeEventEmitter": "selectionChange"; "captionCmpInstEventEmitter": "captionComponentInstance"; "columnCustomLastCmpInstEventEmitter": "columnCustomLastComponentInstance"; }, ["templates"], never, true, never>;
-    static ngAcceptInputType_items: unknown;
-    static ngAcceptInputType_result: unknown;
-    static ngAcceptInputType_loadingInput: unknown;
+    static ɵcmp: i0.ɵɵ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; }; "useQueryParamsInput": { "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; }; "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"; }, ["templates"], never, true, never>;
 }

package/tableview/action/components/editor/action-editor.component.d.ts

@@ -4,7 +4,6 @@ import { ActionData, IDataProvider, IdType } from '@mediusinc/mng-commons/core';
 import { ActionEditorDescriptorInst } from '@mediusinc/mng-commons/tableview/api';
 import { ActionEditorInjectorContextComponent, ActionEditorInjectorContextInputData } from './injector-context/action-editor-injector-context.component';
 import * as i0 from "@angular/core";
-import * as i1 from "@mediusinc/mng-commons/core";
 export declare class ActionEditorComponent<T = any, S = any> {
     readonly injContextCmpType: Type<any>;
     readonly dialogConfig: DynamicDialogConfig<any> | null;
@@ -29,5 +28,5 @@ export declare class ActionEditorComponent<T = any, S = any> {
     cancel(): void;
     triggerSubmit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionEditorComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionEditorComponent<any, any>, "mng-action-editor", never, { "action": { "alias": "action"; "required": true; "isSignal": true; }; "itemId": { "alias": "itemId"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; "actionData": { "alias": "actionData"; "required": false; "isSignal": true; }; "dataProvider": { "alias": "dataProvider"; "required": false; "isSignal": true; }; }, { "actionRun": "actionRun"; "actionCancel": "actionCancel"; }, never, never, true, [{ directive: typeof i1.DialogKeydownHandlerDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionEditorComponent<any, any>, "mng-action-editor", never, { "action": { "alias": "action"; "required": true; "isSignal": true; }; "itemId": { "alias": "itemId"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; "actionData": { "alias": "actionData"; "required": false; "isSignal": true; }; "dataProvider": { "alias": "dataProvider"; "required": false; "isSignal": true; }; }, { "actionRun": "actionRun"; "actionCancel": "actionCancel"; }, never, never, true, never>;
 }

package/tableview/action/components/table/action-table.component.d.ts

@@ -1,48 +1,45 @@
-import { EventEmitter, OnInit, QueryList, Signal, TemplateRef, Type } from '@angular/core';
-import { Observable } from 'rxjs';
-import { ComponentDirective, DataListResult, TemplateDirective } from '@mediusinc/mng-commons/core';
+import { QueryList, Signal, TemplateRef, Type } from '@angular/core';
+import { DataListResult, TemplateDirective } from '@mediusinc/mng-commons/core';
 import { TableComponent } from '@mediusinc/mng-commons/table';
 import { ITableDataProvider, TableCellClickEvent, TableDescriptorInst, TableLoadEvent } from '@mediusinc/mng-commons/table/api';
 import { ActionDescriptorInst } from '@mediusinc/mng-commons/tableview/api';
 import { ActionInstance } from '../../models/execution/action-instance.model';
 import * as i0 from "@angular/core";
-export declare class ActionTableComponent<Item = any, Service = undefined, Sorts = keyof Item, Filters extends keyof any = keyof Item> implements OnInit {
+export declare class ActionTableComponent<Item = any, Service = undefined, Sorts = keyof Item, Filters extends keyof any = keyof Item> {
     private readonly route;
     private readonly actionExecutor;
     private readonly viewContainer;
-    descriptor: TableDescriptorInst<Item, Sorts, Filters>;
-    items?: Observable<Array<Item>> | Array<Item>;
-    result?: Observable<DataListResult<Item>>;
-    loading?: Observable<boolean>;
-    dataProvider?: ITableDataProvider<Item, Service, Sorts, Filters>;
-    useQueryParams: boolean;
-    selectionMode: 'single' | 'multiple';
-    selectionEnabled: boolean;
-    globalFilterFields?: string[];
-    actions: Array<ActionDescriptorInst<any>>;
-    captionComponent?: Type<any>;
-    columnActionComponent?: Type<any>;
-    columnActionMinWidth?: number;
-    loadEventEmitter: EventEmitter<TableLoadEvent>;
-    selectionChangeEventEmitter: EventEmitter<Item[]>;
-    captionCmpInstEventEmitter: EventEmitter<any>;
-    columnActionCmpInstEventEmitter: EventEmitter<any>;
+    descriptor: import("@angular/core").InputSignal<TableDescriptorInst<Item, Sorts, Filters>>;
+    items: import("@angular/core").InputSignal<Item[] | undefined>;
+    result: import("@angular/core").InputSignal<DataListResult<Item> | undefined>;
+    loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    dataProvider: import("@angular/core").InputSignal<ITableDataProvider<Item, Service, Sorts, Filters> | undefined>;
+    useQueryParams: import("@angular/core").InputSignal<boolean>;
+    selectionMode: import("@angular/core").InputSignal<"single" | "multiple">;
+    selectionEnabled: import("@angular/core").InputSignal<boolean>;
+    globalFilterFields: import("@angular/core").InputSignal<string[] | undefined>;
+    actions: import("@angular/core").InputSignal<ActionDescriptorInst<any, any>[]>;
+    captionComponent: import("@angular/core").InputSignal<Type<any> | undefined>;
+    columnActionComponent: import("@angular/core").InputSignal<Type<any> | undefined>;
+    columnActionMinWidthInput: import("@angular/core").InputSignal<number | undefined>;
+    columnActionMinWidth: Signal<number | undefined>;
+    tableLoad: import("@angular/core").OutputEmitterRef<TableLoadEvent>;
+    selectionChange: import("@angular/core").OutputEmitterRef<Item[]>;
+    captionComponentInstance: import("@angular/core").OutputEmitterRef<any>;
+    columnActionComponentInstance: import("@angular/core").OutputEmitterRef<any>;
     templates: Signal<readonly TemplateDirective[]>;
-    components: QueryList<ComponentDirective<any>>;
-    table: TableComponent;
+    components: Signal<readonly QueryList<any>[]>;
+    table: Signal<TableComponent<any, any, any, any>>;
     captionTemplate: Signal<TemplateRef<any> | null>;
     footerTemplate: Signal<TemplateRef<any> | null>;
     rowExpandTemplate: Signal<TemplateRef<any> | null>;
-    rowClickActions: import("@angular/core").WritableSignal<ActionDescriptorInst<Item, any>[]>;
-    rowInlineActions: import("@angular/core").WritableSignal<ActionDescriptorInst<Item, any>[]>;
+    rowClickActions: Signal<ActionDescriptorInst<any, any>[]>;
+    rowInlineActions: Signal<ActionDescriptorInst<any, any>[]>;
     constructor();
-    ngOnInit(): void;
     reload(emitEvent?: boolean, resetParams?: boolean): void;
     onCellClick(event: TableCellClickEvent<Item>): void;
     onSelectionChange(items: Array<Item>): void;
     onActionFinish(runResult: ActionInstance<Item, Service>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionTableComponent<any, any, any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ActionTableComponent<any, any, any, any>, "mng-action-table", never, { "descriptor": { "alias": "descriptor"; "required": true; }; "items": { "alias": "items"; "required": false; }; "result": { "alias": "result"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "dataProvider": { "alias": "dataProvider"; "required": false; }; "useQueryParams": { "alias": "useQueryParams"; "required": false; }; "selectionMode": { "alias": "selectionMode"; "required": false; }; "selectionEnabled": { "alias": "selectionEnabled"; "required": false; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "captionComponent": { "alias": "captionComponent"; "required": false; }; "columnActionComponent": { "alias": "columnActionComponent"; "required": false; }; "columnActionMinWidth": { "alias": "columnActionMinWidth"; "required": false; }; }, { "loadEventEmitter": "tableLoad"; "selectionChangeEventEmitter": "selectionChange"; "captionCmpInstEventEmitter": "captionComponentInstance"; "columnActionCmpInstEventEmitter": "columnActionComponentInstance"; }, ["templates"], never, true, never>;
-    static ngAcceptInputType_result: unknown;
-    static ngAcceptInputType_loading: unknown;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActionTableComponent<any, any, any, any>, "mng-action-table", never, { "descriptor": { "alias": "descriptor"; "required": true; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "result": { "alias": "result"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "dataProvider": { "alias": "dataProvider"; "required": false; "isSignal": true; }; "useQueryParams": { "alias": "useQueryParams"; "required": false; "isSignal": true; }; "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectionEnabled": { "alias": "selectionEnabled"; "required": false; "isSignal": true; }; "globalFilterFields": { "alias": "globalFilterFields"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "captionComponent": { "alias": "captionComponent"; "required": false; "isSignal": true; }; "columnActionComponent": { "alias": "columnActionComponent"; "required": false; "isSignal": true; }; "columnActionMinWidthInput": { "alias": "columnActionMinWidth"; "required": false; "isSignal": true; }; }, { "tableLoad": "tableLoad"; "selectionChange": "selectionChange"; "captionComponentInstance": "captionComponentInstance"; "columnActionComponentInstance": "columnActionComponentInstance"; }, ["templates"], never, true, never>;
 }

package/tableview/api/editor/descriptors/field-base.descriptor.d.ts

@@ -49,7 +49,7 @@ export declare abstract class AFieldDescriptor<FieldModel, EditorModel, FieldVal
     /** @ignore */ protected _inputClassName: string;
     /** @ignore */ protected _size: FieldSizeEnum;
     /** @ignore */ protected _isLocalized: boolean;
-    /** @ignore */ protected readonly _eventsSubject: Subject<FormFieldEvent<FieldModel, EditorModel, ParentEditorModel>>;
+    /** @ignore */ protected readonly _eventsSubject: Subject<FormFieldEvent<FieldValue, EditorModel, ParentEditorModel>>;
     protected constructor(editor: IEditorDescriptor<EditorModel>, property: string);
     get property(): string;
     get label(): string | null | undefined;
@@ -116,7 +116,7 @@ export declare abstract class AFieldDescriptor<FieldModel, EditorModel, FieldVal
      * This new table view shows all available translations for specific property and allows editing it.
      */
     localized(): this;
-    nextEvent(type: FormFieldEventTypeEnum, component: FieldType<CommonsFormlyFieldConfig<any, any, any>>, data?: FormFieldEventData<FieldModel, EditorModel>): void;
-    get events$(): Observable<FormFieldEvent<FieldModel, EditorModel, ParentEditorModel>>;
+    nextEvent(type: FormFieldEventTypeEnum, component: FieldType<CommonsFormlyFieldConfig<FieldValue, EditorModel, any>>, data?: FormFieldEventData<FieldValue, EditorModel>): void;
+    get events$(): Observable<FormFieldEvent<FieldValue, EditorModel, ParentEditorModel>>;
     protected copyFieldsTo(obj: AFieldDescriptor<FieldModel, EditorModel, FieldValue>): void;
 }

package/tableview/api/editor/descriptors/field-lookup.descriptor.d.ts

@@ -34,7 +34,7 @@ export declare class FieldLookupDescriptor<FieldModel, EditorModel, Service = an
     protected _autocompleteAutoClear?: boolean;
     protected _autocompleteSelectFirst?: boolean;
     protected _autocompleteInputTrim?: InputTrimType;
-    protected _dialogTableDescriptor?: TableDescriptorInst<FieldModel>;
+    protected _dialogTableDescriptor?: TableDescriptorInst<FieldModel, any, any>;
     protected _dialogTableDataProvider?: ITableDataProvider<FieldModel, any, any, any>;
     protected _customComponentName?: string;
     constructor(editor: IEditorDescriptor<EditorModel>, property: string, cfg?: FieldLookupDescriptorConstructorOptsType<FieldModel, Service>);
@@ -50,7 +50,7 @@ export declare class FieldLookupDescriptor<FieldModel, EditorModel, Service = an
     get autocompleteAutoClear(): boolean | undefined;
     get autocompleteSelectFirst(): boolean | undefined;
     get dropdownClassName(): string;
-    get dialogTableDescriptor(): TableDescriptorInst<FieldModel, keyof FieldModel, keyof FieldModel> | undefined;
+    get dialogTableDescriptor(): TableDescriptorInst<FieldModel, any, any> | undefined;
     get dialogTableDataProvider(): ITableDataProvider<FieldModel, any, any, any> | undefined;
     get customComponentName(): string | undefined;
     get trimOption(): InputTrimType | undefined;
@@ -64,7 +64,7 @@ export declare class FieldLookupDescriptor<FieldModel, EditorModel, Service = an
     withInputTrim(trimOption?: InputTrimType): this;
     withConfig(config: FieldLookupConfig): this;
     asAutocomplete(opts?: FieldLookupAutocompleteOptsType): this;
-    asDialog(lookupTableDescriptor: TableDescriptorInst<FieldModel>, tableDataProvider?: ITableDataProvider<FieldModel, any, any, any>): this;
+    asDialog(lookupTableDescriptor: TableDescriptorInst<FieldModel, any, any>, tableDataProvider?: ITableDataProvider<FieldModel, any, any, any>): this;
     asCustomComponent(customComponentName: string): this;
     copy(): FieldLookupDescriptor<FieldModel, EditorModel, Service, FieldValue>;
 }

package/tableview/api/editor/descriptors/field-many.descriptor.d.ts

@@ -37,7 +37,8 @@ export declare class FieldManyToManyEditorDescriptor<FieldModel, EditorModel, Se
     withActions(actions?: Array<FieldManyToManyEditorActionEnum>): this;
     withLookupExclude(filterProperty: keyof FieldModel, valueProperty: keyof FieldModel, hasLookupExclude?: boolean): this;
     withLookupExcludeUnsafe(filterProperty: string, valueProperty: string, hasLookupExclude?: boolean): this;
-    withSearch(enabled?: boolean, searchFields?: string[]): this;
+    withSearch(enabled?: boolean, searchFields?: (keyof FieldModel)[]): this;
+    withSearchUnsafe(enabled?: boolean, searchFields?: string[]): this;
     copy(): FieldManyToManyEditorDescriptor<FieldModel, EditorModel, Service, FieldValue>;
 }
 export declare class FieldManyEditorDescriptor<FieldModel, EditorModel, FieldValue = FieldModel[], ParentEditorModel = undefined> extends AFieldDescriptor<FieldModel, EditorModel, FieldValue, ParentEditorModel> {

package/tableview/api/editor/descriptors/field.descriptor.d.ts

@@ -1,10 +1,11 @@
 import { Type } from '@angular/core';
 import { AbstractControl } from '@angular/forms';
-import { IEditorDescriptor } from '@mediusinc/mng-commons/core';
+import { IEditorDescriptor, ItemOrObservable } from '@mediusinc/mng-commons/core';
 import { InputTrimType } from '@mediusinc/mng-commons/form/api';
 import { EnumDescriptor } from '@mediusinc/mng-commons/model';
 import { FieldInputTypeEnum } from '../models/field.model';
 import { AFormlyCustomFieldComponent } from '../models/formly-custom-field.model';
+import { CommonsFormlyFieldConfig } from '../models/formly-field.model';
 import { RadioValue } from '../models/radio.model';
 import { AFieldDescriptor } from './field-base.descriptor';
 export type FieldInputDescriptorType = string | string[] | number | boolean | Date | File | File[];
@@ -41,10 +42,10 @@ export type FieldInputNumberFractionOptsType = {
 export type FieldInputLocaleOptsType = {
     locale?: string;
 };
-export type FieldInputDatePickerOptsType = {
+export type FieldInputDatePickerOptsType<FieldValue, EditorModel, ParentEditorModel> = {
     format?: string;
-    min?: Date;
-    max?: Date;
+    min?: Date | FieldInputDatePickerDynamicMinMaxFnType<FieldValue, EditorModel, ParentEditorModel>;
+    max?: Date | FieldInputDatePickerDynamicMinMaxFnType<FieldValue, EditorModel, ParentEditorModel>;
     showTime?: boolean;
     showSeconds?: boolean;
 } & DateOptsType;
@@ -70,6 +71,7 @@ export type FieldInputComponentOpts = {
     inputs?: Record<string, any>;
 };
 export type FieldInputFileOnSelectHandlerFnType = (file: File[] | null, control: AbstractControl) => void;
+export type FieldInputDatePickerDynamicMinMaxFnType<Value, FormValue, ParentFormValue> = (control: AbstractControl<Value>, field: CommonsFormlyFieldConfig<Value, FormValue, ParentFormValue>) => ItemOrObservable<Date | undefined>;
 export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDescriptorType, FieldValue = FieldModel, ParentEditorModel = undefined> extends AFieldDescriptor<FieldModel, EditorModel, FieldValue, ParentEditorModel> {
     private _fieldType;
     private _rows?;
@@ -98,6 +100,7 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     private _minLength?;
     private _pattern?;
     private _inputTrim?;
+    private _validationEmail?;
     private _mask?;
     private _slotChar?;
     private _fileMultiple?;
@@ -127,8 +130,8 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     get numberUseGrouping(): boolean;
     get radioOptions(): RadioValue<string | number | boolean>[];
     get datePickerFormat(): string | undefined;
-    get datePickerMin(): Date | undefined;
-    get datePickerMax(): Date | undefined;
+    get datePickerMin(): Date | FieldInputDatePickerDynamicMinMaxFnType<FieldValue, EditorModel, ParentEditorModel> | undefined;
+    get datePickerMax(): Date | FieldInputDatePickerDynamicMinMaxFnType<FieldValue, EditorModel, ParentEditorModel> | undefined;
     get datePickerShowTime(): boolean | undefined;
     get datePickerShowSeconds(): boolean | undefined;
     get datePickerValueUtc(): boolean | undefined;
@@ -139,6 +142,7 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     get minLength(): number | undefined;
     get pattern(): string | RegExp | undefined;
     get trimOption(): InputTrimType | undefined;
+    get validationEmail(): boolean | undefined;
     get mask(): string | undefined;
     get slotChar(): string | undefined;
     get fileMultiple(): boolean | undefined;
@@ -147,7 +151,7 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     get fileOnSelectHandler(): FieldInputFileOnSelectHandlerFnType | undefined;
     get imagePreview(): boolean | undefined;
     get imageUrlInputVisibleOnDisabled(): boolean | undefined;
-    get customComponentType(): Type<AFormlyCustomFieldComponent> | undefined;
+    get customComponentType(): Type<AFormlyCustomFieldComponent<FieldValue, EditorModel, ParentEditorModel>> | undefined;
     get customComponentInputs(): Record<string, any> | undefined;
     get customComponentWrappers(): string[] | undefined;
     get locale(): string | undefined;
@@ -164,12 +168,12 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     asSwitch(): this;
     asRadio(options: Array<string | number | boolean>, optionsTitlePath?: string): this;
     asRadioFromEnum<Enum>(enumModel: EnumDescriptor<Enum>, values?: Array<Enum>): this;
-    asDatePicker(opts?: FieldInputDatePickerOptsType): this;
+    asDatePicker(opts?: FieldInputDatePickerOptsType<FieldValue, EditorModel, ParentEditorModel>): this;
     asMask(mask: string, slotChar: string): this;
     asFile(opts?: FieldInputFileOpts): this;
     asImageFile(opts?: FieldInputFileOpts): this;
     asImageUrl(opts?: FieldInputImageUrlOpts): this;
-    asCustomComponent(component: Type<AFormlyCustomFieldComponent>, opts?: FieldInputComponentOpts): this;
+    asCustomComponent(component: Type<AFormlyCustomFieldComponent<FieldValue, EditorModel, ParentEditorModel>>, opts?: FieldInputComponentOpts): this;
     withNumberValidation(opts?: FieldInputNumberValidationOptsType): this;
     withLocale(locale?: string): this;
     withNumberFractions(opts?: FieldInputNumberFractionOptsType): this;

package/tableview/api/editor/models/field-action-context.model.d.ts

@@ -1,8 +1,8 @@
 import { AbstractControl, FormControl, FormGroup } from '@angular/forms';
-import { FormlyFormOptions } from '@ngx-formly/core';
 import { FieldActionDescriptor } from '../descriptors/field-action.descriptor';
 import { IFormEditorComponent } from './form-editor.interface';
 import { CommonsFormlyFieldProps } from './formly-field.model';
+import { CommonsFormlyFormOptions, CommonsFormlyFormState } from './formly-options.model';
 export interface FieldActionContext<EditorModel, ParentEditorModel = undefined> {
     descriptor: FieldActionDescriptor<EditorModel>;
     formEditorComponent: IFormEditorComponent<EditorModel, ParentEditorModel>;
@@ -12,9 +12,9 @@ export interface FieldActionContext<EditorModel, ParentEditorModel = undefined>
         form: FormGroup<{
             [K in keyof EditorModel]: AbstractControl<EditorModel[K]>;
         }>;
-        options: FormlyFormOptions;
+        options: CommonsFormlyFormOptions<EditorModel>;
         props: CommonsFormlyFieldProps<void, EditorModel, ParentEditorModel>;
-        formState: any;
+        formState: CommonsFormlyFormState<EditorModel>;
     };
 }
 export interface FieldActionResult {
@@ -22,5 +22,5 @@ export interface FieldActionResult {
 }
 export interface FieldActionResultMessage {
     content: string;
-    severity?: 'success' | 'warn' | 'error';
+    severity?: 'success' | 'warning' | 'danger';
 }