@mediusinc/mng-commons 5.3.0-rc.1 → 5.3.0-rc.3

package/filter/descriptors/filter.descriptor.d.ts

@@ -1,45 +1,78 @@
 import { FilterMatchModeExtendedType, IFilterDescriptor } from '@mediusinc/mng-commons/core';
 import { InputTrimType } from '@mediusinc/mng-commons/form/api';
-import { FilterTypeEnum } from '../models/filter.model';
+import { FilterDisplayTypeEnum, FilterTypeEnum } from '../models/filter.model';
+export type FilterDatePickerDisplayOptsType = {
+    applyFromDisplayFormat?: boolean;
+    format?: string;
+    showTime?: boolean;
+    showSeconds?: boolean;
+};
+export type FilterDateValueOptsType = {
+    utc?: boolean;
+    noTime?: boolean;
+    noTimeZone?: boolean;
+};
+export type FilterDateOptsType = FilterDateValueOptsType & FilterDatePickerDisplayOptsType & {
+    displayFormat?: string;
+};
+export type FilterNumberFractionOptsType = {
+    minFractionDigits?: number;
+    maxFractionDigits?: number;
+};
+export type FilterLocaleOptsType = {
+    locale?: string;
+};
+export type FilterNumberOptsType = FilterNumberFractionOptsType & FilterLocaleOptsType & {
+    displayFormat?: string;
+};
 export declare class FilterDescriptor<FilterModel, TableModel> implements IFilterDescriptor<FilterModel, TableModel> {
     protected readonly _property: string;
-    protected _showOnColumn: string;
+    protected _showOnColumn?: string;
     protected _filterType: FilterTypeEnum;
+    protected _displayType?: FilterDisplayTypeEnum;
     protected _hasDefaultValue: boolean;
     protected _defaultMatchMode?: FilterMatchModeExtendedType;
     protected _defaultValue?: FilterModel | FilterModel[];
     protected _matchModes: string[] | null;
+    private _displayFormat?;
+    private _displayFormatApplyToField?;
+    private _locale?;
     protected _numberMinFractionDigits?: number;
     protected _numberMaxFractionDigits?: number;
     protected _numberUseGrouping: boolean;
     protected _datePickerFormat?: string;
-    protected _datePickerShowTime: boolean;
-    protected _datePickerShowSeconds: boolean;
-    protected _datePickerValueNoTime?: boolean;
-    protected _datePickerValueNoTimezone?: boolean;
-    protected _datePickerValueUtc?: boolean;
+    protected _datePickerShowTime?: boolean;
+    protected _datePickerShowSeconds?: boolean;
+    protected _dateValueNoTime?: boolean;
+    protected _dateValueNoTimezone?: boolean;
+    protected _dateValueUtc?: boolean;
     protected _placeholder?: string;
     protected _className: string;
     protected _columnClassName: string;
     protected _columnWidth: number | null;
     protected _columnMinWidth: number | null;
     protected _inputTrim?: InputTrimType;
+    protected _title?: string;
     constructor(property: string);
     get filterType(): FilterTypeEnum;
-    get showOnColumn(): string;
+    get showOnColumn(): string | undefined;
+    get displayType(): FilterDisplayTypeEnum | undefined;
     get hasDefaultValue(): boolean;
     get defaultValue(): FilterModel | FilterModel[] | undefined;
     get defaultMatchMode(): string | undefined;
     get matchModes(): string[] | null;
+    get displayFormat(): string | undefined;
+    get displayFormatApplyToField(): boolean | undefined;
+    get locale(): string | undefined;
     get numberMinFractionDigits(): number | undefined;
     get numberMaxFractionDigits(): number | undefined;
     get numberUseGrouping(): boolean;
     get datePickerFormat(): string | undefined;
-    get datePickerShowTime(): boolean;
-    get datePickerShowSeconds(): boolean;
-    get datePickerValueUtc(): boolean | undefined;
-    get datePickerValueNoTimezone(): boolean | undefined;
-    get datePickerValueNoTime(): boolean | undefined;
+    get datePickerShowTime(): boolean | undefined;
+    get datePickerShowSeconds(): boolean | undefined;
+    get dateValueUtc(): boolean | undefined;
+    get dateValueNoTimezone(): boolean | undefined;
+    get dateValueNoTime(): boolean | undefined;
     get placeholder(): string | undefined;
     get className(): string;
     get columnClassName(): string;
@@ -47,21 +80,32 @@ export declare class FilterDescriptor<FilterModel, TableModel> implements IFilte
     get columnMinWidth(): number | null;
     get trimOption(): InputTrimType | undefined;
     get property(): string;
+    get title(): string | undefined;
     asFilterType(filterType: FilterTypeEnum): this;
-    withShowOnColumn(property: keyof TableModel): this;
-    withShowOnColumnUnsafe(property: string): this;
+    asDate(opts?: FilterDateOptsType): this;
+    asNumber(opts?: FilterNumberOptsType): this;
+    withShowOnColumn(property: keyof TableModel, displayType?: FilterDisplayTypeEnum | undefined): this;
+    withDisplayType(type?: FilterDisplayTypeEnum): this;
+    withShowOnColumnUnsafe(property: string, displayType?: FilterDisplayTypeEnum | undefined): this;
     withDefaultFilter(value: FilterModel | FilterModel[] | undefined, matchMode: FilterMatchModeExtendedType): this;
     protected validateDefaultFilter(value: FilterModel | FilterModel[] | undefined, matchMode: FilterMatchModeExtendedType): void;
+    withDisplayFormat(format?: string, applyToField?: boolean): this;
+    withLocale(locale?: string): this;
     withNumberFractions(min?: number, max?: number): this;
     withNumberGrouping(useGrouping?: boolean): this;
+    /**
+     * @deprecated Use ${withDatePickerDisplay} instead.
+     */
     withDateFormat(format?: string, showTime?: boolean, showSeconds?: boolean): this;
-    withDateValue(utc?: boolean, noTimezone?: boolean, noTime?: boolean): this;
+    withDatePickerDisplay(opts?: FilterDatePickerDisplayOptsType): this;
+    withDateValue(opts?: FilterDateValueOptsType): this;
     withPlaceholder(placeholder: string): this;
     withClassName(className: string): this;
     withColumnClassName(className: string): this;
     withColumnWidth(width?: number, minWidth?: number): this;
     withInputTrimming(trimOption?: InputTrimType): this;
     withMatchModes(matchModes: Array<FilterMatchModeExtendedType>): this;
+    withTitle(key: string): this;
     copy(): FilterDescriptor<FilterModel, TableModel>;
     protected copyFieldsTo(descriptor: FilterDescriptor<FilterModel, TableModel>): void;
 }

