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

package/i18n/en.json

@@ -88,6 +88,20 @@
     "unsavedChangesConfirmation": {
       "header": "Are you sure you want to exit?",
       "message": "You have unsaved changes. Press No to go back and save these changes, or Yes to lose these changes."
+    },
+    "autoSave": {
+      "autosavedAt": "<strong>Autosaved locally</strong> at {{timestamp}}.",
+      "preview": "<strong>Preview:</strong> Autosaved state from {{timestamp}}.",
+      "previewCurrent": "<strong>Preview:</strong> Current state.",
+      "restored": "<strong>Restored:</strong> Locally autosaved state from {{timestamp}}.",
+      "restore": {
+        "title": "Restore editor's autosaved state from {{lastChange}}?",
+        "restore": "Restore",
+        "preview": "Preview",
+        "previewCurrent": "Preview current",
+        "previewAutosaved": "Preview autosaved",
+        "dismiss": "Dismiss"
+      }
     }
   },
   "mngAutocomplete": {

package/i18n/sl.json

@@ -87,6 +87,20 @@
     "unsavedChangesConfirmation": {
       "header": "Ali res želite zapreti okno?",
       "message": "Imate neshranjene spremembe v formi. Če kliknite Ne, bo okno ostalo odprto, če Da, pa se bo okno zaprlo in spremembe bodo izbrisane."
+    },
+    "autoSave": {
+      "autosavedAt": "<strong>Lokalno shranjeno</strong> ob {{timestamp}}.",
+      "preview": "<strong>Pregled:</strong> Lokalno shranjeno iz {{timestamp}}.",
+      "previewCurrent": "<strong>Pregled:</strong> Current state.",
+      "restored": "<strong>Obnovitev:</strong> lokalno shranjeno stanje iz {{timestamp}}.",
+      "restore": {
+        "title": "Obnovitev samodejno shranjenega obrazca iz {{lastChange}}?",
+        "restore": "Obnovi",
+        "preview": "Preglej",
+        "previewCurrent": "Preglej trenutno stanje",
+        "previewAutosaved": "Preglej shranjeno stanje",
+        "dismiss": "Zavrni"
+      }
     }
   },
   "mngAutocomplete": {

package/package.json

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

package/table/api/data-providers/table.data-provider.d.ts

@@ -1,5 +1,6 @@
 import { Observable, Subject } from 'rxjs';
 import { ClassOptType, DataListParams, DataListResult, DataProviderInst, IDataProvider, ItemOrObservable, ServiceClassOptType } from '@mediusinc/mng-commons/core';
+import { TableReloadEvent } from '../models/table-event.model';
 export type TableDataProviderGetAllFnType<Model = any, Service = undefined, Sorts = keyof Model, Filters extends keyof any = keyof Model, Return = ItemOrObservable<DataListResult<Model>>> = (params: DataListParams<Sorts, Filters>, service: Service, locale?: string) => Return;
 export type TableDataProviderGetAllEagerFnType<Model = any, Service = undefined, Return = ItemOrObservable<Model[]>> = (service: Service, locale?: string) => Return;
 export interface ITableDataProviderGetAll<Model, Service, Sorts = keyof Model, Filters extends keyof any = keyof Model> {
@@ -8,19 +9,27 @@ export interface ITableDataProviderGetAll<Model, Service, Sorts = keyof Model, F
 }
 export interface ITableDataProviderSupport<Sorts = any, Filters extends keyof any = any> {
     get isLazy(): boolean;
-    get getAllReload$(): Observable<DataListParams<Sorts, Filters> | undefined>;
-    getAllReload(queryParam?: DataListParams<Sorts, Filters>): void;
+    get tableReload$(): Observable<TableReloadEvent<Sorts, Filters>>;
+    /**
+     * @deprecated Use `reloadTable`.
+     */
+    getAllReload(event?: DataListParams<Sorts, Filters>): void;
+    reloadTable(event?: TableReloadEvent<Sorts, Filters>): void;
 }
 export type ITableDataProvider<Model = any, Service = any, Sorts = keyof Model, Filters extends keyof any = keyof Model, ModelClass = ClassOptType<Model>, ServiceClass = ServiceClassOptType<Service>> = IDataProvider<Model, Service, ModelClass, ServiceClass> & ITableDataProviderSupport<Sorts, Filters> & ITableDataProviderGetAll<Model, Service, Sorts, Filters>;
 export declare class TableDataProviderInst<Model, Service = any, Sorts = keyof Model, Filters extends keyof any = keyof Model, ModelClass = ClassOptType<Model>, ServiceClass = ServiceClassOptType<Service>> extends DataProviderInst<Model, Service, ModelClass, ServiceClass> implements ITableDataProvider<Model, Service, Sorts, Filters, ModelClass, ServiceClass> {
-    protected readonly _getAllReloadSubject: Subject<DataListParams<Sorts, Filters> | undefined>;
+    protected readonly _reloadTableSubject: Subject<TableReloadEvent<Sorts, Filters>>;
     protected _isLazy: boolean;
     constructor(type: ModelClass, serviceType: ServiceClass);
     protected _getAll: TableDataProviderGetAllFnType<Model, Service, Sorts, Filters>;
     get isLazy(): boolean;
     get getAll(): TableDataProviderGetAllFnType<Model, Service, Sorts, Filters, ItemOrObservable<DataListResult<Model>>>;
-    get getAllReload$(): Observable<DataListParams<Sorts, Filters> | undefined>;
+    get tableReload$(): Observable<TableReloadEvent<Sorts, Filters>>;
     withGetAll(fn: TableDataProviderGetAllFnType<Model, Service, Sorts, Filters>): this;
     withGetAllEagerly(fn: TableDataProviderGetAllEagerFnType<Model, Service>): this;
-    getAllReload(queryParam?: DataListParams<Sorts, Filters>): void;
+    /**
+     * @deprecated Use ${reloadTable} instead.
+     */
+    getAllReload(params?: DataListParams<Sorts, Filters>): void;
+    reloadTable(event?: TableReloadEvent<Sorts, Filters>): void;
 }

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

@@ -11,7 +11,8 @@ export interface TableCellClickEvent<T> {
     rowIndex: number;
     event: Event;
 }
-export interface TableReloadEvent {
-    resetParams: boolean;
-    emitEvent: boolean;
+export interface TableReloadEvent<Sorts = string, Filters extends keyof any = string> {
+    resetParams?: boolean;
+    emitEvent?: boolean;
+    params?: DataListParams<Sorts, Filters>;
 }

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

@@ -2,7 +2,7 @@ import { OnDestroy, Signal, TemplateRef, Type } from '@angular/core';
 import { MultiSelectChangeEvent } from 'primeng/multiselect';
 import { Table, TableColumnReorderEvent, TableLazyLoadEvent, TableRowReorderEvent } from 'primeng/table';
 import { ComponentDirective, DataListResult, TemplateDirective } from '@mediusinc/mng-commons/core';
-import { ColumnDescriptor, ITableDataProvider, TableCellClickEvent, TableDescriptorInst, TableLoadEvent } from '@mediusinc/mng-commons/table/api';
+import { ColumnDescriptor, ITableDataProvider, TableCellClickEvent, TableDescriptorInst, TableLoadEvent, TableReloadEvent } 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";
@@ -80,7 +80,16 @@ export declare class TableComponent<Item = any, Service = undefined, Sorts = any
     private routerIsNavigationOutsideInProgress;
     constructor();
     ngOnDestroy(): void;
-    reload(emitEvent?: boolean, resetParams?: boolean): void;
+    reload(): void;
+    /**
+     * @deprecated Use with `TableReloadEvent` object parameter.
+     */
+    reload(emitEvent: boolean): void;
+    reload(emitEvent?: TableReloadEvent<Sorts, Filters>): void;
+    /**
+     * @deprecated Use with `TableReloadEvent` object parameter.
+     */
+    reload(emitEvent: boolean, resetParams: boolean): void;
     onTableLazyLoad(event: TableLazyLoadEvent): void;
     onCellClick(event: Event, col: ColumnDescriptor<any, Item>, item: Item, idx: number): void;
     onSelectionChange(event: Array<Item>): void;

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

@@ -4,6 +4,7 @@ import { Observable } from 'rxjs';
 import { ActionData, IDataProvider, IdType } from '@mediusinc/mng-commons/core';
 import { ActionActivationTriggerEnum, ActionDescriptorInst, ActionEditorDescriptorInst, ActionEditorSubmitTypeEnum, FormEditorSubmitEvent, IActionEditorComponent, IActionInstance } from '@mediusinc/mng-commons/tableview/api';
 import { FormEditorComponent } from '../../../../editor/components/editor/form-editor.component';
+import { EditorAutoSaveStatus } from '../../../../editor/models/editor-auto-save-preview.model';
 import { ActionInstance } from '../../../models/execution/action-instance.model';
 import * as i0 from "@angular/core";
 export declare class ActionEditorInjectorContextComponent<Item = any, Service = any> implements OnInit, OnDestroy, IActionEditorComponent {
@@ -42,6 +43,7 @@ export declare class ActionEditorInjectorContextComponent<Item = any, Service =
     private fetchExecutionSubscription?;
     formValue: import("@angular/core").WritableSignal<Item | undefined>;
     submitLoading: import("@angular/core").WritableSignal<boolean>;
+    autoSaveStatus: import("@angular/core").WritableSignal<EditorAutoSaveStatus | undefined>;
     private submitExecutionSubscription?;
     private lastSubmitItem?;
     private titleSubscription?;
@@ -54,6 +56,7 @@ export declare class ActionEditorInjectorContextComponent<Item = any, Service =
     updateItem(item: Item | undefined): void;
     triggerSubmit(): void;
     onValueChange(value: Item): void;
+    onAutoSave(value: EditorAutoSaveStatus): void;
     private fetchItem;
     private setEditorEnabled;
     private processActionInstance;
@@ -62,6 +65,7 @@ export declare class ActionEditorInjectorContextComponent<Item = any, Service =
     private onEscapePressed;
     closeWithUnsavedChangesConfirmation(callFromGuard?: boolean): Observable<boolean>;
     private showUnsavedChangesConfirmationDialog;
+    private onEditorReset;
     static ɵfac: i0.ɵɵFactoryDeclaration<ActionEditorInjectorContextComponent<any, any>, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ActionEditorInjectorContextComponent<any, any>, "mng-action-editor-injector-context", never, { "data": { "alias": "data"; "required": true; "isSignal": true; }; }, { "actionRun": "actionRun"; "actionCancel": "actionCancel"; }, never, never, true, never>;
 }

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

@@ -2,7 +2,7 @@ import { QueryList, Signal, TemplateRef, Type } from '@angular/core';
 import { TableRowReorderEvent } from 'primeng/table';
 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 { ITableDataProvider, TableCellClickEvent, TableDescriptorInst, TableLoadEvent, TableReloadEvent } 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";
@@ -39,7 +39,7 @@ export declare class ActionTableComponent<Item = any, Service = undefined, Sorts
     rowClickActions: Signal<ActionDescriptorInst<any, any, any>[]>;
     rowInlineActions: Signal<ActionDescriptorInst<any, any, any>[]>;
     constructor();
-    reload(emitEvent?: boolean, resetParams?: boolean): void;
+    reload(e?: TableReloadEvent<Sorts, Filters>): void;
     onCellClick(event: TableCellClickEvent<Item>): void;
     onSelectionChange(items: Array<Item>): void;
     onRowReorder(event: TableRowReorderEvent): void;

package/tableview/action/services/view-container.service.d.ts

@@ -1,6 +1,7 @@
 import { Observable } from 'rxjs';
 import { IDataProvider } from '@mediusinc/mng-commons/core';
-import { ActionDescriptorInst, IViewContainer, ViewContainerEditorCloseEvent, ViewContainerEditorResetEvent, ViewContainerTableReloadEvent } from '@mediusinc/mng-commons/tableview/api';
+import { TableReloadEvent } from '@mediusinc/mng-commons/table/api';
+import { ActionDescriptorInst, EditorResetEvent, IViewContainer, ViewContainerEditorCloseEvent } from '@mediusinc/mng-commons/tableview/api';
 import { ActionInstance } from '../models/execution/action-instance.model';
 import * as i0 from "@angular/core";
 /**
@@ -13,10 +14,10 @@ export declare class ViewContainer<Item, Service = undefined> implements IViewCo
     private _tableReloadSubject;
     private _editorResetSubject;
     private _editorCloseSubject;
-    get tableReload$(): Observable<ViewContainerTableReloadEvent>;
-    reloadTable(event?: ViewContainerTableReloadEvent): void;
-    get editorReset$(): Observable<ViewContainerEditorResetEvent<Item>>;
-    resetEditor(event?: ViewContainerEditorResetEvent<Item> | undefined): void;
+    get tableReload$(): Observable<TableReloadEvent>;
+    reloadTable(event?: TableReloadEvent): void;
+    get editorReset$(): Observable<EditorResetEvent<Item>>;
+    resetEditor(event?: EditorResetEvent<Item> | undefined): void;
     get editorClose$(): Observable<ViewContainerEditorCloseEvent<Item>>;
     closeEditor(event?: ViewContainerEditorCloseEvent<Item>): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ViewContainer<any, any>, never>;

package/tableview/api/action/models/execution/view-container.model.d.ts

@@ -1,38 +1,21 @@
 import { WritableSignal } from '@angular/core';
 import { Observable } from 'rxjs';
-import { DataListParams, IDataProvider } from '@mediusinc/mng-commons/core';
+import { IDataProvider } from '@mediusinc/mng-commons/core';
+import { TableReloadEvent } from '@mediusinc/mng-commons/table/api';
+import { EditorResetEvent } from '../../../editor/models/form-editor.event';
 import { ActionDescriptorInst } from '../../descriptors/action.descriptor';
 import { IActionInstance } from './action-instance.model';
 export interface IViewContainer<Item, Service, ActionInstance extends IActionInstance<Item, Service> = IActionInstance<Item, Service>> {
     dataProvider: WritableSignal<IDataProvider<Item, Service> | undefined>;
     routeTriggeredActionInstance: WritableSignal<ActionInstance | undefined>;
     actions: WritableSignal<Array<ActionDescriptorInst<Item>>>;
-    tableReload$: Observable<ViewContainerTableReloadEvent>;
-    editorReset$: Observable<ViewContainerEditorResetEvent<Item>>;
+    tableReload$: Observable<TableReloadEvent>;
+    editorReset$: Observable<EditorResetEvent<Item>>;
     editorClose$: Observable<ViewContainerEditorCloseEvent<Item>>;
-    reloadTable(event?: ViewContainerTableReloadEvent): void;
-    resetEditor(event?: ViewContainerEditorResetEvent<Item> | undefined): void;
+    reloadTable(event?: TableReloadEvent): void;
+    resetEditor(event?: EditorResetEvent<Item> | undefined): void;
     closeEditor(event?: ViewContainerEditorCloseEvent<Item>): void;
 }
-export interface ViewContainerTableReloadEvent {
-    emitEvent?: boolean;
-    resetParams?: boolean;
-    params?: DataListParams;
-    data?: {
-        [key: string]: any;
-    };
-}
-export interface ViewContainerEditorResetEvent<T> {
-    emitEvent?: boolean;
-    fetch?: boolean;
-    item?: T;
-    fields?: {
-        [key: string]: unknown;
-    };
-    data?: {
-        [key: string]: any;
-    };
-}
 export interface ViewContainerEditorCloseEvent<T> {
     emitEvent?: boolean;
     item?: T;

package/tableview/api/editor/data-providers/editor.data-provider.d.ts

@@ -1,4 +1,6 @@
+import { Observable, Subject } from 'rxjs';
 import { ClassOptType, DataProviderInst, IDataProvider, IdType, ItemOrObservable, ServiceClassOptType } from '@mediusinc/mng-commons/core';
+import { EditorResetEvent } from '../models/form-editor.event';
 export type EditorDataProviderFetchFnType<Model = any, Service = undefined, Id = IdType, Return = ItemOrObservable<Model>> = (id: Id, service: Service, locale: string | undefined) => Return;
 export type EditorDataProviderCreateFnType<Model = any, Service = undefined, Item = Model | undefined, Return = ItemOrObservable<Model>> = (item: Item, service: Service) => Return;
 export type EditorDataProviderUpdateFnType<Model = any, Service = undefined, Id = IdType, Item = Model | undefined, Return = ItemOrObservable<Model>> = (id: Id, item: Item, service: Service) => Return;
@@ -20,8 +22,13 @@ export interface IEditorDataProviderDelete<Model, Service> {
     withDelete(fn?: EditorDataProviderDeleteFnType<Model, Service>): this;
 }
 export type IEditorDataProviderFnsType<Model, Service> = IEditorDataProviderFetch<Model, Service> & IEditorDataProviderCreate<Model, Service> & IEditorDataProviderUpdate<Model, Service> & IEditorDataProviderDelete<Model, Service>;
-export type IEditorDataProvider<Model = any, Service = any, ModelClass = ClassOptType<Model>, ServiceClass = ServiceClassOptType<Service>> = IDataProvider<Model, Service, ModelClass, ServiceClass> & IEditorDataProviderFnsType<Model, Service>;
+export interface IEditorDataProviderSupport<Model> {
+    get editorReset$(): Observable<EditorResetEvent<Model>>;
+    resetEditor(event?: EditorResetEvent<Model>): void;
+}
+export type IEditorDataProvider<Model = any, Service = any, ModelClass = ClassOptType<Model>, ServiceClass = ServiceClassOptType<Service>> = IDataProvider<Model, Service, ModelClass, ServiceClass> & IEditorDataProviderFnsType<Model, Service> & IEditorDataProviderSupport<Model>;
 export declare class EditorDataProviderInst<Model, Service = any, ModelClass = ClassOptType<Model>, ServiceClass = ServiceClassOptType<Service>> extends DataProviderInst<Model, Service, ModelClass, ServiceClass> implements IEditorDataProvider<Model, Service, ModelClass, ServiceClass> {
+    protected readonly _editorResetSubject: Subject<EditorResetEvent<Model>>;
     protected _fetch: EditorDataProviderFetchFnType<Model, Service>;
     protected _create?: EditorDataProviderCreateFnType<Model, Service>;
     protected _update?: EditorDataProviderUpdateFnType<Model, Service>;
@@ -31,6 +38,7 @@ export declare class EditorDataProviderInst<Model, Service = any, ModelClass = C
     get create(): EditorDataProviderCreateFnType<Model, Service, Model | undefined, ItemOrObservable<Model>> | undefined;
     get update(): EditorDataProviderUpdateFnType<Model, Service, IdType, Model | undefined, ItemOrObservable<Model>> | undefined;
     get delete(): EditorDataProviderDeleteFnType<Model, Service, IdType, Model | undefined, ItemOrObservable<Model | null>> | undefined;
+    get editorReset$(): Observable<EditorResetEvent<Model>>;
     /**
      * Sets the fetch function for the EditorDataProvider instance.
      *
@@ -72,4 +80,5 @@ export declare class EditorDataProviderInst<Model, Service = any, ModelClass = C
      * @typeparam Service The type of service used by this DataProvider.
      */
     withDelete(fn?: EditorDataProviderDeleteFnType<Model, Service>): this;
+    resetEditor(event?: EditorResetEvent<Model>): void;
 }

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

@@ -24,6 +24,8 @@ export declare class EditorDescriptorInst<EditorModel, ParentEditorModel = undef
     /** @ignore */ protected _fields: Array<AFieldDescriptor<any, EditorModel>>;
     /** @ignore */ protected _currentTabGroup?: FieldTabGroupDescriptor<EditorModel>;
     /** @ignore */ protected _currentGroup?: FieldGroupDescriptor<EditorModel>;
+    /** @ignore */ protected _autoSave?: boolean;
+    /** @ignore */ protected _autoSaveIdentifier?: string;
     /** @ignore */ protected _disabled: boolean;
     /** @ignore */ protected _isLocalized: boolean;
     /** @ignore */ protected _localizationLocaleProperty?: string;
@@ -60,6 +62,8 @@ export declare class EditorDescriptorInst<EditorModel, ParentEditorModel = undef
     get localizationLocaleProperty(): string | undefined;
     get localizationLocalizationProperty(): string | undefined;
     get localizationModel(): ModelDescriptor<any, import("@mediusinc/mng-commons/core").ClassOptType<any>> | undefined;
+    get autoSave(): boolean | undefined;
+    get autoSaveIdentifier(): string | undefined;
     /**
      * Creates new tab group. Next added fields are added to newly created tab group.
      * @param name Name of the group.
@@ -266,6 +270,7 @@ export declare class EditorDescriptorInst<EditorModel, ParentEditorModel = undef
      * @param opts Additional configuration for validation.
      */
     withValidationUnsafe<Value = EditorModel>(name: string, validator?: FormValidator<Value, ParentEditorModel>, message?: FormValidationMessage<Value, ParentEditorModel>, opts?: FieldValidationDescriptorOptsType): this;
+    withAutoSave(enabled?: boolean, autoSaveIdentifier?: string): this;
     /**
      * Creates a copy of editor descriptor object.
      */

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

@@ -71,7 +71,7 @@ export declare abstract class AFieldDescriptor<FieldModel, EditorModel, FieldVal
         [additionalProperties: string]: any;
     }> | undefined) => boolean) | undefined;
     get hiddenResetOnHide(): boolean | undefined;
