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

package/lib/components/layout/main-layout.component.d.ts

@@ -1,20 +1,17 @@
 import { OnInit, QueryList, Type } from '@angular/core';
-import { ActivatedRoute } from '@angular/router';
 import { MngTemplateDirective } from '../../directives';
-import { MngModuleConfig } from '../../models';
 import { MngCommonsService } from '../../services';
 import { MngMainLayoutComponentService } from './services';
 import * as i0 from "@angular/core";
 export declare class MngMainLayoutComponent implements OnInit {
-    private route;
-    mngCommons: MngCommonsService;
-    mainLayoutService: MngMainLayoutComponentService;
-    private config;
     templates: QueryList<MngTemplateDirective>;
+    readonly mngCommons: MngCommonsService;
+    readonly mainLayoutService: MngMainLayoutComponentService;
+    readonly config: import("@mediusinc/mng-commons").MngModuleConfig;
+    useNotificationWrapper: boolean;
     topbarComponent: Type<any>;
     menuComponent: Type<any>;
     footerComponent: Type<any>;
-    constructor(route: ActivatedRoute, mngCommons: MngCommonsService, mainLayoutService: MngMainLayoutComponentService, config: MngModuleConfig);
     ngOnInit(): void;
     onWindowResize(event: UIEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngMainLayoutComponent, never>;

package/lib/components/layoutV2/main-layout.component.d.ts

@@ -9,9 +9,10 @@ export declare class MngMainLayoutV2Component implements OnInit, OnDestroy {
     private readonly renderer;
     appTopbar?: ElementRef;
     private menuOutsideClickListener;
-    topbarComponent: Type<any>;
-    breadcrumbsComponent: Type<any>;
-    footerComponent: Type<any>;
+    useNotificationWrapper: boolean;
+    topbarComponent: Type<any> | false;
+    breadcrumbsComponent: Type<any> | false;
+    footerComponent: Type<any> | false;
     constructor();
     ngOnInit(): void;
     blockBodyScroll(): void;

package/lib/components/layoutV2/menu-item.component.d.ts

@@ -1,7 +1,8 @@
-import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AnimationEvent } from '@angular/animations';
+import { AfterViewChecked, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { MngMenuItem } from '../../models';
 import * as i0 from "@angular/core";
-export declare class MngMenuItemV2Component implements OnInit, OnDestroy {
+export declare class MngMenuItemV2Component implements OnInit, OnDestroy, AfterViewChecked {
     private readonly router;
     private readonly injector;
     private readonly destroyRef;
@@ -25,11 +26,14 @@ export declare class MngMenuItemV2Component implements OnInit, OnDestroy {
     visible: import("@angular/core").WritableSignal<boolean>;
     constructor();
     ngOnInit(): void;
+    ngAfterViewChecked(): void;
     ngOnDestroy(): void;
-    get submenuAnimation(): "collapsed" | "expanded";
+    get submenuAnimation(): "hidden" | "visible" | "collapsed" | "expanded";
     get activeClass(): boolean;
     itemClick(event: Event): void;
+    onSubmenuAnimated(event: AnimationEvent): void;
     onChildVisibleChange(visible: boolean, item: MngMenuItem, idx: number): void;
+    private calculatePosition;
     private checkIfMenuItemIsAllowedFromGuard;
     private updateActiveStateFromRoute;
     private processItemChildrenVisibility;

package/lib/components/layoutV2/menu.component.d.ts

@@ -5,8 +5,10 @@ export declare class MngMenuV2Component implements OnInit {
     private readonly route;
     private readonly menuService;
     private readonly mngCommons;
+    private readonly layoutService;
     menuItems: Array<MngMenuItem>;
     ngOnInit(): void;
+    private wrapMenuItems;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngMenuV2Component, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MngMenuV2Component, "mng-menu-v2", never, {}, {}, never, never, true, never>;
 }

package/lib/components/layoutV2/services/main-layout.component.service.d.ts

@@ -6,7 +6,10 @@ export declare class MngMainLayoutComponentV2Service {
     private overlayOpen;
     overlayOpen$: import("rxjs").Observable<any>;
     onMenuToggle(): void;
+    onOverlaySubmenuOpen(): void;
     isOverlay(): boolean;
+    isSlim(): boolean;
+    isSlimPlus(): boolean;
     isDesktop(): boolean;
     isMobile(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngMainLayoutComponentV2Service, never>;

package/lib/components/layoutV2/sidebar.component.d.ts

@@ -9,7 +9,7 @@ export declare class MngSidebarV2Component implements OnInit {
     el: ElementRef<any>;
     timeout: any;
     menuContainer: ElementRef;
-    menuComponent: Type<any>;
+    menuComponent: Type<any> | false;
     ngOnInit(): void;
     onMouseEnter(): void;
     onMouseLeave(): void;

package/lib/components/layoutV2/topbar.component.d.ts

@@ -9,10 +9,9 @@ export declare class MngTopbarV2Component implements OnInit {
     mainLayoutService: MngMainLayoutComponentV2Service;
     private config;
     menuButton: ElementRef;
-    topbarInjectionRef: ElementRef;
     appSidebar: MngSidebarV2Component;
-    breadcrumbComponent: Type<any>;
-    topbarUserComponent: Type<any>;
+    breadcrumbComponent: Type<any> | false;
+    topbarUserComponent: Type<any> | false;
     languages: Array<string>;
     selectedLanguage: string;
     ngOnInit(): void;

package/lib/components/notification/notification-wrapper.component.d.ts

@@ -0,0 +1,12 @@
+import { Message } from 'primeng/api';
+import * as i0 from "@angular/core";
+export declare class NotificationWrapperComponent {
+    readonly notificationCutoff = 70;
+    isDialogNotificationVisible: import("@angular/core").Signal<boolean>;
+    dialogNotification: import("@angular/core").WritableSignal<Message | null>;
+    getNotificationIconClass(message: Message | null): string;
+    onShowNotificationInDialog(message: Message): void;
+    onDialogNotificationVisibilityChange(visible: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationWrapperComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationWrapperComponent, "mng-notification-wrapper", never, {}, {}, never, ["*"], true, never>;
+}

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

@@ -1,8 +1,8 @@
 import { ElementRef, OnDestroy, OnInit, WritableSignal } from '@angular/core';
 import { FilterMetadata, SelectItem } from 'primeng/api';
 import { Nullable } from 'primeng/ts-helpers';
-import { FilterDescriptor, FilterLookupDescriptor } from '../../../../descriptors/filter';
-import { FilterLookupTypeEnum, FilterMatchModeEnum } from '../../../../descriptors/types';
+import { FilterDescriptor, FilterLookupDescriptor } from '../../../descriptors/filter';
+import { FilterLookupTypeEnum, FilterMatchModeEnum } from '../../../descriptors/types';
 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

package/lib/components/{tableview/table → table}/column-value/column-value.component.d.ts

@@ -1,9 +1,9 @@
 import { ElementRef, OnInit } from '@angular/core';
 import { TranslateService } from '@ngx-translate/core';
 import { MessageService } from 'primeng/api';
-import { ColumnDescriptor } from '../../../../descriptors/table';
-import { ColumnDisplayTypeEnum } from '../../../../descriptors/types';
-import { JsonPathPipe, MngGetterPipe, MngTemplatePipe } from '../../../../pipes';
+import { ColumnDescriptor } from '../../../descriptors/table';
+import { ColumnDisplayTypeEnum } from '../../../descriptors/types';
+import { JsonPathPipe, MngGetterPipe, MngTemplatePipe } from '../../../pipes';
 import * as i0 from "@angular/core";
 export declare class MngTableColumnValueComponent<T, TT> implements OnInit {
     private elementRef;

package/lib/components/{tableview/table → table}/models/table.interface.d.ts

@@ -1,9 +1,11 @@
-import { ColumnDescriptor } from '../../../../descriptors/table';
+import { ColumnDescriptor } from '../../../descriptors/table';
 export interface ColumnWithPreferences {
+    id: string;
     descriptor: ColumnDescriptor<any, any>;
     disabled: boolean;
     isVisible: boolean;
     width?: number;
+    orderIdx?: number;
 }
 export interface TableLayoutPreferences {
     columnWidths?: Record<string, number>;

package/lib/components/table/table-column-filter-class/table-column-filter-class.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import { ColumnDescriptor } from '../../../descriptors/table/column.descriptor';
+import * as i0 from "@angular/core";
+export declare class MngTableColumnFilterClassPipe implements PipeTransform {
+    transform(value: unknown, column: ColumnDescriptor<any, any>, isEnabled: boolean): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MngTableColumnFilterClassPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<MngTableColumnFilterClassPipe, "mngTableColumnFilterClass", true>;
+}

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

@@ -0,0 +1,122 @@
+import { AfterContentInit, EventEmitter, OnChanges, OnDestroy, OnInit, QueryList, SimpleChanges, TemplateRef, Type, WritableSignal } from '@angular/core';
+import { FilterMetadata, SortMeta } from 'primeng/api';
+import { MultiSelectChangeEvent } from 'primeng/multiselect';
+import { Table, TableLazyLoadEvent } from 'primeng/table';
+import { TableColumnReorderEvent } from 'primeng/table/table.interface';
+import { Observable } from 'rxjs';
+import { MediusQueryResult } from '../../api/models';
+import { ITableDataProvider } from '../../data-providers';
+import { ColumnDescriptor, TableDescriptorInst } from '../../descriptors/table';
+import { MngComponentDirective, MngTemplateDirective } from '../../directives';
+import { MngTableCellClickEvent, MngTableLoadEvent } from './models/table.event';
+import { ColumnWithPreferences } from './models/table.interface';
+import * as i0 from "@angular/core";
+export declare class MngTableComponent<T = any, S = any> implements OnInit, OnChanges, AfterContentInit, OnDestroy {
+    readonly cmpTypeName = "MngTableComponent";
+    private readonly logger;
+    private readonly injector;
+    private readonly router;
+    private readonly route;
+    private readonly translate;
+    private readonly mngCommonsService;
+    private readonly localStorageService;
+    private readonly destroyRef;
+    private readonly viewContainer;
+    private readonly messageService;
+    descriptorInput: TableDescriptorInst<T>;
+    items?: Observable<Array<T>>;
+    queryResult?: Observable<MediusQueryResult<T> | undefined>;
+    loadingInput?: Observable<boolean>;
+    dataProvider?: ITableDataProvider;
+    useQueryParams: boolean;
+    selectionMode: 'single' | 'multiple';
+    selectionEnabled: boolean;
+    columnLastMinWidth?: number;
+    captionComponent?: Type<any>;
+    columnCustomLastComponent?: Type<any>;
+    globalFilterFieldsInput?: string[];
+    loadEventEmitter: EventEmitter<MngTableLoadEvent>;
+    cellClickEventEmitter: EventEmitter<MngTableCellClickEvent<T>>;
+    selectionChangeEventEmitter: EventEmitter<T[]>;
+    captionCmpInstEventEmitter: EventEmitter<any>;
+    columnCustomLastCmpInstEventEmitter: EventEmitter<any>;
+    templates: QueryList<MngTemplateDirective>;
+    components: QueryList<MngComponentDirective<any>>;
+    primeTable: Table;
+    captionTemplate: WritableSignal<TemplateRef<any> | undefined>;
+    columnCustomLastTemplate: WritableSignal<TemplateRef<any> | undefined>;
+    footerTemplate: WritableSignal<TemplateRef<any> | undefined>;
+    private useDataProvider;
+    isLazy: WritableSignal<boolean>;
+    isPagination: WritableSignal<boolean>;
+    useQueryParamsInitialized: WritableSignal<boolean>;
+    data: WritableSignal<T[]>;
+    count: WritableSignal<number>;
+    loading: WritableSignal<boolean>;
+    rowsPerPageOptions: WritableSignal<number[]>;
+    rows: WritableSignal<number>;
+    offset: WritableSignal<number>;
+    sortMeta: WritableSignal<SortMeta[] | null>;
+    filterMeta: WritableSignal<Record<string, FilterMetadata>>;
+    globalFilterFields: WritableSignal<string[]>;
+    infiniteScroll: WritableSignal<boolean>;
+    className: WritableSignal<string>;
+    tableFullHeightOffset: WritableSignal<number | undefined>;
+    rowHeight: WritableSignal<number | undefined>;
+    private dataProviderService;
+    private dataProviderLatestLazyLoadEvent?;
+    private dataProviderLatestLazyLoadEventVersion;
+    private dataProviderLatestQueryParam?;
+    private dataProviderLatestQueryParamVersion;
+    private dataProviderSubscription?;
+    descriptor: WritableSignal<TableDescriptorInst<any>>;
+    columns: WritableSignal<ColumnWithPreferences[]>;
+    visibleColumns: import("@angular/core").Signal<ColumnWithPreferences[]>;
+    hasColumnFilters: import("@angular/core").Signal<boolean>;
+    private filterDescriptors;
+    private isFilterChanged;
+    private isSortChanged;
+    anyColumnVisible: import("@angular/core").Signal<boolean>;
+    hasCustomLastColumn: WritableSignal<boolean>;
+    hasLastColumn: import("@angular/core").Signal<boolean>;
+    areColumnsReorderable: import("@angular/core").Signal<boolean>;
+    areColumnsToggleable: import("@angular/core").Signal<boolean>;
+    private layoutPreferences;
+    private localstorageKey;
+    private routerIsNavigationOutsideInProgress;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    reload(emitEvent?: boolean, resetParams?: boolean): void;
+    onTableLazyLoad(event: TableLazyLoadEvent): void;
+    onTableSort(event: any): void;
+    onTableFilter(event: any): void;
+    onCellClick(event: Event, col: ColumnDescriptor<any, T>, item: T, idx: number): void;
+    onSelectionChange(event: Array<T>): void;
+    /**
+     * Method is called on column resize
+     * @param element event's element
+     */
+    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;
+    /**
+     * Reset column order and column visibility to default settings
+     */
+    resetDefaultLayout(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MngTableComponent<any, any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MngTableComponent<any, any>, "mng-table", never, { "descriptorInput": { "alias": "descriptor"; "required": true; }; "items": { "alias": "items"; "required": false; }; "queryResult": { "alias": "queryResult"; "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_queryResult: unknown;
+    static ngAcceptInputType_loadingInput: unknown;
+}

package/lib/components/tableview/index.d.ts

@@ -1,6 +1,3 @@
 export * from './tableview.component';
 export * from './route/tableview-route.abstract.component';
 export * from './route/tableview-route.component';
-export * from './table/table.component';
-export * from './table/column-filter-full/column-filter-full.component';
-export * from './table/column-value/column-value.component';

package/lib/components/tableview/route/tableview-route.abstract.component.d.ts

@@ -9,12 +9,11 @@ import { TableviewDescriptorInst } from '../../../descriptors/tableview';
 import { MngRouterData } from '../../../router/models';
 import * as i0 from "@angular/core";
 export declare abstract class AMngTableviewRouteComponent<T = any, S = undefined> implements OnInit {
+    protected readonly route: ActivatedRoute;
+    protected readonly translateService: TranslateService;
     descriptor: TableviewDescriptorInst<T>;
     dataProvider: ITableviewDataProvider<T, S>;
     actions: Array<ActionDescriptorInst<any>>;
-    protected route: ActivatedRoute;
-    protected translateService: TranslateService;
-    constructor();
     protected get routeData(): MngRouterData;
     ngOnInit(): void;
     protected abstract createTableviewDescriptor(): TableviewDescriptorInst<T>;

package/lib/components/tableview/route/tableview-route.component.d.ts

@@ -2,18 +2,15 @@ import { OnInit } from '@angular/core';
 import { ITableviewDataProvider } from '../../../data-providers';
 import { ActionDescriptorInst } from '../../../descriptors/action';
 import { TableviewDescriptorInst } from '../../../descriptors/tableview';
-import { MngTableviewComponent } from '../tableview.component';
 import { AMngTableviewRouteComponent } from './tableview-route.abstract.component';
 import * as i0 from "@angular/core";
 export declare class MngTableviewRouteComponent<T, S = undefined> extends AMngTableviewRouteComponent<T, S> implements OnInit {
     descriptorInit?: TableviewDescriptorInst<T>;
     dataProviderInit?: ITableviewDataProvider<T, S>;
     actionsInit?: Array<ActionDescriptorInst<T>>;
-    tableviewComponent?: MngTableviewComponent<T, S>;
     protected createTableviewDescriptor(): TableviewDescriptorInst<T>;
     protected createTableviewDataProvider(): ITableviewDataProvider<T, S>;
     protected createActionDescriptors(): Array<ActionDescriptorInst<T>>;
-    reloadTable(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngTableviewRouteComponent<any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MngTableviewRouteComponent<any, any>, "mng-tableview-route", never, { "descriptorInit": { "alias": "descriptor"; "required": false; }; "dataProviderInit": { "alias": "dataProvider"; "required": false; }; "actionsInit": { "alias": "actions"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/tableview/tableview.component.d.ts

@@ -1,22 +1,16 @@
 import { AfterContentInit, OnDestroy, OnInit, QueryList, TemplateRef } from '@angular/core';
-import { Message, MessageService } from 'primeng/api';
 import { MediusQueryParam } from '../../api/models';
-import { IDataProvider, ITableviewDataProvider } from '../../data-providers';
+import { ITableviewDataProvider } from '../../data-providers';
 import { ActionDescriptorInst } from '../../descriptors/action';
 import { TableviewDescriptorInst } from '../../descriptors/tableview';
 import { MngTemplateDirective } from '../../directives';
-import { IViewContainer } from '../../models';
-import { MngViewContainerComponentService } from '../../services';
-import { MngTableLoadEvent } from './models';
-import { MngTableComponent } from './table/table.component';
+import { MngTableLoadEvent } from '../table/models/table.event';
 import * as i0 from "@angular/core";
-export declare class MngTableviewComponent<T, S> implements OnInit, OnDestroy, AfterContentInit, IViewContainer<T, S> {
-    private messageService;
-    private viewContainerService;
+export declare class MngTableviewComponent<T, S> implements OnInit, OnDestroy, AfterContentInit {
+    private readonly viewContainer;
     descriptor: TableviewDescriptorInst<T>;
     dataProvider?: ITableviewDataProvider<T, S>;
     actions: Array<ActionDescriptorInst<any>>;
-    tableComponent?: MngTableComponent<T, S>;
     tableActions: ActionDescriptorInst<T>[];
     toolbarLeftActions: ActionDescriptorInst<T>[];
     toolbarRightActions: ActionDescriptorInst<T>[];
@@ -26,21 +20,11 @@ export declare class MngTableviewComponent<T, S> implements OnInit, OnDestroy, A
     selectedItems: T[];
     templates: QueryList<MngTemplateDirective>;
     footerTemplate?: TemplateRef<any>;
-    isDialogNotificationVisible: boolean;
-    dialogNotification: Message | null;
-    readonly notificationCutoff = 70;
-    constructor(messageService: MessageService, viewContainerService: MngViewContainerComponentService<T, S>);
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
-    getMessageService(): MessageService;
-    getDataProvider(): IDataProvider<T, S> | undefined;
-    getActions(): ActionDescriptorInst<any, any>[];
-    reloadTable(): void;
     onTableLoad(event: MngTableLoadEvent): void;
     selectionChange(selectedItems: Array<T>): void;
-    onShowNotificationInDialog(message: Message): void;
-    getNotificationIconClass(message: Message | null): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngTableviewComponent<any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MngTableviewComponent<any, any>, "mng-tableview", never, { "descriptor": { "alias": "descriptor"; "required": true; }; "dataProvider": { "alias": "dataProvider"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, {}, ["templates"], never, true, never>;
 }

package/lib/descriptors/editor/editor.descriptor.d.ts

@@ -251,7 +251,7 @@ export declare class EditorDescriptorInst<EditorModel> implements IEditorDescrip
 }
 export declare class EditorDescriptor extends EditorDescriptorInst<any> {
     protected constructor();
-    static create<EditorModel>(idProperty: keyof EditorModel, titleProperty: keyof EditorModel, i18nBaseKey: string | ClassType<unknown>, tableviewEditorType?: TableviewEditorTypeEnum): EditorDescriptorInst<EditorModel>;
+    static create<EditorModel>(idProperty?: keyof EditorModel, titleProperty?: keyof EditorModel, i18nBaseKey?: string | ClassType<unknown>, tableviewEditorType?: TableviewEditorTypeEnum): EditorDescriptorInst<EditorModel>;
     static fromClass<EditorModel>(type: ClassType<EditorModel>, idProperty?: keyof EditorModel, titleProperty?: keyof EditorModel, i18nBaseKey?: ClassType<unknown> | string, tableviewEditorType?: TableviewEditorTypeEnum): EditorDescriptorInst<EditorModel>;
     static fromModel<EditorModel>(model: ModelDescriptor<EditorModel>, tableviewEditorType?: TableviewEditorTypeEnum): EditorDescriptorInst<EditorModel>;
     /**

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

@@ -13,9 +13,9 @@ export declare class FilterDescriptor<FilterModel> {
     protected _numberUseGrouping: boolean;
     protected _datePickerFormat?: string;
     protected _datePickerShowTime: boolean;
-    protected _datePickerValueWithTimezone?: boolean;
-    protected _datePickerValueInUtc?: boolean;
-    protected _datePickerValueDateOnly?: boolean;
+    protected _datePickerValueNoTime?: boolean;
+    protected _datePickerValueNoTimezone?: boolean;
+    protected _datePickerValueUtc?: boolean;
     protected _placeholder?: string;
     protected _className: string;
     protected _columnClassName: string;
@@ -34,9 +34,9 @@ export declare class FilterDescriptor<FilterModel> {
     get numberUseGrouping(): boolean;
     get datePickerFormat(): string | undefined;
     get datePickerShowTime(): boolean;
-    get datePickerValueInUtc(): boolean | undefined;
-    get datePickerValueWithTimezone(): boolean | undefined;
-    get datePickerValueDateOnly(): boolean | undefined;
+    get datePickerValueUtc(): boolean | undefined;
+    get datePickerValueNoTimezone(): boolean | undefined;
+    get datePickerValueNoTime(): boolean | undefined;
     get placeholder(): string | undefined;
     get className(): string;
     get columnClassName(): string;
@@ -53,7 +53,7 @@ export declare class FilterDescriptor<FilterModel> {
     withNumberFractions(min?: number, max?: number): this;
     withNumberGrouping(useGrouping?: boolean): this;
     withDateFormat(format?: string, showTime?: boolean): this;
-    withDateValue(inUtc?: boolean, withTimezone?: boolean, dateOnly?: boolean): this;
+    withDateValue(utc?: boolean, noTimezone?: boolean, noTime?: boolean): this;
     withPlaceholder(placeholder: string): this;
     withClassName(className: string): this;
     withColumnClassName(className: string): this;

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

@@ -10,11 +10,12 @@ import { ITableDescriptorInternal } from './internal/table.model';
 export declare class TableDescriptorInst<TableModel> implements ITableDescriptorInternal<TableModel>, IColumnsManageInterface<TableModel> {
     private readonly _model;
     protected readonly _autoGenerated: boolean;
+    private _identifier?;
     private _trackProperty?;
     private _filterDisplay;
     private _paginationMode?;
-    private _rowsPerPageOptions;
-    private _defaultNumRows;
+    private _rowsPerPageOptions?;
+    private _defaultNumRows?;
     protected _columns: Array<ColumnDescriptor<any, TableModel>>;
     private _title?;
     private _hideHeader;
@@ -23,27 +24,28 @@ export declare class TableDescriptorInst<TableModel> implements ITableDescriptor
     private _hasDefaultSort;
     private _defaultSortProperty;
     private _defaultSortAsc;
-    private _className;
-    private _size;
-    private _tableFullHeightOffset?;
-    private _rowHeight?;
     private _hasHover;
     private _hasGridlines;
     private _hasResizableColumns;
-    private _columnResizeMode;
+    private _columnResizeMode?;
     private _selectionColumnFrozen?;
     private _actionColumnFrozen?;
+    private _size;
+    private _className;
     private _headerClassName?;
     private _rowClassName?;
     private _rowClassNameMapFn?;
+    private _tableFullHeightOffset?;
+    private _rowHeight?;
     private _isLocalized;
     private _localizationLocaleProperty?;
     protected constructor(model: ModelDescriptor<TableModel>, autoGenerated?: boolean);
+    get identifier(): string | undefined;
     get trackProperty(): string | undefined;
     get filterDisplay(): TableFilterDisplayEnum;
     get paginationMode(): TablePaginationModeEnum | undefined;
-    get rowsPerPageOptions(): number[];
-    get defaultNumRows(): number;
+    get rowsPerPageOptions(): number[] | undefined;
+    get defaultNumRows(): number | undefined;
     get columns(): ColumnDescriptor<any, TableModel, any, string>[];
     get title(): string | undefined;
     get hideHeader(): boolean;
@@ -60,7 +62,7 @@ export declare class TableDescriptorInst<TableModel> implements ITableDescriptor
     get hasHover(): boolean;
     get hasGridlines(): boolean;
     get hasResizableColumns(): boolean;
-    get columnResizeMode(): "fit" | "expand";
+    get columnResizeMode(): "fit" | "expand" | undefined;
     get rowClassName(): string | undefined;
     get rowClassNameMapFn(): ((className?: string | undefined, item?: TableModel | undefined) => string) | undefined;
     get selectionColumnFrozen(): boolean | undefined;
@@ -71,8 +73,9 @@ export declare class TableDescriptorInst<TableModel> implements ITableDescriptor
     /**
      * 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).
-     * @param property
+     * @param identifier
      */
+    withIdentifier(identifier: string): this;
     withTrackProperty(property?: keyof TableModel): this;
     withTrackPropertyUnsafe(property?: string): this;
     getColumn(property: keyof TableModel): ColumnDescriptor<any, TableModel, any, string> | null;
@@ -162,7 +165,7 @@ export declare class TableDescriptorInst<TableModel> implements ITableDescriptor
 }
 export declare class TableDescriptor extends TableDescriptorInst<any> {
     protected constructor();
-    static create<TableModel>(idProperty: keyof TableModel, titleProperty: keyof TableModel, i18nBaseKey: string | ClassType<unknown>): TableDescriptorInst<TableModel>;
+    static create<TableModel>(idProperty?: keyof TableModel, titleProperty?: keyof TableModel, i18nBaseKey?: string | ClassType<unknown>): TableDescriptorInst<TableModel>;
     static fromClass<TableModel>(type: ClassType<TableModel>, idProperty?: keyof TableModel, titleProperty?: keyof TableModel, i18nBaseKey?: ClassType<unknown> | string, isAutoGenerated?: boolean): TableDescriptorInst<TableModel>;
     static fromModel<TableModel>(model: ModelDescriptor<TableModel>): TableDescriptorInst<TableModel>;
     /**

package/lib/descriptors/tableview/tableview.descriptor.d.ts

@@ -115,7 +115,7 @@ export declare class TableviewDescriptorInst<TableviewModel> implements ITablevi
 }
 export declare class TableviewDescriptor extends TableviewDescriptorInst<any> {
     protected constructor();
-    static create<TableviewModel>(idProperty: keyof TableviewModel, titleProperty: keyof TableviewModel, i18nBaseKey: string | ClassType<unknown>): TableviewDescriptorInst<TableviewModel>;
+    static create<TableviewModel>(idProperty?: keyof TableviewModel, titleProperty?: keyof TableviewModel, i18nBaseKey?: string | ClassType<unknown>): TableviewDescriptorInst<TableviewModel>;
     static fromClass<TableviewModel>(type: ClassType<TableviewModel>, idProperty?: keyof TableviewModel, titleProperty?: keyof TableviewModel, i18nBaseKey?: ClassType<unknown> | string): TableviewDescriptorInst<TableviewModel>;
     static fromModel<TableviewModel>(model: ModelDescriptor<TableviewModel>): TableviewDescriptorInst<TableviewModel>;
     /**

package/lib/directives/component.directive.d.ts

@@ -1,4 +1,4 @@
-import { ComponentRef, OnInit, Type } from '@angular/core';
+import { ComponentRef, Injector, OnInit, Type } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class MngComponentDirective<C> implements OnInit {
     private readonly injector;
@@ -10,10 +10,11 @@ export declare class MngComponentDirective<C> implements OnInit {
         [key: string]: any;
     };
     attachToHost: boolean;
+    nodeInjector?: Injector;
     private componentInstanceEventEmitter;
     componentRef: ComponentRef<C>;
     ngOnInit(): void;
     private isCmpInstanceOfColumnValue;
     static ɵfac: i0.ɵɵFactoryDeclaration<MngComponentDirective<any>, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MngComponentDirective<any>, "[mngComponent]", never, { "component": { "alias": "mngComponent"; "required": true; }; "inputs": { "alias": "inputs"; "required": false; }; "attachToHost": { "alias": "attachToHost"; "required": false; }; }, { "componentInstanceEventEmitter": "instanceCreated"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MngComponentDirective<any>, "[mngComponent]", never, { "component": { "alias": "mngComponent"; "required": true; }; "inputs": { "alias": "inputs"; "required": false; }; "attachToHost": { "alias": "attachToHost"; "required": false; }; "nodeInjector": { "alias": "nodeInjector"; "required": false; }; }, { "componentInstanceEventEmitter": "instanceCreated"; }, never, never, true, never>;
 }

package/lib/models/action-editor.model.d.ts

@@ -1,4 +1,15 @@
+import { Injector } from '@angular/core';
 import { Observable } from 'rxjs';
+import { ActionInstance } from '../components/action/models';
+import { ActionEditorDescriptorInst } from '../descriptors/action';
 export interface IActionEditorComponent {
     closeWithUnsavedChangesConfirmation(callFromGuard: boolean): Observable<boolean>;
 }
+export interface ActionEditorDialogData<T, S> {
+    action: {
+        descriptor: ActionEditorDescriptorInst<T>;
+        instance: ActionInstance<T, S>;
+        previousInstance?: ActionInstance<any, any>;
+    };
+    injector: Injector;
+}

package/lib/models/config.model.d.ts

@@ -1,9 +1,8 @@
-import { Type } from '@angular/core';
 import { ValidatorOption, WrapperOption } from '@ngx-formly/core/lib/models/config';
 import { TranslateService } from '@ngx-translate/core';
 import { MngFormlyTypeConfig } from '../components/form/formly/models';
+import { MngLayoutConfig, MngLayoutConfigV2 } from './layout-config.model';
 import { MngLogConfig } from './log.model';
-import { MngMenuConfig, MngMenuConfigV2 } from './menu-config.model';
 import { VersionConfigType } from './version.model';
 export type ColorScheme = 'light' | 'dark';
 export interface MngModuleConfig {
@@ -25,8 +24,8 @@ export interface MngModuleConfig {
     /**
      * @deprecated use menuV2 instead
      */
-    menu?: MngMenuConfig;
-    menuV2?: MngMenuConfigV2;
+    layout?: MngLayoutConfig;
+    layoutV2?: MngLayoutConfigV2;
     configuration?: {
         projectEnvironment?: any;
         jsonSource?: string | Array<string>;
@@ -41,15 +40,6 @@ export interface MngModuleConfig {
         validators?: ValidatorOption[];
         getValidationMessages?: (translate: TranslateService) => any[];
     };
-    components?: {
-        layout?: {
-            topbar?: Type<any>;
-            menu?: Type<any>;
-            footer?: Type<any>;
-            breadcrumb?: Type<any>;
-            topbarUser?: Type<any>;
-        };
-    };
     serialization?: {
         dateTimeInUtc?: boolean;
         dateTimeWithTimezone?: boolean;

package/lib/models/index.d.ts

@@ -14,4 +14,4 @@ export * from './tableview-attr.model';
 export * from './can-component-deactivate.model';
 export * from './action-editor.model';
 export * from './common-init-event-enum.model';
-export * from './menu-config.model';
+export * from './layout-config.model';