package/filter/models/filter.model.d.ts

@@ -10,3 +10,7 @@ export declare enum FilterLookupTypeEnum {
     Dropdown = 0,
     Autocomplete = 1
 }
+export declare enum FilterDisplayTypeEnum {
+    Column = 0,
+    OverlayWithTag = 1
+}

package/form/components/date-range/date-range.component.d.ts

@@ -1,30 +1,36 @@
 import { ExistingProvider, OnInit } from '@angular/core';
-import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { ControlValueAccessor, FormControl, ValidationErrors, Validator } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare const DATE_RANGE_VALUE_ACCESSOR: ExistingProvider;
-export declare class DateRangeComponent implements OnInit, ControlValueAccessor {
+export declare const DATE_RANGE_VALIDATOR: ExistingProvider;
+export declare class DateRangeComponent implements OnInit, ControlValueAccessor, Validator {
     private readonly formBuilder;
     private readonly injector;
     private readonly destroyRef;
+    private readonly cdr;
     placeholder: import("@angular/core").InputSignal<string | undefined>;
     showTime: import("@angular/core").InputSignal<boolean>;
     showSeconds: import("@angular/core").InputSignal<boolean>;
     dateFormat: import("@angular/core").InputSignal<string | undefined>;
     className: import("@angular/core").InputSignal<string | undefined>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     private fromToFormControl;
     private onChangeFn;
     private onTouchedFn;
+    private onValidatorChangeFn;
     get fromCtrl(): FormControl<any>;
     get toCtrl(): FormControl<any>;
     get dateRangeCtrl(): FormControl<any>;
     ngOnInit(): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
+    registerOnValidatorChange?(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     onBlur(): void;
     writeValue(obj: any): void;
+    validate(): ValidationErrors | null;
     private onValueChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeComponent, "mng-date-range", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DateRangeComponent, "mng-date-range", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showTime": { "alias": "showTime"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/form/components/dropdown/dropdown.component.d.ts

@@ -1,18 +1,17 @@
-import { ExistingProvider, OnInit } from '@angular/core';
+import { ExistingProvider } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Dropdown, DropdownChangeEvent } from 'primeng/dropdown';
 import { MultiSelect, MultiSelectBlurEvent, MultiSelectChangeEvent } from 'primeng/multiselect';
-import { Observable } from 'rxjs';
 import { ILookupDataProvider } from '@mediusinc/mng-commons/core';
 import * as i0 from "@angular/core";
 export declare const DROPDOWN_VALUE_ACCESSOR: ExistingProvider;
-export declare class DropdownComponent implements ControlValueAccessor, OnInit {
+export declare class DropdownComponent implements ControlValueAccessor {
     private readonly logger;
     private readonly injector;
     private readonly destroyRef;
     private readonly translate;
     dataProvider: import("@angular/core").InputSignal<ILookupDataProvider<any, any> | undefined>;
-    options: import("@angular/core").InputSignal<any[] | Observable<any[]>>;
+    options: import("@angular/core").InputSignal<any[]>;
     optionsTrackProperty: import("@angular/core").InputSignal<string | undefined>;
     optionsLabelPropertyInit: import("@angular/core").InputSignal<string | undefined>;
     optionsLabelTranslate: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -27,6 +26,7 @@ export declare class DropdownComponent implements ControlValueAccessor, OnInit {
     changeValueOnBlur: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     loadingInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    appendTo: import("@angular/core").InputSignal<string | null>;
     valueChange: import("@angular/core").OutputEmitterRef<any>;
     blur: import("@angular/core").OutputEmitterRef<Event>;
     primeDropdown: import("@angular/core").Signal<Dropdown | undefined>;
@@ -47,7 +47,6 @@ export declare class DropdownComponent implements ControlValueAccessor, OnInit {
     optionsValueProperty: import("@angular/core").Signal<string | undefined>;
     get value(): any;
     constructor();
-    ngOnInit(): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
@@ -59,10 +58,10 @@ export declare class DropdownComponent implements ControlValueAccessor, OnInit {
     onMultiselectChange(event: MultiSelectChangeEvent): void;
     onMultiselectBlur(event: MultiSelectBlurEvent): void;
     onMultiselectPanelHide(): void;
-    private setDataProviderAndOptions;
     private selectFirstItem;
+    private transformItems;
     private adjustValueOnItemsValuePropertyTypeMismatch;
     private propagateValueChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "mng-dropdown", never, { "dataProvider": { "alias": "dataProvider"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionsTrackProperty": { "alias": "optionsTrackProperty"; "required": false; "isSignal": true; }; "optionsLabelPropertyInit": { "alias": "optionsLabelProperty"; "required": false; "isSignal": true; }; "optionsLabelTranslate": { "alias": "optionsLabelTranslate"; "required": false; "isSignal": true; }; "optionsValuePropertyInput": { "alias": "optionsValueProperty"; "required": false; "isSignal": true; }; "optionsDisabledProperty": { "alias": "optionsDisabledProperty"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "selectFirstItemInput": { "alias": "selectFirstItem"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "dropdownClassName": { "alias": "dropdownClassName"; "required": false; "isSignal": true; }; "changeValueOnBlur": { "alias": "changeValueOnBlur"; "required": false; "isSignal": true; }; "loadingInput": { "alias": "loading"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "blur": "blur"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownComponent, "mng-dropdown", never, { "dataProvider": { "alias": "dataProvider"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "optionsTrackProperty": { "alias": "optionsTrackProperty"; "required": false; "isSignal": true; }; "optionsLabelPropertyInit": { "alias": "optionsLabelProperty"; "required": false; "isSignal": true; }; "optionsLabelTranslate": { "alias": "optionsLabelTranslate"; "required": false; "isSignal": true; }; "optionsValuePropertyInput": { "alias": "optionsValueProperty"; "required": false; "isSignal": true; }; "optionsDisabledProperty": { "alias": "optionsDisabledProperty"; "required": false; "isSignal": true; }; "multiselect": { "alias": "multiselect"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "selectFirstItemInput": { "alias": "selectFirstItem"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; "dropdownClassName": { "alias": "dropdownClassName"; "required": false; "isSignal": true; }; "changeValueOnBlur": { "alias": "changeValueOnBlur"; "required": false; "isSignal": true; }; "loadingInput": { "alias": "loading"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; "blur": "blur"; }, never, never, true, never>;
 }

package/form/components/number-range/number-range.component.d.ts

@@ -1,19 +1,22 @@
 import { ExistingProvider } from '@angular/core';
-import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { ControlValueAccessor, FormControl, ValidationErrors, Validator } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare const NUMBER_RANGE_VALUE_ACCESSOR: ExistingProvider;
-export declare class NumberRangeComponent implements ControlValueAccessor {
+export declare const NUMBER_RANGE_VALIDATOR: ExistingProvider;
+export declare class NumberRangeComponent implements ControlValueAccessor, Validator {
     private readonly formBuilder;
+    private readonly cdr;
     placeholder: import("@angular/core").InputSignal<string | undefined>;
     useGrouping: import("@angular/core").InputSignal<boolean>;
     minFractionDigits: import("@angular/core").InputSignal<number | undefined>;
     maxFractionDigits: import("@angular/core").InputSignal<number | undefined>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    className: import("@angular/core").InputSignal<string | undefined>;
     keyDown: import("@angular/core").OutputEmitterRef<KeyboardEvent>;
     private fromToFormControl;
     private onChangeFn;
     private onTouchedFn;
+    private onValidatorChangeFn;
     get fromCtrl(): FormControl<any>;
     get toCtrl(): FormControl<any>;
     constructor();
@@ -21,10 +24,11 @@ export declare class NumberRangeComponent implements ControlValueAccessor {
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     writeValue(obj: any): void;
+    validate(): ValidationErrors | null;
     onKeyDown(event: KeyboardEvent): void;
     onBlur(): void;
     private toNumber;
     private onValueChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberRangeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NumberRangeComponent, "mng-number-range", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; "isSignal": true; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "keyDown": "keyDown"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NumberRangeComponent, "mng-number-range", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; "isSignal": true; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "keyDown": "keyDown"; }, never, never, true, never>;
 }

package/i18n/en.json

@@ -10,6 +10,7 @@
     "cancel": "Cancel",
     "close": "Close",
     "add": "Add",
+    "apply": "Apply",
     "addItem": "{{item}} - add",
     "edit": "Edit",
     "delete": "Delete",
@@ -251,5 +252,36 @@
     "passwordPrompt": "Enter a password",
     "emptyMessage": "No results found",
     "emptyFilterMessage": "No results found"
+  },
+  "mngFilter": {
+    "titleAdd": "Add filter",
+    "titleEdit": "Edit filter",
+    "property": "Property",
+    "matchMode": "Match mode",
+    "value": "Value",
+    "caseSensitive": "Case sensitive",
+    "messages": {
+      "invalidFormTitle": "Error in filter",
+      "invalidFormMessage": "Filter is not valid, please check and correct inserted values."
+    }
+  },
+  "mngFilterActiveTag": {
+    "matchMode": {
+      "equals": "=",
+      "notEquals": "≠",
+      "contains": "contains",
+      "notContains": "doesn't contain",
+      "in": "=",
+      "notIn": "≠",
+      "startsWith": "starts with",
+      "endsWith": "ends with",
+      "lessThan": "<",
+      "lessThanOrEqualTo": "\u2264",
+      "greaterThan": ">",
+      "greaterThanOrEqualTo": "\u2265",
+      "between": "\u2013",
+      "exists": "exists",
+      "doesNotExist": "doesn't exist"
+    }
   }
 }

package/i18n/sl.json

@@ -10,6 +10,7 @@
     "cancel": "Prekliči",
     "close": "Zapri",
     "add": "Dodaj",
+    "apply": "Potrdi",
     "addItem": "{{item}} - dodaj",
     "edit": "Uredi",
     "delete": "Izbriši",
@@ -248,5 +249,36 @@
     "passwordPrompt": "Vnesite geslo",
     "emptyMessage": "Ni rezultatov",
     "emptyFilterMessage": "Ni rezultatov"
+  },
+  "mngFilter": {
+    "titleAdd": "Dodaj filter",
+    "titleEdit": "Uredi filter",
+    "property": "Lastnost",
+    "matchMode": "Način filtriranja",
+    "value": "Vrednost filtra",
+    "caseSensitive": "Upoštevanje velikosti črk",
+    "messages": {
+      "invalidFormTitle": "Napaka v filtru",
+      "invalidFormMessage": "Filter ni veljaven, prosimo preverite vnesene podatke in jih popravite."
+    }
+  },
+  "mngFilterActiveTag": {
+    "matchMode": {
+      "equals": "=",
+      "notEquals": "≠",
+      "contains": "vsebuje",
+      "notContains": "ne vsebuje",
+      "in": "=",
+      "notIn": "≠",
+      "startsWith": "se začne z",
+      "endsWith": "se konča z",
+      "lessThan": "<",
+      "lessThanOrEqualTo": "\u2264",
+      "greaterThan": ">",
+      "greaterThanOrEqualTo": "\u2265",
+      "between": "\u2013",
+      "exists": "obstaja",
+      "doesNotExist": "ne obstaja"
+    }
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mediusinc/mng-commons",
-  "version": "5.3.0-rc.1",
+  "version": "5.3.0-rc.3",
   "peerDependencies": {
     "@angular/animations": "^17.3.0 || ^18.0.0",
     "@angular/common": "^17.3.0 || ^18.0.0",

package/table/api/descriptors/table.descriptor.d.ts

@@ -1,12 +1,14 @@
-import { DataListResult, EnumConstantType, ILookupDataProvider } from '@mediusinc/mng-commons/core';
-import { FilterDescriptor, FilterLookupDescriptor, FilterLookupEnumDescriptor } from '@mediusinc/mng-commons/filter';
+import { Type } from '@angular/core';
+import { DataListResult, EnumConstantType, ILookupDataProvider, ITableDescriptor } from '@mediusinc/mng-commons/core';
+import { FilterDescriptor, FilterDisplayTypeEnum, FilterLookupDescriptor, FilterLookupEnumDescriptor } from '@mediusinc/mng-commons/filter';
 import { EnumDescriptor, ModelDescriptor } from '@mediusinc/mng-commons/model';
 import { ColumnDisplayTypeEnum, ColumnTypeEnum } from '../models/column.model';
+import { IRowExpandableComponent } from '../models/row-expandable-component.model';
 import { IColumnsManageInterface } from '../models/table-columns.model';
-import { ITableDescriptorInternal, TableDynamicColumnsModeEnum, TablePaginationModeEnum, TableSizeEnum } from '../models/table.model';
+import { TableDynamicColumnsModeEnum, TablePaginationModeEnum, TableSizeEnum } from '../models/table.model';
 import { ColumnDescriptor, ColumnDynamicDescriptor } from './column.descriptor';
 import { SortDescriptor } from './sort.descriptor';
-export declare class TableDescriptorInst<TableModel, Sorts = keyof TableModel, Filters = keyof TableModel> implements ITableDescriptorInternal<TableModel>, IColumnsManageInterface<TableModel, Sorts, Filters> {
+export declare class TableDescriptorInst<TableModel, Sorts = keyof TableModel, Filters = keyof TableModel> implements ITableDescriptor<TableModel, Sorts, Filters>, IColumnsManageInterface<TableModel, Sorts, Filters> {
     private readonly _model;
     protected readonly _autoGenerated: boolean;
     private _identifier?;
@@ -39,6 +41,7 @@ export declare class TableDescriptorInst<TableModel, Sorts = keyof TableModel, F
     private _rowExpandable;
     private _rowExpandableColSpan;
     private _rowExpandableProperty?;
+    private _rowExpandableComponentType?;
     private _rowReorderable;
     constructor(model: ModelDescriptor<TableModel>, autoGenerated?: boolean);
     get identifier(): string | undefined;
@@ -76,6 +79,10 @@ export declare class TableDescriptorInst<TableModel, Sorts = keyof TableModel, F
      * This table model property tells us if the specific row should be expandable or not based on row item value
      */
     get rowExpandableProperty(): string | undefined;
+    /**
+     * This property is used to define the type of the custom component that will be used to render the expanded row.
+     */
+    get rowExpandableComponentType(): Type<IRowExpandableComponent<TableModel>> | undefined;
     /**
      * Track property is used for the purpose of combined saving user preferences in localstorage if 2 tables have the same track properties they will share the same localstorage entry.
      * Similarly, this property can also be used to differentiate two tables of the same model on the same url (so that they have separate entries in localstorage).
@@ -96,7 +103,7 @@ export declare class TableDescriptorInst<TableModel, Sorts = keyof TableModel, F
     withColumnDescriptors(...descriptors: ColumnDescriptor<any, TableModel>[]): this;
     withPaginationMode(paginationMode: TablePaginationModeEnum): this;
     withRowsPerPage(rows: number, options?: Array<number>): this;
-    withTitle(title: string): this;
+    withTitle(title: string | undefined): this;
     withHideHeader(hideHeader?: boolean): this;
     withLoading(text?: string, icon?: string | null): this;
     /**
@@ -131,10 +138,10 @@ export declare class TableDescriptorInst<TableModel, Sorts = keyof TableModel, F
     addFilterLookupUnsafe<FilterModel, Service = undefined>(property: string, provider?: ILookupDataProvider<FilterModel, Service>, optionsValueProperty?: string): FilterLookupDescriptor<FilterModel, TableModel, Service>;
     addFilterLookupEnum<Enum>(property: Filters, enumDesc: EnumDescriptor<Enum>, options?: Array<Enum>): FilterLookupEnumDescriptor<Enum, unknown>;
     addFilterLookupEnumUnsafe<Enum = EnumConstantType>(property: string, enumDesc: EnumDescriptor<Enum>, options?: Array<Enum>): FilterLookupEnumDescriptor<Enum, unknown>;
-    addFilterFromColumn(property: Extract<Filters, keyof TableModel>, forceSimple?: boolean): FilterDescriptor<any, TableModel>;
+    addFilterFromColumn(property: Extract<Filters, keyof TableModel>, displayType?: FilterDisplayTypeEnum, forceSimple?: boolean): FilterDescriptor<any, TableModel>;
     withFiltersFromColumns(...properties: Extract<Filters, keyof TableModel>[]): this;
     withFiltersFromColumnsUnsafe(...properties: string[]): this;
-    addFilterFromColumnUnsafe(property: string, forceSimple?: boolean): FilterDescriptor<any, TableModel>;
+    addFilterFromColumnUnsafe(property: string, displayType?: FilterDisplayTypeEnum, forceSimple?: boolean): FilterDescriptor<any, TableModel>;
     addFilterFromColumnDescriptorUnsafe<ColumnModel, ColumnValue>(column: ColumnDescriptor<ColumnModel, TableModel, ColumnValue>, forceSimple?: boolean): FilterDescriptor<any, TableModel>;
     withFilter<FilterModel>(property: Filters, filter: FilterDescriptor<FilterModel, TableModel>): this;
     withFilterUnsafe<FilterModel>(filter: FilterDescriptor<FilterModel, TableModel>): this;
@@ -160,7 +167,7 @@ export declare class TableDescriptorInst<TableModel, Sorts = keyof TableModel, F
     withHeaderClassName(headerClassName: string): this;
     withLocalized(): this;
     withLocalizationLocaleProperty(localizationLocaleProperty: string): this;
-    withRowExpandable(property?: keyof TableModel, colSpan?: number): this;
+    withRowExpandable(property?: keyof TableModel, colSpan?: number, componentType?: Type<IRowExpandableComponent<TableModel>>): this;
     withRowReorderable(reordable?: boolean): this;
     protected copyFieldsTo(obj: TableDescriptorInst<any, any, any>): void;
     copy(): TableDescriptorInst<TableModel, Sorts, Filters>;

package/table/api/index.d.ts

@@ -12,3 +12,4 @@ export * from './models/column-value.model';
 export * from './models/table.model';
 export * from './models/table-columns.model';
 export * from './models/table-event.model';
+export * from './models/row-expandable-component.model';

package/table/api/models/row-expandable-component.model.d.ts

@@ -0,0 +1,4 @@
+import { InputSignal } from '@angular/core';
+export interface IRowExpandableComponent<Item = unknown> {
+    item: InputSignal<Item>;
+}

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

@@ -1,5 +1,5 @@
 import { EnumConstantType, ILookupDataProvider } from '@mediusinc/mng-commons/core';
-import { FilterDescriptor, FilterLookupDescriptor, FilterLookupEnumDescriptor } from '@mediusinc/mng-commons/filter';
+import { FilterDescriptor, FilterDisplayTypeEnum, FilterLookupDescriptor, FilterLookupEnumDescriptor } from '@mediusinc/mng-commons/filter';
 import { EnumDescriptor } from '@mediusinc/mng-commons/model';
 import { ColumnDescriptor } from '../descriptors/column.descriptor';
 import { SortDescriptor } from '../descriptors/sort.descriptor';
@@ -33,8 +33,8 @@ export interface IColumnsManageInterface<TableModel, Sorts, Filters> {
     addFilterLookupUnsafe<FilterModel, Service = undefined>(property: string, provider?: ILookupDataProvider<FilterModel, Service>, optionsValueProperty?: string): FilterLookupDescriptor<FilterModel, TableModel, Service>;
     addFilterLookupEnum<Enum>(property: Filters, enumDesc: EnumDescriptor<any>, options?: Array<Enum>): FilterLookupEnumDescriptor<Enum, TableModel>;
     addFilterLookupEnumUnsafe<Enum = EnumConstantType>(property: string, enumDesc: EnumDescriptor<Enum>, options?: Array<Enum>): FilterLookupEnumDescriptor<Enum, TableModel>;
-    addFilterFromColumn(property: Extract<Filters, keyof TableModel>, forceSimple: boolean): FilterDescriptor<any, TableModel>;
-    addFilterFromColumnUnsafe(property: string, forceSimple: boolean): FilterDescriptor<any, TableModel>;
+    addFilterFromColumn(property: Extract<Filters, keyof TableModel>, displayType?: FilterDisplayTypeEnum, forceSimple?: boolean): FilterDescriptor<any, TableModel>;
+    addFilterFromColumnUnsafe(property: string, displayType?: FilterDisplayTypeEnum, forceSimple?: boolean): FilterDescriptor<any, TableModel>;
     withFiltersFromColumns(...properties: Extract<Filters, keyof TableModel>[]): this;
     withFiltersFromColumnsUnsafe(...properties: string[]): this;
     withFilter<FilterModel>(property: Filters, filter: FilterDescriptor<FilterModel, TableModel>): this;

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

@@ -1,6 +1,3 @@
-import { FilterDescriptor } from '@mediusinc/mng-commons/filter';
-import { ModelDescriptor } from '@mediusinc/mng-commons/model';
-import { ColumnDescriptor } from '../descriptors/column.descriptor';
 export declare enum TablePaginationModeEnum {
     Pagination = 0,
     None = 1
@@ -18,15 +15,6 @@ export declare enum TableDynamicColumnsModeEnum {
     EXCLUDE = 0,
     INCLUDE_ONLY = 1
 }
-/**
- * This one is internal only to prevent circular dependencies between editor and fields.
- */
-export interface ITableDescriptorInternal<TableModel> {
-    model: ModelDescriptor<TableModel>;
-    withDefaultSortUnsafe(property: string, ascending?: boolean, order?: number, enabled?: boolean): this;
-    withSortUnsafe(property: string, isDefault: boolean, ascending?: boolean): this;
-    addFilterFromColumnDescriptorUnsafe<ColumnModel, ColumnValue>(column: ColumnDescriptor<ColumnModel, TableModel, ColumnValue>, forceSimple: boolean): FilterDescriptor<any, TableModel>;
-}
 export interface TableLayoutPreferences {
     columnWidths?: Record<string, number>;
     columnOrder?: string[];

package/table/components/{column-filter-full/column-filter-full.component.d.ts → column-filter/column-filter.component.d.ts}

@@ -1,15 +1,16 @@
-import { ElementRef, OnDestroy, OnInit } from '@angular/core';
-import { FilterMetadata as PrimeFilterMetadata, SelectItem } from 'primeng/api';
-import { Nullable } from 'primeng/ts-helpers';
-import { FilterDescriptor, FilterLookupDescriptor, FilterLookupTypeEnum } from '@mediusinc/mng-commons/filter';
+import { OnDestroy } from '@angular/core';
+import { CommonsFilterMetadata, FilterMatchMode, FilterMatchModeExtendedType } from '@mediusinc/mng-commons/core';
+import { FilterDescriptor, FilterLookupDescriptor, FilterLookupTypeEnum, FilterTypeEnum } from '@mediusinc/mng-commons/filter';
 import * as i0 from "@angular/core";
 /**
  * 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.
  */
-export declare class TableColumnFilterFullComponent implements OnInit, OnDestroy {
+export declare class TableColumnFilterComponent implements OnDestroy {
     readonly lookupTypeDropdown: FilterLookupTypeEnum;
     readonly lookupTypeAutocomplete: FilterLookupTypeEnum;
+    readonly FilterTypeEnum: typeof FilterTypeEnum;
+    readonly FilterMatchMode: typeof FilterMatchMode;
     private readonly el;
     private readonly primeTable;
     private readonly dataListService;
@@ -20,45 +21,43 @@ export declare class TableColumnFilterFullComponent implements OnInit, OnDestroy
     private readonly cd;
     private readonly destroyRef;
     private readonly document;
-    descriptor: FilterDescriptor<any, any>;
-    icon: Nullable<ElementRef>;
-    primeField: string;
-    primeType: string;
-    lookupDescriptor?: FilterLookupDescriptor<any, any>;
-    matchModes: import("@angular/core").WritableSignal<SelectItem<any>[]>;
-    filterConstraint: import("@angular/core").WritableSignal<FilterMetadata | undefined>;
+    descriptor: import("@angular/core").InputSignal<FilterDescriptor<any, any>>;
+    descriptorAsLookup: import("@angular/core").Signal<FilterLookupDescriptor<any, any, any> | undefined>;
+    private icon;
+    private translationObserver;
+    matchModes: import("@angular/core").Signal<import("primeng/api").SelectItem<any>[]>;
+    filterConstraint: import("@angular/core").WritableSignal<CommonsFilterMetadata | undefined>;
     isFilterSet: import("@angular/core").Signal<boolean>;
     isInputDisabled: import("@angular/core").Signal<boolean>;
     overlayVisible: import("@angular/core").WritableSignal<boolean>;
+    dateConfig: import("@angular/core").Signal<import("@mediusinc/mng-commons/table").FilterDateConfig | undefined>;
+    numberConfig: import("@angular/core").Signal<{
+        fractionsMin: number | undefined;
+        fractionsMax: number | undefined;
+    } | undefined>;
     private overlaySubscription?;
     private overlay;
     private scrollHandler?;
     private documentClickListener;
     private documentResizeListener;
-    private translationSubscription?;
     private resetSubscription?;
     private selfClick?;
     private overlayEventListener;
-    private tableFilterMetadataSubscription?;
     private readonly window;
     private numericValueFromModelChange;
     private dateDebounceSubject;
-    private dateTimeInUtc;
-    private dateTimeWithTimezone;
-    private dateTimeWithMillis;
-    private dateOnlyDisabled;
+    private serializationCfg;
     constructor();
-    ngOnInit(): void;
     ngOnDestroy(): void;
     onTextModelChange(event: Event): void;
     onTextInputEnterKeyDown(event: Event): void;
     onNumericModelChange(value: number | null): void;
     onNumericInputKeyDown(event: KeyboardEvent): void;
-    onTristateModelChange(value: boolean | null): void;
+    onCheckboxModelChange(value: boolean | null): void;
     onDateFilterModelChange(value: Date | Date[] | null): void;
     autocompleteFilter(value: any): void;
     dropdownFilter(value: any): void;
-    onMatchModeChange(displayMatchMode: string): void;
+    onMatchModeChange(displayMatchMode: FilterMatchModeExtendedType): void;
     onMatchModeKeyDown(event: KeyboardEvent): void;
     onRowClearItemClick(): void;
     toggleMenu(event: Event): void;
@@ -69,8 +68,6 @@ export declare class TableColumnFilterFullComponent implements OnInit, OnDestroy
     onOverlayAnimationEnd(event: any): void;
     get noFilterLabel(): string;
     clearFilter(): void;
-    private generateMatchModeOptions;
-    private getDefaultMatchMode;
     private findNextMenuModeItem;
     private findPrevMenuModeItem;
     private isOutsideClicked;
@@ -82,21 +79,9 @@ export declare class TableColumnFilterFullComponent implements OnInit, OnDestroy
     private unbindScrollListener;
     private hideOverlay;
     private onOverlayHide;
-    private updateFilterValue;
-    private updateDtFilter;
+    private updateFilterOnDisplayValueChange;
     private initFilterConstraint;
     private setFilterConstraint;
-    static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnFilterFullComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnFilterFullComponent, "mng-table-column-filter-full", never, { "descriptor": { "alias": "descriptor"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableColumnFilterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableColumnFilterComponent, "mng-table-column-filter", never, { "descriptor": { "alias": "descriptor"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-interface FilterMetadata extends PrimeFilterMetadata {
-    /**
-     * The value used for display.
-     */
-    displayValue?: any;
-    /**
-     * The match mode for display.
-     */
-    displayMatchMode?: string;
-}
-export {};