-    get updateOn(): "submit" | "change" | "blur";
+    get updateOn(): "change" | "blur" | "submit";
     get onInit(): CommonsFormlyHookFn<FieldValue, EditorModel> | undefined;
     get onChanges(): CommonsFormlyHookFn<FieldValue, EditorModel> | undefined;
     get afterContentInit(): CommonsFormlyHookFn<FieldValue, EditorModel> | undefined;

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

@@ -170,7 +170,7 @@ export declare class FieldInputDescriptor<EditorModel, FieldModel = FieldInputDe
     get locale(): string | undefined;
     get currency(): string | undefined;
     get currencyFromProperty(): string | undefined;
-    get currencyDisplay(): "symbol" | "name" | "code";
+    get currencyDisplay(): "symbol" | "code" | "name";
     asHidden(): this;
     asLabel(): this;
     asText(opts?: FieldInputTextOptsType): this;

package/tableview/api/editor/models/form-editor.event.d.ts

@@ -67,3 +67,12 @@ export interface FormEvent<FormValue, ParentFormValue = undefined> {
     }>;
     data?: FormEventData<FormValue>;
 }
+export interface EditorResetEvent<Item> {
+    emitEvent?: boolean;
+    fetch?: boolean;
+    item?: Item;
+    fields?: Partial<Item>;
+    data?: {
+        [key: string]: any;
+    };
+}

package/tableview/api/editor/models/form-editor.interface.d.ts

@@ -1,4 +1,4 @@
-import { InputSignal, WritableSignal } from '@angular/core';
+import { InputSignal, InputSignalWithTransform, WritableSignal } from '@angular/core';
 import { AbstractControl, FormGroup, UntypedFormGroup } from '@angular/forms';
 import { FormlyFieldConfig, FormlyFormOptions } from '@ngx-formly/core';
 import { Message } from 'primeng/api';
@@ -29,7 +29,7 @@ export type FormEditorGetFormValueOpts = {
 };
 export interface IFormEditorComponent<Item, ParentItem = any> {
     descriptor: InputSignal<EditorDescriptorInst<Item>>;
-    isFormDisabled: InputSignal<boolean>;
+    isFormDisabled: InputSignalWithTransform<boolean, unknown>;
     formMessages: WritableSignal<Message[]>;
     get form(): FormGroup<{
         [K in keyof Item]: AbstractControl<Item[K]>;

package/tableview/api/tableview/data-providers/tableview.data-provider.d.ts

@@ -1,25 +1,32 @@
 import { ClassOptType, DataListParams, DataProviderInst, ServiceClassOptType } from '@mediusinc/mng-commons/core';
-import { ITableDataProvider, TableDataProviderGetAllEagerFnType, TableDataProviderGetAllFnType, TableDataProviderInst } from '@mediusinc/mng-commons/table/api';
+import { ITableDataProvider, TableDataProviderGetAllEagerFnType, TableDataProviderGetAllFnType, TableDataProviderInst, TableReloadEvent } from '@mediusinc/mng-commons/table/api';
 import { EditorDataProviderCreateFnType, EditorDataProviderDeleteFnType, EditorDataProviderFetchFnType, EditorDataProviderInst, EditorDataProviderUpdateFnType, IEditorDataProvider } from '../../editor/data-providers/editor.data-provider';
+import { EditorResetEvent } from '../../editor/models/form-editor.event';
 export type ITableviewDataProvider<Model = any, Service = any, Sorts = keyof Model, Filters extends keyof any = keyof Model, ModelClass = ClassOptType<Model>, ServiceClass = ServiceClassOptType<Service>> = IEditorDataProvider<Model, Service, ModelClass, ServiceClass> & ITableDataProvider<Model, Service, Sorts, Filters, ModelClass, ServiceClass>;
 export declare class TableviewDataProviderInst<Model, Service = any, Sorts = keyof Model, Filters extends keyof any = keyof Model, ModelClass = ClassOptType<Model>, ServiceClass = ServiceClassOptType<Service>> extends DataProviderInst<Model, Service, ModelClass, ServiceClass> implements ITableviewDataProvider<Model, Service, Sorts, Filters, ModelClass, ServiceClass> {
     protected readonly editorDataProvider: EditorDataProviderInst<Model, Service, ModelClass, ServiceClass>;
     protected readonly tableDataProvider: TableDataProviderInst<Model, Service, Sorts, Filters, ModelClass, ServiceClass>;
     constructor(type: ModelClass, serviceType: ServiceClass);
     get isLazy(): boolean;
-    get getAllReload$(): import("rxjs").Observable<DataListParams<Sorts, Filters> | undefined>;
+    get tableReload$(): import("rxjs").Observable<TableReloadEvent<Sorts, Filters>>;
+    get editorReset$(): import("rxjs").Observable<EditorResetEvent<Model>>;
     get getAll(): TableDataProviderGetAllFnType<Model, Service, Sorts, Filters, import("@mediusinc/mng-commons/core").ItemOrObservable<import("@mediusinc/mng-commons/core").DataListResult<Model>>>;
     get fetch(): EditorDataProviderFetchFnType<Model, Service, import("@mediusinc/mng-commons/core").IdType, import("@mediusinc/mng-commons/core").ItemOrObservable<Model>>;
     get create(): EditorDataProviderCreateFnType<Model, Service, Model | undefined, import("@mediusinc/mng-commons/core").ItemOrObservable<Model>> | undefined;
     get update(): EditorDataProviderUpdateFnType<Model, Service, import("@mediusinc/mng-commons/core").IdType, Model | undefined, import("@mediusinc/mng-commons/core").ItemOrObservable<Model>> | undefined;
     get delete(): EditorDataProviderDeleteFnType<Model, Service, import("@mediusinc/mng-commons/core").IdType, Model | undefined, import("@mediusinc/mng-commons/core").ItemOrObservable<Model | null>> | undefined;
-    getAllReload(queryParam?: DataListParams<Sorts, Filters>): void;
     withGetAll(fn: TableDataProviderGetAllFnType<Model, Service, Sorts, Filters>): this;
     withGetAllEagerly(fn: TableDataProviderGetAllEagerFnType<Model, Service>): this;
     withFetch(fn: EditorDataProviderFetchFnType<Model, Service>): this;
     withCreate(fn?: EditorDataProviderCreateFnType<Model, Service>): this;
     withUpdate(fn?: EditorDataProviderUpdateFnType<Model, Service>): this;
     withDelete(fn?: EditorDataProviderDeleteFnType<Model, Service>): this;
+    /**
+     * @deprecated Use ${reloadTable} instead.
+     */
+    getAllReload(params?: DataListParams<Sorts, Filters>): void;
+    reloadTable(event?: TableReloadEvent<Sorts, Filters>): void;
+    resetEditor(event?: EditorResetEvent<Model>): void;
 }
 export declare class DynamicTableviewDataProviderInst<Service = any, ServiceClass = ServiceClassOptType<Service>> extends TableviewDataProviderInst<any, Service, any, any, undefined, ServiceClass> {
     constructor(serviceType: ServiceClass);

package/tableview/editor/components/editor/auto-save-status/auto-save-status.component.d.ts

@@ -0,0 +1,10 @@
+import { EditorAutoSaveStatus } from '../../../models/editor-auto-save-preview.model';
+import * as i0 from "@angular/core";
+export declare class EditorAutoSaveStatusComponent {
+    status: import("@angular/core").InputSignal<EditorAutoSaveStatus | undefined>;
+    label: import("@angular/core").Signal<"mngEditor.autoSave.autosavedAt" | "mngEditor.autoSave.preview" | "mngEditor.autoSave.previewCurrent" | "mngEditor.autoSave.restored" | undefined>;
+    timestampDateFormat: import("@angular/core").Signal<"HH:mm:ss" | "dd. MM. yyyy HH:mm:ss">;
+    icon: import("@angular/core").Signal<"pi pi-save" | "pi pi-hourglass pi-spin" | "pi pi-eye" | "pi pi-sync" | undefined>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditorAutoSaveStatusComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EditorAutoSaveStatusComponent, "mng-editor-auto-save-status", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -2,21 +2,33 @@ import { ElementRef, OnDestroy, OnInit } from '@angular/core';
 import { AbstractControl, FormGroup, UntypedFormGroup } from '@angular/forms';
 import { FormlyFieldConfig } from '@ngx-formly/core';
 import { Message } from 'primeng/api';
+import { IdType } from '@mediusinc/mng-commons/core';
 import { CommonsFormlyFormOptions, EditorDescriptorInst, FormEditorPatchFieldValueOpts, FormEditorResetFieldValueOpts, FormEditorResetFormModelOpts, FormEditorSetFieldValueOpts, FormEditorSubmitEvent, IFormEditorComponent } from '@mediusinc/mng-commons/tableview/api';
+import { EditorAutoSavePreviewModel, EditorAutoSaveStatus } from '../../models/editor-auto-save-preview.model';
 import * as i0 from "@angular/core";
 export declare class FormEditorComponent<Item = any, ParentItem = any> implements IFormEditorComponent<Item, ParentItem>, OnInit, OnDestroy {
     private readonly formlyConfig;
     private readonly translateService;
     private readonly commons;
+    readonly cmpTypeName = "FormEditorComponent";
     private readonly logger;
     private readonly destroyRef;
     private readonly formService;
+    private readonly commonsStorageService;
+    private readonly router;
+    private autoSaveStorageKeyCompInit;
+    private autoSaveStorageKey;
     descriptor: import("@angular/core").InputSignal<EditorDescriptorInst<Item, undefined>>;
-    submitLoading: import("@angular/core").InputSignal<boolean>;
-    item: import("@angular/core").InputSignal<Item | undefined>;
-    isFormDisabled: import("@angular/core").InputSignal<boolean>;
+    submitLoading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    item: import("@angular/core").ModelSignal<Item | undefined>;
+    isFormDisabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    editorId: import("@angular/core").InputSignal<string | undefined>;
+    itemId: import("@angular/core").InputSignal<IdType | undefined>;
+    showAutoSaveStatus: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     formSubmit: import("@angular/core").OutputEmitterRef<FormEditorSubmitEvent<Item>>;
     valueChange: import("@angular/core").OutputEmitterRef<Item>;
+    private autoSaveStatusSubject;
+    autoSaveStatus: import("@angular/core").OutputRef<EditorAutoSaveStatus>;
     submitButtonElementRef: import("@angular/core").Signal<ElementRef<any> | undefined>;
     private readonly _form;
     private readonly _formlyStateDisabledSubject;
@@ -26,6 +38,15 @@ export declare class FormEditorComponent<Item = any, ParentItem = any> implement
     private initialItemInput;
     private setterFields;
     formMessages: import("@angular/core").WritableSignal<Message[]>;
+    readonly restoreLocalStateButtonStyle: string;
+    readonly previewLocalStateButtonStyle: string;
+    readonly clearLocalStateButtonStyle: string;
+    autoSaveRestore: import("@angular/core").WritableSignal<EditorAutoSavePreviewModel<Item> | null>;
+    autoSave: import("@angular/core").Signal<EditorAutoSaveStatus | undefined>;
+    autoSavePreviewButtonLabel: import("@angular/core").Signal<"mngEditor.autoSave.restore.previewCurrent" | "mngEditor.autoSave.restore.previewAutosaved" | "mngEditor.autoSave.restore.preview">;
+    autoSaveShowRestore: import("@angular/core").Signal<boolean>;
+    private autoSavePreviewDisabledForm;
+    private autoSaveEventsSubscription?;
     get parent(): IFormEditorComponent<ParentItem, any> | undefined;
     get form(): FormGroup<{
         [K in keyof Item]: AbstractControl<Item[K]>;
@@ -56,9 +77,35 @@ export declare class FormEditorComponent<Item = any, ParentItem = any> implement
     patchFieldValueUnsafe(key: string, value: any, opts?: FormEditorPatchFieldValueOpts): boolean;
     resetFieldValue<Property extends keyof Item>(key: Property, value?: Item[Property], opts?: FormEditorResetFieldValueOpts): boolean;
     resetFieldValueUnsafe(key: string, value?: any, opts?: FormEditorResetFieldValueOpts): boolean;
+    /**
+     * Restores the saved local state.
+     * If local storage keys exist for local state and local timestamp, restore their corresponding values.
+     */
+    onAutoSaveRestore(): void;
+    /**
+     * Previews the saved local state.
+     * If local storage keys exist for local state and local timestamp, restore their corresponding values.
+     */
+    onAutoSavePreview(): void;
+    /**
+     * Removes local state from local storage.
+     * If local storage keys exist for local state and local timestamp, remove their corresponding values.
+     */
+    onAutoSaveDismiss(): void;
     private getFormModelFromItem;
     private findFormField;
     private isAnyFieldInvalid;
+    private autoSaveStartEventChangeListen;
+    private autoSaveStopValueChangeListen;
+    /**
+     * Saves the form value to localStorage if autoSave is enabled and the required keys are defined.
+     * @returns {void}
+     */
+    private autoSaveSaveToStorage;
+    /**
+     * Loads the value from the local storage if available
+     */
+    private autoSaveLoadSavedFromStorage;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormEditorComponent<any, any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormEditorComponent<any, any>, "mng-form-editor", never, { "descriptor": { "alias": "descriptor"; "required": true; "isSignal": true; }; "submitLoading": { "alias": "submitLoading"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; "isFormDisabled": { "alias": "isFormDisabled"; "required": false; "isSignal": true; }; }, { "formSubmit": "formSubmit"; "valueChange": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormEditorComponent<any, any>, "mng-form-editor", never, { "descriptor": { "alias": "descriptor"; "required": true; "isSignal": true; }; "submitLoading": { "alias": "submitLoading"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": false; "isSignal": true; }; "isFormDisabled": { "alias": "isFormDisabled"; "required": false; "isSignal": true; }; "editorId": { "alias": "editorId"; "required": false; "isSignal": true; }; "itemId": { "alias": "itemId"; "required": false; "isSignal": true; }; "showAutoSaveStatus": { "alias": "showAutoSaveStatus"; "required": false; "isSignal": true; }; }, { "item": "itemChange"; "formSubmit": "formSubmit"; "valueChange": "valueChange"; "autoSaveStatus": "autoSaveStatus"; }, never, never, true, never>;
 }

package/tableview/editor/helpers/editor-autosave.d.ts

@@ -0,0 +1,17 @@
+import { IdType } from '@mediusinc/mng-commons/core';
+import { EditorDescriptorInst } from '@mediusinc/mng-commons/tableview/api';
+/**
+ * Generates a unique key for autosave data of an editor.
+ *
+ * @param {EditorDescriptorInst<Item>} descriptor - The editor descriptor instance.
+ * @param {Item | undefined} item - The item associated with the editor.
+ * @param {string} url - The URL of the editor.
+ * @param {Object} [opts] - An optional object containing additional options.
+ * @param {string} [opts.editorId] - The custom editor ID.
+ * @param {IdType} [opts.itemId] - The custom item ID.
+ * @return {string} - The generated autosave editor key.
+ */
+export declare function generateAutosaveEditorKey<Item>(descriptor: EditorDescriptorInst<Item>, item: Item | undefined, url: string, opts?: {
+    editorId?: string;
+    itemId?: IdType;
+}): string;

package/tableview/editor/models/editor-auto-save-preview.model.d.ts

@@ -0,0 +1,10 @@
+export interface EditorAutoSavePreviewModel<Item> {
+    saved?: Item;
+    original?: Item;
+    savedAt?: Date;
+}
+export type EditorAutoSaveStates = 'initial' | 'saved' | 'saving' | 'preview' | 'previewCurrent' | 'restored';
+export interface EditorAutoSaveStatus {
+    state: EditorAutoSaveStates;
+    timestamp?: Date;
+}

package/tableview/editor/services/form-editor.service.d.ts

@@ -1,4 +1,4 @@
-import { InputSignal, Provider, WritableSignal } from '@angular/core';
+import { InputSignal, InputSignalWithTransform, Provider, WritableSignal } from '@angular/core';
 import { AbstractControl, FormGroup, UntypedFormGroup } from '@angular/forms';
 import { FormlyFieldConfig, FormlyFormOptions } from '@ngx-formly/core';
 import { Message } from 'primeng/api';
@@ -11,7 +11,7 @@ export declare class FormEditorService<Item, ParentItem = any> implements IFormE
     get parentService(): FormEditorService<ParentItem, any> | undefined;
     get formComponent(): IFormEditorComponent<Item>;
     get descriptor(): InputSignal<EditorDescriptorInst<Item>>;
-    get isFormDisabled(): InputSignal<boolean>;
+    get isFormDisabled(): InputSignalWithTransform<boolean, unknown>;
     get formMessages(): WritableSignal<Message[]>;
     get form(): FormGroup<{
         [K in keyof Item]: AbstractControl<Item[K]>;

package/tableview/index.d.ts

@@ -22,6 +22,7 @@ export * from './action/services/data-provider-executor.service';
 export * from './action/services/navigation.service';
 export * from './action/services/root-action-executor.service';
 export * from './action/services/view-container.service';
+export * from './editor/components/editor/auto-save-status/auto-save-status.component';
 export * from './editor/components/editor/form-editor.component';
 export * from './editor/components/formly/fields/formly-field-action/formly-field-action.component';
 export * from './editor/components/formly/fields/formly-field-autocomplete/formly-field-autocomplete.component';
@@ -41,6 +42,7 @@ export * from './editor/helpers/editor-formly';
 export * from './editor/helpers/formly-config';
 export * from './editor/helpers/notification';
 export * from './editor/helpers/editor-validators';
+export * from './editor/models/editor-auto-save-preview.model';
 export * from './editor/models/formly-config.model';
 export * from './editor/services/form-editor.service';
 export * from './editor/services/formly-config.provider';

package/version-info.json

@@ -1,11 +1,11 @@
 {
     "name": "@mediusinc/mng-commons",
-    "version": "5.4.0-rc.0",
+    "version": "5.4.0-rc.1",
     "tag": "v5.3.0-rc.5",
-    "distance": 2,
-    "hash": "e46579b2",
+    "distance": 6,
+    "hash": "c31e17b3",
     "dirty": true,
-    "semver": "5.3.0-rc.5+2.ge46579b2.dirty",
+    "semver": "5.3.0-rc.5+6.gc31e17b3.dirty",
     "buildTimestamp": null,
-    "raw": "v5.3.0-rc.5-2-e46579b2-dirty"
+    "raw": "v5.3.0-rc.5-6-c31e17b3-dirty"
 }